/*
Template:habakiri
Theme Name:housingsky
 */

body {
	/* ゴシック体の場合 */
	font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.8;
	font-weight: 500;
}

p, ul, ol, dl, table {

}

h2, .h2 {
	font-size: 26px;
	margin: 40px 0 20px;
}

h3, h3 {
	font-size: 22px;
}

/* ヘッダ */
.header--fixed, .header.header--fixed--is_scrolled{
	/* box-shadow: 0 0 3px rgba(0, 0, 0, 0.8)  */
	box-shadow: 0 0 3px rgba(0,0,0,1)
	}
@media screen and (min-width:970px){
	ul#menu-main{

	}
	ul#menu-main li{
		width:16%;
	}
	ul#menu-main li a{
		font-size:14px;
	}
}

/* トップページ関連 */
.notice{
	background:#ffeb00;
	text-align:center;
	width:100%;
}

.notice h4{
	margin-bottom:4px;
	padding:4px 0;
	font-size:11px;
	color:#c00;
}

.notice p{
	font-size:9.5px;
}

.notice h4{
	margin-bottom:2px;
	padding:2px 0;
	font-size:11px;
	color:#9A3B00;
	font-weight:700;
}

.notice p{
	font-size:9.5px;
	color:#5A4A00;
	margin:0;
}
@media screen and (min-width:768px){
	.notice h4{
	  font-size:16px;
	}
  .notice p{font-size:14px;}
}
}

.greet{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	margin-bottom:20px;
}
.greet p{
	margin:6px 0;
}

.carousel-inner .item a img{
	width:100%;
}
@media screen and (min-width:768px){
	.greet{
		padding:20px 0;
	}

}
/* 初めての方 */
.top-box1{
	background:#fff;
	color:#666;
	box-sizing:border-box;
	text-align:center;
	padding:10px 0;
	margin-bottom:20px;
	min-height:120px;
	border:solid 1px #1e92d2;
}
.top-box1 p.type-title{
	font-size:1.6em;
	padding:0;
}
.top-box1 p{
	font-size:1.2em;
}
.top-box1 a{
	display:block;
	margin:0 auto;
	width:90%;
	font-size:18px;
	color:#fff;
	background:#1e92d2;
	text-decoration:none;
	border:solid 1px #1e92d2;
	padding:4px 0px;
}
.top-box1 a:visited{
	color:#fff;
}
.top-box1 a:hover{
	color:#1e92d2;
	background:#fff;
}

.top-box2{
	color:#fff;
	background:#1e92d2;
	box-sizing: border-box;
	text-align:center;
	padding:10px 0;
	margin-bottom:20px;
}
.top-box2 p.type-title{
	font-size:1.6em;
	padding:0;
	margin:0;
}
.top-box2 p{
	font-size:1.2em;
}
.top-box2 i{
	font-size:30px;
}
.top-box2 a{
	display:block;
	margin:0 auto;
	width:90%;
	font-size:18px;
	color:#1e92d2;
	background:#fff;
	text-decoration:none;
	border:solid 1px #fff;
	padding:4px 0px;
}
.top-box2 a:visited{
	color:#1e92d2;
	background:#fff;
}
.top-box2 a:hover{
	color:#fff;
	background:#1e92d2;
}


.top-box3{
	color:#aaa;
	box-sizing: border-box;
	text-align:center;
}
.top-box3 a{
	display:block;
	margin:10px auto;
}

#muryo img{
	text-align:center;
	margin: 0 auto;
	padding:20px 0;
	width:100%;
	max-width:100%;
	height:auto;
}

h2.emb{
	font-size:1.8em;
	color:#222;
	text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;
	text-align:center;
	margin:0 0 8px 0;
	padding:0;
}
h2.emb span{
	color:#d43737;
}


.w-back{
	background:rgba(255,255,255,0.7);
	width:90%;
	max-width:1040px;
	padding:10px 20px;
	margin:0 auto;
	border:solid 1px #fff;
	font-size:0.9em;
	color:#222;
}
.w-back em{
	display:block;
	color:#d43737;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}

#mitsumori{
	border:solid 1px #ccc;
}
#mitsumori p{
	font-size:1.2em;
	text-align:center;
}
#mitsumori a{
	display:block;
	width:80%;
	color:#fff;
	background:#1e92d2;
	border:solid 1px #1e92d2;
	margin:10px auto;
	padding:8px 0;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
}

#mitsumori a:visited{
	color:#fff;
}
#mitsumori a:hover{
	color:#1e92d2;
	background:#fff;
}
@media screen and (min-width:768px){
	#mitsumori a{
		width:80%;
		font-size:2em;
	}
}

#mitsumori img{
	display:block;
	margin:10px auto 20px auto;
	width:274px;
	height:172px;
}
#mitsumori p{
	font-weight:bold;
	font-size:120%;
}
h1.section_title{
	text-align:center;
	font-size:2em;
}

table#information{
	width:100%;
}
table#formation  tr{
	border-bottom:solid 1px #ccc;
}
table#information tr th{
	border-bottom:solid 1px #ccc;
}
table#information tr td{
	border-bottom:solid 1px #ccc;
}

table#information td p.date{
	text-indent:1em;
}

table#information td p.date span{
	font-size:0.86em;
	vertical-align:middle;
	color:#fff;
	background:#1e92d2;
	padding:2px 4px;
	margin:0 8px;
}
table#information td p.text{
	margin-left:10px;
}

table#information p.tenpo{
	color:#1e92d2;
	border:solid 1px #1e92d2;
	text-align:center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height:1.6em;
}

.myarea ul{
	list-style-type:none;
}
.myarea ul li{
	float:left;
}
.myarea ul li a{
	display:block;
	text-decoration:none;
}
.myarea ul li a:visited{

}
.myarea ul li a:hover{

}

p.now{
	font-size:1em;
	text-align:center;
}
@media screen and (min-height:768px;){
	p.now{
		text-align:center;
		font-size:1.4em;
		padding:6px 0;
		font-weight:bold;
	}
}

h4 a.bt_more{
	display:inline-block;
	color:#fff;
	background:#1e92d2;
	padding:4px 12px;
	font-size:12px;
	text-decoration:none;
	border:solid 1px #1e92d2;
	float:right;
}
h4 a.bt_more:visited{
	color:#fff;
	background:#1e92d2;
}
h4 a.bt_more:hover{
	color:#1e92d2;
	background:#fff;
}

/* section */
.section{
	padding-top: 25px;
	padding-bottom: 25px;
}
@media screen and (min-width: 768px){
	.section{
		padding-top: 25px;
		padding-bottom: 25px;
	}
}
/* member-merit */
.member-merit{
	width:90%;
	margin:10px auto;
	border:solid 2px #1e92d2;
	padding:8px 10px;
}
.member-merit h4{

}
.member-merit p{
	padding:0;
	margin:0;
	color:#1e92d2;
}
.member-merit .m-bt{
	display:block;
	width:60%;
	margin:10px auto;
	padding:8px 10px;
	text-align:center;
	color:#fff;
	background:#1e92d2;
	text-decoration:none;
	border:solid 1px #1e92d2;
}
.member-merit .m-bt:visited{
	color:#fff;
	background:#1e92d2;
}

.member-merit .m-bt:hover{
	color:#1e92d2;
	background:#fff;
}

/* お問合せフォーム */
#contact2-info{
	border:solid 2px #1e92d2;
	margin-bottom:40px;
}
#contact2-info h3{
	font-size:140%;
	color:#1e92d2;
}
#contact2-info em{
	font-size:160%;
	font-style:normal;
	color:#1e92d2;
	text-align:center;
}
#contact2-info em span{
	font-size:120%;
}

/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0;  }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
	cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }


/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}



/* フッター */
#footer{background:#f0f0f0}
.copyright{padding:6px 0;}
.copyright p{margin:0;text-align:center;}

h2.footer-widget__title{
	display:block;
	width:6em;
	padding:2px 6px;
	text-align:center;
	font-size:1.2em;
	background:#222;
	color:#fff;
}
.shop-info{
	margin-bottom:10px;
}
.shop-info img{
	display:block;
	margin:0 auto;
	width:100%;
	float:left;
}
.shop-info dl{
	float:left;
	margin-left:6px;
	width:100%;
}
.shop-info dt{
	line-height:1.2em;
}
.shop-info dd{
	line-height:1.2em;
}

dt.sky{display:none;color:#1e92d2;font-weight:bold;}
dd.sky{display:none;color:#1e92d2;font-weight:bold;}
dt.sky2 a{display:block;;width:100%;border:solid 1px #1e92d2;color:#1e92d2;text-align:center;padding:8px 0;margin:0 auto;text-decoration:none;margin-bottom:10px;background:url(https://www.housing-sky.net/wp/wp-content/themes/housingsky/images/freedial2.png) no-repeat #fff 20px center;}
dt.sky2 a:visited{color:#1e92d2;background:#fff;}
dt.sky2 a:hover{background:url(https://www.housing-sky.net/wp/wp-content/themes/housingsky/images/freedial.png) no-repeat #1e92d2  20px center;color:#fff;}

@media screen and (min-width:768px){
	dt.sky,dd.sky{
		display:block;
	}
	dt.sky2{
		display:none;
	}
	.shop-info img{
		width:50%;
	}
}


/* contact form */
.wpcf7 form.sent .wpcf7-response-output {/* 送信ボタン下完了時 */
    border-color: #f00;
	color:#f00;
}

/* member banner */
#member-banner{
	display:none;
}
#member-banner2{
	display:none;
}

@media screen and (max-width:767px){
	#footer{
		padding-bottom:50px;
	}
	#member-banner2{
		display:block;
		position:fixed;
		bottom:0;
		width:100%;
		height:52px;
		background:#fff;
		border-top:solid 1px #1e92d2;
		border-bottom:solid 1px #1e92d2;
	}
	#member-banner2 .l-col{
		color:#1e92d2;
		border-right:solid 1px #1e92d2;
	}
	#member-banner2 .r-col{
		float:right;
		color:#1e92d2;
		text-align:center;
	}

	#member-banner2 img{
		display:block;
		float:left;
		margin-right:10px;
	}
	#member-banner2 h4.sky{
		font-size:14px;
		display:block;
		margin:6px 0 0 0;
		padding:0;
	}
	#member-banner2 p{
		font-size:9px;
		text-align:center;
		margin:0;
		padding:0;
	}
	#member-banner2 .f-bt{
		float:left;
		border-collapse:collapse;
		position:relative;
		height:60px;
		width:56px;
		border-left:solid 1px #1e92d2;
	}
	#member-banner2 .f-bt a{
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
	}
	#member-banner2 .f-bt a:hover{
		color:#fff;
		background:#1e92d2;

	}
}

@media screen and (min-width:992px) {
	#member-banner2{
		display:none;
	}

	#member-banner{
		display:block;
		background:#fff;
		position:fixed;
		top:200px;
		right:0px;
		border:solid 2px #1e92d2;
		width:180px;
		padding:10px;
	}
	#member-banner a.close-button{
		display:block;
		position:absolute;
		top:4px;
		right:4px;
		width:30px;
		height:30px;
		font-size:1.6rem;
	}
	#member-banner img{
		display:block;
		text-align:center;
		width:120px;
		margin:0 auto 10px auto;;
	}
	#member-banner p{
		font-size:12px;
		margin:0;
	}
	#member-banner ul{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#member-banner ul li{
		font-size:12px;
	}
	#member-banner a{
		display:block;
		width:160px;
		margin:0 auto 10px auto;
		padding:4px 10px;
		text-decoration:none;
		text-align:center;
	}
	#member-banner a#member-login{
		color:#fff;
		background:#666;
	}
	#member-banner a#member-input{
		color:#fff;
		background:#1e92d2;
	}
	#member-banner3{
		display:none;
		position:fixed;
		top:200px;
		right:0;
	}

}

/* 売却 */
.collect{

}
.collect .b-box{
	border:solid 1px #ccc;
	padding:10px;
	min-height:160px;
}
.collect .b-box em{
	font-style:normal;
	font-weight:bold;
	color:#1e92d2;
	text-align:center;
}
.collect ul,ol{
	list-style-type:none;
}
.collect ul{
	margin:0;
	padding:0;
}
.collect a.b-bt{
	display:block;
	width:80%;
	color:#fff;
	background:#1e92d2;
	font-size:120%;
	text-align:center;
	text-decoration:none;
	padding:8px 10px;
	margin:10px auto;
}

.collect table tr th,td{
	border-bottom: dotted 1px #ccc;
}
@media screen and (min-width:768px) {
	.collect a.b-bt{
		width:60%;
	}
}

/* スタッフ */
.staff hr{
	color:#d7d7d7;
	margin-bottom:40px;
}
.staff_image{
	display:block;
	margin:0 auto;
}
.staff_info dl{

}

.staff_info dl dt{
	color:#fff;
	background:#222;
	width:8em;
	text-indent:1em;
}
.staff_info dl dd{
	padding-left:10px;
}
.staff_info p.staff_name{
	font-size:1.2em;
	font-weight:bold;
}
.staff_message{
	margin-top:20px;
}
/* company */
table#company_info{
	border:none;
	width:100%;
	margin:0 auto 60px auto;;
}
table#company_info tr th{
	border-bottom:solid 1px #ccc;
	width:30%;
	line-height:2em;
	padding:4px 0;
}
table#company_info tr td{
	border-bottom:solid 1px #ccc;
	width:70%;
	line-height:2em;
	padding:4px 0;
}

.shop h4{
	display:block;
	width:6em;
	color:#fff;
	background:#222;
	padding:4px 8px;
}
.shop dl{
	font-size:1em;
	float:left;
}

.shop img{
	width:100%;
}
.shop a{
	width:48%;
	display:block;
	text-align:center;
	text-decoration:none;
	margin:6px 0 0 0;
	padding:6px 0;
}
.shop a.shop-contact{
	color:#fff;
	background:#1e92d2;
	float:left;
	border:solid 1px #1e92d2;
}
.shop a.shop-contact:visited{
	color:#fff;
	background:#1e92d2;
}
.shop a.shop-contact:hover{
	color:#1e92d2;
	background:#fff;
}
.shop a.access{
	color:#fff;
	background:#666;
	float:right;
	border:solid 1px #666;
}
.shop a.access:visited{
	color:#fff;
	background:#666;
}
.shop a.access:hover{
	color:#666;
	background:#fff;
}

br.mobile-break{
	display:none;
}
@media screen and (max-width:767px){
	br.mobile-break{
		display:block;
	}
}
/* Contact Form 7 */
input[type="text"].form-width{max-width: 100%;width:100%;}
.asterisk{
	color:#f5673a;
}
.wpcf7 input[type="submit"] {
	display:block;
	width:60%;
	font-size: 1.2em;;
	padding: 0.2em 0.4em;
	background: #1e92d2;
	color: #fff;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #1e92d2;
	padding:4px 0;
	margin:20px auto;
}
.wpcf7 input[type="submit"]:visited {
	color:#fff;;
	background:#1e92d2;
}
.wpcf7 input[type="submit"]:hover {
	color:#1e92d2;
	background:#fff;
}

/* PC用調整 */
@media screen and (min-width:768px){
	h2.emb{
		font-size:3.5em;
	}
	.w-back{
		font-size:1.2em;
	}
	#mitsumori a{
		width:60%;
	}
}


a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

/* ページネーション */
.pnavi{
	display:block;
	margin:60px auto 20px auto;
	width:360px;
}
.pnavi .page-numbers{
	display:inline-block;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#333;
	background:#fff;
	box-sizing:border-box;
	border:solid 1px #333;
}
.pnavi .page-numbers.next, .pnavi .page-numbers.prev{
	color:#333;
	background:#fff;
	width:72px;
}
.pnavi span.current{
	display:inline-block;
	line-height:36px !important;
	background:#333;
	color:#fff;
}

/* kensaku-engine */
.pc-frame{
	display:inline-frame;
}
.sp-frame{
	display:none;
}
@media screen and (max-width:480px){
	.pc-frame{
		display:none;
	}
	.sp-frame{
		display:inline-block;
	}
}



br.for-mobile{
	display:none;
}
@media screen and (max-width:768px){
	br.for-mobile{
		display:block;
	}
}
/* =====================================
   スマホ固定CTA 2026
   電話＋仲介手数料診断
===================================== */

.hs-mobile-fixed-cta {
	display: none;
}

@media screen and (max-width: 767px) {

	/* 固定CTA分の表示スペースを確保 */
	body {
		padding-top: 58px;
	}

	.hs-mobile-fixed-cta {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999;

		display: flex;
		align-items: stretch;

		width: 100%;
		height: 58px;
		margin: 0;
		padding: 0;

		background: #063b96;
		border-bottom: 2px solid #e4bd35;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);

		box-sizing: border-box;
	}

	/* -------------------------
	   電話エリア
	------------------------- */

	.hs-mobile-fixed-cta__phone {
		display: flex;
		flex: 1 1 57%;
		align-items: center;
		justify-content: center;

		min-width: 0;
		padding: 6px 5px;

		color: #fff;
		background: linear-gradient(
			135deg,
			#075fc7 0%,
			#073b97 100%
		);

		text-decoration: none;
		box-sizing: border-box;
	}

	.hs-mobile-fixed-cta__phone:hover,
	.hs-mobile-fixed-cta__phone:focus,
	.hs-mobile-fixed-cta__phone:active {
		color: #fff;
		text-decoration: none;
		opacity: 0.94;
	}

	.hs-mobile-fixed-cta__phone-icon {

	flex: 0 0 auto;

	margin-right: 8px;

	font-size: 18px;

	line-height: 1;

	transform: rotate(-5deg);

}

	.hs-mobile-fixed-cta__phone-content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;

		min-width: 0;
	}

	.hs-mobile-fixed-cta__phone-number {
		display: block;

		font-size: clamp(18px, 5.6vw, 24px);
		font-weight: 800;
		line-height: 1;
		letter-spacing: 0.01em;
		white-space: nowrap;
	}

	.hs-mobile-fixed-cta__phone-label {
		display: block;
		margin-top: 4px;

		font-size: 9px;
		font-weight: 600;
		line-height: 1;
		white-space: nowrap;
	}

	/* -------------------------
	   診断ボタン
	------------------------- */

	.hs-mobile-fixed-cta__diagnosis {
		position: relative;

		display: flex;
		flex: 1 1 43%;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		min-width: 0;
		padding: 5px 19px 5px 7px;

		color: #fff;
		background: linear-gradient(
			180deg,
			#ff341e 0%,
			#df0000 55%,
			#b90000 100%
		);

		border-left: 1px solid rgba(255, 255, 255, 0.35);
		text-align: center;
		text-decoration: none;
		box-sizing: border-box;
	}

	.hs-mobile-fixed-cta__diagnosis:hover,
	.hs-mobile-fixed-cta__diagnosis:focus,
	.hs-mobile-fixed-cta__diagnosis:active {
		color: #fff;
		text-decoration: none;
		filter: brightness(1.07);
	}

	.hs-mobile-fixed-cta__diagnosis-small {
		display: block;

		font-size: 12px;
		font-weight: 700;
		margin-bottom: 1px;
		line-height: 1.05;
		white-space: nowrap;
	}

	.hs-mobile-fixed-cta__diagnosis-main {
		display: block;
		margin-top: 3px;

		font-size: clamp(15px, 4.6vw, 20px);
		font-weight: 800;
		line-height: 1;
		white-space: nowrap;
	}

	.hs-mobile-fixed-cta__arrow {
		position: absolute;
		top: 50%;
		right: 6px;

		font-size: 27px;
		font-weight: 400;
		line-height: 1;

		transform: translateY(-53%);
	}

	/* 既存ヘッダーを少しコンパクトにする */
	#header .header__content {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#header .site-branding {
		margin-top: 0;
		margin-bottom: 0;
	}

	/* 管理者ログイン中のWordPress管理バー対策 */
	body.admin-bar .hs-mobile-fixed-cta {
		top: 46px;
	}

	body.admin-bar {
		padding-top: 104px;
	}
}

/* 特に幅が狭い端末 */
@media screen and (max-width: 374px) {

	.hs-mobile-fixed-cta__phone-icon {
		margin-right: 3px;
		font-size: 18px;
	}

	.hs-mobile-fixed-cta__phone-number {
		font-size: 18px;
	}

	.hs-mobile-fixed-cta__phone-label {
		font-size: 8px;
	}

	.hs-mobile-fixed-cta__diagnosis {
		padding-right: 16px;
		padding-left: 4px;
	}

	.hs-mobile-fixed-cta__diagnosis-small {
		font-size: 9px;
	}

	.hs-mobile-fixed-cta__diagnosis-main {
		font-size: 15px;
	}

	.hs-mobile-fixed-cta__arrow {
		right: 4px;
		font-size: 23px;
	}
}
/*---------------------------------
スマホヘッダー微調整
----------------------------------*/

@media screen and (max-width:767px){

.site-branding img{

	width:82%;

	height:auto;

}

.site-branding{

	padding-top:4px;

	padding-bottom:4px;

}

}

/* =====================================
   スマホ用 お問い合わせ方法 2026
   電話・メール・LINE 統合完成版
===================================== */

.hs-contact-methods {
	display: none;
}

@media screen and (max-width: 767px) {

	.hs-contact-methods {
		display: block;
		width: calc(100% - 16px);
		margin: 14px auto 18px;
		padding: 0;
		box-sizing: border-box;
	}

	/* 見出し */
	.hs-contact-methods__heading {
		margin: 0 0 10px;
		text-align: center;
	}

.hs-contact-methods__guide{
    margin:0 0 10px;
    color:#0b3d91;
    font-size:14px;
    font-weight:700;
    line-height:1.6;
    text-align:center;
}

	/* =====================================
	   電話（横幅は維持・高さだけコンパクト）
	===================================== */
	.hs-contact-method--phone {
		display: grid;
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 11px;
		align-items: center;
		width: 100%;
		min-height: 100px;
		margin: 0 0 10px;
		padding: 10px 13px;
		background: linear-gradient(135deg, #0862ce 0%, #0646ad 52%, #052f83 100%);
		border: 2px solid #06419b;
		border-radius: 14px;
		box-shadow:
			inset 0 0 0 2px rgba(255, 255, 255, 0.58),
			0 4px 9px rgba(0, 0, 0, 0.2);
	}

	.hs-contact-method__phone-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 64px;
		height: 64px;
		margin: 0;
		background: #fff;
		border-radius: 50%;
		color: #0746a8;
		font-size: 35px;
		font-weight: 700;
		line-height: 1;
		transform: rotate(-4deg);
	}

	.hs-contact-method__phone-main {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		min-width: 0;
		text-align: center;
	}

	.hs-contact-method--phone .hs-contact-method__title {
		display: block;
		margin: 0 0 1px;
		color: #fff;
		font-size: 17px;
		font-weight: 800;
		line-height: 1.15;
		letter-spacing: 0.01em;
		white-space: nowrap;
	}

	.hs-contact-method__number {
		display: block;
		width: 100%;
		margin: 0;
		color: #fff;
		font-size: clamp(29px, 8.2vw, 35px);
		font-weight: 800;
		line-height: 1.02;
		letter-spacing: -0.035em;
		white-space: nowrap;
	}

	.hs-contact-method__tap {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 300px;
		min-height: 26px;
		margin: 5px 0 0;
		padding: 3px 10px;
		background: #fff;
		border-radius: 15px;
		color: #073d96;
		font-size: 11px;
		font-weight: 800;
		line-height: 1.1;
		white-space: nowrap;
		box-sizing: border-box;
	}

	.hs-contact-method__tap span {
		margin-left: 7px;
		font-size: 18px;
		line-height: 1;
	}

	.hs-contact-method__phone-message {
		display: block;
		width: 100%;
		margin: 6px 0 0;
		padding: 0;
		border: 0;
		color: #fff;
		font-size: 11px;
		font-weight: 600;
		line-height: 1.3;
		text-align: center;
		white-space: nowrap;
	}

	.hs-contact-method__phone-message strong {
		color: #ffe500;
		font-size: 12px;
		font-weight: 800;
	}

	/* =====================================
	   メール・LINE 2列
	===================================== */
	.hs-contact-methods__row {
		display: flex;
		align-items: stretch;
		gap: 8px;
		width: 100%;
	}

	.hs-contact-method--mail,
	.hs-contact-method--line {
		display: flex;
		flex: 1 1 50%;
		flex-direction: column;
		align-items: center;
		min-width: 0;
		min-height: 196px;
		padding: 9px 6px 7px;
		border-radius: 13px;
		box-shadow:
			inset 0 0 0 2px rgba(255, 255, 255, 0.55),
			0 4px 9px rgba(0, 0, 0, 0.2);
		text-align: center;
	}

	.hs-contact-method--mail {
		background: linear-gradient(145deg, #ff2a20 0%, #e30000 58%, #b80000 100%);
		border: 2px solid #d40000;
	}

	.hs-contact-method--line {
		background: linear-gradient(145deg, #15bd36 0%, #069b25 58%, #05791c 100%);
		border: 2px solid #078d24;
	}

	.hs-contact-method__icon,
	.hs-contact-method__line-icon {
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		width: 52px;
		height: 52px;
		margin: 0 auto 6px;
		background: #fff;
		border-radius: 50%;
	}

	.hs-contact-method__icon {
		color: #df0000;
		font-size: 33px;
		font-weight: 700;
		line-height: 1;
	}

	.hs-contact-method__line-icon {
		color: #069b25;
		font-size: 14px;
		font-weight: 900;
		line-height: 1;
	}

	.hs-contact-method__content {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		align-items: center;
		width: 100%;
		min-width: 0;
	}

	.hs-contact-method--mail .hs-contact-method__title,
	.hs-contact-method--line .hs-contact-method__title {
		display: block;
		margin: 0 0 5px;
		color: #fff;
		font-size: 16px;
		font-weight: 800;
		line-height: 1.2;
		white-space: normal;
	}

	.hs-contact-method__description {
		display: block;
		min-height: 40px;
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		line-height: 1.4;
	}

	.hs-contact-method__badge {
		display: inline-block;
		margin-top: 6px;
		padding: 3px 12px;
		background: #fff;
		border-radius: 13px;
		color: #d60000;
		font-size: 11px;
		font-weight: 800;
		line-height: 1.2;
	}

	.hs-contact-method__button {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 39px;
		margin-top: auto;
		padding: 6px;
		background: #fff;
		border-radius: 8px;
		font-size: 12px;
		font-weight: 800;
		line-height: 1.2;
		box-sizing: border-box;
	}

	.hs-contact-method--mail .hs-contact-method__button {
		color: #d50000;
	}

	.hs-contact-method--line .hs-contact-method__button {
		color: #078d24;
	}

	.hs-contact-method__button span {
		flex: 0 0 auto;
		margin-left: 5px;
		font-size: 25px;
		line-height: 1;
	}
}

/* 幅の狭いiPhone向け */
@media screen and (max-width: 374px) {

	.hs-contact-method--phone {
		grid-template-columns: 56px minmax(0, 1fr);
		gap: 8px;
		min-height: 96px;
		padding: 9px;
	}

	.hs-contact-method__phone-icon {
		width: 56px;
		height: 56px;
		font-size: 31px;
	}

	.hs-contact-method--phone .hs-contact-method__title {
		font-size: 16px;
	}

	.hs-contact-method__number {
		font-size: 28px;
	}

	.hs-contact-method__tap {
		font-size: 10px;
	}

	.hs-contact-method__phone-message {
		font-size: 10px;
	}

	.hs-contact-method__phone-message strong {
		font-size: 11px;
	}

	.hs-contact-method--mail,
	.hs-contact-method--line {
		min-height: 190px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.hs-contact-method--mail .hs-contact-method__title,
	.hs-contact-method--line .hs-contact-method__title {
		font-size: 15px;
	}

	.hs-contact-method__description,
	.hs-contact-method__button {
		font-size: 10.5px;
	}
}
/* =====================================
   PC用 仲介手数料診断ボタン 2026
===================================== */

.hs-pc-diagnosis {
	display: block;
	width: 100%;
	margin: 12px auto 20px;
	text-align: center;
}

.hs-pc-diagnosis a {
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-decoration: none;
}

.hs-pc-diagnosis img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border: 0;
}

.hs-pc-diagnosis p {
	margin: 8px 0 0;
	padding: 0;
	color: #20376a;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
}

/* スマホではPC用診断ボタンを非表示 */
@media screen and (max-width: 767px) {
	.hs-pc-diagnosis {
		display: none;
	}
}