@charset "utf-8";
/* Copyright 2019 AL:Designs All Rights Reserved. */


/***** header *****/
header {
	overflow:hidden;
}
#mainvisual {
	width:100%;
	background-color:#22C6F1;
}
#mainbg {
	background:url(../img/index/mainbg.png) right center no-repeat;
	height:660px;
	position:relative;
}
#mainbg #man {
	position:absolute;
	top:700px;
	left:600px;
}
#mainbg #copy-main,
#mainbg .copy-sub,
#mainbg .copy-sub span {
	font-family: 'M PLUS 1p', sans-serif;
	margin-bottom:30px;
	color:#fff;
}
#mainbg #copy-main {
	font-size:530%;
	line-height: 1.25em;
	padding-top:0px;
}
#mainbg #copy-main #maintxt01,
#mainbg #copy-main #maintxt02 {
	font-family: 'M PLUS 1p', sans-serif;
	display:inline-block;
	opacity:0;
}
#mainbg .copy-sub {
	font-size:150%;
	opacity:0;
}
#mainbg .copy-sub span {
	font-size:200%;
}
.srcwordbox {
	display:inline-block;
	padding:15px;
	background:rgba(0,0,0,0.4);
	position:relative;
	opacity:0;
}
.srcwordbox input {
	border-top:2px solid #000;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	border-radius:15px 0 0 15px;
	width:262px;
	height:55px;
	padding-left:15px;
}
.srcwordbox a {
	/* �����t�H�[���̃{�^���i�ꎞ�g�킸20190908�j
	display:block;
	height:55px;
	width:75px;
	border-radius:0 15px 15px 0;
	background-color:#000;
	position:absolute;
	top:15px;
	left:275px;
	font-size:190%;
	color:#fff;
	text-align:center;
	padding-top:8px;
	*/
}
.srcwordbox a.tolist {
	display:block;
	padding: 12px 10px 10px;
	font-size:125%;
	text-align:center;
	font-weight:bold;
	color:#22C6F1;
	text-decoration:none;
	border-radius:15px;
	border:3px solid #22C6F1;
	background-color:#fff;
	width:400px;
}
.srcwordbox p {
	display:inline-block;
	vertical-align: top;
	color:#fff;
	margin-left:85px;
	padding-left:35px;
	padding-top:15px;
	height:55px;
	background:url(../img/index/voice.png) left center no-repeat;
	font-size:120%;
	font-weight:bold;
}


/***** /header *****/

/***** footer *****/


/***** /footer *****/

/***** contents *****/
.index-ttlbox {
	margin-top:30px;
	text-align:center;
	position:relative;
	padding-top:43px;
	margin:0 auto;
	position:relative;
}
.index-ttlbox .ttl-square {
	width:150px;
	margin:0 auto;
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	right:0;
}
.index-ttlbox .ttl-circle {
	width:90px;
	height:90px;
	background-color:#22C6F1;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-style:italic;
	text-align:center;
	border-radius:50px;
	padding-top:32px;
	font-size:120%;
	margin:0 auto;
}
.index-ttlbox hr.ttl-line {
	width:250px;
	height:3px;
	background-color:#22C6F1;
	border:0;
	margin: 0 auto 80px;
}

.index-ttlbox h2 {
	font-size:220%;
	font-family: 'M PLUS 1p', sans-serif;
	color:#333333;
}

#section01 {
	margin-top:-10px;
	opacity: 0;
}
#section02 {
	margin-top:-10px;
	opacity: 0;
}
#section03 {
	margin-top:0px;
	opacity: 0;
}
#section-property {
	margin-top:0px;
	opacity: 0;
}
#section-search {
	margin-top:-10px;
	background:#22C6F1;
	padding: 60px 0;
	text-align:center;
	opacity: 0;
}
#section-linklist {
	margin-top:-20px;
	margin-bottom: 60px;
	opacity: 0;
}

#section01 .boxinner {
	display:flex;
	position:relative;
}
#section01 h2 {
	font-family: 'M PLUS 1p', sans-serif;
	color:#22C6F1;
	font-size:200%;
	position:absolute;
	top:0px;
	left:500px;
}
#section01 #index-triangle {
	width:384px;
	position:relative;
	padding-left:70px;
}
#section01 #index-triangle .img-triangle {
	transform: rotate(-45deg);
	transition: transform .5s;
}
#section01 #index-triangle #tritext-com,
#section01 #index-triangle #tritext-own,
#section01 #index-triangle #tritext-gua {
	position:absolute;
	color:#666;
}
#section01 #index-triangle #triimg-com,
#section01 #index-triangle #triimg-own,
#section01 #index-triangle #triimg-gua {
	position:absolute;
}
#section01 #index-triangle #tritext-com {
	top:80px;
	left:-60px;
}
#section01 #index-triangle #triimg-com {
	top:-110px;
	left:15px;
}
#section01 #index-triangle #tritext-own {
	top:-110px;
	right:80px;
}
#section01 #index-triangle #triimg-own {
	top:-90px;
	right:-40px;
}
#section01 #index-triangle #tritext-gua {
	top:250px;
	right:-5px;
}
#section01 #index-triangle #triimg-gua {
	top:180px;
	left:165px;
}
#section01 #index-triangle #tritext-com span,
#section01 #index-triangle #tritext-own span,
#section01 #index-triangle #tritext-gua span {
	display:block;
	color:#22C6F1;
	line-height:1.2em;
}
#section01 #index-toptext {
	margin-left:120px;
	margin-top:40px;
}
#section01 #index-toptext .toptext01 {
	letter-spacing:.2em;
	padding-right:100px;
	margin:30px auto;
	line-height:1.5em;
	font-size:110%;
}
#section01 #index-toptext  .telinfobox {
	width:285px;
	background-color:#E2F3FF;
	padding-bottom:10px;
}
#section01 #index-toptext  .telinfobox .telinfottl {
	background-color:#0F5583;
	padding:7px 10px 5px;
	color:#fff;
	font-size:115%;
	text-align:center;
}
#section01 #index-toptext  .telinfobox .telinfo {
	color:#0F5583;
}

.ttlimgbox,
.leftimg,
.rightimg {
	position:absolute;
}
#section02 .ttlimgbox {
	top:-100px;
	right:0;
}
#section-property .ttlimgbox {
	top:-40px;
	left:-50px;
}
#section03 .leftimg {
	top:-50px;
	left:50px;
}
#section03 .rightimg {
	top:-50px;
	right:50px;
}

#merit-three {
	display:flex;
	flex-wrap: wrap;
	margin-top:40px;
}
#merit-three li {
	width:33.33%;
	border-right:1px solid #ccc;
	padding-left:135px;
	min-height:280px;
	padding-right:30px;
	padding-bottom:25px;
}
#merit-three li:last-child {
	border:0;
}
#merit-three li.merit01 { background:url(../img/index/merit01.png) top 20px left 25px no-repeat; }
#merit-three li.merit02 { background:url(../img/index/merit02.png) top 50px left 15px no-repeat; }
#merit-three li.merit03 { background:url(../img/index/merit03.png) top 30px left 30px no-repeat; }

#merit-three .number {
	font-family: 'Montserrat', sans-serif;
	font-size:450% !important;
	font-style: italic;
	color:#22C6F1;
	line-height:1.4em !important;
}
#merit-three h3.ttl-merit {
	font-family: 'M PLUS 1p', sans-serif;
	font-size:140%;
	color:#22C6F1;
	line-height:1.4em !important;
}
#merit-three li p.sentence {
	line-height:2.2em;
	margin-top:20px;
}

.propertylist {
	display:flex;
	flex-wrap: wrap;
	margin-top:80px;
}
.propertylist li {
	width:33.33%;
	padding: 20px;
}
.propertyblock .pimgblock .pimg {
	width:100%;
	height:240px;
	overflow:hidden;
	background-size:cover !important;
	position:relative;
	padding-top:70px;
}
.propertyblock .pimgblock .pimg .plabel {
	width:170px;
	height:35px;
	margin:0 2%;
	display:inline-block;
	background:#E66F6F;
	transform:skewX(-30deg);
	position:absolute;
	top:0;
	left:-30px;
}
.propertyblock .pimgblock .pimg .plabel span {
	text-align:center;
	display:block;
	color:#fff;
	font-weight:bold;
	transform:skewX(30deg);
	font-size:120%;
	line-height:2.3em;
	padding-left:10px;
}
.propertyblock .pimgblock .pimg .plimited {
	width:100px;
	height:100px;
	border-radius: 55px;
	text-align:center;
	color:#fff;
	font-size:115%;
	font-family: 'M PLUS 1p', sans-serif;
	padding-top:37px;
	background:rgba(0,0,0,0.6);
	margin:0 auto;
}
.propertyblock .pimgblock .pttl {
	background-color:#22C6F1;
	text-align:center;
	padding:10px;
	color:#fff;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:120%;
}
.propertyblock .pinfo .infoline,
.propertyblock .pinfo .inquirybox {
	padding: 8px 0px;
}
.propertyblock .pinfo p {
	border-bottom:1px solid #ddd;
}
.propertyblock .pinfo .paddress {
	font-size:125%;
	font-family: 'M PLUS 1p', sans-serif;
	padding:10px 0px 8px;
}
.propertyblock .pinfo .infoline {
	display:flex;
}
.propertyblock .pinfo .infoline .boxPr25 {
	width:25%;
	font-weight:bold;
}
.propertyblock .pinfo .infoline .boxPr40 {
	width:40%;
}
.propertyblock .pinfo .infoline .boxPr60 {
	width:60%;
}
.propertyblock .pinfo .infoline .infolimit {
	background-color:#FF9595;
	color:#fff;
	padding: 8px;
	text-align:center;
}
.propertyblock .pinfo .infoline .infopid {
	padding: 8px;
	text-align:right;
}
.propertyblock .pinfo .inquirybtn {
	border-radius:10px;
	background-color:#FFC744;
	padding: 15px 0px;
	text-align:center;
	display:block;
	font-size:110%;
	font-weight:bold;
}
.propertyblock .pinfo .inquirybtn:hover {
	opacity:0.7;
}

#section03 .linkbtn,
#section-property .linkbtn {
	display:inline-block;
	text-align:center;
	padding: 20px 100px;
	font-family: 'M PLUS 1p', sans-serif;
	color:#22C6F1;
	border: 3px solid #22C6F1;
	border-radius:15px;
	margin: 0 auto;
	font-size:150%;
}

#section-search h2 {
	width:200px;
	background:url(../img/index/depotokuimage.png) center left no-repeat;
	padding-left:80px;
	margin: 0 auto;
}
#section-search h2 p.rub {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:85%;
	line-height:1em;
	margin-bottom:5px;
}
#section-search h2 p.ttl-search {
	text-align:center;
	color:#333;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:200%;
	line-height:1em;
}
#section-search .srcwordbox {
	padding-right:90px !important;
	margin: 10px auto;
	background:none;
}
#section-search .srcwordbox input {
	border: 0;
}
#section-search #srcword-popular {
	text-align:center;
	font-size:125%;
	margin:0 auto;
}
#section-search #popularlist {
	margin:10px auto 0;
	display:flex;
	margin-left:15px;
}
#section-search #popularlist li {
	margin-right:10px;
	width:10%;
}
#section-search #popularlist li:last-child {
	margin-right:0;
}
#section-search #popularlist li a {
	padding:20px 10px 18px;
	text-align:center;
	background:rgba(0,155,255,0.5);
	display:block;
	color:#fff;
}
#section-search #popularlist li a:hover {
	background:rgba(0,155,255,1);
}

#section03 #bloglist {
	display:flex;
	flex-wrap:wrap;
}
#section03 #bloglist li {
	display:block;
	width:50%;
	border-right:1px solid #ddd;
	padding:15px 0px;
	margin-top:30px;
}
#section03 #bloglist li a {
	display:flex;
	flex-wrap: wrap;
}
#section03 #bloglist li:nth-child(2n) {
	border-right:0;
}

#section03 #bloglist li .blimg {
	width:132px;
	height:132px;
	margin:0 15px 0 25px;
	background-size:cover !important;
}
#section03 #bloglist li .blimg .blabel {
	background-color:#22C6F1;
	color:#fff;
	padding:5px 8px 3px;
	display:inline-block;
	font-size:70%;
	font-weight:bold;
}
#section03 #bloglist li .bltxt {
	width:68%;
}
#section03 #bloglist li .bltxt .index-blttl {
	font-size:150%;
	line-height:1.3em;
	font-weight:bold;
}
.index-bltext {
	color:#ccc;
	font-size:95%;
	margin-top:10px;
}
#section03 #bloglist li .bltxt .index-bldate {
	color:#22C6F1;
	font-size:90%;
	margin-top:10px;
	font-weight:bold;
}


/***** /contents *****/



/*///// responsive /////*/
@media screen and (max-width: 769px) {

	#mainbg {
		height:550px;
		background-size: 150%;
		background-position-x: -120px;
		background-position-y: 300px;
	}
	#mainbg #man {
		right:10px;
		left:inherit;
		width: 40%;
		max-width: 128px;
	}
	#mainbg #man img { width:100%; }
	#mainbg #copy-main,
	#mainbg .copy-sub {
		padding-left:15px;
		z-index:9;
		position:relative;
	}
	#mainbg #copy-main {
		font-size:240%;
	}
	#mainbg .copy-sub {
		font-size:110%;
	}
	#mainbg .copy-sub span {
		font-size:180%;
	}
	#mainbg .srcwordbox {
		z-index:9;
		position:absolute;
		bottom:0;
		width:100%;
	}
	.srcwordbox input {
		width:80%;
		padding-right:15px;
	}
	.srcwordbox a {
		/* �����t�H�[���{�^���i�ꎞ�g�킸20190908�j
		width:20%;
		left:inherit;
		right:5%;
		*/
	}
	.srcwordbox a.tolist {
		width:100%;
	}
	#mainbg .srcwordbox p {
		padding:10px 0px 0px;
		background:none;
		height:auto;
		display:block;
		text-align:center;
		margin-left:0;
	}
	#section01 {
		margin-top:30px;
	}
	#section01 h2 {
		position:relative;
		left:0;
		font-size:8vmin;
		padding:10px;
	}
	#section01 .boxinner {
		display:block;
	}
	#section01 #index-triangle {
		margin:160px auto 0;
		padding:0;
		width:85%;
	}
	#section01 #index-triangle img.img-triangle {
		width:80%;
	}
	#section01 #index-triangle p {
		text-shadow:2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 0px -2px 0 #fff, -2px 0px 0 #fff,2px 0px 0 #fff, 0px 2px 0 #fff;
	}
	#section01 #index-triangle #tritext-com {
		top:80px;
		left:60px;
	}
	#section01 #index-triangle #triimg-com {
		top:-95px;
		left:95px;
		width:20%;
		max-width:63px;
	}
	#section01 #index-triangle #tritext-own {
		top:-110px;
		right:15%;
	}
	#section01 #index-triangle #triimg-own {
		top:-90px;
		right:0px;
		width:35%;
		max-width:135px;
	}
	#section01 #index-triangle #tritext-gua {
		top:80%;
		right:5px;
	}
	#section01 #index-triangle #triimg-gua {
		top:165px;
		left:165px;
		width:20%;
		max-width:66px;
	}
	#section01 #index-toptext {
		width:95%;
		margin: 45px auto 25px;
	}
	#section01 #index-toptext .toptext01 {
		padding:0;
	}
	#section01 #index-toptext  .telinfobox {
		/*width:85%;*/
		margin:20px auto;
		padding-bottom:10px;
	}
	#merit-three,
	.propertylist{
		display:block;
	}
	#merit-three li,
	.propertylist li{
		width:95%;
		margin-right:auto;
		margin-left:auto;
	}
	#merit-three li {
		border:0;
		padding-left: 125px;
		padding-right:20px;
	}
	#merit-three .sentence {
		line-height:1.5em !important;
	}
	#merit-three h3 {
		font-size:4.5vmin !important;
	}

	.propertylist {
		margin-top:30px;
	}
	#section-property .linkbtn {
		width:90%;
		padding:25px;
	}

	.ttlimgbox img{
		width:50%;
	}
	.propertyblock .pinfo .infoline {
		flex-wrap:wrap;
	}
	.propertyblock .pinfo .infoline .infolimit,
	.propertyblock .pinfo .infoline .infopid {
		display:block;
		width:100% !important;
	}

	#section02 .ttlimgbox {
		display:none;
/*
		top:-50px;
		right:0;
		text-align:right;
*/
	}
	#section-property .ttlimgbox {
		display:none;
/*
		top:-40px;
		left:0;
		text-align:left;
*/
	}
	#section03 .leftimg {
		top:-60px;
		left:5px;
		text-align:left;
	}
	#section03 .rightimg {
		top:-60px;
		right:5px;
		text-align:right;
	}

	#section-search .srcwordbox {
		padding-left:15px;
		padding-right:15px !important;
		text-align:left;
		display:block !important;
		width:100%;
	}
	#section-search .srcwordbox a {
/*		left:265px;*/
	}
	#section-search #srcword-popular {
		padding-bottom:15px;
	}
	#section-search #popularlist {
		width:90%;
		margin:0 auto;
		flex-wrap: wrap;
	}
	#section-search #popularlist li {
		width:32%;
		margin-right:2%;
		margin-bottom:7px;
	}
	#section-search #popularlist li:nth-child(3n) {
		margin-right:0;
	}

	#section03 #bloglist li {
		width:90%;
		border-right:0;
		border-bottom:1px solid #ccc;
		margin:15px auto 0;
	}
	#section03 #bloglist li .blimg {
		width:30%;
		height:120px;
		margin:0;
	}

	#section03 #bloglist li .bltxt {
		width:70%;
		padding-left:10px;
	}
	#section03 #bloglist li .bltxt .index-blttl {
		font-size:120%;
	}
	#section03 #bloglist li .bltxt .index-bltext {
		font-size:85%;
		line-height:1.4em;
		margin-top:6px;
	}


}