@charset "utf-8";
/*
==================================================

    CSS File Name - layout.css
    Last-updated: 2010-05-14

    +1: Formatting Reset
    +2: Redefine
	+3: Float, Clear, Align Set, Valign Set
	+4: body
	+5: #wrap
	+6: #header
	+7: #mainBody
	+8: #footer

==================================================
*/


/*--------------------------------------------------
+1: Formatting Reset
==================================================*/
* {
	margin: 0px;
	padding: 0px;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
div,
p,
pre,
address,
blockquote,
ul,
ol,
dl,
dt,
dd,
form,
fieldset {
	display: block;
	margin: 0;
	padding: 0;
}
body{
	background-image:url(../images/white_wall.png);
	}
strong,
em {
	font-weight: bold;
}
ol,
ul {
	list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em;
	font-weight: normal;
}
address,
em {
	font-style: normal;
}
img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
table,
thead,
tbody,
tfoot,
tr,
th,
td,
caption,
col,
colgroup {
	text-align: inherit;
	line-height: inherit;
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
thead {
	display: table-header-group;
}
tbody {
	display: table-row-group;
}
tfoot {
	display: table-footer-group;
}
tr {
	display: table-row;
}
th,
td {
	display: table-cell;
}
caption {
	display: table-caption;
}
col {
	display: table-column;
}
colgroup {
	display: table-column-group;
}
input,
select,
textarea,
button {
	font-size: inherit;
	line-height: inherit;
}
button {
	cursor: pointer;
}


/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+2: Redefine
==================================================*/
a {
	text-decoration:none;
}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	text-decoration:none;
}


/* clearfix
-------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/* alpha
-------------------------------------------------*/
a.alpha:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

/*--------------------------------------------------
+3: Float, Clear, Align Set, Valign Set
==================================================*/
.clear {
	font-size: 1px;
	height: 1px;
	clear: both;
}
.left{
	float:left;
	display:inline;
}

.right{
	float:right;
	display:inline;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.valignTop {
	vertical-align: top;
}
.valignMiddle {
	vertical-align: middle;
}
.valignBottom {
	vertical-align: bottom;
}
/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+4: body
==================================================*/
/* Font-size Setting

80%  = 10px	    |	130% = 16px	|	180% = 22px
90%  = 11px(*)	|	140% = 17px	|	190% = 23px
100% = 12px     |	150% = 18px	|	200% = 24px
105% = 13px	    |	160% = 19px	|	210% = 25px
115% = 14px	    |	165% = 20px	|	215% = 26px
125% = 15px	    |	175% = 21px	|
/* font
---------------------------------------------------*/

body {
	color: #231815;
	font-family:'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	font-size:12px;
	line-height:1.5;
	-webkit-text-size-adjust: none;
}
.fo10 { font-size:10px; }
.fo11 { font-size:11px; }
.fo14 { font-size:14px; }
.fo16 { font-size:16px; }
.fo18 { font-size:18px; }
.foBold { font-weight:bold; }
/*=====================================================================/
/余白(margin)
/=====================================================================*/
/*上*/
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
/*下*/
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
/*左*/
.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
/*右*/
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
/*=====================================================================/
/余白(padding)
/=====================================================================*/
/*上*/
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
/*下*/
.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb70 {padding-bottom: 70px !important;}
/*左*/
.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
/*右*/
.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
/*上下左右同じ*/
.p0 {padding: 0px !important;}
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}
.p35 {padding: 35px !important;}
.p40 {padding: 40px !important;}
.p45 {padding: 45px !important;}
.p50 {padding: 50px !important;}
/*--------------------------------------------------
+5: #wrap
==================================================*/
div#wrap {
	max-width: 1050px;
	width: 100%;
	padding: 0 6px;
	background: url(../images/bg_wrap.png) repeat-y left 15px;
	margin: 0 auto;
	overflow: hidden;
}

/*--------------------------------------------------
+6: #header
==================================================*/
.onlysp{
	display: none;
}
.d-flex{
	display: flex;
}
.container {
	max-width: 1050px;
	width: 100%;
	position:relative;
	margin:0 auto;
	box-sizing: border-box;
}
#header {
	max-width: 1050px;
	width: 100%;
	position:relative;
	margin:0 auto;
	border-top:5px solid #000;
	padding: 12px 2% 5px;
	box-sizing: border-box;
}
#header .headerWrap{
	padding: 12px 1% 5px;
}
#header .navWrap{
}
#subPage #header{
	padding-bottom:20px;
}
#htxt {
	color:#595757;
	padding-bottom: 10px;
}
.headerRow{
	gap: 32px;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 8px;
	font-size: 14px;
}
.headerRow p,
.headerRow a{
	font-weight:600;
	color: #000;
	font-size: 12px;
}
.headerRow a:hover{
	text-decoration:none;
	opacity:.7;
}
.headerLogo{
	width: 470px;
}
.headerInfo{
	flex:1;
	justify-content: flex-end;
	align-items: center;
	gap: 24px;
}
.headerInfo .box .tel{
	align-items: center;
	gap:10px;
	padding-bottom: 4px;
}
.headerInfo .box .tel .icon{
	width: 44px;
}
.headerInfo .box .tel .txt{
	font-size: 39px;
	line-height: 1;
}
.headerInfo .box .insta{
	padding-top: 5px;
	display:inline-block;
}
.headerInfo .box .insta img{
	width: 130px;
}



.fo-roboto{
	font-family:"Roboto", sans-serif;
}
.fo-noto{
	font-family:'Noto Sans JP', sans-serif ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana
}
#nav{
	display:flex;
	text-align: center;
	width: 100%;
	justify-content: center;
}
#nav li a{
	color: #000;
	border-right: 1px solid #000;
	display: inline-block;
	padding: 12px 16px;
}
#nav li:last-child a{
	border:none;
}
#nav li a:hover{
	/* color:#C9251E; */
	opacity:.7;
	text-decoration:none;
}
#nav li a.active{
	color:#C9251E;
}
#nav li a p{
	font-size: clamp(14px, 1.8vw, 20px);
	font-weight:600;
	line-height: 1.1;
}
#nav li a span{
	font-size:10px;
	font-family:"noto sans";
	letter-spacing:-.1em;
	font-weight:600;
}
/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+7: #mainBody
==================================================*/
.contArea {
	width: 90%;
	max-width: 950px;
	margin: 0 auto;
}
.topWrap{
	max-width:1050px;
	margin:0 auto;
}
div#mainBody {
	width: 90%;
	max-width: 1050px;
	margin:0 auto;
	flex-direction: row-reverse;
	gap: 20px;
	padding: 0 0 48px;
	justify-content: space-between;
	box-sizing: border-box;
}
.topWrap div#mainBody{
	padding: 0 0 48px;
	width: 100%;
}
.mainContent {
	width: 100%;
	max-width: 100%;
}
.mainInner {
	width: 100%;
	max-width: 100%;
	background-color:#FFF;
	padding:30px 26px;
	box-sizing: border-box;
}
.mainTtl{
	overflow:hidden;
	width: 100%;
}
.mainTtl{
	color:#fff;
	background-image: repeating-linear-gradient(135deg, #3f3b39 0px, #3f3b39 2px, #221816 0%, #221816 50%);
	background-size: 8px 8px;
	position:relative;
	width: 100%;
}
.mainTtlTxt::after{
	content:"";
	display:block;
	width: 560px;
	height:100%;
	background-color: rgba(0, 0, 0,0.4);
	box-shadow: 0 0 30px #000;
	position:absolute;
	right: 0;
	left: 0;
	top:0;
	bottom:0;
	z-index: 0;
}
.mainTtlTxt{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 560px;
	padding: 16px 0;
}
.mainTtl h2{
	font-size: 16px;
	font-weight:600;
	border-bottom: 1px solid #C9251E;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.mainTtl h2 span{
	font-size: 28px;
	padding-right: 16px;
	line-height: 1;
}
.mainTtl h2 span.fo-noto{
	font-size: 24px;
}
.mainTtl h2,.mainTtl p{
	position:relative;
	z-index:9;
	padding-left: 20px;
	margin-right: 20px;
}
.mainTtlImg{
	position:relative;
	width: calc(100% - 560px);
}
.mainTtlImg img{
	object-fit:cover;
	object-position: left;
	width: 100%;
	height: 100%;
}
.worksSlideArea {
	padding: 0 50px;
	margin-top: -8%;
	font-size: 16px;
	position: relative;
	z-index: 5;
}
.worksSlider .box {
	margin: 0 5px;
	text-align: center;
}
.worksSlider .box .txt {
	font-weight: 600;
	margin-top: 10px;
}
.slick-arrow {
	content: "";
	background: url("../images/slide_arrow.svg") center center no-repeat;
	background-size: contain;
	display: block;
	width: 27px;
	height: 27px;
	position: absolute;
	right: -35px;
	top: 25%;
	z-index: 10;
	cursor: pointer;
	transition: .2s;
}
.slick-arrow.prev {
	right: auto;
	left: -35px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.slick-arrow:hover {
	opacity: .8
}
.newsBox {
	margin-bottom: 50px;
}
.newsBox a:hover img {
	opacity: .8
}

.bkRed.mainTtl{
	background-image: repeating-linear-gradient(135deg, #eb4f49 0px, #eb4f49 2px, #d7231d 0%, #d7231d 50%);
	max-height: 120px;
}
.bkRed .mainTtlTxt::after{
	background-color: rgb(161 63 63 / 40%);
	box-shadow: none;
	width: 486px;
	transform: skewX(344deg);
	left: -30px;
	right: 0;
	margin-right: auto;
}
.bkRed.mainTtl h2{
	border-color:#fff;
	justify-content: space-between;
}
.bkBlack.mainTtl h2{
	justify-content: space-between;
}
.mainTtl h2 span.subTtl span{
	font-size:20px;
}
.mainTtl h2 span.subTtl{
	font-size:16px;
}

#pnavi {
	width: 100%;
	max-width: 100%;
	text-align:right;
	padding:4px 0;
}
#pnavi li {
	display:inline;
	color:#595757;
}
#pnavi li a {
	color:#595757;
	padding:0 3px 0 0;
}
.subContent {
	width: 18%;
	max-width: 100%;
}
.search{
	background-color: #808080;
	color: #fff;
	padding: 8px 11px 6px 14px;
	font-size: clamp(14px,1.8vw,18px);
	font-weight: 600;
	letter-spacing: 0.1em;
}
.search::after{
	content:"";
	display:inline-block;
	margin-left: 5px;
	vertical-align: -4px;
	width: 22px;
	height: 22px;
	background: no-repeat center / contain;
	background-image: url(../images/search.png);
}
.sbox {
	width:168px;
	max-width: 100%;
	background-color:#FFF;
}
.sbox .tit {
	padding: 16px 10px 0 14px;
	font-weight: 600;
}
.black {
	color:#231815;
}
.gray {
	color:#808080;
}
.red {
	color:#C9251E;
}
.sideBnr li {
	margin-bottom: 10px;
}
.sbox .tit .en {
	font-size: 20px;
}
.sbox .tit .ja {
	font-size: 10px;
	padding-left: 2px;
	vertical-align: 1px;
	white-space: nowrap;
}
.sbox ul {
	padding: 6px 10px 24px 14px;
}
.sbox ul.ln {
	background: url(../images/ln.gif) no-repeat center bottom;
}
.sbox ul li {
	padding:4px 0 0 0;
}
.sbox ul li a {
	padding:0 0 0 20px;
	background:url(../images/ico.gif) no-repeat left;
	color:#595757;
	font-size: 16px;
	font-weight: 600;
}
.sbox ul li.on a,
.sbox ul li a:hover {
	background:url(../images/ico_on.gif) no-repeat left;
	text-decoration:none;
	color:#C6251E;
}
.sbnrRow{
	flex-wrap:wrap;
	gap:4px;
	padding-top: 4px;
	box-sizing: border-box;
}
.sbnrItem{
	width:calc(50% - 2px);
}
.topWrap .sbnrRow{
	justify-content: center
}
.topWrap .sbnrItem{
	width: 100px;
}
.topWrap .sbnrItem img{
	width:100%;
}
.topWrap .sbnr{
	width:150px;
}
.sbnr{
	border: 1px solid #ddd;
	background-color:#fff;
	padding: 6px 4px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
}
.sbnr a{
	text-align:center;
}
.sbnr img{
	width: 95%;
}
.gotop {
	padding-bottom: 20px;
	text-align: right;
}
.gotop a {
	background:url(../images/ico2.gif) no-repeat left;
	padding:0 0 0 23px;
	color:#323232;
	display: inline-block;
}
/* .numpage */
.numpage {
	overflow:hidden;
	clear:both;
	margin:0 auto;
	padding: 17px 0 20px 25px;
	float:right;
}
.numpage a {
	border:#595757 1px solid;
	padding:4px 9px 2px 9px;
	margin-right:9px;
	display:block;
	width:11px;
	float:left;
	color:#595757;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	box-sizing: content-box;
}
.numpage a:hover {
	text-decoration:underline;
}
.numpage a.jp-current,
a.jp-current:hover{
    cursor:default;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
.numpage a.jp-disabled,
a.jp-disabled:hover {
	display:none;
}
.numpage span {
	display:block;
    margin-right:9px;
	float:left;
}
/* .pager */
.pager {
	overflow:hidden;
	clear:both;
	margin:0 auto;
	padding: 17px 0 20px 25px;
	float:right;
}
.page-numbers {
	border:#595757 1px solid;
	padding:4px 9px 2px 9px;
	margin-right:9px;
	display:block;
	width:11px;
	float:left;
	color:#595757;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	box-sizing: content-box;
}
.pager a:hover {
	text-decoration:underline;
}
.pager a.jp-current,
a.jp-current:hover{
    cursor:default;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
.pager a.jp-disabled,
a.jp-disabled:hover {
	display:none;
}
.pager span {
	display:block;
    margin-right:9px;
	float:left;
}

/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+8: #footer
==================================================*/
footer{
	background-color:#000;
}
footer .footerWrap {
	clear:both;
}
#pagetop {
	position:absolute;
	top:-24px;
	right:60px;
}
#fnavi {
	text-align:center;
	padding: 12px;
	flex-wrap: wrap;
	justify-content: center;
}
#fnavi li {
	display:inline;
	color:#FFF;
}
#fnavi li a {
	color:#FFF;
	margin: 0 8px 0 0;
	display: inline-block;
	width: 100%;
}
address {
	/* width:930px; */
	max-width: 100%;
	margin:0 auto;
	border-top:1px solid #919292;
	text-align:center;
	color:#FFF;
	padding: 9px 10px 0 10px;
}
address a {
	color:#FFF;
}
#copyright {
	text-align:center;
	color:#FFF;
	padding:0 0 12px 0;
}

/* ------- top ------- */
div#header {
	height:200px;
}
.mainimg {
	padding-bottom: 40px;
	text-align: center;
}
.purchasebnr {
	margin-bottom: 40px;
}
.propertyRow{
	max-width: 800px;
	margin: 0 auto;
	gap: 20px;
	padding-bottom: 30px;
}
.propertyBox{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.propertyBox div{
	padding: 10px;
}
.propertyBox.rentBox ul{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height: 100%;
}
.propertyBox ul li a{
	color:#000;
	position: relative;
	padding: 5px 0 5px 75px;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
}
.propertyBox ul li a:hover{
	text-decoration:none;
	opacity:.7
;}
.propertyBox.rentBox ul li a{
	color:#C9251E;
}
.propertyBox ul li a .span{
	font-size: 18px;
	font-weight: 700;
	min-width: 100px;
}
.propertyBox.rentBox ul li a .span{
	min-width: 70px;
}
.propertyBox ul li a::before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 12px;
    background: url("../images/top/buy_arrow.svg") center right no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 9;
}
.propertyBox.rentBox ul li a::before{
  background-image: url("../images/top/rent_arrow.svg");
}
.propertyBox ul li a::after{
    content: "";
    background:center right no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 26px;
    transform: translateY(-50%);
    z-index: 9;
}
.propertyBox.buyBox ul li._01 a::after,
.propertyBox.rentBox ul li._01 a::after{
  background-image: url("../images/top/buy_land.svg");
  width: 45px;
  height: 10px;
}
.propertyBox.buyBox ul li._02 a::after,
.propertyBox.rentBox ul li._02 a::after{
  background-image: url("../images/top/buy_house.svg");
  width: 41px;
  height: 24px;
}
.propertyBox.buyBox ul li._03 a::after{
  background-image: url("../images/top/buy_mansion.svg");
  width: 38px;
  height: 24px;
}
.propertyBox.buyBox ul li._04 a::after{
  background-image: url("../images/top/buy_income.svg");
  width: 35px;
  height: 26px;
}
.propertyBox.buyBox ul li._05 a::after,
.propertyBox.rentBox ul li._04 a::after{
  background-image: url("../images/top/buy_other.svg");
  width: 38px;
  height: 23px;
}
.propertyBox.rentBox ul li._01 a::after{
  background-image: url("../images/top/rent_land.svg");
}
.propertyBox.rentBox ul li._02 a::after{
  background-image: url("../images/top/rent_house.svg");
}
.propertyBox.rentBox ul li._03 a::after{
  background-image: url("../images/top/rent_business.svg");
  width: 34px;
  height: 28px;
}
.propertyBox.rentBox ul li._04 a::after{
  background-image: url("../images/top/rent_other.svg");
}




/* .buyBox */
.buyBox div {
	border:3px solid #000;
}

/* .rentBox */
.rentBox div {
	border:3px solid #ca251f;
	height: 100%;
}

/* .newsBox */
.newsBox {
	width: 100%;
	max-width: 100%;
}
.newsBox img{
	width:100%;
}
.newsBox div dl {
	padding:3px 0 0 15px;
	width:655px;
	max-width: 100%;
}
.newsBox div dl dt {
	width:80px;
	max-width: 100%;
}
.newsBox div dl dd {
	width:570px;
  max-width: 100%;
	line-height:1.3;
}
.newsBox div dl dd a {
	color:#231815;
}

/* .banner */
.banner {
	width: 100%;
	max-width: 100%;
	gap: 6px;
	padding-bottom: 30px;
}
.banner li{
	width:calc(calc(100% - 12px) / 3);
}
.banner img{
	width: 100%;
}

/* ------- owner ------- */

.red {
	color:#C9251E;
}
/* .fqBox */
.owner .Box {
	width: 100%;
	clear:both;
	position:relative;
	color:#323232;
}
.step{
	gap: 20px 0;
	align-items: flex-end;
	position: relative;
}
.stepTxt{
	width: 63%;
	position: relative;
	z-index: 1;
}
.stepTxt h2{
	padding:0;
	font-weight: 900;
	font-size: 18px;
	align-items: center;
	gap: 6px 20px;
}

.stepImg{
	width: 38%;
}
.step1 .stepImg{
	position:absolute;
	bottom:0;
	right:0;
	width: 45%;
	z-index:0;
}
.owner .txt {
	padding:10px 0 0 5px;
}

.owner p.txt_red{
	border:#C3251E solid 1px;
	width: 84%;
	max-width: 100%;
	margin: 5px 0 0;
	padding:5px;
	box-sizing: border-box;
}
p.yajirushi{
	margin:10px 0;
}
.service{
	border:#C3251E solid 1px;
	margin: 40px 0 20px;
	}
.service p.tit00{
	margin:0px 0 0 0;
	}
.service p img{
	width:100%;
}
.service p.tit{
	margin:10px 18px;
	}
.service p.tit02{
	margin:10px 18px;
	font-size: 16px;
	font-weight: 900;
	}
.service p.txt00{
	margin:10px 18px;
	}

/* ------- FP ------- */
.red {
	color:#C9251E;
}
/* .fqBox */
.fqBox {
	position:relative;
	color:#323232;
}
.fqBox .title {
	padding:0 0 20px 0;
}
.fqBox .txt {
	width: 100%;
	max-width:100%;
	padding:10px 0 33px 5px;
}
.fqBoxRow{
	align-items:flex-end;
	position: relative;
}
.fqBoxTxt{
	width: clamp(65%,48vw,80%);
}
.fqBoxTxt .titleTxt1{
	font-size:18px;
	font-weight:600;
	width: 92%;
}
.fqBoxImg{
	width: 28%;
	position:absolute;
	bottom: 30px;
	right:0;
}
.fqBox .cont {
	width:630px;
	max-width:100%;
	padding:0 0 29px 0;
}
h2.stripe{
	font-size: 16px;
	font-weight: 600;
	padding: 10px 0;
	position: relative;
	margin-bottom: 10px;
}
h2.stripe::before,h2.stripe::after{
   content:"";
   display:block;
   width:100%;
   height: 7px;
   position: absolute;
   background: repeating-linear-gradient(135deg, #fff, #fff 2px, #E2E2E2 2px, #E2E2E2 4px);
}
h2.stripe::before{
   top: 0;
}
h2.stripe::after{
   top: auto;
   bottom:0;
}
.fqBox .img2 {
	padding:0 14px 0 0;
}
.fqBox .txt2 {
	width:310px;
	max-width:100%;
	padding:8px 0 0 3px;
	line-height:1.55;
}
.fqBox .title2 {
	width:630px;
	max-width:100%;

	padding:0 0 2px 0;
	position: relative;
}
.fqBox .title2 dt {
width: 85%;
padding-bottom: 20px;
}
.fqBox .title2 dd {
padding:28px 0 0 0;
position: absolute;
top: -4px;
right: 0;
}
.fqBox .tms {
	text-align:center;
	padding:0 0 13px 0;
}
.fqBox .btn {
	text-align:center;
	padding:0 0 34px 0;
	justify-content: center;
}
.fqBox .btn li {
	display:inline;
}
/* .qaBox */
.qaBox {
	padding:0 0 30px 0;
}
.question {
	padding:0 0 6px 0;
	justify-content:space-between;
	gap: 10px;
}
.question dl {
	width: calc(100% - 36px);
	padding-right: 0;
	border:#000000 2px solid;
}
.question dl dt {
	display:flex;
	align-items:center;
	width: 50px;
	justify-content: center;
	background-color:#000
}
.question dl dt,.answerBtn{
	color: #fff;
	font-weight: 600;
	font-size: 26px;
	font-family: Helvetica;
}
.question dl dt span,.answerBtn span{
	font-size: 12px;
}
.answerBtn span{
	margin-top: 9px;
}
.question dl dd.double {
	padding:3px 17px 2px 8px;
	line-height:1.4;
}
.question dl dd {
	width: calc(100% - 50px);
	max-width:100%;
	color:#000000;
	padding: 6px 22px 6px 12px;
	font-weight:bold;
	background: url(../images/fp/ico.gif) no-repeat right center;
	letter-spacing:-1px;
	display: flex;
	align-items: center;
}
.answerBtn{
	cursor:pointer;
	display: flex;
	align-items: center;
	width: 84px;
	max-width: 100%;
	justify-content: center;
}
.answerTxt{
	background-color: #C9241E;
	width: 100%;
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.answerResult{
	border:2px solid #C9241E;
	width: 100%;
	text-align: center;
	justify-content:center;
	align-items:center;
	height:100%;
	padding: 4px;
	box-sizing: border-box;
}
.answerResult,.answerTxt.active{
	display:none;
}
.answerResult.active{
	display:flex;
}
.answer {
	max-width:100%;
	padding:0 13px;
	clear:both;
	background-color:#e6e6e6;
}
.answer dl {
	width:604px;
	max-width:100%;
	clear:both;
	padding:8px 0 5px 0;
	line-height:1.6;
}
.answer dl dt {
	padding:0 0 3px 0;
}
.answer dl dd span {
	color:#000000;
}

/* ------- point ------- */
.mainInner {
	background-color:#FFF;
}
.blue {
	color:#171056;
}
/* pointBox */
.pointBoxTtl{
	font-weight:600;
	font-size:16px;
	text-align:center;
	padding-bottom:20px;
}
.pointBoxList {
	margin-bottom:23px;
	border-top: 1px dashed #808080;
	border-bottom: 1px dashed #808080;
	position:relative;
	padding: 8px 0;
	align-items: center;
}
.pointBoxList::before,.pointBoxList::after {
   content: "";
   display: block;
   width: 100%;
   position: absolute;
}
.pointBoxList::before {
   border-top: 1px solid #808080;
   top:-4px;
}
.pointBoxList::after {
   border-bottom: 1px solid #808080;
   top:auto;
   bottom:-4px;
}
.pointBoxList li{
	width:calc(100% / 3);
	font-weight:600;
}
.pointBoxList li a{
	display:flex;
	align-items:center;
	justify-content: center;
	gap: 8px;
}
.pointBoxList li a:hover{
	text-decoration:none;
	opacity:.8
}
.point .arrow{
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  position: relative;
  width: 17px;
  height: 1px;
  background: currentColor;
}
.point .arrow::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: translate(0%,-44%) rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
}
.pointBox2 h3 .arrow{
	position:absolute;
	top: 50%;
	left:0;
}
.pointBoxList .en{
	font-size: clamp(12px,1.8vw,18px);
}
.pointBoxList .ja{
	font-size: 10px;
}
/* pointBox2 */
.pointBox2 h3 {
	padding: 8px 0 8px 28px;
	color:#fff;
	font-weight:600;
	display: flex;
	align-items: center;
	gap: 0 14px;
	margin-bottom: 20px;
	position: relative;
}
.pointBox2.bkGray h3 {
	background-color:#808080;
}
.pointBox2.bkBlack h3 {
	background-color:#231815;
}
.pointBox2.bkRed h3 {
	background-color:#C9251E;
}
.pointBox2 h3 .en{
	font-size: 20px;
}
.pointBox2 h3 .ja{
	font-size: 12px;
}
.pointBox2 .cont {
	margin:0 auto 13px auto;
	border-bottom:1px dotted #231815;
	padding:0 0 13px 0;
}
.pointBox2 .cont .txt {
	color:#323232;
}
.pointBox2 .tit {
	color:#C6251E;
	padding:0 0 10px 0;
	line-height:1.6;
	font-weight:bold;
}

/* ------- partners ------- */
/* .partnersBox */
.partnersBox ul {
	gap: 20px;
	flex-wrap: wrap;
}
.partnersBox ul li {
	width:calc(calc(100% - 40px)/ 3)
}
.partnersBox ul li .photo {
	padding: 5px;
	background: repeating-linear-gradient(135deg, #adadad, #adadad 3px, #6E6967 3px, #6E6967 6px);
}

.partnersBox ul li .photo a{
	display:inline-block;
	width: 100%;
}
.partnersBox ul li .photo img{
	width: 100%;
	object-fit: cover;
}
.partnersBox ul li .tit {
	font-weight:bold;
	padding:9px 0 6px 0;
}
.partnersBox ul li .txt {
	line-height:1.35;
}

/* ------- about ------- */
/* aboutBox */
.boxWrap {
	display: flex;
	align-items: center;
	padding-left: 9px;
	margin: 10px 0 20px
}
.boxWrap figure {
	max-width: 154px;
	margin-right: 10px;
}
.aboutBox .txt {
	padding:24px 0 20px 8px;
	font-size: 16px;
	font-weight: 600;
}
.aboutBox table {
	margin:0 0 0 9px;
}
.aboutBox table th {
	vertical-align:top;
	text-align:right;
	background-color:#e6e6e6;
	color:#323232;
	width:127px;
	padding:5px 10px 4px 0;
	font-weight:normal;
}
.aboutBox table td {
	vertical-align:top;
	text-align:left;
	padding:5px 0 4px 20px;
}
/* aboutBox2 */
.aboutBox2 {
	padding: 33px 0 0 0;
}
.aboutBox2 h2 {
	padding-bottom:17px;
}
.aboutBox2 table {
	width:618px;
	margin:0 0 0 9px;
}
.aboutBox2 table th {
	vertical-align:top;
	text-align:center;
	background-color:#e6e6e6;
	color:#323232;
	width:137px;
	padding:5px 0px 4px 0;
	font-weight:normal;
}
.aboutBox2 table td {
	vertical-align:top;
	text-align:left;
	padding:5px 0 4px 20px;
}
/* aboutBox3 */
.aboutBox3 {
	padding:33px 0 0 0;
}
.aboutBox3 h2 {
	padding-bottom:17px;
}
.aboutBox3 .txt {
	padding:0 0 7px 0;
}
.aboutBox3 dl {
	width:627px;
	max-width: 100%;
	overflow:hidden;
	clear:both;
}
.aboutBox3 dl dd a,
.aboutBox3 dl dd a:visited {
	color:#000000;
	text-decoration:underline;
}
.aboutBox3 dl dd a:hover {
	text-decoration:none;
}

/* ------- contactPage ------- */
/*----- box -----*/
.red {
	color:#C9251E;
}
.contact {

	clear:both;
	position:relative;
	color:#323232;
}
.contactPage div.box {
	border:#333 solid 1px;
}
div.box_regist {
	background:url(../images/contact/contact_bg_reg.jpg) no-repeat;
	clear:both;
	overflow:vissible;
	width:600px;
	padding:150px 0px 150px 75px;
}
p.center {
	text-align:center;
}
.contactTxt1{
	font-weight: 600;
	font-size: 16px;
	padding-bottom: 10px;
}
.contactBox{
	border:1px solid #221816;
	max-width: 540px;
	margin: 0 auto;
}
.contactBox h2{
	font-weight: 600;
	font-size: 16px;
	position:relative;
	color:#fff;
	z-index: 1;
	padding: 4px;
	text-align: center;
}
.contactBox h2::before,.contactBox h2::after{
   content:"";
   display:block;
   width:100%;
   height: 50%;
   position: absolute;
   z-index: -1;
   background-color: #221816;
   right: 0;
   left: 0;
}
.contactBox h2::before{
   top:0;
}
.contactBox h2::after{
   background-image: repeating-linear-gradient(135deg, #3f3b39 0px, #3f3b39 2px, #221816 0%, #221816 50%);
   background-size: 6px 6px;
	top:auto;
   bottom:0;
}
.contactBoxTxt{
	padding: 12px 2px 12px 10px;
	justify-content: center;
	align-items: flex-end;
	gap: 6px;
	flex-wrap: wrap;
}
.contactBoxTel{
	font-size: 27px;
	font-weight:900;
	line-height: 1;
}
.contactBoxTel::before{
   content:"";
   display:inline-block;
   margin-right: 5px;
   width: 27px;
   height: 20px;
   background: url("../images/contact/tel.png") no-repeat center / contain;
}
.contactBoxTel a:hover{
	text-decoration:none;
	opacity:.8;
}
.contactBoxHour{
	font-size: 15px;
	font-weight:900;
}
p.center.contactTxt2{
	padding: 40px 0 10px 0;
}
p.policy{
	border:#333 solid 1px;
	padding:5px;
	margin: 0 0 15px;
	}
div.box div.cont_L {
	font-size:12px;
	color:#231815;
}
div.box div.cont_L div.inner ul {
	/* clear:both; */
	text-align:center;
	display: flex;
	/* gap: 20px; */
	justify-content: center;
}
div.box div.cont_L div.inner li {
	text-align: center;
}
.confirmPage div.box div.cont_L div.inner li.resetBtn{
	display:none;
}
div.box div.cont_L div.inner li input{
	border:none;
	padding: 4px;
	color:#fff;
	width: 80px;
	max-width: 100%;
}
div.box div.cont_L div.inner li input:hover{
	cursor:pointer;
}
div.box div.cont_L div.inner li.submitBtn input{
	background-color:#C4251F;
	margin-right: 20px;
	display: inline-block;
}
li.submitBtn input,li.backBtn input{
	letter-spacing: 1em;
	text-indent: 1em;
}
div.box div.cont_L div.inner li.blackBtn input{
	background-color:#231816;
}
div.box div.cont_L div.inner li.last {
	padding-right:0px;
}
div.box div.cont_L div.inner {
	padding: 20px 40px;
}
div.box div.regist {
	width:900px;
	float:left;
	font-size:12px;
	color:#231815;
}
div.box div.regist div.inner {
	background-color:#FFF;
	width:600px;
	padding:10px 15px 18px 22px;
	margin:4px 0 23px 0;
}
div.box div.cont_L div.inner table {
	width:600px;
	max-width: 100%;
	margin:0px auto 15px auto;
}
div.box div.cont_L div.inner table th {
	text-align:right;
	width: 180px;
	max-width: 100%;
	font-weight:normal;
	line-height:2.6;
}
div.box div.cont_L div.inner table th.th01 {
	vertical-align:top;
}
div.box div.cont_L div.inner table td {
	padding-left:16px;
}
div.box div.cont_L div.inner table td > input {
	width:243px;
	max-width: 100%;
	padding:2px;
	background-color:#FFF;
	border:1px solid #bab9b7;
}
div.box div.cont_L div.inner table td textarea{
	width:233px;
	max-width: 100%;
}
div.box div.cont_L div.inner table td input.check{
	width:20px;
	max-width: 100%;
	padding:2px;
	border:0px;
}
div.box div.cont_L div.inner table td.check_td{
	padding-top: 10px;
	padding-bottom: 4px;
}
div.box div.cont_L div.inner table td.check_td label{
	margin-bottom: 6px!important;
	margin-right: 6px;
	display: inline-block;
}
div.box div.cont_L div.inner table td input.text01 {
	width:60px;
}
div.box div.cont_L div.inner table td input.text02 {
	width:388px;
	height:178px;
}
.checkboxLabel{
	display:inline-block;
	cursor:pointer;
}
.checkboxTxt{
	vertical-align: 2px;
	margin: 0 4px 2px 0;
}
.mw_wp_form .horizontal-item + .horizontal-item{
	margin:0!important;
	display:inline-block;
}

/* ------- staffPage ------- */
.red {
	color:#C9251E;
}
/* .fqBox */
.staffPage .Box {
	position:relative;
	color:#323232;
}
.Box h2.title.stripe{
	font-size:20px;
	font-weight: 600;
	text-align: center;
	padding: 18px 0;
	position: relative;
}
.Box h2.title.stripe::before,.Box h2.title.stripe::after{
   content:"";
   display:block;
   width:100%;
   height: 7px;
   position: absolute;
   background-image: repeating-linear-gradient(135deg, #e2e2e2 0px, #e2e2e2 2px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
   background-size: 6px 6px;
}
.Box h2.title.stripe::before{
   top: 0;
}
.Box h2.title.stripe::after{
   top: auto;
   bottom:0;
}
.staffPage .txt {
	font-size:14px;
	line-height:1.7;
	margin:30px 25px;
}
.staff{
	margin:25px 0;
	height:441px;
	background:url(../images/staff/koide_back.jpg) no-repeat;
}
.staff .profile{
	padding:100px 0 30px 200px ;
	position:relative;

}
.staff .profile p.name{
	width:250px;
	font-size:20px;
	font-weight:bold;
	border-bottom:#C3251E solid 2px;
}
.staff .profile p.name span{
	font-size:14px;
}
.staff .profile p.skil{
	font-size:14px;
	font-weight:bold;
	margin:5px 0 0 0;
	line-height:1.2;
}
.staff .profile table{
	width:350px;
	margin:30px 0 15px 0;
}
.staff .profile table th{
	width:40px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	padding:2px;
}
.staff .profile table td{
	width:210px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	padding:2px;
}
.staff .profile p.comment{
	width:350px;
	font-size:12px;
}
.staff .profile .img {
	position:absolute;
	top:79px;
	right:57px;
}
/* 情報セキュリティ基本方針ページ */
.securityImg{
	text-align:center;
	padding-bottom: 20px;
}
.securityImg img{
	width:auto;
}

/* ------- buy_rent ------- */
.buy_rent h2 {
	text-align:center;
}
.red {
	color:#C6251E;
}
/* .glanceBox */
h2.verticalLine{
	text-align:left;
	background-color:#231816;
	color:#fff;
	padding: 6px 10px 6px 22px;
	font-weight:600;
	font-size: 16px;
	position: relative;
}
h2.verticalLine::before{
	content:"";
	height:100%;
	border-left:4px solid #C6251E;
	position: absolute;
	top: 0;
	left: 8px;
}
.glanceBox{
	gap: 0 10px;
	flex-wrap: wrap;
}
.glanceBox .glance {
	width: calc(50% - 5px);
	padding: 20px 0;
	background:url(../images/ln2.gif) no-repeat left bottom;
}
.glanceBox .glance .name {
	font-weight:bold;
	padding:0 0 3px 0;
}
.glanceBox .glance .name a {
	color:#1B1464;
	text-decoration:underline;
}
.glanceBox .glance .name a:hover {
	text-decoration:none;
}
.glanceBox .glance .dress {
	width:315px;
	max-width:100%;
	line-height:1.4;
}
.glanceBox .glance .dress.color01 {
	color:#000000;
}
.glanceBox .glance .dress.color02 {
	color:#4C4C4C;
}
.glanceBox .glance .dress dt {
	width:40px;
	max-width: 100%;
}
.glanceBox .glance .dress dd {
	width:275px;
	max-width: 100%;
	flex: 1;
	padding-left: 0.6em;
	text-indent: -0.6em;
}
.row{
	gap:10px;
}
.glanceBox .glance .photo{
	width: 40%;
}
.navyBtn{
	background-color:#1B1464;
	color:#fff;
	display:inline-block;
	border-radius: 3px;
	padding: 6px 10px 6px 16px;
	width: 100%;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
.navyBtn:hover{
	text-decoration:none;
	opacity:.8;
}
.buy_rent .arrow{
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 12px;
  height: 1px;
  background: currentColor;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.buy_rent .arrow::before {
  content: '';
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: translate(0%,-44%) rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
}
.glanceBox .glance .item {
	width: 60%;
	max-width:100%;
	padding-bottom:10px;
}
.glanceBox .glance .item dl {
	width:194px;
	max-width:100%;
	line-height:1.4;
	gap: 4px;
}
.glanceBox .glance .item dl dt {
	width:82px;
	max-width:100%;
}
.glanceBox .glance .item dl dt.pt2 {
	padding-top:2px;
}
.glanceBox .glance .item dl dd {
	width:112px;
	max-width:100%;
}
.glanceBox .glance .photo img {
	border:#000000 1px solid;
	margin-bottom:4px;
	width: 100%;
}
.glanceBox .glance .btn {
	padding:3px 0 6px 0;
}
.glanceBox .glance ul {
	width:315px;
	overflow:hidden;
	clear:both;
}
.glanceBox .glance ul li {
	float:left;
	padding:0 2px 0 0;
}

/* ------- detail ------- */
.detail .red {
	color:#C6251E;
	font-weight:bold;
}
h2.verticalLine{
	text-align:left;
	background-color:#231816;
	color:#fff;
	padding: 6px 10px 6px 22px;
	font-weight:600;
	font-size: 16px;
	position: relative;
}
h2.verticalLine::before{
	content:"";
	height:100%;
	border-left:4px solid #C6251E;
	position: absolute;
	top: 0;
	left: 8px;
}
/* detailBox */
.detailBox {
	margin:0 auto;
}
.detailBoxTit{
	justify-content:space-between;
}
.detailBox .tit > p{
	width: 58px;
}
.detailBox .tit {
	width:500px;
	max-width: 100%;
	padding: 13px 0 15px 5px;
	overflow:hidden;
	gap: 7px;
}

.detailBox .tit div {
	width:430px;
	max-width: 100%;
	display:block;
	color:#C6251E;
	font-weight:bold;
	line-height:1.3;
	flex: 1;
}
.detailBox .btn {
	padding:14px 12px 0 0px;
}

.icobtn ul {
	overflow:hidden;
	position:absolute;
	top:8px;
	right:0px;
}
.icobtn ul li {
	float:left;
	padding:0 4px 0 0;
}
.contRow{
	gap: 0 16px;
	width: 100%;
}
.detailBox .cont {
	width:616px;
	max-width:100%;
	margin:0 auto 9px auto;
	overflow:hidden;
	clear:both;
	border-bottom:1px dashed #231815;
	padding:0 0 3px 0;
}
.detailBox .cont table {
	width:616px;
	max-width:100%;
	clear:both;
}
.detailBox .cont table th {
	width:60px;
	max-width:100%;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	background-color:#E5E5E5;
	border-bottom:5px solid #ffffff;
	padding:5px 0 5px 0px;
}
.detailBox .cont table td {
	text-align:left;
	vertical-align:middle;
	border-bottom:5px solid #ffffff;
	padding:5px 0 5px 7px;
}
.detailBox .cont table td img {
	display:block;
	width: auto;
}
.detailBox .cont table td span {
	display:block;
	float:left;
	padding-right: 5px;
}
.detailBox .cont2{
	flex-wrap:wrap;
}
.detailBox .cont2 dl{
	width:50%;
}
.detailBox .cont2 dt {
	width:120px;
	max-width: 100%;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	background-color:#E5E5E5;
	border-bottom:5px solid #ffffff;
	padding:2px 0 2px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.detailBox .cont2 dd {
	text-align:left;
	vertical-align:middle;
	border-bottom:5px solid #ffffff;
	padding:2px 0 2px 15px;
	display: flex;
	align-items: center;
	flex: 1;
}
/* detailBox2 */
.detailBox2 {
	margin:0 auto;
	padding-top:10px;
}
h3.underline{
	font-size: 14px;
	font-weight: 900;
	border-bottom:2px solid;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
.detailBox2 .cont,.detailBox2 .cont2 {
	width: calc(50% - 8px);
}
.detailBox2 .cont dl {
	border-bottom:1px solid #e4e4e6;
}
.detailBox2 .cont dl.topline {
	border-top:1px solid #e4e4e6;
}
.detailBox2 .cont dl dt {
	width:130px;
	line-height:2;
}
.detailBox2 .cont dl dd {
	width:175px;
	line-height:2;
}
.detailBox2 .cont2 dl {
	border-bottom:1px solid #e4e4e6;
	margin-bottom:1px;
	padding-bottom:2px;
}
.detailBox2 .cont2 dl.topline {
	border-top:1px solid #e4e4e6;
}
.detailBox2 .cont2 dl dt {
	width:80px;
	max-width: 100%;
	line-height:2;
}
.detailBox2 .cont2 dl dd {
	width:220px;
	max-width: 100%;
	line-height:2;
}
.detailBox2 .cont2 dl dd.wk {
	word-break: break-all;
}
/* detailBox3 */
.detailBox3 {
	width:620px;
	max-width: 100%;
	clear:both;
	overflow:hidden;
	margin:0 auto;
}
.detailBox3 .tit {
	padding: 19px 0 8px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}
.detailBox3 ul {
	padding-bottom:20px;
	gap:10px;
	justify-content:center;
}
.detailBox3 .detailBox3Table {
	border-top:1px solid #c8cac9;
	border-left:1px solid #c8cac9;
	flex-wrap: wrap;
}
.detailBox3 .detailBox3Table dl{
	width:50%;
}
.detailBox3 .detailBox3Table dt {
	font-weight:normal;
	border-bottom:1px solid #c8cac9;
	border-right:1px solid #c8cac9;
	text-align:center;
	vertical-align:middle;
	background-color:#e6e6e6;
	padding:3px 0 3px 0px;
	width: 70px;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.detailBox3 .detailBox3Table dd {
	font-weight:normal;
	border-bottom:1px solid #c8cac9;
	border-right:1px solid #c8cac9;
	text-align:left;
	vertical-align:middle;
	padding:3px 0 3px 12px;
	flex: 1;
	display: flex;
	align-items: center;
}

@media print{
#header{display:none;}
#footer{display:none;}
.subContent{display:none;}
h1{display:none;}
ul#pnavi{display:none;}
}


/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 980px) {
	#nav li a{
		padding:9px;
	}
}


@media screen and (max-width: 780px) {
	body {
		padding-top: 22.5781111vw
	}
	*{
		box-sizing:border-box;
	}
	.onlypc{
		display:none;
	}
	.onlysp{
		display: block;
	}
	img {
	width: 100%;
	}
	body.active {
		overflow:hidden;
	}
	div#wrap{
		padding:0;
		background-position: center;
	}
	.mainInner {
	width:100%;
	padding:20px 16px;
}
	/*header-------------------------------------*/
	#header {
		padding: 0 10px;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 9999;
		transition: .4s ease-out;
		box-sizing: border-box;
	}
	#subPage #header{
	padding-bottom:0;
	}
	#header.scrollClass {
	background: #fff;
	box-shadow: 0px 10px 5px -12px;
}
	.headerRow{
		padding: 12px 0;
	}
	.headerLogo{
		width: 400px;
		max-width: 100%;
		padding-right: 60px;
	}
	#nav {
		display: none;
	}
	.menuIcon {
		position: fixed;
		top: 29px;
		bottom: 0;
		right: 5%;
		width: 30px;
		height: 22px;
		z-index: 99999;
		cursor: pointer;
		display: block;
	}
	.menuIcon span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background: #231815;
		z-index: 10;
		transition: .2s;
	}
	.menuIcon span:nth-of-type(1) {top: 0px;}
	.menuIcon span:nth-of-type(2) {top: 10px;}
	.menuIcon span:nth-of-type(3) {bottom: 0px;}
	.menuIcon.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.menuIcon.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menuIcon.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}
	#nav {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		transition: all 0.3s ease-in-out;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		display: block;
		padding: 50px 5%;
		background: url(../images/white_wall.png) top left repeat;
		background-size: 400px auto;
		visibility: hidden;
		opacity: 0;
		box-sizing: border-box;
	}
	#nav.active {
		right: 0;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
		z-index: 9990;
		box-sizing: border-box;
	}
	.nav {
		margin: auto;
		display: block;
		width: 100%;
	}
	.nav > li:not(:first-of-type) {
		border-top: 1px solid #ccc;
	}
	.nav > li:last-child {
	border-bottom: 1px solid #ccc;
	}
	#nav .nav > li > a {
		display: flex;
		align-items: flex-end;
		gap: 6px;
		border: none;
	}
	.nav > li > a::before {
		display: none;
	}
	#nav li a p{
		font-size:20px;
	}
	#nav li a span{
		font-size:12px;
		letter-spacing: 0;
		display: inline-block;
	}
	.spInfo {
		background: rgba(255,255,255,.7);
		font-family: "noto sans";
		padding: 20px 10px;
		font-size: 14px;
		margin-top: 15px;
	}
	.spInfo .tel img {
		max-height: 22px;
	}
	.spInfo .fax {
		font-size: 16px;
	}
	.spInfo .time {
		margin: 3px 0;
		font-size: 12px;
	}
	.spInfo .address {
	}
	.spInfo .insta {
		display: block;
		padding-top: 15px;
	}
	.spInfo .insta img {
		display: inline-block;
		width: auto;
		max-height: 36px;
	}
	.spInfo .mail {
		color: #000;
		font-size: 16px;
		margin-bottom: 3px;
	}
	
	
/*--------------------------------------------------
+7: #mainBody
==================================================*/
.mainTtl::after,
.mainTtlTxt{
	width:300px;
}
.mainTtlTxt h2{
	flex-direction:column;
	align-items:flex-start;
}
.mainTtlImg{
	width:calc(100% - 300px);
}
.mainTtlTxt h2 {
    font-size: 14px;
}
.mainTtlTxt h2 span {
    font-size: 20px;
    padding: 0;
    line-height: 1.2;
}
.bkRed.mainTtl::after{
	width: 360px;
	/* margin: 0; */
	/* left: -30px; */
	/* right: 0; */
}

/*--------------------------------------------------
+8: #footer
==================================================*/
div#footer {
	width:1050px;
	max-width: 100%;
	background-color:#000;
	margin:0 auto;
	clear:both;
	position:relative;
}
#pagetop {
	position:absolute;
	top:-24px;
	right:60px;
}
#fnavi {
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 90%;
	max-width: 355px;
	margin: 0 auto;
	padding: 12px 0;
	gap:0 8px;
}
#fnavi li {
	width: calc(50% - 4px);
	text-align: left;
	padding: 3px 0;
	font-size: 11px;
}
	#fnavi li a{
		margin:0
	}
	/* ------- top ------- */
	div#mainBody {
		width: 100%;
	flex-direction: column;
	padding: 10px 14px 48px;
	}
	.mainContent {
		width: 100%;
	}
	.propertyBox img{
	width:auto;
	}
	.subContent {
		width: 100%;
		box-sizing: border-box;
		margin-top: 40px;
	}
	.subContent > div > p.tit img{
		width:auto;
	}
	.sideBnr {
		display: flex;
		flex-wrap: wrap;
		gap: 10px 2%;
	}
	.sideBnr li {
		width: 49%;
	}
	.sbox{
	width:100%
	}
	.sbox ul{
		display:flex;
		flex-wrap:wrap;
		gap: 10px;
	}
	.sbox ul.ln {
	background-repeat: repeat-x;
}
	.topWrap .sbnrItem {
		width: 85px
	}
	.sbnrItem{
	width: calc(calc(100% - 12px)/ 4);
}
	.sbnr{
		width: calc(calc(calc(100% - 4px)/ 4) * 2);
		padding: 6px 8px;
	}
	.sbnr img{
		width:100%;
	}
	.propertyRow{
		flex-direction:column;
		text-align: center
	}
	.propertyBox ul {
		display: inline-block!important;
		text-align: left;
	}
	.propertyBox {
			width: 100%;
	}
	.propertyBox > p {
		text-align: left;
	}
	.propertyBox div{
		padding: 7px 20px;
	}
	.propertyBox ul li a {
		font-size: 12px;
		padding: 2px 0 2px 75px;
		line-height: 1.2;
	}
	.propertyBox ul li a::after {
		max-height: 22px;
	}
	.propertyBox ul li a .span {
		font-size: 15px;
		display: flex;
    min-height: 33px;
    align-items: center;
	}
	.propertyBox img[src*="tit"] { 
		max-height: 26px;
	}
	.banner{
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
	}
	.banner li {
		width:calc(50% - 6px);
	}

/* ------- owner ------- */
.owner .Box img{
	width: auto;
}
p.yajirushi img{
	width: 100%;
	object-position: 6px 50%;
}
.step{
	flex-direction:column;
}
.step .stepImg{
	position:static;
	width: 100%;
}
.stepTxt{
width: 100%;
}
.stepTxt h2{
flex-direction:column;
align-items:flex-start
}
.owner .titleImg{
	width:80px;
	max-width:100%;
}
.owner .txt {
padding:10px 0 0 0;
}
p.txt_red{
	width:100%;
}
.owner .stepImg{
	width:100%;
	text-align: center;
}
.service p.tit02{
	font-size: 14px;
	font-weight: 600;
}
/* ------- FP ------- */
.fqBoxRow{
	flex-direction:column;
}
.fqBoxTxt{
	width:100%;
}
.fqBoxImg{
	position:static;
	width: 200px;
	max-width: 100%;
	margin: 0 auto 20px;
}
.qaBox {
padding: 0 0 8px 0;
}
.fqBox .cont{
	flex-direction:column;
}
.fqBox .txt2{
	width:100%;
}
.fqBox .img2{
	width:400px;
	max-width:100%;
	margin:0 auto;
	padding:10px 0 0;
}
.question {
gap: 0;
padding-bottom: 4px;
}
.fqBox .title2{
	width:100%;
}
.fqBox .title2 dt{
	width:100%;
	padding-bottom: 40px;
}
.fqBox .title2 dd{
	top: auto;
	bottom: 0;
	right: -10px;
	width: 50px;
	max-width: 100%;
	padding: 0;
}
.question dl dt,.answerBtn {
	width: 30px;
	font-size: 20px;
}
.question dl dd {
	background: none;
	width: calc(100% - 30px);
	padding: 4px;
}
.fqBox .btn{
	flex-direction:column;
	gap:10px;
	width:300px;
	max-width:100%;
	margin: 0 auto;
}

	/* ------- point ------- */
	.pointBoxTtl{
		font-size:14px;
	}
.pointBoxList{
	flex-direction:column;
	gap: 2px;
}
	.pointBoxList li{
		width:100%;
	}
	.pointBox2 h3{
		flex-direction:column;
		align-items:flex-start;
	}
	.pointBoxList .en{
		font-size:18px;
	}

	/* ------- point ------- */
	.partnersBox {
		width:280px;
			max-width:100%;
			margin:0 auto;
	}
		.partnersBox ul li {
			width: 100%;
		}

	/* ------- about ------- */
	/* aboutBox */
	.boxWrap {
		display: block;
		padding-left: 0;
	}
	.boxWrap figure {
		max-width: 200px;
	}
	.aboutBox .txt {
		font-size: 14px;
	}
		.aboutBox img,.aboutBox2 img,.aboutBox3 img{
			width:auto;
		}
		.aboutBox .txt {
			padding:14px 0;
		}
		.aboutBox table {
			margin:0;
		}
		.aboutBox table th {
		width: 101px;
		padding: 5px 8px 4px 0;
		}
		.aboutBox table td {
		padding:5px 0 4px 8px;
		}

/* ------- contactPage ------- */
.contactTxt1{
	font-size: 14px;
	}
	.contactBoxTxt{
	padding: 10px;
	}
	.contactBoxHour{
	font-size: 13px;
	}
	p.center.contactTxt2{
	padding: 24px 0 10px 0;
	}
	div.box div.cont_L div.inner {
	padding: 6px 20px 12px;
	}
	div.box div.cont_L div.inner table {
		width:100%;
		display:block;
	}
	div.box div.cont_L div.inner table tr{
		width:100%;
		display:block;
		margin-top:10px;
	}
	div.box div.cont_L div.inner table th {
		width:100%;
		display:block;
		text-align: left;
	}
	div.box div.cont_L div.inner table td{
		width:100%;
		display:block;
		padding: 0!important;
	}
	div.box div.cont_L div.inner table td > input,textarea{
		width:100%;
		/* box-sizing: border-box; */
	}

	/* ------- staffPage ------- */
	.Box h2.title.stripe{
		font-size:16px;
		padding: 12px 0;
	}
	.Box h2.title.stripe::before,.Box h2.title.stripe::after{
		 height:5px;

	}
	.staffPage .txt {
		margin:10px 0 0;
		}

	/* ------- buy_rent ------- */
	.glanceBox{
		flex-direction:column;
	}
	.glanceBox .glance{
		background-repeat: repeat-x;
		width: 400px;
		max-width: 100%;
		margin: 0 auto;
		padding: 16px 0;
	}
	.row{
	gap:6px;
	flex-direction: column;
	}
	.glanceBox .glance .photo{
	width: 100%;
	}
	.glanceBox .glance .item {
		width: 100%;
	}

/* ------- detail ------- */
.detailBoxTit{
	flex-wrap: wrap-reverse;
}
.detailBox .tit{
	width:300px;
}
.detailBox .btn{
	padding:10px 0 0;
	width: 100px;
	max-width: 100%;
	margin-left: auto;
}
.detailBox .cont {
width:100%;

}
.detailBox .cont2 dl{
	width:100%;
}
.detailBox .cont2{
	flex-direction:column;
}
.contRow{
flex-direction:column;
}
.detailBox2 .cont,.detailBox2 .cont2{
width:100%;
}
.detailBox2 .cont2 dl.topline{
border-top:none;
}
.detailBox2 .cont dl dt,.detailBox2 .cont2 dl dt{
width: 110px;
}
.detailBox2 .cont dl dd,.detailBox2 .cont2 dl dd{
flex:1;
}
.detailBox3 .tit{
	font-size:14px;
}
.detailBox3 ul{
	flex-direction:column;
	width:300px;
	max-width:100%;
	margin:0 auto;
}
.detailBox3 .detailBox3Table{
	flex-direction:column;
}
.detailBox3 .detailBox3Table dl{
	width:100%;
}
.securityImg {
    padding-bottom: 14px;
}

}

@media screen and (max-width: 700px) {
		/* ------- top ------- */
	.mainimg img{
		width: 100%;
	}
	.mainimg {
		padding-bottom: 20px;
	}
	.mainimg img{
		height: 28vw;
		object-fit: cover;
	}
	.purchasebnr {
		margin-bottom: 20px;
	}
	.newsBox {
		margin-bottom: 20px;
	}
	.worksSlideArea {
		margin-top: -18%;
		padding: 0 30px;
		font-size: 12px;
	}
	.slick-arrow {
		right: -25px;
		width: 25px;
		height: 25px;
	}
	.slick-arrow.prev {
		left: -25px;
	}
	
	}
	@media screen and (max-width: 500px) {
	.mainimg img{
	}
	}



@media screen and (max-width: 480px) {
/*--------------------------------------------------
+7: #mainBody
==================================================*/
.mainTtl::after{
	display:none;
}
.bkRed.mainTtl::after{
	display:block;
	transform: none;
	left: 0;
}
.mainTtlTxt{
	width: 200px;
}
.mainTtlImg{
	width:calc(100% - 200px);
}
.mainTtlImg img {
    object-position: center;
}
.bkRed .mainTtlImg img {
	height: 140px;
}
.mainTtl h2,.mainTtl p{
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 0;
}
}

@media screen and (max-width: 360px) {
	/* ------- top ------- */
	.propertyBox ul li a {
		font-size: 11px;
	}
	}