@charset 'utf-8';

/*	Cascading Style Sheets: style.css 5.2	*/
.TOP_AREA_noimg h1.on-texts {
    margin-bottom: 5px;
}

.b-top-margin {
    margin-top: 75px;
}

h1.top-center {
    margin: 130px 0 60px;
}

.member-info h2 {
    text-align: left;
    margin: 90px 0 95px;
}

.Inquiry .lbox.last {
    margin-bottom: 0;
}

.Inquiry .comelist .pict-required,.Inquiry .arealist .pict-required, .Inquiry .textarea .pict-any,
.Inquiry .comelist .pict-required,.Inquiry .arealist .pict-required, .Inquiry .textarea .pict-required{
    float: none;
    display: inline-block;
    padding: 3px 5px;
    margin: 10px 10px 5px 0px;
}
/*登録完了ページ*/
.howto {
    text-align: center;
    font-weight: bold;
    padding: 25px 0 10px;
}

/* ログイン */
.login-box{
    border: var(--color-gray_border_set);
    padding: 50px 25px;
}

.wweb-con .icon-check:before{
    color: var(--color-buttom_red);
    float: left;
    padding: 3px 10px 0 0;
}
ul.wweb-con {
    padding-bottom: 30px
}

.wweb-con + .icon-circle_chk:before{
    color: var(--color-buttom_red);
    font-size: 18px;
    padding-right: 10px;
}

.wweb-con li{
    padding: 10px 0 5px;
    position: relative;
}

.u-dot-line{
    border-bottom:1px dotted var(--color-gray_border);
    display: inline-block;
    padding-bottom: 5px;
    width: calc(100% - 2em);
}

.wweb-con li:last-of-type > .u-dot-line{
    border-bottom: none;
}

.revenue {
    vertical-align: text-bottom;
    line-height: 18px;
}
/* パスワード再設定 */
.reregist-ex{padding-bottom: 2em;}

/* 退会手続き */
h1.top-center.unsub {
    margin: 60px 0 30px;
}
.unsubEx {
    margin-bottom: 120px;
}

.Inquiry .lbox.unsub:not(.document) {
    margin-bottom: 50px;
}
.unsubLink {
    padding-top: 60px;
    opacity: 80%;
}
/* AIウィルくんのおすすめ物件 */
#PAGE div.TOP_AREA.aibukken:before {
    content: none;
}
div.TOP_AREA.aibukken {
    color: var(--color-gray_base);
    margin-bottom: 70px;
    background-color: #f6f6f6;;
}
@media screen and (max-width: 768px) {
div.TOP_AREA.aibukken img {
    position: absolute;
    width: 100%;
    z-index: -10;
    bottom: 0;
}
}
div.TOP_AREA.aibukken h1 {
    color: var(--color-gray_dark);
}
.aiBukkenResult {margin-top: 210px;}

/* AIプルダウンメニュー */
.agentPict {
    border-radius: 50%;
    width: 25px;
    margin-right: 10px;
}

/* おすすめサービスのご紹介 */
.icon-thumbsup-o:before {
    font-size: 30px;
    padding-right: 20px;
}
h2.ServiceCopy {
    margin-top: 30px;
    margin-bottom: 40px;
}
.ServiceBox {
    border: var(--color-gray_border_set);
    border-radius: 8px;
    background-color: #ffffff;
    margin: 0 10px 50px;
}
.ServiceBox::before {
    content: "";
    display: block;
    width: 100%;
    height: 160px;
    background: url("/img/ai_recommend/ai_back_900.gif") no-repeat center bottom;
    background-size: cover;
}
.ServiceBox.Marketprice::before {
    height: 180px;
    background: url(/img/sell/SobaPopup.jpg) no-repeat center top;
    background-size: cover;
}
.ServiceBox.Weekday::before {
    height: 180px;
    background: url(/img/top/f_buy.png) no-repeat center top;
    background-size: cover;
}
.ServiceBox h3 {
    margin: 20px auto;
}
[class^="topic"] {
    padding: 0 10px;
}
.topic2 {
    margin-top: 20px;
}
.topic2 p:not(:first-child) {
    padding-left: 2.7em;
    text-indent: -2.7em;
}
.ServiceBox .button-contact {
    width: 200px;
    margin: 40px auto;
    display: block;
}
.left.OrderOne {
    order: 1;
}
.left.OrderTwo {
    order: 2;
}
.right.OrderThree {
    order: 3;
}
.right.OrderFour {
    order: 4;
}
/*Lineボタン*/
a.button-contact.button-Line {
    background-color: #06C755;
}
a.button-contact.button-Line:hover {
    background-color: #07b34c;
    opacity: 1;
}
div.container img.LineLogo {
    width: 30px;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 30px 9px 0;
}
.LINELogin [class*=" button-"] {
    width: 80vw;
}
.LINELogin .LTexts_nm {
    font-size: 4.3vw;
}
/*重複ページ*/
.DuplicateBox {
    margin-top: 120px;
}
.DuplicateBox .h2Texts {
    margin-bottom: 35px;
}
/*再ログインボタン*/
a.button-contact.button-ReLogin {
    background-color: #ffffff;
    border: 1px solid var(--color-gray_dark);
    color: var(--color-gray_dark);
}
/*保存物件問合せページ*/
.my-bukkenName {
    font-size: 20px;
    padding-top: 5px;
}
.favorite-buy label.CdBox.my-bukkenName:before {
    background: rgba(255, 255, 255, .4);
    border: 1px solid var(--color-white);
    width: 16.5px;
    height: 16.5px;
    top: 6px;
}

div.staff-expired .button-contact a {
	color: #fff;
}