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

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

home

-----------------------------------------------------------------------------  ***/
/* visual
=============================================================*/
#home #visual{	
	text-align: center;
	position: relative;
	height: 555px;
	overflow:hidden;
}
#home #visual h1{
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -960px;
}

@media screen and (min-width:1921px){
	#home #visual{	
		position: static;
		height: auto;
		overflow: auto;
	}
	#home #visual h1{
		position: static;
		margin: 0;
	}
	#home #visual h1 img{ width: 100%;}
}

@media screen and (max-width:737px){
	#home #visual{	
		position: static;
		height: auto;
		overflow: visible;
	}
	#home #visual h1{
		position: static;
		margin: 0;
	}
}

/*  .zero-lease
=============================================================*/
#home .zero-lease{
	padding: 110px 0;
	background: url(../../imgs/home/img01.png) no-repeat right center;
}

#home .zero-lease h2{
	font-size: 3.2rem;
	line-height: 1.4;
	margin: 0 0 30px;
}
#home .zero-lease h2 span{
	display: block;
	font-size: 2.4rem;
}
#home .zero-lease p{
	padding: 0 480px 0 0;
	margin: 0 0 20px;
}

@media screen and (max-width:737px){
	#home .zero-lease{
		padding: 40px 15px;
		background: none;
	}
	#home .zero-lease h2{
		font-size: 2.4rem;
		margin: 0 0 20px;
	}
	#home .zero-lease h2 span{ font-size: 1.6rem;}
	#home .zero-lease p{
		padding: 0;
		margin: 0 0 20px;
	}
	#home .zero-lease p.sp{
		margin: 0;
		text-align: center;
	}
}

/*  .melit
=============================================================*/
#home .melit{ background: #efe8de;}
#home .melit .head-line{ margin: 0 0 95px;}
#home .melit .head-line h2{
	background: url(../../imgs/home/text01.png) no-repeat center top;
	height: 36px;
	margin: 0 0 35px;
}

#home .melit .enjoy{
	background: #fff;
	margin: 0 0 100px;
	padding: 45px;
	position: relative;
}
#home .melit .enjoy .icon-cats{
	position: absolute;
	right: 0;
	top: -20px;
}
#home .melit .enjoy .icon-ashi{
	position: absolute;
	left: 0;
	bottom: -32px;
}
#home .melit .enjoy > h3{
	background: url(../img/icon-ashi.png) no-repeat left center;
	margin: 0 0 20px;
	padding: 0 0 0 40px;
	font-size: 2.6rem;
	color: #e35e6f;
}
#home .melit .enjoy > h3 + p{
	margin: 0 0 40px;
	padding: 0 0 35px;
	background: url(../../imgs/home/border-01.png) no-repeat center bottom;
}
#home .melit .enjoy .block-02{
	display: flex;
	flex-wrap: wrap;
}
#home .melit .enjoy .block-02 .block-02-content{
	flex: 0 0 420px;
	margin: 0 50px 50px 0;
}
#home .melit .enjoy .block-02 .block-02-content:nth-child(2n){ margin: 0 0 50px 0;}

#home .melit .enjoy .block-02 .block-02-content h4{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
}
#home .melit .enjoy .block-02 .block-02-content .img{ margin: 25px 0;}

#home .melit .enjoy .breeding-cats{
	background: url(../../imgs/home/img08.png) no-repeat left top;
	padding: 39px 30px 39px 420px;
	border: 1px solid #333;
	box-sizing: border-box;
	border-radius: 12px;
}
#home .melit .enjoy .breeding-cats h5{ font-size: 2.6rem;}
#home .melit .enjoy .breeding-cats h5 span{ color: #e35e6f;}

#home .melit .work-women{
	position: relative;
	background: #fff;
	padding: 45px;
}

#home .melit .work-women > h3{
    background: url(../img/icon-ashi.png) no-repeat left center;
    margin: 0 0 20px;
    padding: 0 0 0 40px;
    font-size: 2.6rem;
    color: #e35e6f;
}
#home .melit .work-women > h3 + p{
	margin: 0 0 40px;
	padding: 0 0 35px;
	background: url(../../imgs/home/border-01.png) no-repeat center bottom;
}

#home .melit .work-women .block-03{
	display: flex;
	flex-wrap: wrap;
}
#home .melit .work-women .block-03 .block-03-content{
	flex: 0 0 250px;
	margin: 0 50px 50px 0;
}
#home .melit .work-women .block-03 .block-03-content:last-child{ margin: 0 0 50px 0;}

#home .melit .work-women .block-03 .block-03-content h4{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
}
#home .melit .work-women .block-03 .block-03-content .img{ margin: 20px 0;}

#home .melit .enjoy .ballon{
	margin: 70px 0 0;
	text-align: center;
}
#home .melit .work-women .ballon{
	margin: 20px 0 0;
	text-align: center;
}
#home .melit .work-women .icon-cats{
	position: absolute;
	left: 0;
	bottom: -20px;
}
#home .melit .work-women .icon-ashi{
	position: absolute;
	right: 0;
	top: -10px;
}

@media screen and (max-width:737px){
	#home .melit .head-line{ margin: 0 0 40px;}
	#home .melit .head-line h2{
		background: none;
		height: auto;
		margin: 0 0 10px;
	}
	#home .melit .enjoy{
		margin: 0 0 40px;
		padding: 50px 20px 60px 20px;
	}
	#home .melit .enjoy .block-02 .block-02-content{
		flex: 0 0 100%;
		margin: 0 0 30px;
	}
	#home .melit .enjoy .block-02 .block-02-content:nth-child(2n){ margin: 0 0 30px;}
	#home .melit .enjoy .block-02 .block-02-content .img{ text-align: center;}
	#home .melit .work-women{
		padding: 20px 20px 60px 20px;
	}
	
	#home .melit .enjoy .breeding-cats{
		background: url(../../imgs/home/img08sp.png) no-repeat center bottom;
		background-size: 100% auto;
		padding: 20px 20px 40% 20px;
		border-radius: 12px;
	}
	#home .melit .enjoy .breeding-cats h5{ font-size: 2.6rem;}
	#home .melit .enjoy .breeding-cats h5 span{ color: #e35e6f;}
	
	#home .melit .work-women .block-03 .block-03-content{
		flex: 0 0 100%;
		margin: 0 0 30px 0;
	}
	#home .melit .work-women .block-03 .block-03-content:last-child{ margin: 0 0 30px 0;}
	#home .melit .work-women .block-03 .block-03-content .img{ text-align: center;}
}


/*  .property
=============================================================*/
#home .property .head-line h2{
	background: url(../../imgs/home/text02.png) no-repeat center top;
	height: 36px;
	margin: 0 0 35px;
}

#home .property .cat-point{
	border: 1px solid #333;
	position: relative;
	margin: 80px 0;
	padding: 25px 0;
}
#home .property .cat-point .point-gratipay,
#home .property .cat-point .point-leaf,
#home .property .cat-point .point-binoculars,
#home .property .cat-point .point-fire,
#home .property .cat-point .point-volume{
	display: block;
	font-size: 3rem;
}

#home .property .cat-point h3{
	font-size: 3.0rem;
	display: inline-block;
	background: #fff;
	padding: 0 10px;
	position: absolute;
	top: -25px;
	left: 40px;
}
#home .property .cat-point ul{
	display: flex;
	font-size: 1.8rem;
	margin: 0 0 0 90px;
}
#home .property .cat-point ul li{
	text-align: center;
	margin: 0 70px 0 0;
}
#home .property .cat-point .img{
	position: absolute;
	right: 80px;
	bottom: 0;
}

#home .property .block-03{
	display: flex;
	flex-wrap: wrap;
}

#home .property .block-03 .block-03-content{
	flex: 0 0 300px;
	max-width: 300px;
	border: 1px solid #333;
	margin: 0 40px 60px 0;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 10px;
}
#home .property .block-03 .block-03-content:nth-child(3n){ margin: 0 0 60px 0;}

#home .property .block-03 .block-03-content a:hover{ text-decoration: none;}

#home .property .block-03 .block-03-content h3{
	margin: 0 0 20px;
	font-size: 1.8rem;
	border-bottom: 1px solid #333;
	background: url(../img/arrow02.png) no-repeat right center;
}
#home .property .block-03 .block-03-content h3 + p{ text-align: center;}
#home .property .block-03 .block-03-content ul { margin: 20px 0 10px;}
#home .property .block-03 .block-03-content ul li{
	text-indent: -0.6em;
	padding: 0 0 0 1.7em;
}
#home .property .block-03 .block-03-content ul li.pris{	color: #e35e6f;}

#home .property .block-03 .block-03-content ul li i{
	width: 15px;
	margin: 0 -4px 0 0;
}

#home .property .block-03 .block-03-content p{ text-align: right;}
#home .property .block-03 .block-03-content p span{ margin: 0 0 0 10px;}

#home .property .btn{
	margin: 0 0 200px;
	text-align: center;
}
#home .property .btn a{
	background: url(../img/arrow03.png) no-repeat right 20px center #333;
	display: inline-block;
	padding: 20px 70px;
	border-radius: 10px;
	font-size: 1.6rem;
	color: #fff;
}
#home .property .btn a:hover{
	opacity: 0.6;
	text-decoration: none;
}

#home .property .contact-box{
	position: relative;
}
#home .property .contact-box .img{
}
#home .property .contact-box .ear{
	position: absolute;
	top: -30px;
	right: 0;
}
#home .property .contact-box .box {
	position: relative;
	z-index: 10;
	flex: 0 0 100%;
	border: 2px solid #333;
	box-sizing: border-box;
	background: url(../img/bg01.jpg) no-repeat right center #fff;
	padding: 30px;
}
#home .property .contact-box .box .tit{
	margin: 0 0 10px;
	font-size: 2.6rem;
	color: #e35e6f;
}
#home .property .contact-box .box .btn01{
	margin: 25px 0 0 0;
	text-align: center;
}
#home .property .contact-box .box .btn01 a{
	display: inline-block;
	background: url(../img/arrow03.png) no-repeat right 20px center #866667;
	border-radius: 10px;
	border-bottom: 5px solid #674a4a;
	padding: 15px 50px;
	font-size: 1.6rem;
	color: #fff;
}
#home .property .contact-box .box .btn01 a:hover{
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (max-width:737px){
	#home .property .head-line h2{
		background: none;
		height: auto;
		margin: 0 0 10px;
	}
	#home .property .cat-point{
		margin: 40px 0;
		padding: 25px 0 160px;
	}
	#home .property .cat-point h3{
		font-size: 2.0rem;
		display: inline-block;
		background: #fff;
		padding: 0 10px;
		position: absolute;
		top: -18px;
		left: 40px;
	}
	#home .property .cat-point ul{
		display: flex;
		flex-wrap: wrap;
		font-size: 1.4rem;
		margin: 0;
	}
	#home .property .cat-point ul li{
		flex: 0 0 33.3%;
		margin: 0 0 4% 0;
	}
	#home .property .cat-point .img{
		position: absolute;
		right: 50%;
		margin: 0 -96px 0 0;
	}
	#home .property .block-03 .block-03-content{
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0 0 20px;
	}
	#home .property .btn{
		margin: 0 0 80px;
		text-align: center;
	}
	#home .property .block-03 .block-03-content:nth-child(3n){ margin: 0 0 20px 0;}
	#home .property .block-03 .block-03-content h3 + p{	text-align: center;}
	

	#home .property .contact-box .img{
		width: 60%;
	}
	#home .property .contact-box .ear{
		width: 40%;
		position: absolute;
		top: -10px;
		right: 0;
	}
	#home .property .contact-box .box {
		position: relative;
		z-index: 10;
		background: url(../img/bg01sp.jpg) no-repeat right 20px center #fff;
		background-size: 120px auto;
	}
	#home .property .contact-box .box .tit{
		font-size: 2.4rem;
	}
}


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

#about (ねころびハウスとは)

-----------------------------------------------------------------------------  ***/
#about #visual{
	background: url(../../imgs/about/visual.jpg) no-repeat center center;
	background-size: cover;
}

#about #main .concept .text{
	background: url(../../imgs/about/img01.jpg) no-repeat right center;
	padding: 0 0 300px 0;
	font-size: 2.7rem;
}

#about #main .message{ font-size: 1.6rem;}
#about #main .message h3{
	font-size: 2.2rem;
	margin: 0 0 15px;
}
#about #main .message ul{
	border: 2px solid #e3e3e3;
	background: url(../../imgs/about/bg-ashi01.png) no-repeat right bottom #fbfbfb;
	border-radius: 10px;
	margin: 0 0 20px;
	padding: 25px;
}
#about #main .message ul li{
	background: url(../../imgs/about/check.png) no-repeat left center;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
}
#about #main .message ul li:last-child{	margin: 0;}

#about #main .cat-voice01{
	display: flex;
	margin: 60px 0 40px;
}
#about #main .cat-voice01 > p{ margin: 20px 0 0 0;}
#about #main .cat-voice01 ul{
	width: 390px;
	margin: 0 0 0 10px;
	padding: 40px 20px 0;
	border-radius: 10px;
	box-sizing: border-box;
	background: url(../../imgs/about/bg-ashi02.png) no-repeat right top #fbfbfb;
	border: 2px solid #e3e3e3;
	font-size: 1.8rem;
}
#about #main .cat-voice01 ul li{
	margin: 0 0 10px;
	padding: 0 0 0 25px;
	background: url(../../imgs/about/check.png) no-repeat left center;
	line-height: 1.7;
}
#about #main .cat-voice01 ul li:last-child{	margin: 0;}

#about #main .cat-voice02{
	display: flex;
	margin: 60px 0 40px;
}
#about #main .cat-voice02 > p{
	margin: 20px 0 0 20px;
	order: 1;
}
#about #main .cat-voice02 ul{
	order: -1;
	width: 390px;
	margin: 0 0 0 10px;
	padding: 30px 20px 0;
	border-radius: 10px;
	box-sizing: border-box;
	background: url(../../imgs/about/bg-ashi02.png) no-repeat right top #fbfbfb;
	border: 2px solid #e3e3e3;
	font-size: 1.8rem;
}
#about #main .cat-voice02 ul li{
	margin: 0 0 10px;
	padding: 0 0 0 25px;
	background: url(../../imgs/about/check.png) no-repeat left top 7px;
	line-height: 1.7;
}

#about #main .space h3{
	background: url(../../imgs/about/icon01.png) no-repeat left center;
	margin: 0 0 15px;
	padding: 0 0 0 35px;
	font-size: 2.6rem;
	color: #e35e6f;
}

#about #main .life{	font-size: 1.6rem;}
#about #main .life .effect{
	background: url(../../imgs/about/img06.png) no-repeat;
	margin: 30px 0 20px;
	padding: 30px 20px;
}
#about #main .life .effect .tit{
	background: #866667;
	display: inline-block;
	margin: 0 0 10px;
	padding: 2px 12px;
	font-size: 1.8rem;
	color: #fff;
}
#about #main .life .effect ul li{
	background: url(../../imgs/about/icon02.png) no-repeat left center;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	font-size: 1.4rem;
}

@media screen and (max-width:737px){
	#about #main .concept .text{
		padding: 0 ;
		font-size: 1.8rem;
		background: none;
	}

	#about #main .cat-voice01{
		flex-wrap: wrap;
		margin: 20px 0;
	}
	#about #main .cat-voice01 p{
		flex: 0 0 100%;
		text-align: center;
	}
	#about #main .cat-voice01 ul{
		width: 100%;
		margin: 10px 0 0 10px;
		padding: 15px;
		background: url(../../imgs/about/bg-ashi02.png) no-repeat right top #fbfbfb;
		font-size: 1.6rem;
	}
	#about #main .cat-voice02{
		flex-wrap: wrap;
		margin: 20px 0;
	}
	#about #main .cat-voice02 > p{
		flex: 0 0 100%;
		margin: 0;
		text-align: center;
		order: -1;
	}
	#about #main .cat-voice02 ul{
		order: 1;
		width: 100%;
		margin: 10px 0 0;
		padding: 15px;
		background: url(../../imgs/about/bg-ashi02.png) no-repeat right top #fbfbfb;
		font-size: 1.6rem;
	}
	#about #main .space h3{
		font-size: 2.0rem;
		background: url(../../imgs/about/icon01.png) no-repeat left center;
		background-size: 20px auto;
		margin: 0 0 10px;
	}
	#about #main .life .effect{
		background: url(../../imgs/about/img06sp.png) no-repeat center bottom #efe8de;
		background-size: 100% auto;
		margin: 30px 0 20px;
		padding: 20px 10px 55%;
	}
	#about #main .life .effect .tit{
		display: block;
		text-align: center;
	}
	#about #main .life .effect ul li{
		background: url(../../imgs/about/icon02.png) no-repeat left top 5px;
	}
}

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

#cat-house (猫専用物件紹介)

-----------------------------------------------------------------------------  ***/
#cat-house #visual{
	background: url(../../imgs/cat-house/visual.jpg) no-repeat center center;
	background-size: cover;
}

#cat-house #main section{ font-size: 1.6rem;}
#cat-house #main .intro h3{
	margin: 0 0 15px;
	font-size: 2.2rem;
}
#cat-house #main .intro ul{
	background: #f9f9f9;
	display: flex;
	padding: 15px 0 15px 20px;
}
#cat-house #main .intro ul li a{
	background: url(../img/arrow04.png) no-repeat left center;
	margin: 0 20px 0 0;
	padding: 0 0 0 20px;
	font-size: 1.7rem;
	color: #866667;
	text-decoration: underline;
}
#cat-house #main .intro ul li a:hover{ text-decoration: none;}

#cat-house #main .house-intro section { margin: 0 0 80px;}

#cat-house #main .house-intro section .house-main{
	position: relative;
}
#cat-house #main .house-intro section .head-line{
	margin: 0 0 30px;
}
#cat-house #main .house-intro section  h3{
	border-bottom: 1px solid #333;
	text-align: left;
	font-size: 2.2rem;
}
#cat-house #main .house-intro section  .point-icon{
	position: absolute;
	right: 0;
	top: 5px;
}
#cat-house #main .house-intro section  .point-icon i{ margin: 0 0 0 5px;}

#cat-house #main .gallery{ margin: 0 0 50px;}
#cat-house #main .gallery .photo-thumbnail-01,
#cat-house #main .gallery .photo-thumbnail-02{
	display: flex;
	flex-wrap: wrap;
}
#cat-house #main .gallery .photo-thumbnail-01{
	margin: 0 0 10px;
}
#cat-house #main .gallery .photo-thumbnail-01 li,
#cat-house #main .gallery .photo-thumbnail-02 li{
	flex: 0 0 120px;
	margin: 0 12px 0 0;
	transition: 0.6s;
}
#cat-house #main .gallery .photo-thumbnail-01 li:hover,
#cat-house #main .gallery .photo-thumbnail-02 li:hover{ opacity: 0.6;}
#cat-house #main .gallery .photo-thumbnail-01 li:last-child,
#cat-house #main .gallery .photo-thumbnail-02 li:last-child{ margin: 0;}
#cat-house #main .gallery .photo-thumbnail-01 li img,
#cat-house #main .gallery .photo-thumbnail-02 li img{ max-width: 100%;}

@media screen and (max-width:737px){
	#cat-house #main .house-intro section .house-main{
		margin: 0 0 20px;
		padding: 0 0 25px;
	}
	#cat-house #main .gallery{ margin: 0 0 20px;}
	#cat-house #main .gallery .main-photo-01,
	#cat-house #main .gallery .main-photo-02{ margin: 0 0 10px;}
	#cat-house #main .gallery .photo-thumbnail-01 li,
	#cat-house #main .gallery .photo-thumbnail-02 li{
		flex: 0 0 18.8%;
		margin: 0 1.5% 0 0;
	}
}


#cat-house #main .house-intro section  table{
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0 0 60px;
	font-size: 1.4rem;
}
#cat-house #main .house-intro section  table tr th{
	width: 20%;
	background: #f9f9f9;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 7px 10px;
	box-sizing: border-box;
}
#cat-house #main .house-intro section  table tr td{
	width: 30%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px 10px;
	box-sizing: border-box;
}

#cat-house #main .house-intro section .point{
	border: 1px solid #333;
	position: relative;
	padding: 60px 20px 110px;
}
#cat-house #main .house-intro section .point h4{
	position: absolute;
	left: 20px;
	top: -20px;
	display: inline-block;
	background: #fff;
	font-size: 2.4rem;
}

#cat-house #main .house-intro section .cat-list{
	display: flex;
	flex-wrap: wrap;
}
#cat-house #main .house-intro section .cat-list dl{
	flex: 0 0 190px;
	margin: 0 19px 40px 0;
}
#cat-house #main .house-intro section .cat-list dl:nth-of-type(3n){	margin: 0 0 40px 0;}
#cat-house #main .house-intro section .cat-list dl dt{ font-size: 2.0rem;}
#cat-house #main .house-intro section .cat-list dl dt i{ margin: 0 5px 0 0;}
#cat-house #main .house-intro section .cat-list dl dd{
	background: #f9f9f9;
	padding: 10px;
	min-height:50px;
	font-size: 1.4rem;
}

#cat-house #main .house-intro section .point .cat-message{
	display: flex;
	position: absolute;
	bottom: -20px;
}

#cat-house #main .house-intro section .point .arrow_box {
	position: relative;
	background: #faf6da;
	width: 400px;
	height: 100px;
	box-sizing: border-box;
	right: -20px;
	top: -10px;
	font-size: 1.6rem;
	padding: 15px 20px 10px;
	line-height: 1.5;
	border-radius: 10px;
}
#cat-house #main .house-intro section .point .arrow_box:after {
	right: 100%;
	top: 65%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250, 246, 218, 0);
	border-right-color: #faf6da;
	border-width: 20px;
	margin-top: -20px;
}

#cat-house #main .flow h3{
	margin: 0 0 30px;
	font-size: 2.2rem;
}
#cat-house #main .flow .box{ display: flex;}
#cat-house #main .flow .box dl dt{
	background: url(../../imgs/cat-house/icon-ashi.png) no-repeat left top 2px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	font-size: 1.75rem;
	line-height: 1.4;
	color: #ec7993;
}
#cat-house #main .flow .box dl dd{
	background: #f9f9f9;
	margin: 0 0 25px;
	padding: 7px 20px;
	font-size: 1.4rem;
}

#cat-house #main .viewing h3{
	margin: 0 0 30px;
	font-size: 2.2rem;
}
#cat-house #main .viewing .box{ display: flex;}
#cat-house #main .viewing .box dl dt{
	background: url(../../imgs/cat-house/icon-ashi.png) no-repeat left top 2px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	font-size: 1.75rem;
	line-height: 1.4;
	color: #ec7993;
}
#cat-house #main .viewing .box dl dd{
	background: #f9f9f9;
	margin: 0 0 25px;
	padding: 7px 20px;
	font-size: 1.4rem;
}

#cat-house #main .viewing .box-qa dl dt{
	margin: 0 0 5px;
	font-size: 1.75rem;
	line-height: 1.4;
	color: #ec7993;
}
#cat-house #main .viewing .box-qa dl dd{
	background: #f9f9f9;
	margin: 0 0 25px;
	padding: 7px 20px;
	font-size: 1.4rem;
}

#cat-house #main .contact-box{ margin: 0 0 100px;}
#cat-house #main .contact-box .box{
	position: relative;
	border: 2px solid #333;
	padding: 30px 12px 30px;
}
#cat-house #main .contact-box .box .tit{
	font-size: 2.2rem;
	color: #e35e6f;
}
#cat-house #main .contact-box .box .btn01{
	width: 300px;
	text-align: center;
	margin: 20px 0 0 0;
}
#cat-house #main .contact-box .box .btn01 a{
	background: url(../img/arrow03.png) no-repeat right 20px center #866667;
	border-bottom: 5px solid #674a4a;
	display: block;
	padding: 12px 0;
	color: #fff;
	border-radius: 5px;
}
#cat-house #main .contact-box .box .btn01 a:hover{
	text-decoration: none;
	opacity: 0.6;
}
#cat-house #main .contact-box .box .img{
	position: absolute;
	right: 20px;
	bottom: 0;
}

#cat-house #main .contract .flow-list{
	background: #faf6da;
	position: relative;
	margin: 0 0 80px;
	padding: 25px 10px;
	font-size: 1.4rem;
}
#cat-house #main .contract .flow-list:nth-of-type(1){ padding: 25px 265px 10px 10px;}
#cat-house #main .contract .flow-list:nth-of-type(2){ padding: 25px 10px 10px 265px;}
#cat-house #main .contract .flow-list:nth-of-type(4){ padding: 25px 10px 10px 265px;}
#cat-house #main .contract .flow-list:nth-of-type(5){ padding: 25px 265px 10px 10px;}
#cat-house #main .contract .flow-list:nth-of-type(5) .img{
	position: absolute;
	right: 20px;
	top:-10px;
}

#cat-house #main .contract .flow-list .tit{
	margin: 0 ;
	font-size: 2.2rem;
	font-weight: bold;
	color: #866667;
}
#cat-house #main .contract .flow-list p span{
	display: block;
	color: #ec7993;
	background: url(../../imgs/cat-house/check.png) no-repeat left center;
	padding: 0 0 0 20px;
}
#cat-house #main .contract .flow-list p.text02 {
	margin: 0;
	color: #ec7993;
}
#cat-house #main .contract .arrow_box01 {
	position: relative;
	background: #faf6da;
}
#cat-house #main .contract .arrow_box01:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250, 246, 218, 0);
	border-top-color: #faf6da;
	border-width: 30px;
	margin-left: -30px;
}
#cat-house #main .contract .arrow_box01 .img{
	position: absolute;
	right: 10px;
	top: -25px;
}
#cat-house #main .contract .arrow_box02 {
	position: relative;
	background: #faf6da;
}
#cat-house #main .contract .arrow_box02:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250, 246, 218, 0);
	border-top-color: #faf6da;
	border-width: 30px;
	margin-left: -30px;
}
#cat-house #main .contract .arrow_box02 .img{
	position: absolute;
	left: 10px;
	top: 25px;
}

@media screen and (max-width:737px){
	#cat-house #main .intro ul{
		display: flex;
		flex-wrap: wrap;
		padding: 15px;
	}
	#cat-house #main .intro ul li{
		flex: 0 0 100%;
	}
	#cat-house #main .house-intro section .head-line {
		margin: 0 0 20px;
		padding: 0;
	}
	#cat-house #main .house-intro section h3{ font-size: 1.8rem;}
	#cat-house #main .house-intro section .point-icon{
		top: inherit;
		bottom: -15px;
	}

	#cat-house #main .house-intro section .cat-list dl{
		flex: 0 0 100%;
		margin: 0 0 4% 0;
	}
	#cat-house #main .house-intro section .cat-list dl:nth-of-type(2n){
		margin: 0 0 4% 0;
	}
	#cat-house #main .house-intro section .cat-list dl:nth-of-type(3){
		margin: 0 0 4% 0;
	}
	#cat-house #main .house-intro section .cat-list dl dd {
		min-height: auto;
	}
	#cat-house #main .house-intro section .point{
		padding: 40px 20px 0;
	}
	#cat-house #main .house-intro section .point .cat-message{
		display: flex;
		flex-wrap: wrap;
		position: static;
	}
	#cat-house #main .house-intro section .point .img{
		order: 1;
		margin: 0;
		text-align: center;
		flex:0 0 100%;	
	}
	#cat-house #main .house-intro section .point .arrow_box {
		flex: 0 0 100%;
		order: -1;
		position: relative;
		background: #faf6da;
		width: 95%;
		height: auto;
		box-sizing: border-box;
		right: 0;
		top: -10px;
		margin: 20px 0;
		font-size: 1.6rem;
		padding: 15px 20px 10px;
		line-height: 1.5;
		border-radius: 10px;
	}
	#cat-house #main .house-intro section .point .arrow_box:after {
		top: 105%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(250, 246, 218, 0);
		border-top-color: #faf6da;
		border-width: 30px;
		margin-left: -30px;
	}
	#cat-house #main .flow .box{
		flex-wrap: wrap;
	}
	#cat-house #main .flow .box .img{
		flex: 0 0 100%;
		text-align: center;
	}
	#cat-house #main .contact-box{ margin: 0 0 40px;}
	#cat-house #main .contact-box .box{
		padding: 20px 12px 0;
	}
	#cat-house #main .contact-box .box .btn01{ width: 100%;}
	#cat-house #main .contact-box .box .img {
	    position: static;
		text-align: center;
		margin: 20px 0 0;
	}
	#cat-house #main .viewing .box{
		flex-wrap: wrap;
	}
	#cat-house #main .viewing .img{
		flex: 0 0 100%;
		text-align: center;
	}
	#cat-house #main .contract .flow-list{ margin: 0 0 40px;}
	#cat-house #main .contract .arrow_box01 .img,
	#cat-house #main .contract .arrow_box02 .img,
	#cat-house #main .contract .flow-list:nth-of-type(5) .img{
		position: static;
		text-align: center;
		margin: 0;
	}
	#cat-house #main .contract .flow-list:nth-of-type(1),
	#cat-house #main .contract .flow-list:nth-of-type(2),
	#cat-house #main .contract .flow-list:nth-of-type(3),
	#cat-house #main .contract .flow-list:nth-of-type(4),
	#cat-house #main .contract .flow-list:nth-of-type(5){
		padding: 10px;
	}
}


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

#renovation (古民家のリノベーション)

-----------------------------------------------------------------------------  ***/
#renovation #visual{
	background: url(../../imgs/renovation/visual.jpg) no-repeat center center;
	background-size: cover;
}
#renovation #main section { font-size: 1.6rem;}
#renovation #main .old-house h2 + p{ font-size: 2.1rem;}

#renovation #main .text-img_temp{ display: block;}
#renovation #main .text-img_temp .img{
	width: 290px;
	float: right;
	margin: 0 0 0 20px;
}

#renovation #main .wonderland dt{
	background: url(../img/icon01.png) no-repeat left top 8px;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
	font-size: 2.6rem;
	color: #e35e6f;
}
#renovation #main .wonderland dd{
	text-align: center;
	margin: 0 0 30px;
}

#renovation #main .contact-old-house{
	border: 4px solid #866667;
	background: url(../../imgs/renovation/bg-renovation01.jpg) no-repeat right 15px bottom 10px;
}
#renovation #main .contact-old-house h2{
	background: url(../../imgs/renovation/bg-renovation02.png) no-repeat right 20px bottom #866667;
	padding: 3px 10px;
	font-size: 3.0rem;
	color: #fff;
}
#renovation #main .contact-old-house .tit{
	margin: 20px 0 0 10px;
	padding: 0;
	font-size: 2.2rem;
	font-weight: bold;
}
#renovation #main .contact-old-house p{
	margin: 0 0 0 10px;
	padding: 0 160px 0 0;
}
#renovation #main .contact-old-house .btn01{
	width: 320px;
	text-align: center;
	margin: 15px 0 30px 60px;
}
#renovation #main .contact-old-house .btn01 a{
	display: block;
	background: url(../img/arrow03.png) no-repeat right 20px center #ec7993;
	padding: 10px 0;
	border-bottom: 5px solid #c7657c;
	border-radius: 5px;
	font-size: 1.6rem;
	color: #fff;
}
#renovation #main .contact-old-house .btn01 a:hover{
	opacity: 0.6;
	text-decoration: none;
}

@media screen and (max-width:737px){
	#renovation #main .contact-old-house{
		background: url(../../imgs/renovation/bg-renovation01sp.jpg) no-repeat right 15px bottom 20%;
		background-size: 170px auto;
	}
	#renovation #main .contact-old-house h2{
		background: #866667;
		font-size: 2.4rem;
		text-align: center;
	}
	#renovation #main .text-img_temp .img{
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
		text-align: center;
	}
	#renovation #main .contact-old-house p{
		margin: 0 0 0 10px;
		padding: 0;
	}
	#renovation #main .contact-old-house .btn01{
		width: 94%;
		margin: 15px 3% 30px;
	}
}


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

#corporation (会社概要)

-----------------------------------------------------------------------------  ***/
#corporation #visual{
	background: url(../../imgs/corporation/visual.jpg) no-repeat center center;
	background-size: cover;
}

#corporation #main .message{ font-size: 1.6rem;}
#corporation #main .message h2{
	margin: 0 0 10px;
	font-size: 3.2rem;
}

#corporation #main .outline table{
	width: 100%;
	margin: 0 0 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#corporation #main .outline table th{
	width: 22%;
	background: #f9f9f9;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 7px 10px;
	box-sizing: border-box;
	vertical-align: top;
}
#corporation #main .outline table td{
	width: 78%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px 10px;
	box-sizing: border-box;
}
#corporation #main .outline table td dl{
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}
#corporation #main .outline table td dl dt{
	flex: 0 0 20%;
	margin: 0 0 5px;
}
#corporation #main .outline table td dl dd{
	flex: 0 0 80%;
	margin: 0 0 5px;
}

#corporation #main .outline ul{ display: flex;}
#corporation #main .outline ul li{
	margin: 0 12px 0 0;
}
#corporation #main .outline ul li:last-child{ margin: 0;}

#corporation #main .outline table td a{
	color: #E35E6F;
	text-decoration: underline #E35E6F;
}

@media screen and (max-width:737px){
	#corporation #main .outline table th{
		width: 100%;
		float: left;
	}
	#corporation #main .outline table td{
		width: 100%;
		float: left;
	}
	#corporation #main .outline table td dl{
		padding: 0;
	}
	#corporation #main .outline table td dl dt{
		flex: 0 0 100%;
		margin: 0 0 2px;
	}
	#corporation #main .outline table td dl dd{
		flex: 0 0 100%;
		margin: 0 0 7px;
		padding: 0 0 7px;
		border-bottom: 1px dotted #ccc;
	}
}


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

#contact (お問い合わせ)

-----------------------------------------------------------------------------  ***/
#contact #visual{
	background: url(../../imgs/contact/visual.jpg) no-repeat center center;
	background-size: cover;
}
#contact .hiss{
	font-size: 1.4rem;
	color: #e6001b;
}
#contact #main table th .hiss{ font-size: 1.4rem;}

#contact #main .form-box{ font-size: 1.6rem;}
#contact #main .tel-box h3,
#contact #main .mail-box h3{
	background: url(../../imgs/contact/icon-tel.png) no-repeat left center;
	margin: 0 0 10px 0;
	padding: 0 0 0 35px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #866667;
}
#contact #main .mail-box h3{ background: url(../../imgs/contact/icon-mail.png) no-repeat left center;}

#contact #main .tel-box p,
#contact #main .mail-box p{
	background: #f9f9f9;
	padding: 20px 15px;
}

#contact #main .tel-box p a{
	font-size: 2.4rem;
	font-weight: bold;
	color: #ec7993;
}
#contact #main .mail-box p span{
	font-size: 1.4rem;
	color: #ec7993;
	line-height: 1.4;
	display: block;
}

#contact #main .form-cont{
	margin: 50px 0 0;
}
#contact #main .form-cont > p{ font-size: 1.4rem;}
#contact #main .form-cont table{
	width: 100%;
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	box-sizing: border-box;
	margin: 0 0 50px;
}
#contact #main .form-cont table th{
	width: 180px;
	background: #d7e8eb;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 20px;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-weight: bold;
	vertical-align: top;
}
#contact #main .form-cont table td{
	width: 470px;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 20px;
	box-sizing: border-box;
	font-size: 1.5rem;
}
#contact #main .form-cont table .td-message label{
	display: block;
}
#contact #main .form-cont table .td-message label input{
	margin: 0 5px 10px 0;
	border: 1px solid #ccc;
}
#contact #main .form-cont table td input[type="text"]{
	font-size: 1.7rem;
	padding: 3px;
	box-sizing: border-box;
}
#contact #main .form-cont table td.long input{ width: 100%;}
#contact #main .form-cont table td.middle input{ width: 50%;}
#contact #main .form-cont table td textarea{
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
	font-size: 1.7rem;
		
}
#contact #main .form-cont table .td-emphasis label,
#contact #main .form-cont table .td-breeding label{
	width: 49%;
	display: inline-block;
}
#contact #main .form-cont table .td-emphasis label input,
#contact #main .form-cont table .td-breeding label input{ margin: 0 5px 0 0;}

#contact #main .form-cont .submit {
    text-align: center;
}
#contact #main .form-cont .submit #btn_send, #contact #main .form-cont .submit #send_btn, #contact #main .form-cont .submit #back_btn {
	width: 300px;
    padding: 15px 0;
    background: url(../img/arrow03.png) no-repeat right 30px center #ec7993;
	border: none;
    text-align: center;
	border-bottom: 5px solid #c7657c;
    border-radius: 5px;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 1;
    margin: 40px 15px 0 0;
	outline: none;
    cursor: pointer;
}
#contact #main .form-cont .submit #back_btn {
	width: 150px;
	background: url(../img/arrow03.png) no-repeat right 20px center #ccc;
	border-bottom: 5px solid #bbb;
	color: #222;
}
#contact #main .form-cont .submit #btn_send:hover,
#contact #main .form-cont .submit #send_btn:hover,
#contact #main .form-cont .submit #back_btn:hover {
	opacity: 0.6;
}
    
#contact #main .form-box-end .submit{
	text-align: center;
	
}
#contact #main .form-box-end .submit a{
	display: inline-block;
	background: #ec7993;
	margin: 60px 0 0;
	padding: 15px 20px;
	color: #FFF;
	border-bottom: 5px solid #c7657c;
    border-radius: 5px;
    font-size: 1.6rem;
}
#contact #main .form-box-end .submit a:hover{
	text-decoration: none;
	opacity: 0.6;
}


#contact #main .form-cont .privacy h3{
	margin: 0 0 10px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #866667;
}
#contact #main .form-cont .privacy h4{
	padding: 10px 0 20px;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}
#contact #main .form-cont .privacy h3 + p a{
	color:#ec7993;
	text-decoration: underline;	
}
#contact #main .form-cont .privacy h3 + p a:hover{ text-decoration: none;}

#contact #main .form-cont .privacy .box{
	border: 1px solid #cdcdcd;
	margin: 0 0 40px;
	padding: 20px;
	height: 350px;
	box-sizing: border-box;
	overflow-y: scroll;
	 -webkit-overflow-scrolling: touch
}

#contact #main .form-cont .privacy .box::-webkit-scrollbar{
  width: 12px;
}
#contact #main .form-cont .privacy .box::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 0;
  /*box-shadow: inset 0 0 2px #777; */
}
#contact #main .form-cont .privacy .box::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 10px;
  box-shadow: none;
}

#contact #main .form-cont .privacy dl dt{
	font-weight: bold;
	font-size: 1.7rem;
}
#contact #main .form-cont .privacy dl dd{
	margin: 0 0 20px;
	line-height: 1.5;
}
#contact #main .form-cont .privacy dl dd:last-of-type{ margin: 0;}

#contact #main .form-cont #form-btn{ margin: 50px 0 0 0;}


@media screen and (max-width:737px){
	#contact #main .tel-box h3,
	#contact #main .mail-box h3{
		background: url(../../imgs/contact/icon-tel.png) no-repeat left center;
		margin: 0 0 10px 0;
		padding: 0 0 0 35px;
		font-size: 2.0rem;
		line-height: 1.5;
	}
	#contact #main .mail-box h3 {
		background: url(../../imgs/contact/icon-mail.png) no-repeat left center;
	}
	#contact #main .tel-box p span{ display: block;}
	#contact #main .form-cont table th{
		width: 100%;
		display:block;
		float: left;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		padding: 10px;
	}
	#contact #main .form-cont table td{
		width: 100%;
		display:block;
		float: left;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		padding: 10px;
	}
	#contact #main .form-cont table .td-emphasis label,
	#contact #main .form-cont table .td-breeding label{
		width: 100%;
		display: block;
	}
	#contact #main .form-cont .submit #btn_send, #contact #main .form-cont .submit #send_btn, #contact #main .form-cont .submit #back_btn {
		width: 240px;
		    margin: 20px 0 0 0;
	}
	#contact #main .form-cont .submit #back_btn {
		width: 240px;
		background: url(../img/arrow03.png) no-repeat right 30px center #ccc;
	}
}