@charset "utf-8";
@import url("hamburger.css");
@import url("root.css");

html{
	height:100%;
}
body{
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 500;
	font-style: normal;
	height:100%;
	background-color: #f6f7f7;
}
#wrapper{
	overflow: hidden;
}
a.btn{
padding: 1rem 2rem;
    border-radius: 6px;
    color: #fff;
    font-size: var(--font-small);
    letter-spacing: 2px;
    display: inline-flex;
    align-items: center;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
    box-shadow: 0px 2px 2px 2px #00000008;
    background: gray;
}
a.btn.our{
	background:#ef8454;
}
a.btn.owner{
	background:#8fa816;
}
a.btn.selelot{
	background:#96c1d7;
}
a.btn:hover{
	opacity: 0.8;
	box-shadow: none;
}
#submit_input,
#submit_conf_ok{
	background-color:#f198ab;
	padding:1rem 4rem;
}
#drop-zone {
    border: 1px dotted gray;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.pc_br{
	display: none;
}
.pc_view{
	display: none;
}
p.err {
	text-align: center;
	color: red;
    font-size: 1.5rem;
	font-weight: 700;
}
p.errormess,
.form_error {
    color: red;
    font-size: 1.5rem;
    margin-bottom: .5rem;
	font-weight: 700;
}
span.our{
	color:#ef8454;
	font-weight: 700;
}
span.owner{
	color:#b0c91b;
	font-weight: 700;
}
span.selelot{
	color:#96c1d7;
	font-weight: 700;
}
span.pink{
	color:#e4007f;
	font-weight: 700;
}

.priv {
	width:100%;
	margin:0 auto;
	height:250px;
	border: 1px solid #bdbdc4;
	border-radius: 5px;
}

/* HEADER */
#header{
    background-color: #ffffffe0;
    padding: 5px 10px;
	height:64px;
	position: relative;
	position: fixed;
	width: 100%;
	top: 0;
	z-index:10;
}
#logo a.pc_view{
	display: none;
}
#logo a.sp_view{
	display: block;
	margin-left:50px;
	text-align: center;
}
#logo a.sp_view img{
	height:52px;
}
#hero{
	background-image: url(../img/hero.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	height: 260px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
#hero div.bg{
	background-image: url(../img/hero_over_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 170px;
	margin-top: 64px;
}
#hero div.hero_wrap{
	width: 90%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	height: 170px;
}
#hero div.hero_wrap img{
	height: 80%;
}

/* */
h1{
	width:100%;
	background-color:#fff;
	padding:10px 0;
}
h1 div.wrapper{
	width:92%;
	color:#727171;
	margin:0 auto;
	display: flex;
	font-size:2rem;
	align-items: center;
	font-weight: 700;
}
h1 div.wrapper div.icon-house{
	margin-right:10px;
	width:11%;
}
#our h1 div.wrapper div.icon-house{
	fill:#ef8454;
}
#owner h1 div.wrapper div.icon-house{
	fill:#b0c91b;
}
#selelot h1 div.wrapper div.icon-house{
	fill:#96c1d7;
}
#whatsnew h1 div.wrapper div.icon-house{
	fill:#f2c33d;
}
#contents h1 div.wrapper div.icon-house{
	fill:#b0c91b;
}
.our h2{
	margin-bottom:10px;
	color:#ef8454;
}
.owner h2{
	margin-bottom:10px;
	color:#b0c91b;
}
.selelot h2{
	margin-bottom:10px;
	color:#96c1d7;
}
div.container{
	/*color:#f7f7f7;*/
}
div.container ul.top-list{
	width:92%;
	margin:0 auto 30px;
	/*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
}
div.container ul.top-list li{
	width:100%;
	margin-bottom:10px;
}
#our div.container ul.top-list li{
	border:2px solid #ef8454;
}
#owner div.container ul.top-list li{
	border:2px solid #b0c91b;
}
#selelot div.container ul.top-list li{
	border:2px solid #96c1d7;
}

div.container ul.top-list li h2{
	padding:5px 8px;
	min-height:43px;
}
#our div.container ul.top-list li h2{
	background-color: #ef8454;
}
#owner div.container ul.top-list li h2{
	background-color: #b0c91b;
}
#selelot div.container ul.top-list li h2{
	background-color: #96c1d7;
}

div.container ul.top-list li h2 a{
	display: flex;
	align-items: center;
	color:#fff;
}
div.container ul.top-list li h2 a img{
	margin-right:10px;
}
div.container ul.top-list li p{
	font-size:1.4rem;
	color:#1f1f1f;
	padding:10px;
	background-color:#fff;
}


/* whatsnew */
#whatsnew{

}
#whatsnew div.container{
	background-color: #fff;
}
#whatsnew div.container ul{
	width:92%;
	margin:0 auto;
	padding-top:15px;
}
#whatsnew div.container ul li{
	border-bottom:1px dotted #313131;
	color:#1f1f1f;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size:1.4rem;
	padding:5px 0;
}
#whatsnew div.container ul li p{
	font-size:1.4rem;
	margin-right:20px;
}
#whatsnew div.container ul li h2{
	font-size:1.4rem;
	font-weight: normal;
}

/* contents */
#contents{
	background-color: #f6f7f7;
}
#contents div.container{
	padding:30px 0;
}
#contents div.container>ul{
	width:92%;
	margin:0 auto;

}
#contents div.container>ul>li{
	/*width:49%;*/
	color:#1f1f1f;
	font-size:1.3rem;
}
#contents div.container>ul>li a{
	color:#1f1f1f;
	font-size:1.3rem;
	text-decoration: underline;
}
#contents div.container>ul>li>ul>li{
	margin-bottom:1rem;
}
#contents div.container>ul>li>ul>li>ul{
	margin-left:1.3rem;
	margin-top:1.3rem;
}
#contents div.container>ul>li>ul>li>ul>li{
	margin-bottom:0.5rem;
}
/* footer */
#footer{
	background-color: #fff;
	padding:20px 0 10px;
}
#footer p{
	text-align: center;
	color:#1f1f1f;
	font-size:1rem;
}


/* content pages */
/* commons */
#pageHeader{
	padding:2rem 0;
	background-color: #fff;
}
#pageHeader .container{
	width:92%;
	margin:0 auto 10px;
}

#pageHeader .container .wrapper{
	
}
#pageHeader .container .wrapper .breadcrumb{
	
}
#pageHeader .container .wrapper .breadcrumb li{
	font-size:1.3rem;
	font-weight: bold;
	color:#1f1f1f;
	margin-bottom:5px;
}
#pageHeader .container .wrapper .breadcrumb li a{
	font-size:1.3rem;
	color:#004ba8;
	text-decoration: underline;
}
#pageHeader .container .wrapper .breadcrumb li i{
	color:#1f1f1f;
}
#pageHeader .container h1{
    display: flex;
    align-items: center;
	margin-top:2rem;
	letter-spacing: 1px;
}
#pageHeader .container h1.our{
	color:#ef8454;
}
#pageHeader .container h1.owner{
	color:#b0c91b;
}
#pageHeader .container h1.selelot{
	color:#96c1d7;
}
#pageHeader .container h1.company,
#pageHeader .container h1.privacy{
	color:#ee8bb6;
}
#pageHeader .container h1.company span{
	font-size:1.3rem;
	color:#1f1f1f;
	margin-left:3rem;
}
#pageHeader .container h1.company span a{
	text-decoration: underline;
	color:#004ba8;
}
#pageHeader .container h2{
    display: flex;
    align-items: center;
	margin-top:2rem;
	letter-spacing: 1px;
	margin-bottom:1rem;
}
#pageHeader .container h2.our{
	color:#ef8454;
}
#pageHeader .container h2.owner{
	color:#b0c91b;
}
#pageHeader .container h2.selelot{
	color:#96c1d7;
}

#pageHeader .container h1 img{
	margin-right:1rem;
}
#pageHeader .container p{
	font-size:1.3rem;
}
#pageHeader .container p a{
	color:#004ba8;
	text-decoration: underline;
}
#pageHeader .container .otherPage{
	margin-top:2rem;
	font-weight: bold;
	font-size:1.3rem;
}
#pageHeader .container .otherPage span{
	display: block;
}
#pageHeader .container .otherPage a{
	font-size:1.3rem;
	color:#004ba8;
	text-decoration: underline;
}

#faq{
	width: 96%;
	margin:0 auto;
}
#faq h1{
    padding: 0;
    margin-bottom: 1rem;
}
#faq h1 div{
	min-width: 255px;
    padding: 10px 30px 9px 15px;
    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
    color: #fff;
    font-size: 1.5rem;
}
#faq h1 a{
	width: 100%;;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#faq.our h1{
	border-bottom:2px solid #ef8454
}
#faq.our h1 div{
	background-color:#ef8454
}
#faq.our h1 i{
	color:#ef8454;
}
#faq.owner h1{
	border-bottom:2px solid #b0c91b;
}
#faq.owner h1 div{
	background-color:#b0c91b;
}
#faq.owner h1 i{
	color:#b0c91b;
}
#faq.selelot h1{
	border-bottom:2px solid #96c1d7;
}
#faq.selelot h1 div{
	background-color:#96c1d7;
}
#faq.selelot h1 i{
	color:#96c1d7;
}
#faq div.container{
	width:96%;
	margin:0 auto 40px;
}
#faq div.container h2{
	margin-top:2.5rem;
	margin-bottom:0;
	font-weight: 500;
}
#faq div.container h3{
	background-color: gray;
	font-size: 1.3rem;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 7px;
	margin-top:2.5rem;
}
#faq.our div.container h3{
	background-color:#ef8454;
}
#faq.owner div.container h3{
	background-color:#b0c91b;
}
#faq.selelot div.container h3{
	background-color:#96c1d7;
}
#faq div.container div.answer{
	font-size:1.3rem;
	padding-bottom: 1rem;
	border-bottom: 2px dotted #d7d7d7;
}
#faq div.container div.answer h4{
    text-indent: -2rem;
    padding-left: 2rem;
    margin: 1rem 0;
	font-weight: 500;
	line-height: 1.6;
}
#faq div.container div.answer p{
	padding-left:2rem;
	line-height: 1.6;
}
#faq div.container div.answer p.img{
	margin:2rem auto 0;
	padding:0;
	text-align: center;
}
#faq div.container div.answer h4 a,
#faq div.container div.answer p a{
	text-decoration: underline;
	color:#004ba8;
}
/* c_mansion */
#pageHeader .container p.c_mansion,
#c_mansion p.c_mansion {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 8px 0;
}
#c_mansion .container,
#c_mansion p.c_mansion,
#c_mansion p.arrow{
	width: 96%;
	margin:0 auto 30px;
}
#c_mansion .container p{
	text-align: center;
}
#c_mansion .container p img{
	width:100%;
}
#c_mansion p.arrow img{
	width:95px;
}
#c_mansion p.c_mansion.low{
	font-size:1.3rem;
}
.c_mansion-contact{
	width: 96%;
	margin:0 auto 30px;
	border:5px solid #b0c91b;
	border-radius: 5px;
	background-color:#fff6f1;
	font-weight: 700;
	text-align: left;
	padding:2rem 3rem;
	font-size:1.7rem;
}
/* privacy */
#privacy div.container{
	width:92%;
	margin:0 auto 30px;
}

/* company */
#message div.container{
	width:92%;
	margin:0 auto 30px;
}

/* lookup */
#lookup div.container{
	width:92%;
	margin:0 auto 30px;
}
#lookup .contact,
#broker .contact{
	width: 96%;
	margin:0 auto 30px;
	border:5px solid #96c1d7;
	border-radius: 5px;
	background-color:#fff6f1;
	font-weight: 700;
	text-align: left;
	padding:2rem 3rem;
	font-size:1.3rem;
}
#lookup .contact h3,
#broker .contact h3{
color:#96c1d7;
font-size:120%;
margin-bottom:1rem;
}
#lookup .contact h3 span,
#broker .contact h3 span{
color:#eb5e00;
}

/* broker */
#broker div.container{
	width:92%;
	margin:0 auto 30px;
}
#wrapper .numberedList.dotBorder{
	border-bottom:2px dotted #96c1d7;
}

/* form */
#form div.container{
	width:92%;
	margin:0 auto 30px;
}
#form div.container p{
	margin-bottom:1rem;
}
#form div.container .dotted{
	border:3px dotted rgb(196, 196, 196);
	border-radius: 15px;
}
#form div.container .text{
	font-size:1.5rem;
	padding:4rem 4rem 3rem;

}
#form div.container .text span.red{
	color:red;
}

.check2{
	text-align: center;
	font-size: 2.3rem;
	font-weight: 700;
}
/* ai outputs */

/* ---------- 汎用：セクション見出し（青系） ---------- */
#wrapper .sectionTitle{
	display:flex;
	align-items:center;
	gap:.5rem;
	font-size:1.7rem;
	font-weight:500;
	color:#595656;
	margin:3rem 0 1.5rem;
	padding:0 0 .6rem;
	border-bottom:1px solid #ef91b9;
}
#wrapper .sectionTitle.noBorder{ border:none; }

#broker .sectionTitle{
	display:flex;
	align-items:center;
	gap:.5rem;
	font-size:1.7rem;
	font-weight:500;
	color:#96c1d7;
	margin:3rem 0 1.5rem;
	padding:0 0 .6rem;
	border-bottom:1px solid #96c1d7;
}
#broker .sectionTitle.noBorder{ border:none; }


#form .sectionTitle{
	border-bottom:2px solid #96c1d7;
}
#form .sectionTitle2{
	display:flex;
	align-items:center;
	gap:.5rem;
	font-size:1.7rem;
	font-weight:500;
	color:#96c1d7;
	margin:2rem 0 .5rem;
	padding:0 0 .6rem;
}

/* ---------- 汎用：本文・段落 ---------- */
#wrapper .bodyText{
	font-size:1.5rem;
	line-height:1.3;
	color:#333;
	margin-bottom:1.6rem;
}
#wrapper .bodyText .note{ font-size:1.5rem; color:#666; display:block; }
#wrapper .bodyText.strong{ font-size:2rem; font-weight:600; }

/* ---------- 汎用：番号付きリスト ---------- */
#wrapper .numberedList{
	counter-reset:num;
	padding:0 0 2rem;
	margin:0 0 3rem;
	list-style:none;
}
#wrapper .numberedList > li{
	counter-increment:num;
	position:relative;
	padding-left:2em;
	margin-bottom:1.4rem;
	font-size:1.5rem;
	line-height:1.3;
}
#wrapper .numberedList > li::before{
	content:counter(num) ".";
	position:absolute;
	left:0;
	font-weight:600;
	color:#333;
}
#wrapper .numberedList .indent{
	display:block;
	padding-left:.2em;
	margin-top:.3em;
	font-size:1.4rem;
}

/* ---------- 汎用：箇条書き（・） ---------- */
#wrapper .dotList{
	list-style:none;
	padding:0;
	margin:0 0 2rem;
}
#wrapper .dotList > li{
	position:relative;
	padding-left:1.2em;
	margin-bottom:.8rem;
	font-size:1.5rem;
	line-height:1.8;
}
#wrapper .dotList > li::before{
	content:"・";
	position:absolute;
	left:0;
}

/* ---------- broker：手数料リスト ---------- */
#wrapper .feeList{
	margin:0 0 2rem;
	padding:0;
	list-style:none;
	font-size:1.5rem;
	line-height:2;
}
#wrapper .feeList li{ display:flex; flex-wrap:wrap; gap:.3em;margin-bottom:2rem; }
#wrapper .feeList .label{ min-width:14em;font-size:1.9rem }
#wrapper .feeList .price{ font-weight:600;margin-left:1rem; }
#wrapper .feeList .small{ font-size:1.3rem; color:#666; display:block; width:100%; margin-left:1rem;}

/* ---------- broker：CTAボックス（下部の依頼ボタンエリア） ---------- */
#wrapper .ctaBox{
	margin:4rem auto 0;
	padding:3rem 2rem;
	background:#fdf3ef;
	border-radius:4px;
	text-align:center;
}
#wrapper .ctaBox p{
	margin-bottom:1.6rem;
	font-size:1.5rem;
	line-height:1.8;
}
#wrapper .ctaBox .ctaButton{
	display:inline-block;
	min-width:24em;
	padding:1.2em 2em;
	background:#f4a397;
	color:#fff;
	font-weight:600;
	font-size:1.5rem;
	text-decoration:none;
	border:none;
	border-radius:999px;
	cursor:pointer;
}
#wrapper .ctaBox .ctaButton::after{ content:"▶"; margin-left:.6em; font-size:.7em; }

/* ---------- 汎用：フォーム ---------- */
#wrapper .formArea{ margin-top:2rem; }
#wrapper .formRow{
	display:flex;
	flex-direction:column;
	gap:.5rem;
	padding:1.5rem 0;
	border-bottom:1px dashed #e5e5e5;
}
#wrapper .formRow .formLabel{
	display:flex;
	align-items:center;
	gap:.6rem;
	font-size:1.5rem;
	font-weight:500;
}
#wrapper .formRow .badge{
	display:inline-block;
	padding:.15em .9em;
	font-size:1.2rem;
	font-weight:600;
	border-radius:3px;
	line-height:1.4;
	color:#fff;
}
#wrapper .formRow .badge.req{ background:#dc97ab; }
#wrapper .formRow .badge.opt{ background:#5ea1e0; }
#wrapper .formRow .formField{ 
	/*display:flex;*/
	flex-wrap:wrap; 
	gap:.5rem; 
	align-items:center;
	/*text-indent: -2rem;
    margin-left: 2rem;*/
}
#wrapper .formRow .formField p,
#wrapper .formRow .formField span{ 
	font-size:1.5rem;
}
#wrapper .formRow input[type=text],
#wrapper .formRow input[type=tel],
#wrapper .formRow input[type=email],
#wrapper .formRow input[type=number]{
	flex:1 1 auto;
	/*width:100%;*/
	min-width:0;
	padding:.6em .8em;
	border:1px solid #cccccc;
	border-radius:3px;
	font-size:1.5rem;
	background:#fff;
}
#wrapper .formRow input.short{ flex:0 0 7em; }
#wrapper .formRow input.medium{ flex:0 0 14em; }
#wrapper .formRow textarea{
	width:100%;
	min-height:9em;
	padding:.7em .8em;
	border:1px solid #cccccc;
	border-radius:3px;
	font-size:1.5rem;
	background:#fff;
	box-sizing: border-box;
}
#wrapper .formRow .telBlock{ display:flex; align-items:center; gap:.3em; }
#wrapper .formRow .telBlock input{ width:6em; flex:0 0 6em; text-align:center; }
#wrapper .formRow .dateBlock{ display:flex; align-items:center; gap:.3em; flex-wrap:wrap; }
#wrapper .formRow .dateBlock input{ width:6em; flex:0 0 6em; text-align:center; }
#wrapper .formRow .dateBlock select{
	padding:.4em .6em;
	border:1px solid #cccccc;
	border-radius:3px;
	font-size:1.4rem;
	background:#fff;
}
#wrapper .formRow .roomBlock{ display:flex; align-items:center; gap:.3em; }
#wrapper .formRow .roomBlock input{ width:7em; }
#wrapper .formRow .note{ font-size:1.2rem; color:#666; margin-top:.3em; line-height:1.6; }
#wrapper .formRow .radioGroup{ display:flex; gap:1.2rem; align-items:center; }
#wrapper .formRow .radioGroup label{ display:flex; align-items:center; gap:.4em; font-size:1.5rem; }

/* 同意・送信エリア */
#wrapper .agreeBlock{
	margin-top:2rem;
	padding:1.5rem 1rem;
	text-align:center;
	font-size:1.5rem;
}
#wrapper .agreeBlock .radioGroup{ 
	justify-content:center; 
	margin-top:.8rem; 
	gap:1.5rem; 
	/*display:flex; */
}
#wrapper .agreeBlock label{ display:inline-flex; align-items:center; gap:.4em; }
#wrapper .submitBlock{
	margin-top:2rem;
	text-align:center;
}
#wrapper .submitBlock .submitButton{
	display:inline-block;
	min-width:18em;
	padding:1em 2em;
	background:#f7c5cd;
	color:#fff;
	font-weight:600;
	font-size:1.6rem;
	border:none;
	border-radius:999px;
	cursor:pointer;
}
#wrapper .formFooterNote{
	margin-top:1.5rem;
	padding:0 1rem;
	color:#d93b3b;
	font-size:1.3rem;
	text-align:center;
	line-height:1.8;
}

/* ---------- cancel：チェック項目（重要事項） ---------- */
#wrapper .checkAlertHead{
	margin:1.5rem 0;
	padding:.8rem 0;
	color:#ef8bb6;
	font-weight:900;
	font-size:1.5rem;
	text-decoration: underline;
}
#wrapper .checkList{
	list-style:none;
	padding:0;
	margin:0 0 3rem;
}
#wrapper .checkList > li{
	display:flex;
	gap:.8rem;
	padding:1rem 0;
	font-size:1.4rem;
	line-height:1.8;
}
#wrapper .checkList > li input[type=checkbox]{
	flex:0 0 auto;
	margin-top:.4em;
	width:1.6rem;
	height:1.6rem;
}

/* ---------- company：社長メッセージ ---------- */
#wrapper .message{ margin:1rem 0 3rem; }
#wrapper .message p{ font-size:1.5rem; line-height:1.3; margin-bottom:1.5rem; }
#wrapper .message .catchLine{
	font-size:2.4rem;
	font-weight:700;
	color:#b0c815;
	line-height:1.4;
	margin:2.5rem 0;
}
#wrapper .message .signature{
	text-align:right;
	margin-top:2rem;
	font-size:1.5rem;
}
#wrapper .message .signature .name{ display:inline-block; margin-left:1em; font-family:'Sawarabi Mincho','Yu Mincho',serif; font-size:1.2em; }

/* ---------- company：企業理念 ---------- */
#wrapper .philosophy{ margin-bottom:3.5rem; }
#wrapper .philosophy .lead{ font-size:1.5rem; line-height:1.3; margin-bottom:.5rem; }
#wrapper .philosophy .slogan{ font-size:1.5rem; margin-bottom:2rem; }
#wrapper .principle{ margin-bottom:2rem; }
#wrapper .principle h3{
	color:#ee8bb6  ;
	font-size:2.5rem;
	font-weight:500;
	margin:0 0 .7rem;
	border:none;
	padding:0;
}
#wrapper .principle p{ font-size:1.5rem; line-height:1.3; }

/* ---------- company：会社概要テーブル ---------- */
#wrapper .companyTable{
	width:100%;
	border-collapse:collapse;
	margin-bottom:3rem;
	font-size:1.5rem;
	line-height:1.8;
}
#wrapper .companyTable th,
#wrapper .companyTable td{
	padding:0.5rem 1rem;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	text-align:left;
	vertical-align:top;
}
#wrapper .companyTable th{
	width:8em;
	background:#f7f7f7;
	font-weight:500;
	letter-spacing:.2em;
	white-space:nowrap;
}

/* ---------- company：社会貢献 ---------- */
#wrapper .socialBlock{ margin-bottom:3.5rem; }
#wrapper .socialBlock .leadText{ font-size:1.5rem; line-height:1.3; margin-bottom:1.5rem; }
#wrapper .socialBlock .subTitle{
	display:flex;
	align-items:center;
	gap:.4rem;
	font-size:1.6rem;
	font-weight:600;
	color:#595656;
	margin:0rem 0 2rem;
}
#wrapper .socialBlock .csr-container{
	padding:2rem;
	border:1px solid #b5b6b6;
}
#wrapper .socialBlock .subTitle::before{ content:"■"; color:#ee8bb6; font-size:.85em; }
#wrapper .socialBlock .badgeRow{ display:flex; gap:1.5rem; flex-wrap:wrap; margin-bottom:.8rem; align-items:center;justify-content: center; }
#wrapper .socialBlock .badgeRow img{ max-width:150px; height:auto; }
#wrapper .socialBlock .caption{ font-size:1.4rem; color:#333; margin:.8rem 0 0rem; line-height:1.8; }
#wrapper .socialBlock .photoRow img{ max-width:100%; height:auto; border-radius:4px; }
#wrapper .socialBlock .wrap{

	margin-bottom:3rem;
}
/* ---------- company：関連会社 ---------- */
#wrapper .relatedList{
	display:flex;
	flex-direction:column;
	gap:2rem;
	margin-top:1.5rem;
}
#wrapper .relatedCard h4{
	display:flex;
	align-items:center;
	gap:.4rem;
	font-size:1.5rem;
	font-weight:600;
	color:#595656;
	margin:0 0 .8rem;
    border-bottom: 1px dotted #c1c1c1;
    padding: 0 0 .8rem;
}
#wrapper .relatedCard h4::before{ content:"■"; color:#ee8bb6; font-size:.85em; }
#wrapper .relatedCard p{ font-size:1.4rem; line-height:1.3; margin-bottom:.8rem; }
#wrapper .relatedCard img{ max-width:100%; height:auto; border-radius:4px; }
#wrapper .relatedCard p.img{ text-align: center;}
/* ---------- privacy：個人情報保護方針 ---------- */
#wrapper .privacyTitle{
	color:#f4a397;
	font-size:2.4rem;
	font-weight:700;
	margin:1rem 0 1.5rem;
}
#wrapper .privacyIntro{ font-size:1.5rem; line-height:1.35; margin-bottom:2rem; }
#wrapper .privacySection{ margin-bottom:2.5rem; }
#wrapper .privacySection h3{
	font-size:1.7rem;
	font-weight:700;
	margin:0 0 .8rem;
	color:#333;
}
#wrapper .privacySection .indent{
	padding-left:1.5em;
	font-size:1.5rem;
	line-height:1.35;
}

/* ---------- lookup：分譲マンション管理会社を探す ---------- */
#wrapper .lookupPage .leadBlock{
	display:flex;
	flex-direction:column;
	gap:2rem;
	margin-bottom:3rem;
}
#wrapper .lookupPage .leadText{ flex:1 1 auto; }
#wrapper .lookupPage .leadImage{ flex:0 0 auto; }
#wrapper .lookupPage .leadImage img{
	/*display:block;*/
	width:100%;
	max-width:100%;
	height:auto;
	background:#f0f0f0;
	border-radius:4px;
}
#wrapper .lookupPage .leadImage .imgPlaceholder{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:24rem;
	background:#f0f0f0;
	border-radius:4px;
	color:#999;
	font-size:1.3rem;
}
#wrapper .lookupPage .pointBlock{
	margin-bottom:2.5rem;
}
#wrapper .lookupPage .pointHead{
	display:flex;
	align-items:center;
	gap:1.2rem;
	padding-bottom:.8rem;
	margin-bottom:1.2rem;
	border-bottom:1px solid #d3e6ee;
}
#wrapper .lookupPage .pointIcon{
	width: 4rem;
 /* height: 4rem;*/
  /*display: flex;
  align-items: center;
  justify-content: center;*/
}
#wrapper .lookupPage .pointIcon img{ width:60%; height:60%; object-fit:contain; }
#wrapper .lookupPage .pointTitle{
	font-size:1.7rem;
	font-weight:600;
	color:#96c1d7;
	margin:0;
}

#wrapper .lookupPage .pointBody{
	font-size:1.5rem;
	line-height:1.35;
	color:#333;
}
#wrapper .lookupPage .photoGallery{
	display:flex;
	flex-direction:column;
	gap:1rem;
	margin:3rem 0;
}
#wrapper .lookupPage .photoGallery .photoItem{
	width:100%;
}
#wrapper .lookupPage .photoGallery .photoItem img{
	width:100%;
	height:auto;
	border-radius:4px;
	display:block;
}
#wrapper .lookupPage .contactBox{
	margin:4rem 0 2rem;
	padding:3rem 2rem;
	background:#f5eee9;
	border:1px solid #e7d6c8;
	border-radius:6px;
	text-align:center;
}
#wrapper .lookupPage .contactBox .contactTitle{
	font-size:1.8rem;
	font-weight:600;
	color:#1a8db5;
	margin:0 0 1.2rem;
}
#wrapper .lookupPage .contactBox .contactTitle .accent{
	color:#1a8db5;
	font-weight:700;
}
#wrapper .lookupPage .contactBox p{
	font-size:1.4rem;
	line-height:1.3;
	margin-bottom:1.5rem;
}
#wrapper .lookupPage .contactBox .contactButton{
	display:inline-block;
	min-width:22rem;
	padding:1.2em 2em;
	background:#cfe3f0;
	color:#1a8db5;
	font-size:1.5rem;
	font-weight:600;
	text-decoration:none;
	border-radius:999px;
	border:1px solid #b6d4e4;
}