<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";



.honbunWrapper{
	padding:0px 0;
	font-family: 'Noto Sans JP', sans-serif;
}
/**/
.mainWrapper{
	width:100%;
	height:690px;
	padding-top:102px;
	background:url(images/main_back.png) top center no-repeat;
}
.preBox{
	display:flex;
	justify-content:space-between;
	width:780px;
	margin:40px auto 0;
}
.innerBox{
	width:366px;
}
.campBtn{
	display:block;
	width:520px;
	margin:46px auto 0;
}
.campBtn + p{
	margin:20px auto 0;
	font-size:16px;
	line-height:1.8em;
	color:#707070;
	letter-spacing:0.03em;
}
.nagareWrapper{
	margin:90px auto 0;
	padding:78px 0 30px;
	background: rgb(222,236,255);
	background: linear-gradient(0deg, rgba(222,236,255,1) 0%, rgba(235,253,234,1) 100%);
}
.nagareWrapper h2{
	font-size:30px;
	letter-spacing:0.03em;
	color:#678233;
	font-weight:700;
}
.nagareWrapper ul{
	width:982px;
	margin:50px auto  0;
	text-align:left;
	font-size:18px;
	letter-spacing:0.03em;
}
.nagareWrapper ul li{
	position:relative;
	padding:0 0 70px 97px;
	color:#272727;
}
.nagareWrapper ul li:before{
	position:absolute;
	content:"02";
	top:-6px;
	left:0px;
	padding:27px 0 0;
	width:80px;
	height:80px;
	font-size:40px;
	font-weight:700;
	text-align:center;
	color:#fff;
	background:#97B858;
	border-radius:50px;
}
.nagareWrapper ul li:nth-child(1):before{
	content:"01";
}
.nagareWrapper ul li:nth-child(2):before{
	content:"02";
}
.nagareWrapper ul li:nth-child(3):before{
	content:"03";
}
.nagareWrapper ul li:nth-child(4):before{
	content:"04";
}
.formLine{
	width:100%;
	margin:0px 0 10px;
	border-bottom:solid 2px #678233;
}
/**/
/*.bukenBox {
	margin: 0px auto 50px;
}*/
/**/
.formWrapper{
	padding:50px 0;
}
.formWrapper h2{
	font-size:25px;
	font-weight:700;
	color:#124955;
	letter-spacing:0.03em;
	margin:20px 0 30px;
	position:relative;
}
/**/
.formWrapper h2.slash::before,
.formWrapper h2.slash::after {
  content: "";
  width: 25px;
  height: 1px;
  background-color: #124955;
  margin: 0px 4px 7px;
  display:inline-block;
}
.formWrapper h2.slash::before {
  transform: rotate(60deg);
}
.formWrapper h2.slash::after {
  transform: rotate(-60deg);
}
/**/
.formWrapper h2 + p{
	line-height:2.0em;
	margin:0 0 40px;
}
.formWrapper h2 + p span{
	color:#FF7777;
	font-size:20px;
	font-weight:700;
}
.formBox{
	width:960px;
	margin:0 auto 50px;
	text-align:left;
}
.formBox:nth-child(2){
	margin-bottom:0;
}
.formBox h3{
	padding:0 0 12px;
	font-weight:400;
	font-size:20px;
	color:#678233;
	border-bottom:solid 1px #678233;
}
.formBox table{
	margin-top:-16px;
	border-collapse:separate;
	border-spacing:0 40px;
}
.formBox table th{
	width:310px;
	padding:16px 0 16px 70px;
	font-size:16px;
	font-weight:400;
}
.hisu{
	position:relative;
}
.hisu:after{
	position:inline-box;
	content:"必須";
	margin:0 0 0 10px;
	padding:0px 10px;
	color:#fff;
	font-size:11px;
	background:#FF7777;
}
.formBox table td{
	width:650px;
	padding:10px 0 10px 30px;
	border-left:solid 1px #707070;
}
.formBox table td input{
	padding:8px 16px;
	font-size:15px;
	border:solid 1px #707070;
	border-radius:9px;
}
.formBox table td .formFlex{
	display:flex;
	flex-wrap:wrap;
}
.formBox table td .formFlex div:nth-child(1),
.formBox table td .formFlex div:nth-child(2){
	padding:0 14px 14px 0;
}
.formBox table td .formFlex div:nth-child(3){
	padding:0 14px 0px 0;
}
/**/
.formBox table td select{
	padding:8px 16px;
	font-size:15px;
	text-align:left;
	background:#fff;
	border:solid 1px #707070;
	border-radius:9px;
}
/**/
.addBox input,
.addBox select{
	margin-top:10px;
}
.formBox select{
	color:#aaa;
}
/**/
.domainBox{
	width:960px;
	margin:0 auto 50px;
	text-align:left;
	font-size:12px;
	border-top:solid 2px #678233;
}
.domainBox h3{
	padding:8px 0 8px;
	font-size:15px;
}
.privBox{
	display:flex;
	justify-content:space-between;
	width:590px;
	margin:0 auto;
	text-align:left;
}
.privBox div:nth-child(1){
	width:80px;
}
.privBox div:nth-child(2){
	width:490px;
}
/*-----------------------------*/
.selectUl li{
	padding:7px 0;
}
label {
	position: relative;
	cursor: pointer;
	padding-left: 30px;
	font-size:16px;
}
label::before,
label::after {
	content: "";
	display: block; 
	border-radius: 50%;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
}
label::before {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	left: 5px;
}
label::after {
	background-color: #ddd;
	border-radius: 50%;
	opacity: 0;
	width: 16px;
	height: 16px;
	left: 7px;
}
/**/
label::before,
label::after {
	border-color:#8db949;
}
.check label::before,
.check label::after {
	border-color:#8db949;
	border-radius: 0%;
}
label::after {
	background-color: #8db949;
}
/**/
input:checked + label::after {
	opacity: 1;
}
.visually-hidden {
	position: absolute;
	white-space: nowrap;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
}
/********************************/
/*フォーム入力画面-------------------------------------------*/
.elem30{
	width:50px;
}
.elem120{
	width:120px;
}
.elem250{
	width:240px;
}
.elem450{
	width:450px;
}
.elem520{
	width:520px;
}
.addInput input,
.addInput select{
	margin-top:10px;
}
.addInput input:nth-child(2){
	margin-top:0!important;
}
.addInput span{
	padding-right:0.5em;
	font-size:12px;
}
textarea{
	width:520px;
	height:10em;
	padding:8px 12px;
	border:solid 1px #707070;
	border-radius: 6px;
	font-size:16px;
}
/**/
.errorBox{
	display: none;
	margin-top:3px;
	padding-top:1px;
	padding-left:1.2em;
	font-size:13px;
	color:#c74e4e;
	background:url(/campaign/images/alert.gif) center left no-repeat;
}
.ondes{
	color: #aaa;
}
/**/
.doiBox{
	margin:20px 0 0;
	font-weight:bold;
}
#usr_doi_errors{
	width:380px;
	margin:0 auto;
	text-align:left;
}
.submitBtn{
	display:block;
	width:240px;
	margin:50px auto 0px;
	padding:12px 0;
	border:none;
	cursor:pointer;
	color:#fff;
	text-align:center;
	font-size:15px;
	background:#FF7777;
}
.submitBtn.teisei{
	margin:20px auto 0px;
	background:#999;
}
span.tel{
	color:#678233;
}
/*物件追加*/
.bukenBox{
	display:block;
	width:1190px;
	margin:0px auto 50px;
	padding:10px;
	text-align:left;
	color:#000;
	background:#f6f6f6;
	border:solid 2px #d6d6d6;
	border-radius:6px;
}
.bukenBox:hover{
	background:#faf7e0;

}
.bukenBox .inner{
	display:flex;
}
.bukenBox .inner .left{
	position:relative;
	flex-basis:200px;
}
.bukenBox .inner .left .imgBox{
	width:180px;
	height:126px;
	border-radius:4px;
	background-position:center center;
	background-size:cover;
}
/*おすすめ*/
.pictOsusume{
	position:absolute;
	top:-15px;
	left:-15px;
	width:60px;
	height:auto;
}
/**/
.bukenBox .inner .right{
	flex-basis:990px;
	color:#000;
}
.bukenBox .inner .right .firstRow{
	padding-bottom:10px;
	font-weight:bold;
	font-size:16px;
}
.bukenBox .inner .right .secondRow{
	display:flex;
	justify-content:space-between;
	padding:10px 0;
	border-top:dotted 1px #ccc;
}
.bukenBox .inner .right .secondRow .bukenAdd{
	flex-basis:590px;
	text-align:left;
}
/*金額*/
.bukenBox .inner .right .secondRow .bukenPrice{
	flex-basis:200px;
	text-align:center;
	font-size:21px;
	font-weight:bold;
	color:#e22;
}
.bukenBox .inner .right .secondRow .bukenPrice span{
	font-size:14px;
}
.bukenBox .inner .right .secondRow .bukenPrice .nesage{
	margin-top:4px;
	padding:0px 0px;
	font-size:10px;
	font-weight:normal;
	background:#fff;
	border:solid 1px #e6e6e6;
	border-radius:4px;
}
.bukenBox .inner .right .secondRow .bukenPrice .nesage.none{
	display:none;
}
/**/
.bukenBox .inner .right .secondRow .bukenMadori{
	flex-basis:150px;
	text-align:center;
}
.bukenBox .inner .right .secondRow .bukenTikunen{
	flex-basis:150px;
	text-align:center;
}
/**/
.bukenBox .inner .right .commentRow{
	padding:10px 0 0 0;
	border-top:dotted 1px #ccc;
}
/*ピクト*/
/*share.cssに移動*/
/*-凡例--------------------------------*/
.bukenBox.hanrei{
	margin-top:40px;
	padding:2px 10px;
	background:#f6f6f6;
}
.bukenBox.hanrei .inner .left{
	font-weight:bold;
}
.bukenBox.hanrei .inner .left .hanreiBox{
	width:180px;
	margin:6px 0;
	padding:17px 0;
	text-align:center;
	border-radius:4px;
	background:#e6e6e6;
}
.bukenBox.hanrei .inner .right .firstRow{
	padding-bottom:0px;
	font-weight:normal;
	font-size:14px;
}
.bukenBox .inner .right .firstRow .pictBox{
	display:inline;
}
.bukenBox.hanrei .inner .right .secondRow{
	padding:0px 0;
}
.bukenBox.hanrei .inner .right .secondRow .bukenPrice{
	font-size:14px;
	font-weight:normal;
	color:#000;
}
.bukenBox.hanrei .inner .right .secondRow .bukenPrice span{
	font-size:14px;
}
/**/
.bukenBox.hanrei .inner .right .commentRow{
	padding:0px 0 0 0;
}





















/*responsive---------------------------------------------------------------------------------------*/
.ip5{
	display:none;
}
.img100per{
	width:100%;
	height: auto;
}
.img-sp100per{
}
.img-max100per{
	display: block;
	max-width: 100%;
	height: auto;
}
/*############################################*/
/*  */
/*############################################*/
.sp{
	display:none;
}
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}


	.honbunWrapper{
	}
	/**/
	.mainWrapper{
		width:100%;
		height:auto;
		padding-top:0px;
		background:none;
	}
	.mainWrapper img{
		width:100%;
		height:auto;
	}
	.preBox{
		flex-wrap:wrap;
		width:80%;
		margin:-50px auto 0;
	}
	.innerBox{
		width:100%;
	}
	.innerBox img{
		width:100%;
		height:auto;
	}
	.campBtn{
		display:block;
		width:80%;
		margin:46px auto 0;
	}
	.campBtn img{
		width:100%;
		height:auto;
	}
	.campBtn + p{
		margin:14px auto 0;
		font-size:14px;
		line-height:1.6em;
	}
	.nagareWrapper{
		margin:50px auto 0;
		padding:50px 0 30px;
	}
	.nagareWrapper h2{
		font-size:26px;
	}
	.nagareWrapper ul{
		width:90%;
		margin:50px auto  0;
		font-size:16px;
		line-height:1.6em;
		letter-spacing:0em;
	}
	.nagareWrapper ul li{
		padding:0 0 50px 87px;
	}
	.nagareWrapper ul li:before{
		top:-4px;
		left:0px;
		padding:21px 0 0;
		width:70px;
		height:70px;
		font-size:36px;
	}
	.nagareWrapper ul li:nth-child(1):before{
	}
	.nagareWrapper ul li:nth-child(2):before{
	}
	.nagareWrapper ul li:nth-child(3):before{
	}
	.nagareWrapper ul li:nth-child(4):before{
	}
	.nagareWrapper ul li h3{
	}
	/**/
	.formWrapper{
		padding:50px 0;
	}
	.formWrapper h2{
		width:90%;
		line-height:1.5em;
		letter-spacing:0.03em;
		margin:0px auto 30px;
	}
	.formWrapper h2 + p{
		padding:0 10px;
		_text-align:left;
	}
	.formWrapper h2 + p span{
	}
	.formBox{
		width:100%;
		margin:0 auto 50px;
	}
	.formBox:nth-child(2){
		margin-bottom:50px;
	}
	.formBox h3{
		font-weight:700;
		border-bottom:solid 3px #8db949;
		text-align:center;
	}
	.formBox table{
		width:90%;
		margin:20px auto 0;
		border-spacing:0px;
	}
	.formBox table th{
		position:relative;
		display:block;
		padding:16px 0 16px 0px;
	}
	.formBox table th:before{
		position:absolute;
		content:"";
		top:-0px;
		width:30px;
		height:3px;
		background:#8db949;
	}
	.formBox table tr:first-child th:before{
		_display:none;
	}
	.hisu{
		_position:relative;
	}
	.hisu:after{
	}
	.formBox table td{
		display:block;
		width:100%;
		padding:0px 0 36px 0px;
		border-left:0;
	}
	.formBox table td input{
		width:100%;
		margin:0 0 0px;
		font-size:16px;
	}
	.formBox .addBox select,
	.formBox .addBox input{
		margin:0 0 10px;
	}
	.formBox table td .formFlex{
	}
	.formBox table td .formFlex div:nth-child(1),
	.formBox table td .formFlex div:nth-child(2){
		padding:0;
	}
	.formBox table td .formFlex div:nth-child(3){
		padding:0;
	}
	.formBox table td .formFlex div{
		width:100%;
		padding:0 0 14px!important;
	}
	/*フォーム入力画面-------------------------------------------*/
	.elem30{
		width:100%;
	}
	.elem120{
		width:100%;
	}
	.elem250{
		width:100%;
	}
	.elem450{
		width:100%;
	}
	.elem520{
		width:100%;
	}
	.addInput input,
	.addInput select{
	}
	.addInput input:nth-child(2){
	}
	.addInput span{
	}
	textarea{
		width:100%;
	}
	/**/
	.errorBox{
	}
	.ondes{
	}
	/**/
	.doiBox{
	}
	#usr_doi_errors{
		display:table;
		width:auto;
		margin:0 auto;
	}
	.submitBtn{
	}
	.submitBtn.teisei{
	}
	/**/
	.domainBox{
		width:100%;
		padding:20px 20px 0;
	}
	.domainBox h3{
	}
	.privBox{
		width:100%;
		padding:20px;
	}
	.privBox div:nth-child(1){
	}
	.privBox div:nth-child(2){
		width:calc(100% - 90px);
	}
	/*-----------------------------*/
	.selectUl li{
		padding:7px 0;
	}
	label {
		position: relative;
		cursor: pointer;
		padding-left: 30px;
		font-size:16px;
	}
	label::before,
	label::after {
		content: "";
		display: block; 
		border-radius: 50%;
		position: absolute;
		_transform: translateY(-50%);
		_top: 50%;
		top:14px;
	}
	label::before {
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		left: 5px;
	}
	label::after {
		background-color: #ddd;
		border-radius: 50%;
		opacity: 0;
		width: 16px;
		height: 16px;
		left: 7px;
	}
	/**/
	label::before,
	label::after {
		border-color:#8db949;
	}
	.check label::before,
	.check label::after {
		border-color:#8db949;
		border-radius: 0%;
	}
	label::after {
		background-color: #8db949;
	}
	/**/
	input:checked + label::after {
		opacity: 1;
	}
	.visually-hidden {
		position: absolute;
		left:-100vw;
		_top:0;
		white-space: nowrap;
		border: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		overflow: hidden;
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0;
	}
	/*物件ついか*/
	.bukenBox{
		width:96%;
	}
	.bukenBox:hover{
	}
	.bukenBox .inner{
		display:flex;
		flex-wrap:wrap;
	}
	.bukenBox .inner .left{
		flex-basis:100%;
	}
	.bukenBox .inner .left .imgBox{
		width:100%;
		height:65vw;
	}
	/*おすすめ*/
	.pictOsusume{
		position:absolute;
		top:-15px;
		left:-15px;
		width:60px;
		height:auto;
	}
	/**/
	.bukenBox .inner .right{
		flex-basis:100%;
	}
	.bukenBox .inner .right .firstRow{
		padding:10px 0 ;
	}
	.bukenBox .inner .right .firstRow .pictBox{
		display:block;
		padding-bottom:0px;
	}
	.bukenBox .inner .right .firstRow .pictBox .pict{
		margin-bottom:10px;
	}
	.bukenBox .inner .right .secondRow{
		display:flex;
		flex-wrap:wrap;
		padding:0px 0;
	}
	.bukenBox .inner .right .secondRow .bukenAdd{
		flex-basis:100%;
		padding:6px 0;
		text-align:left;
		border-bottom:dotted 1px #ccc;
	}
	/*金額*/
	.bukenBox .inner .right .secondRow .bukenPrice{
		flex-basis:100%;
		text-align:left;
		padding:6px 0;
		border-bottom:dotted 1px #ccc;
	}
	.bukenBox .inner .right .secondRow .bukenPrice span{
	}
	.bukenBox .inner .right .secondRow .bukenPrice .nesage{
		text-align:center;
	}
	.bukenBox .inner .right .secondRow .bukenPrice .nesage.none{
		display:none;
	}
	/**/
	.bukenBox .inner .right .secondRow .bukenMadori{
		flex-basis:100%;
		padding:6px 0;
		text-align:left;
		border-bottom:dotted 1px #ccc;
	}
	.bukenBox .inner .right .secondRow .bukenTikunen{
		flex-basis:100%;
		padding:6px 0;
		text-align:left;
		border-bottom:dotted 1px #ccc;
	}
	/**/
	.bukenBox .inner .right .commentRow{
		padding:0px 0 0 0;
		border-top:none;
	}
	/*ピクト*/
	/*share.cssに移動*/
	/*-凡例--------------------------------*/
	.bukenBox.hanrei{
		padding:2px 10px 10px;
	}
	.bukenBox.hanrei .inner .left{
	}
	.bukenBox.hanrei .inner .left .hanreiBox{
		width:100%;
	}
	.bukenBox.hanrei .inner .right .firstRow{
	}
	.bukenBox.hanrei .inner .right .secondRow{
	}
	.bukenBox.hanrei .inner .right .secondRow .bukenPrice{
	}
	.bukenBox.hanrei .inner .right .secondRow .bukenPrice span{
	}
	/**/
	.bukenBox.hanrei .inner .right .commentRow{
		padding:0px 0 0 0;
	}
	/*thanks*/
	.thankBox{
		padding:0 15%!important;
		text-align:left;
	}






} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/



} /* /@media */





</pre></body></html>