/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 14 2023 | 03:22:16 */
@charset "UTF-8";
/**
 * ・セレクタの最初に .edit_css_voice を付ける
 */

.edit_css_voice{
	padding:0 0 60px;
}
.edit_css_voice h2{
	padding:80px 0 0;
	font-size:32px;font-weight:bold;
}
.edit_css_voice h2::after{
	width:97px;margin:7px auto 28px;
	background: transparent linear-gradient(90deg, #9CE2AF 0%, #9AE7F7 100%) 0% 0% !important;
}
.edit_css_voice h2 + p{
	padding:0 0 16px;
	font-size:18px;font-weight:500;text-align:center;
}
.edit_css_voice h2 + p .edit{display:none;}
body.paged .edit_css_voice h2 + p{padding:0 0 80px;}

.edit_css_voice h2 + p + p{
	padding:0 0 650px;
	font-size:14px;line-height:20px;text-align:center;
}
.edit_css_voice h2 + p + p .edit{display:none;}

.edit_css_voice h2 + p + p + p{
	padding:180px 20px 165px;
	background:linear-gradient(107deg, #d4f2dc 0%, #d3f4fb 100%);
	font-size:16px;line-height:24px;text-align:center;
}

.edit_css_voice h2 + p + p + p + div{
	padding:0 !important;
}
.edit_css_voice h2 + p + p + p + div > div > ul{
	position:relative;bottom:50px;
	display:flex;justify-content:center;flex-wrap:wrap;
	max-width:937px;margin:0 auto -50px;padding:0 8px 0;
}
.edit_css_voice h2 + p + p + p + div > div > ul > li{
	width:307px;padding:0 12px 40px !important;box-sizing:border-box;
	border-bottom:none !important;
}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1){position:absolute;top:-923px;left:0;width:100%;}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2){position:absolute;top:-576px;left:0;width:100%;}
body.paged .edit_css_voice h2 + p + p + div > div > ul > li{position:relative;top:0;left:0;width:307px;}

.edit_css_voice h2 + p + p + p + div > div > ul > li > a{
	display:block !important;
}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a,
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a{
	display:flex !important;
}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a{flex-direction:row-reverse;}
body.paged .edit_css_voice h2 + p + p + div > div > ul > li > a{
	display:block !important;
}

.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(1){
	width:100% !important;
}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(1),
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(1){width:430px !important;}
body.paged .edit_css_voice h2 + p + p + div > div > ul > li > a > div:nth-child(1){width:100% !important;}

.edit_css_voice h2 + p + p + div > div > ul > li > a > div:nth-child(1) figure{
	width:283px !important;height:200px !important;
	border-radius:12px;
	overflow:hidden;
}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(1) figure,
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(1) figure{width:430px !important;height:304px !important;}
body.paged .edit_css_voice h2 + p + p + div > div > ul > li > a > div:nth-child(1) figure{width:283px !important;height:200px !important;}

.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(1) figure{ width:auto !important; }
.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(1) figure img{width:283px !important;height:200px !important;object-fit:cover;}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(1) figure img,
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(1) figure img{width:430px !important;height:304px !important;}
body.paged .edit_css_voice h2 + p + p + div > div > ul > li > a > div:nth-child(1) figure img{width:283px !important;height:200px !important;}

.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(2){
	width:100% !important;
}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2),
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(2){
	display:flex;align-items:center;width:calc(100% - 430px) !important;height:304px;padding:0 25px;box-sizing:border-box;
}
body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(2){display:block;align-items:initial;width:100% !important;height:auto;padding:0 0;}

.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(2) h3{
	padding:10px 10px 0;
	font-size:16px;font-weight:bold;line-height:24px;
}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2) h3,
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(2) h3{
	position:relative;padding:0 25px;
	/*
	background-image: url("/app/uploads/sites/910/2023/08/voice_l.png"), url("/app/uploads/sites/910/2023/08/voice_r.png");
	background-repeat:no-repeat, no-repeat;
	background-position:top left 5px, bottom right 10px;
	background-size:9px 15px, 9px 15px;
	*/
	font-size:26px;line-height:40px;
}
body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(2) h3{padding:10px 10px 0;background:none;font-size:16px;line-height:24px;}

.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2) h3::before{
	content:"NEW";
	position:absolute;top:-75px;left:0;
	width:60px;height:60px;padding:8px 0 0 2px;box-sizing:border-box;
	background: #EFEF82;
	border-radius:50%;
	font-size:18px;font-weight:bold;text-align:center;
}
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2) h3::after,
.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(2) h3::after{
	content:"";
	position:absolute;bottom:-35px;right:10px;
	width:15px;height:15px;box-sizing:border-box;
	border-right:#dadada 1px solid;border-top:#dadada 1px solid;
	transform:rotate(45deg);
}
body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2) h3::before,
body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(2) h3::before,
body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2) h3::after,
body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(2) h3::after{display:none;}

.edit_css_voice div.wp-pagenavi > span,
.edit_css_voice div.wp-pagenavi > a{
	margin:2px 10px;
	background:none;
	border:none;
	font-size:16px;font-weight:bold;
}
.edit_css_voice div.wp-pagenavi > a.previouspostslink,
.edit_css_voice div.wp-pagenavi > a.nextpostslink{
	color:rgba(0,0,0,0);letter-spacing:-16px;
}
.edit_css_voice div.wp-pagenavi > a.previouspostslink::before,
.edit_css_voice div.wp-pagenavi > a.nextpostslink::after{
	color:#333333;letter-spacing:initial;
	transition:all 1s ease;
}
.edit_css_voice div.wp-pagenavi > a.previouspostslink::before{content:"前へ";}
.edit_css_voice div.wp-pagenavi > a.nextpostslink::after{content:"次へ";}
.edit_css_voice div.wp-pagenavi > span.current{color:#00A491;}
.edit_css_voice div.wp-pagenavi > a.page:hover,
.edit_css_voice div.wp-pagenavi > a.previouspostslink:hover::before,
.edit_css_voice div.wp-pagenavi > a.nextpostslink:hover::after{color:#00A491;}


/*--------------------------------------------------
**************************************************
  スマホ用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {

	.edit_css_voice{padding:0 0 80px;}
	.edit_css_voice h2{padding:25px 0 0;font-size:25px;}
	
	.edit_css_voice h2 + p{padding:10px 24px 8px;font-size:14px;line-height:20px;}
	.edit_css_voice h2 + p .edit{display:inline;}
	body.paged .edit_css_voice h2 + p{padding:10px 24px 55px;}
	
	.edit_css_voice h2 + p + p{
		padding:10px 24px 40px;
		font-size:12px;line-height:17px;text-align:center;
	}
	.edit_css_voice h2 + p + p .edit{display:inline;}

	.edit_css_voice h2 + p + p + p{display:none;margin:0 0 55px;padding:40px 24px;font-size:14px;line-height:24px;}
	body.paged .edit_css_voice h2 + p + p{display:block;}

	.edit_css_voice h2 + p + p + p + div > div > ul{position:relative;bottom:0;display:block;max-width:100%;padding:0 0 15px;box-sizing:border-box;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li{width:100%;padding:0 0 40px !important;box-sizing:border-box;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1){position:relative;top:0;display:block;padding:0 0 60px !important;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2){position:relative;top:0;display:block;padding:0 0 55px !important;}
	body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li{position:relative;top:0;left:0;width:100%;padding:0 0 40px !important;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1)::before{
		content:"NEW";
		position:absolute;top:-15px;left:24px;z-index:2;
		width:50px;height:50px;padding:13px 0 0 1px;box-sizing:border-box;
		background: #EFEF82;
		border-radius:50%;
		font-size:14px;font-weight:bold;text-align:center;
	}
	body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1)::before{display:none;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2)::after{
		content:"お客様の住まい探しのお手伝いを、スタッフ一同親身になって対応いたしますテキストテキスト（仮）";
		display:block;margin:60px 0 0;padding:40px 24px;
		background:linear-gradient(107deg, #d4f2dc 0%, #d3f4fb 100%);
		font-size:14px;line-height:24px;text-align:center;
	}
	body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2)::after{display:none;}

	.edit_css_voice h2 + p + p + p + div > div > ul > li > a{display:flex !important;justify-content:space-between;padding:0 24px;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a,
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a{display:block !important;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a{flex-direction:initial;}
	body.paged .edit_css_voice h2 + p + p + div > div > ul > li > a{display:flex !important;}

	.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(1){width:140px !important;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(1),
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(1){width:100% !important;}
	body.paged .edit_css_voice h2 + p + p + div > div > ul > li > a > div:nth-child(1){width:140px !important;}

	.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(1) figure{width:140px !important;height:99px !important;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(1) figure,
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(1) figure{width:100% !important;height:auto !important;}
	body.paged .edit_css_voice h2 + p + p + div > div > ul > li > a > div:nth-child(1) figure{width:100% !important;height:auto !important;}

	.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(1) figure img{width:140px !important;height:105px !important;object-fit:cover;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(1) figure img,
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(1) figure img{width:100% !important;height:auto !important;}
	body.paged .edit_css_voice h2 + p + p + div > div > ul > li > a > div:nth-child(1) figure img{width:140px !important;height:105px !important;}

	.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(2){width:calc(100% - 140px) !important;padding:0 0 0 0;box-sizing:border-box;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2),
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(2){display:flex;align-items:initial;width:100% !important;height:auto;padding:0 0;}
	body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(2){display:block;align-items:initial;width:calc(100% - 140px) !important;height:auto;padding:0 0;}

	.edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(2) h3{padding:0 0 0 15px;font-size:15px;line-height:21px;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2) h3,
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(2) h3{
		position:relative;margin:10px 0 0;padding:0 10px;
		/*
		background-image: url("/app/uploads/sites/910/2023/08/voice_l.png"), url("/app/uploads/sites/910/2023/08/voice_r.png");
		background-repeat:no-repeat, no-repeat;
		background-position:top left, bottom right;
		background-size:9px 15px, 9px 15px;
		*/
		font-size:22px;line-height:32px;
	}
	body.paged .edit_css_voice h2 + p + p + p + div > div > ul > li > a > div:nth-child(2) h3{margin:0;padding:0 0 0 15px;background:none;font-size:15px;line-height:21px;}

	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2) h3::before{display:none;}
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(1) > a > div:nth-child(2) h3::after,
	.edit_css_voice h2 + p + p + p + div > div > ul > li:nth-child(2) > a > div:nth-child(2) h3::after{display:none;}
	
	.edit_css_voice div.wp-pagenavi > span,
	.edit_css_voice div.wp-pagenavi > a{margin:2px 9px;font-size:14px;}
	.edit_css_voice div.wp-pagenavi > a.previouspostslink,
	.edit_css_voice div.wp-pagenavi > a.nextpostslink{letter-spacing:-14px;}
	.edit_css_voice div.wp-pagenavi > a.previouspostslink::before,
	.edit_css_voice div.wp-pagenavi > a.nextpostslink::after{font-size:16px;}

}


