@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap&text=不動産一括査定瞬間・マンションファイルPrfee（プレフィー）について単独査定、一括査定はこちらから！');

/*========================================
　　共通
========================================*/
#wrapper {
    width: 100%;
    height: 100%;
}

body {
    font-size: 17px;
    line-height: 220%;
}

img {
    -ms-interpolation-mode: bicubic;
}

br.pcContent,
img.pcContent,
span.pcContent,
i.pcContent {
    display: inline;
}

.spContent,
br.spContent,
img.spContent,
span.spContent,
i.spContent {
    display: none;
}

@media screen and (max-width: 768px) {
    body {
        font-size: 16px;
        line-height: 200%;
    }

    .pcContent,
    br.pcContent,
    img.pcContent,
    span.pcContent,
    i.pcContent {
        display: none;
    }

    .spContent {
        display: block;
    }

    br.spContent,
    img.spContent,
    span.spContent,
    i.spContent {
        display: inline;
    }
}

@media screen and (max-width: 370px) {
    body #wrapper {
        font-size: 88%;
        line-height: 200%;
    }
}

/*========================================
　　見出し
========================================*/
#title {
    position: relative;
}

#title p {
    margin: 0;
}

#title b {
    position: relative;
    display: block;
    padding: 20px 0 7px;
    font-size: 140%;
    line-height: 160%;
    font-weight: 700;
}

div.subtitle {
    position: relative;
    margin: 0 0 50px;
}

div.subtitle b {
    display: block;
    font-size: 160%;
    line-height: 150%;
    font-weight: 700;
    text-align: center;
}

@media screen and (max-width: 768px) {
    #title b {
        padding: 17px 0 10px;
        font-size: 108%;
        line-height: 160%;
    }

    div.subtitle {
        margin: 0 0 40px;
    }

    div.subtitle b {
        display: block;
        font-size: 114%;
        line-height: 150%;
        font-weight: 700;
    }

    div.infoContent div.subtitle b {
        font-size: 114%;
        line-height: 150%;
    }
}

@media screen and (max-width: 370px) {
    #title .col-1-1 {
        padding: 20px 10px;
    }
}

/*　テキストボックス
----------------------------------------*/
.textboxContent input,
.textareaContent textarea {
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;
    background: #FFF;
}

.textboxContent input:focus,
.textareaContent textarea:focus {
    border: 1px solid #999;
}

.textboxContent input {
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
}

.textareaContent textarea {
    padding: 8px 20px;
}

/*　セレクトメニュー
----------------------------------------*/
div.selectContent {
    position: relative;
    display: table;
}

div.selectContent::after {
    content: "";
    position: absolute;
    right: 17px;
    top: 50%;
    margin: -4px 0 0;
    border-radius: 1px;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    z-index: 2;
    border-width: 2px;
    border-style: solid;
    border-left: none !important;
    border-bottom: none !important;
}

div.selectContent select::-ms-expand {
    display: none;
}

div.selectContent select {
    position: relative;
    height: 40px;
    padding: 0 40px 0 20px;
    font-size: 94%;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    appearance: none;
    border: 1px solid #CCC;
    background: #FFF;
    cursor: pointer;
}

/*　テーブル
----------------------------------------*/
table.tableContent,
table.tableContent th,
table.tableContent td {
    border-collapse: collapse;
    border: 1px solid #DDD;
}

table.tableContent {
    width: 100%;
}

table.tableContent th {
    padding: 20px 5px;
    font-size: 94%;
    line-height: 160%;
    text-align: center;
    font-weight: 500;
    background-color: #F5F5F5;
}

table.tableContent th small {
    display: inline-block;
}

table.tableContent td {
    padding: 20px;
    font-size: 94%;
    line-height: 160%;
}

@media screen and (max-width: 768px) {
    table.tableContent th {
        font-size: 88%;
        line-height: 160%;
    }

    table.tableContent td {
        font-size: 88%;
        line-height: 160%;
    }
}

/*　フォーム用テーブル
----------------------------------------*/
p.textCenter {
    display: table;
    margin: 0 auto 40px;
}

table.tableContent.form {
    margin: 0 0 40px;
    width: 100%;
    font-size: 94%;
    line-height: 160%;
}

table.tableContent.form th {
    width: 200px;
    font-size: 94%;
    line-height: 150%;
}

table.tableContent.form td {
    font-size: 94%;
    line-height: 150%;
}

table.tableContent.form td p.clear {
    margin: 0;
    padding: 5px 0 0;
}

table.tableContent.form td div.leftContent,
table.tableContent.form td div.checkboxContent ul.leftContent {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

table.tableContent.form td div.checkboxContent ul.leftContent {
    margin: -5px 0;
}

table.tableContent.form td div.checkboxContent ul.leftContent li {
    padding: 5px 20px 5px 0;
}

table.tableContent.form td div.leftContent span {
    padding: 0 5px;
}

table.tableContent.form td .textboxContent input {
    width: 100%;
}

table.tableContent.form td .textboxContent.textbox01 {
    width: 100%;
    max-width: 800px;
}

table.tableContent.form td .textboxContent.textbox02 {
    width: 100%;
    max-width: 400px;
}

table.tableContent.form td .textboxContent.textbox03 {
    width: 100%;
    max-width: 200px;
}

table.tableContent.form td .textboxContent.textbox04 {
    width: 100%;
    max-width: 100px;
}

table.tableContent.form td ul li:has(#MemberNewPassword) {
    padding: 0 0 10px;
}

#registerStep p.textCenter {
    display: table;
    margin: 0 auto 80px;
}

#register.registerConfirm #registerForm div.buttonContent {
    max-width: 360px;
}

div.toppageLink {
    text-align: center;
}

@media screen and (max-width: 768px) {
    p.textCenter {
        margin: 0 auto 30px;
    }

    table.tableContent.form {
        border: none;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

    table.tableContent.form th {
        display: block;
        width: auto;
        padding: 5px;
        border: none;
        border-top: 1px solid #DDD;
    }

    table.tableContent.form td {
        display: block;
        padding: 20px 15px;
        border: none;
        border-top: 1px solid #DDD;
    }

    #registerStep p.textCenter {
        margin: 0 auto 50px;
        font-size: 94%;
        line-height: 180%;
    }
}

/*　マウスオーバー
----------------------------------------*/
.over_img {
    transition: .5s;
}

.over_img:hover {
    opacity: 0.6;
}

/*　必須項目
----------------------------------------*/
sup.required {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 5px;
    font-size: 12px;
    line-height: 22px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    font-weight: 500;
    text-align: center;
    background-color: #F00;
    color: #FFF;
    vertical-align: middle;
    top: auto;
}

table.tableContent.form.required th {
    padding-left: 15px;
    padding-right: 10px;
    text-align: left;
}

table.tableContent.form.required th div.required {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

table.tableContent.form.required th div.required span {
    text-align: left;
    flex: 1;
}

table.tableContent.form.required th div.required sup {
    margin: 0 0 0 5px;
}

@media screen and (max-width: 768px) {
    table.tableContent.form.required th {
        padding-left: 15px !important;
        padding-right: 10px !important;
        text-align: left;
    }

    table.tableContent th div.required span {
        padding: 0 2em 0 0;
    }
}

/*　ボタン
----------------------------------------*/
div.buttonContent {
    position: relative;
    clear: both;
    text-align: center;
}

div.buttonContent a {
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    border-radius: 3px;
}

div.buttonContent a::before,
#toppageNews dl dt ul li::before,
#search table td.stations p.stations::before,
#searchConditions p.conditions::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-style: solid;
    display: none;
    border-radius: 3px;
}

#search table td.stations p.stations::before,
#searchConditions p.conditions::before,
#listSide dl dd div.buttonContent a::before {
    display: block;
}

div.buttonContent a::after,
div.listContent div.subtitle b a::after,
#search table td.stations p.stations::after,
#searchConditions p.conditions::after,
#propertyMap div.banner a p span::after,
#contact div.buttonContent button::after,
#form #registerForm div.buttonContent button::after,
#title div.left p::after,
#propertyOutline div.mapContent div.banner a p span::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -3px 0 0;
    border-radius: 1px;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-left: none !important;
    border-bottom: none !important;
    border-radius: 0;
}

#toppageSearch div.name div.buttonContent a::after,
div.flowContent dl dd table th div.buttonContent a::after,
#listSide div.searchButton div.buttonContent a::after,
#listSide div.closeButton a::after,
#search div.searchButton a::after,
#mypageTopConditions div.area3 div.buttonContent div.search a::after {
    left: 20px;
    transform: none;
    -webkit-transform: none;
    border: none !important;
    border-radius: none;
    background: no-repeat 50% 50% / 100% auto;
}

#toppageMainImg div.buttonContent a,
#toppageMainImg div.buttonContent a::before {
    transition: ease .2s;
}

#listMain div.listMain dl dd div.contact div.buttonContent ul li label {
    position: relative;
    display: block;
    cursor: pointer;
}

div.buttonContent a span,
.checkboxContent label span,
#search table td.stations p.stations,
#searchConditions p.conditions,
#propertyMap div.banner a p span,
#contact div.buttonContent button,
#form #registerForm div.buttonContent button,
#propertyOutline div.mapContent div.banner a p span {
    display: block;
    width: 100%;
    letter-spacing: 1px;
    font-weight: normal;
    padding: 0 0 0 5px;
    font-size: 100%;
    line-height: 50px;
    text-align: center;
}

div.buttonContent ul {
    position: relative;
    margin: 0 -10px;
}

div.buttonContent ul li {
    position: relative;
    float: left;
    width: 50%;
    padding: 0 10px;
}

@media screen and (max-width: 768px) {
    div.buttonContent ul {
        margin: 0 -5px;
    }

    div.buttonContent ul li {
        padding: 0 5px;
    }

    div.buttonContent a span {
        font-size: 100%;
    }
}

/*　アイコン
----------------------------------------*/
.linkIcon01,
.linkIcon01li li,
.linkIcon02,
.linkIcon02li li {
    position: relative;
    padding-left: 15px;
}

.linkIcon01::after,
.linkIcon01li li::after,
.linkIcon02::after,
.linkIcon02li li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0;
    border-right: 2px solid #DC1C2E;
    border-top: 2px solid #DC1C2E;
    border-radius: 1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.linkIcon01li li::after,
.linkIcon02li li::after {
    top: 8px;
    margin: 0;
}

.linkIcon03::after,
.linkIcon02li li::after {
    border-right: 2px solid #555;
    border-top: 2px solid #555;
}

/*　ステップ
----------------------------------------*/
div.stepContent {
    margin: 0 -10px;
    padding: 20px 0 50px;
}

div.stepContent ul {
    position: relative;
    display: table;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

div.stepContent ul li {
    display: table-cell;
    width: 33.33%;
    vertical-align: top;
}

div.stepContent ul li p {
    position: relative;
    display: block;
    margin: 0;
    padding: 30px 0 0;
    color: #AAA;
}

div.stepContent ul li p b {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

div.stepContent ul li.visited p b {
    color: #000;
}

div.stepContent ul li p:before {
    content: "";
    position: absolute;
    left: -50%;
    top: 11px;
    width: 100%;
    height: 2px;
    z-index: 0;
    background: #DDD;
}

div.stepContent ul li:first-child p:before {
    display: none;
}

div.stepContent ul li p:after {
    position: absolute;
    left: 50%;
    top: 0;
    width: 24px;
    height: 24px;
    margin: 0 0 0 -12px;
    font-size: 14px;
    line-height: 24px;
    background: #CCC;
    color: #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}

div.stepContent ul li:first-child p:after {
    content: "1";
}

div.stepContent ul li:nth-child(2) p:after {
    content: "2";
}

div.stepContent ul li:nth-child(3) p:after {
    content: "3";
}

div.stepContent ul li:nth-child(4) p:after {
    content: "4";
}

div.stepContent ul li:nth-child(5) p:after {
    content: "5";
}

div.stepContent ul li:nth-child(6) p:after {
    content: "6";
}

@media screen and (max-width: 768px) {
    div.stepContent ul li p b br.spContent {
        display: inline;
    }
}

@media screen and (max-width: 768px) {
    div.stepContent {
        padding: 10px 0 20px;
    }

    div.stepContent ul {
        max-width: 500px;
    }

    div.stepContent ul li p {
        padding: 35px 0 0;
    }

    div.stepContent ul li p b {
        display: inline-block;
        font-size: 12px;
        line-height: 15px;
        height: 7em;
        text-align: left;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 1px;
    }

    #registerStep div.stepContent ul li p b {
        height: 9em;
    }
}

/*========================================
　　テンプレート
========================================*/
div.templateContent {
    display: flex;
    align-items: stretch;
    margin: 0 -40px 80px;
}

div.templateContent.reverse {
    flex-direction: row-reverse;
}

div.templateContent div.templateContentText {
    display: flex;
    width: 50%;
    padding: 0 40px;
    justify-content: center;
    align-items: center;
}

div.templateContent div.templateContentText div.subtitle b {
    text-align: left;
}

div.templateContent div.templateContentImg {
    display: flex;
    width: 50%;
    padding: 0 40px;
}

div.templateContent div.templateContentImg div.img {
    position: relative;
}

div.templateContent div.templateContentImg img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    div.templateContent {
        display: block;
        margin: 0 0 50px;
    }

    div.templateContent div.templateContentText {
        display: block;
        width: auto;
        padding: 0;
    }

    div.templateContent div.templateContentText div.subtitle b {
        text-align: center;
    }

    div.templateContent div.templateContentImg {
        display: block;
        width: auto;
        padding: 0 0 40px;
    }

    div.templateContent div.templateContentImg div.img {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 300px;
        overflow: hidden;
    }
}

@media screen and (max-width: 480px) {
    div.templateContent div.templateContentImg {
        display: block;
        height: auto;
    }

    div.templateContent div.templateContentImg div {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 370px) {
    div.templateContent div.templateContentImg div {
        margin: 0 -10px;
    }
}

/*========================================
　　ヘッダー
========================================*/
header {
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: #FFF;
}

header.transform #headerBusiness {
    display: none;
}

#headerBusiness {
    padding: 5px 0;
    background-color: #FCF1ED;
}

#headerBusiness div.clearfix {
    display: table;
    width: 100%;
}

#headerBusiness p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 2px 0;
    font-size: 80%;
    line-height: 150%;
}

#headerBusiness p a {
    color: #DC3232;
    font-weight: 700;
}

#headerBusiness h1 {
    display: table-cell;
    vertical-align: middle;
    padding: 2px 0 2px 10px;
    font-size: 10px;
    line-height: 12px;
    color: #999;
    text-align: right;
}

#headerMainContent {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
}

#headerMain div.logo {
    width: 224px;
    z-index: 10;
    line-height: 0;
}

#headerMain div.logo a {
    display: block;
}

#headerMain div.logo img {
    width: 100%;
    height: auto;
}

#headerMain div.nav {
    flex: 1;
}

#headerMain div.nav div.navContent {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#headerMain nav.pcContent {
    padding: 0;
}

#headerMain div.buttonContent.pcContent {
}

#headerMain div.buttonContent.pcContent div.clearfix {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
}

#headerMain div.buttonContent ul {
    margin: 0;
    padding: 0;
}

#headerMain div.buttonContent ul:first-child {
    width: 60%;
    padding: 0 10px 0 0;
}

#headerMain div.buttonContent ul:first-child li {
    float: left;
    width: 50%;
    padding: 0 0 0 10px;
}

#headerMain div.buttonContent ul:first-child li a span {
    font-size: 80%;
    line-height: 40px;
}

#headerMain div.buttonContent ul:last-child {
    width: 40%;
}

#headerMain div.buttonContent ul:last-child li {
    float: left;
    width: 50%;
    padding: 0;
}

#headerMain div.buttonContent ul:last-child li a {
    height: 60px;
    border: 1px solid #DDD;
    background: #FFF;
}

#headerMain div.buttonContent.pcContent ul:last-child li:first-child a {
    border-radius: 5px 0px 0px 5px;
}

#headerMain div.buttonContent.pcContent ul:last-child li:last-child a {
    border-left: none;
    border-radius: 0px 5px 5px 0px;
}

#headerMain div.buttonContent ul:last-child li a::before {
    display: block;
    left: 50%;
    top: auto;
    bottom: 8px;
    width: 30px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 0 -15px;
    text-align: center;
    font-family: "Material Symbols Outlined";
    border: none;
}

#headerMain div.buttonContent ul:last-child li:first-child a::before {
    content: '\e885';
}

#headerMain div.buttonContent ul:last-child li:last-child a::before {
    content: '\e8b5';
}

#headerMain div.buttonContent ul:last-child li a::after {
    display: none;
}

#headerMain div.buttonContent ul:last-child li a span {
    padding: 10px 0 0;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
}

#headerMain div.nav .nav-wrap.open {
    display: block;
}

#headerMain div.nav .nav-button,
#headerMain div.nav .nav-wrap.close {
    display: none;
}

@media screen and (min-width: 1001px) {
    #headerContent div.nav .nav-wrap {
        display: none !important;
    }
}

@media screen and (max-width: 1000px) {
    #headerBusiness {
        padding: 0;
        background: none;
    }

    #headerBusiness div.clearfix {
        display: block;
        width: auto;
    }

    #headerBusiness p {
        display: block;
        margin: 0 -20px;
        padding: 5px 20px;
        background-color: #FCF1ED;
    }

    #headerBusiness h1 {
        display: block;
    }

    #headerMain div.logo {
        width: auto;
        padding: 5px 50px 5px 0;
    }

    #headerMain div.logo a {
        display: block;
        width: 100%;
        max-width: 224px;
    }

    #headerMain div.nav {
        padding: 0;
    }

    #headerMain div.nav .nav-button {
        display: table-cell;
        width: 60px;
        vertical-align: middle;
    }

    #headerMain nav.pcContent {
        display: none;
    }

    #headerMain div.nav .nav-wrap {
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        z-index: 10;
        background-color: #FFF;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 80px 0 0;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    #headerMain div.nav .navWrapMain {
        max-width: 600px;
        margin: 0 auto;
    }

    #headerMain div.nav .navWrapMain
    #headerMain div.nav .nav-wrap nav.menu ul li {
        display: block;
        padding: 10px 5px;
        text-align: center;
    }

    /*メニューボタン*/
    #headerMain div.nav .nav-button a,
    #headerMain div.nav .nav-button span {
        display: inline-block;
        transition: all 0.4s;
        box-sizing: border-box;
    }

    #headerMain div.nav .nav-button {
        position: relative;
    }

    #headerMain div.nav .nav-button.active {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 200;
    }

    #headerMain div.nav .nav-button p {
        position: absolute;
        right: -20px;
        top: -30px;
        margin: 0;
    }

    #headerMain div.nav .nav-button.active p {
        right: 0;
    }

    #headerMain div.nav .nav-button a {
        z-index: 20;
        position: relative;
        display: block;
        width: 60px;
        height: 60px;
        background: #FFF;
    }

    #headerMain div.nav .nav-button span,
    #headerMain div.nav .nav-button span:before,
    #headerMain div.nav .nav-button span:after {
        position: absolute;
        width: 30px;
        height: 3px;
        border-radius: 3px;
    }

    #headerMain div.nav .nav-button span {
        top: 50%;
        margin: -1px 0 0 15px;
    }

    #headerMain div.nav .nav-button span:before,
    #headerMain div.nav .nav-button span:after {
        content: "";
    }

    #headerMain div.nav .nav-button span:before {
        top: -10px;
    }

    #headerMain div.nav .nav-button span:after {
        top: 10px;
    }

    #headerMain div.nav .nav-button.active span {
        -webkit-transform: translateY(16px) rotate(-45deg);
        transform: translateY(16px) rotate(-45deg);
        top: 15px;
    }

    #headerMain div.nav .nav-button.active span:before {
        opacity: 0;
    }

    #headerMain div.nav .nav-button.active span:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
    }

    #headerMain div.nav div.buttonContent.spContent {
        display: block;
        padding: 0 20px 20px;
    }

    #headerMain div.nav div.buttonContent.spContent ul {
        width: auto !important;
        margin: 0 -5px 10px;
    }

    #headerMain div.nav div.buttonContent.spContent ul:first-child {
        padding: 0;
    }

    #headerMain div.nav div.buttonContent.spContent ul li {
        padding: 0 5px !important;
    }

    #headerMain div.nav div.buttonContent.spContent ul:first-child li a span {
        font-size: 80%;
        line-height: 40px;
    }

    #headerMain div.nav nav.menu {
        padding: 0 20px;
    }

    #headerMain div.nav nav.menu ul li {
        border-top: 1px solid #DDD;
    }

    #headerMain div.nav nav.menu ul li a {
        position: relative;
        display: block;
        padding: 12px 0;
        text-decoration: none;
        font-size: 94%;
        line-height: 150%;
    }

    #headerMain div.nav nav.menu ul li.has-child {
        padding: 10px 0;
    }

    #headerMain div.nav nav.menu ul li.has-child ul li {
        padding-left: 2em;
        border-top: 1px solid #FFF;
    }

    #headerMain div.nav nav.menu ul li.has-child ul li:nth-child(1) {
        padding-left: 0;
    }

    #headerMain div.nav nav.menu ul li p {
        font-family: 'Noto Sans JP', sans-serif;
        width: 34px;
        margin: 0;
        padding: 12px 0;
        line-height: 150%;
        font-weight: 500;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        border-right: 1px solid #DDD;
    }

    #headerMain div.nav nav.menu ul li ul {
        width: 100%;
    }

    #headerMain div.nav nav.menu ul li ul li:first-child {
        border-top: none;
    }

    #headerMain div.nav nav.menu ul li ul li a {
        padding: 12px 0;
        border-top: none;
    }

    #headerMain div.nav nav.menu ul li.search a::after,
    #headerMain div.nav nav.menu ul li.check a::after,
    #headerMain div.nav nav.menu ul li.sell ul li:first-child a::after {
        position: absolute;
        right: 0;
        top: 50%;
        font-size: 11px;
        line-height: 20px;
        margin: -10px 0 0;
        width: 4em;
        text-align: center;
        border-radius: 3px;
    }

    #headerMain div.nav nav.menu ul li.search a::after {
        content: "購入";
    }

    #headerMain div.nav nav.menu ul li.check a::after,
    #headerMain div.nav nav.menu ul li.sell ul li:first-child a::after {
        content: "売却";
    }
}

@media screen and (max-width: 768px) {
    #headerMainContent {
        height: 60px;
    }

    #headerMain div.logo a {
        max-width: 160px;
    }

    #headerMain div.buttonContent.pcContent {
        display: none;
    }

    #headerMain div.nav .nav-button p {
        top: -30px;
    }

    #headerMain div.nav .nav-button.active p {
        top: 0;
        right: 0;
    }
}

@media screen and (max-width: 480px) {
    #headerBusiness h1 {
        display: none;
    }
}

/*　グローバルナビ
----------------------------------------*/
#headerContent {
    position: relative;
}

#gNav ul {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 0 0 0 auto;
}

#gNav ul li {
    display: flex;
    align-items: stretch;
    padding: 0 0.6em;
    vertical-align: top;
}

#gNav li.search > a::before,
#gNav li.sell > a::before {
    content: "　";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    pointer-events: none;
}

#gNav li.search > a::before {
    background-color: #CF552C;
    background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
    background-size: 2px 2px;
}

#gNav li.sell > a::before {
    background-color: #47AFBE;
    background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
    background-size: 2px 2px;
    width: 28.4em;
}

#gNav li.search > a > p::before,
#gNav li.sell > a > p::before {
    position: absolute;
    top: -13px;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    width: 3em;
    background-color: #FFF;
}

#gNav li.search > a > p::before {
    left: 50%;
    content: "買う";
    color: #CF552C;
    margin: 0 0 0 -1.5em;
}

#gNav li.sell > a > p::before {
    left: 10.1em;
    content: "売る";
    color: #47AFBE;
}

#gNav li a {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    text-decoration: none !important;
    font-weight: normal;
    color: #000 !important;
}

#gNav li a:hover {
    color: #172F75 !important;
}

#gNav li a::after {
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    transition: all 0.2s linear;
    left: 50%;
    bottom: 0;
    transition-duration: 0.1s;
}

#gNav li a:hover::after {
    width: 100%;
    left: 0;
}

#gNav li a p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0.4em;
    text-align: center;
    font-size: 88%;
    line-height: 140%;
    font-weight: 500;
    min-height: 40px;
    margin: 0;
}

#gNav li a p br {
    display: none;
}

#gNav li a p span {
    display: block;
}

#gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
}

#gNav .sub-menu div.clearfix {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 20px;
}

#gNav .sub-menu div p {
    width: 33.33%;
    margin: 0;
    padding: 0 40px 0 0;
    line-height: 100%;
}

#gNav .sub-menu div p b {
    position: relative;
    display: flex;
    max-width: 310px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 160px;
    background: no-repeat 50% 50% / cover;
}

#gNav li.sell .sub-menu div p b {
    background-image: url("../../../img/user/header/nav01.jpg");
}

#gNav li.file .sub-menu div p b {
    background-image: url("../../../img/user/header/nav02.jpg");
}

#gNav li.prefee .sub-menu div p b {
    background-image: url("../../../img/user/header/nav03.jpg");
}

#gNav .sub-menu div p b::before {
    background-color: rgba(0, 0, 0, 0.3);
}

#gNav .sub-menu div p b span {
    position: relative;
    font-size: 114%;
    line-height: 160%;
    font-weight: 500;
    color: #FFF;
    z-index: 1;
}

#gNav .sub-menu ul {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-start;
    margin: 0;
}

#gNav .sub-menu ul li {
    display: block;
    width: 50%;
    padding: 0 0 2px;
}

#gNav .sub-menu ul li a {
    display: inline-block;
    padding: 5px 0 5px 20px;
    font-size: 94%;
    line-height: 140%;
    text-align: left;
    background: none;
    color: #000 !important;
    font-weight: normal;
}

#gNav .sub-menu ul li a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin: -3px 0 0;
    border-radius: 1px;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-left: none !important;
    border-bottom: none !important;
    background: none;
}

#gNav ul > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

#gNav li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
}

@media screen and (max-width: 1140px) {
    #gNav div.grid,
    #gNav div.col-1-1 {
        margin: 0;
        padding: 0;
    }

    #gNav .sub-menu div {
        max-width: 1140px;
        padding: 15px 20px 20px;
    }
}

/*========================================
　　フッター
========================================*/
#footerMain {
    position: relative;
    overflow: hidden;
    padding: 30px 0 30px;
}

#footerMain div.pagetop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

#footerMain div.pagetop a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(24, 47, 117, 0.4) !important;
}

#footerMain div.pagetop a::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 1px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    height: 8px;
    width: 8px;
    margin: -4px 0 0 -4px;
    border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
}

#footerMain div.pagetop a span {
    display: none;
}

#footerMain h3 {
    padding: 0 0 40px;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
    color: #999;
}

@media screen and (max-width: 1380px) {
    #footerMain2 {
        max-width: 1280px;
        margin: 0 auto;
        padding: 10px 20px 30px;
    }

    #footerMain div.pagetop {
        right: 20px;
    }
}

@media screen and (max-width: 480px) {
    #footerMain2 {
        padding: 0 20px;
    }

    #footerMain h3,
    #footerCompany,
    #footerCopyright p small {
        display: none !important;
    }

    #footerMain div.pagetop {
        right: 10px;
        bottom: 10px;
    }
}

#footerLink {
    padding: 0 0 20px;
    overflow: hidden;
}

#footerLink nav {
    display: flex;
    flex-wrap: wrap;
}

#footerLink nav div.area {
    width: 50%;
}

#footerLink nav div.area ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 20px;
}

#footerLink nav div.area dl {
    display: flex;
    padding: 0 0 10px;
}

#footerLink nav div.area dl dt {
    color: #FFF;
    font-size: 88%;
    line-height: 150%;
    margin: 0 0 10px;
    padding: 0 10px 0 0;
    border-right: 1px solid #FFF;
}

#footerLink nav div.area dl dd {
    flex: 1;
}

#footerLink nav div.area dl dd ul {
    padding: 0;
}

#footerLink nav div.area dl dd ul li {
    width: auto;
    margin: 0 0 10px;
    padding: 0 10px;
    border-right: 1px solid #FFF;
}

#footerLink nav div.link {
    width: 50%;
}

#footerLink nav div.link ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

#footerLink nav div.link ul li {
    width: 50%;
    padding: 0 20px 20px;
}

#footerLink nav ul li {
    font-size: 88%;
    line-height: 150%;
}

#footerLink nav ul li a {
    text-decoration: none;
    color: #FFF;
    border: none !important;
    background: inherit !important;
}

#footerCopyright {
    padding: 0 0 10px;
}

#footerCopyright p {
    margin: 0;
    font-size: 80%;
    line-height: 150%;
    color: #FFF;
}

#footerCopyright p a {
    color: #FFF;
}

@media screen and (max-width: 768px) {
    #footerMain {
        padding: 0;
    }

    #footerCopyright {
        padding: 10px 0;
    }

    #footerCopyright p {
        font-size: 11px;
        line-height: 150%;
    }

    #footerLink {
        display: none;
    }

    #footerMain h3 {
        display: none;
    }
}

/*　パンくずリスト
----------------------------------------*/
#breadcrumbs {
    padding: 15px 0;
    font-size: 10px;
    line-height: 14px;
}

#breadcrumbs div.clearfix {
    float: left;
}

#breadcrumbs ul {
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#breadcrumbs ul li {
    position: relative;
    padding-right: 10px;
}

#breadcrumbs ul li:not(:last-child) {
    position: relative;
    padding-right: 30px;
}

#breadcrumbs ul li:not(:last-child)::after {
    content: ">";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    text-align: center;
}

#breadcrumbs h2 {
    float: right;
    padding: 0 0 0 10px;
    color: #777;
}

@media screen and (max-width: 480px) {
    #breadcrumbs {
        padding: 0 0 17px;
        display: block;
    }

    #breadcrumbs div.clearfix {
        float: none;
    }

    #breadcrumbs ul {
        display: block;
        padding: 13px 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        overflow: auto;
        white-space: nowrap;
    }

    #breadcrumbs li {
        display: inline;
        padding-right: 20px;
        flex: 0 0 40%;
    }

    #breadcrumbs h2 {
        display: none;
    }
}

@media screen and (max-width: 370px) {
    #breadcrumbs .col-1-1 {
        padding: 0 10px;
    }
}

/*　物件
----------------------------------------*/
div.listContent div.icon ul {
    display: flex;
}

div.listContent div.icon ul li {
    position: relative;
}

div.listContent div.icon ul li p {
    display: table;
    width: 100%;
    height: 30px;
    margin: 0;
    background-color: #E9E9E9;
}

div.listContent div.icon ul li p span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/*　おすすめ
----------------------------------------*/
div.recommend ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

div.recommend ul li {
    width: 14.28%;
    padding: 0 5px 10px;
}

div.recommend ul li div {
    position: relative;
    display: block;
}

div.recommend ul li div::before {
    padding-top: 100%;
    display: block;
    content: "";
}

div.recommend ul li p {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #F5F5F5;
    background: #F2F8FA;
}

div.recommend ul li p b {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    font-weight: normal;
}

div.recommend ul li p b::before {
    content: "";
    position: absolute;
    left: 30%;
    top: 10%;
    width: 40%;
    height: 40%;
    background: no-repeat 0 0 / 100% auto;
}

div.recommend ul li.recommend01 p b::before {
    /*background-image: url("../../img/properties/recommend01.png");*/
}

div.recommend ul li.recommend02 p b::before {
    /*background-image: url("../../img/properties/recommend02.png");*/
}

div.recommend ul li.recommend03 p b::before {
    /*background-image: url("../../img/properties/recommend03.png");*/
}

div.recommend ul li.recommend04 p b::before {
    /*background-image: url("../../img/properties/recommend04.png");*/
}

div.recommend ul li.recommend05 p b::before {
    /*background-image: url("../../img/properties/recommend05.png");*/
}

div.recommend ul li.recommend06 p b::before {
    /*background-image: url("../../img/properties/recommend06.png");*/
}

div.recommend ul li.recommend07 p b::before {
    /*background-image: url("../../img/properties/recommend07.png");*/
}

div.recommend ul li.recommend08 p b::before {
    /*background-image: url("../../img/properties/recommend08.png");*/
}

div.recommend ul li.recommend09 p b::before {
    /*background-image: url("../../img/properties/recommend09.png");*/
}

div.recommend ul li.recommend10 p b::before {
    /*background-image: url("../../img/properties/recommend10.png");*/
}

div.recommend ul li.recommend11 p b::before {
    /*background-image: url("../../img/properties/recommend11.png");*/
}

div.recommend ul li.recommend12 p b::before {
    /*background-image: url("../../img/properties/recommend12.png");*/
}

div.recommend ul li.recommend13 p b::before {
    /*background-image: url("../../img/properties/recommend13.png");*/
}

div.recommend ul li.recommend14 p b::before {
    /*background-image: url("../../img/properties/recommend14.png");*/
}

div.recommend ul li.recommend15 p b::before {
    /*background-image: url("../../img/properties/recommend15.png");*/
}

div.recommend ul li.recommend16 p b::before {
    /*background-image: url("../../img/properties/recommend16.png");*/
}

div.recommend ul li.recommend17 p b::before {
    /*background-image: url("../../img/properties/recommend17.png");*/
}

div.recommend ul li.recommend18 p b::before {
    /*background-image: url("../../img/properties/recommend18.png");*/
}

div.recommend ul li p b span {
    display: table-cell;
    padding: 45% 0 0;
    vertical-align: middle;
    font-size: 88%;
    line-height: 140%;
    text-align: center;
    font-weight: 500;
}

/*　仲介手数料アイコン
----------------------------------------*/
div.feeCircle {
    position: relative;
    margin: 0 auto;
    width: 140px;
    height: 140px;
    overflow: hidden;
    line-height: 0;
}

div.feeCircle div.feeCircleMain {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -106px 0 0 -103px;
    width: 200px;
    height: 200px;
}

div.feeCircle div.off {
    position: absolute;
    left: 0;
    top: 0;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 0;
}

div.feeCircle div.off p {
    display: table-cell;
    margin: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    font-size: 10px;
    line-height: 10px;
    padding: 10px 0 0 8px;
}

div.feeCircle div.off p small {
    display: block;
    padding: 3px 0;
    font-size: 10px;
    line-height: 10px;
}

div.feeCircle div.off p span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 900;
}

div.feeCircle div.off p b {
    font-size: 18px;
    font-weight: 900;
}

/*　会員登録
----------------------------------------*/
#membersContent {
    position: relative;
    margin: 40px 0 0;
    padding: 70px 0;
}

#membersContent div.subtitle {
    display: table;
    margin: 0 auto 50px;
    padding: 0 0 0 110px;
}

#membersContent div.subtitle b {
    font-size: 200%;
    line-height: 150%;
}

#membersContent div.subtitle b:before {
    content: "無料";
    position: absolute;
    left: 0;
    top: 50%;
    white-space: pre;
    display: block;
    width: 80px;
    padding: 0 0 0 3px;
    background-color: #CF552C;
    color: #FFF;
    font-size: 22px;
    line-height: 44px;
    margin: -22px 0 0;
    font-weight: 500;
    text-align: center;
    letter-spacing: 3px;
}

#membersContent div.membersMerit ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    padding: 20px 0;
}

#membersContent div.membersMerit ul li {
    position: relative;
    width: 33.33%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    padding: 130px 5px 0;
    border-width: 1px;
    border-style: solid;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

#membersContent div.membersMerit ul li:nth-child(1) {
    border-left: none;
}

#membersContent div.membersMerit ul li::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 120px;
    height: 120px;
    margin: 0 0 0 -60px;
    background: no-repeat 0 0 / 100% auto;
}

.no-webp #membersContent div.membersMerit ul li:nth-child(1)::before {
    background-image: url("../../../img/user/common/members01.png");
}

.no-webp #membersContent div.membersMerit ul li:nth-child(2)::before {
    background-image: url("../../../img/user/common/members02.png");
}

.no-webp #membersContent div.membersMerit ul li:nth-child(3)::before {
    background-image: url("../../../img/user/common/members03.png");
}

.webp #membersContent div.membersMerit ul li:nth-child(1)::before {
    background-image: url("../../../img/user/common/members01.webp");
}

.webp #membersContent div.membersMerit ul li:nth-child(2)::before {
    background-image: url("../../../img/user/common/members02.webp");
}

.webp #membersContent div.membersMerit ul li:nth-child(3)::before {
    background-image: url("../../../img/user/common/members03.webp");
}

#membersContent div.membersMerit ul li p {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-size: 108%;
    line-height: 180%;
    text-align: center;
    font-weight: 700;
}

#membersContent div.membersMerit ul li p br {
    display: none;
}

#membersContent div.membersRequest {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    background-color: #FFF;
    margin: 0 0 40px;
    padding: 45px 0 50px;
}

#membersContent div.membersRequest div.img {
    width: 33.33%;
    padding: 0 20px;
}

#membersContent div.membersRequest div.img div {
    max-width: 300px;
    margin: 0 auto;
}

#membersContent div.membersRequest div.img img {
    width: 100%;
    height: auto;
}

#membersContent div.membersRequest div.text {
    flex: 1;
    padding: 0 40px 0 0;
}

#membersContent div.membersRequest div.text dl {
    padding: 0 0 30px;
}

#membersContent div.membersRequest div.text dl dt {
    position: relative;
    display: table;
    margin: 0 0 15px;
    padding: 10px 30px;
    line-height: 150%;
}

#membersContent div.membersRequest div.text dl dt::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #F9E7DF transparent transparent transparent;
}

#membersContent div.membersRequest div.text dl dt span {
    display: inline-block;
    line-height: 150%;
    font-weight: 700;
}

#membersContent div.membersRequest div.text dl dt b {
    display: inline-block;
    font-size: 140%;
    line-height: 150%;
}

#membersContent div.membersRequest div.text dl dd {
    display: table;
    padding: 0 0 3px;
    border-bottom: 3px solid #000;
    line-height: 150%;
}

#membersContent div.membersRequest div.text dl dd span {
    display: inline-block;
    font-size: 140%;
    line-height: 150%;
    font-weight: 700;
}

#membersContent div.membersRequest div.text dl dd b {
    display: inline-block;
    font-size: 180%;
    line-height: 150%;
}

#membersContent div.membersRequest div.text p {
    line-height: 180%;
}

#membersContent div.membersRequest div.text p small {
    padding: 0 0 5px;
    display: block;
    line-height: 150%;
}

#membersContent div.buttonContent {
    max-width: 400px;
    margin: 0 auto;
}

#membersContent div.buttonContent a span {
    font-size: 134%;
    line-height: 60px;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    #membersContent {
        margin: 40px 0 0;
        padding: 50px 0;
    }

    #membersContent div.subtitle {
        margin: 0 auto 40px;
        padding: 0 0 0 80px;
    }

    #membersContent div.subtitle b {
        font-size: 140%;
        line-height: 150%;
    }

    #membersContent div.subtitle b:before {
        width: 60px;
        font-size: 20px;
        line-height: 40px;
        margin: -20px 0 0;
    }

    #membersContent div.membersMerit ul li {
        padding: 90px 5px 0;
    }

    #membersContent div.membersMerit ul li::before {
        width: 80px;
        height: 80px;
        margin: 0 0 0 -40px;
    }

    #membersContent div.membersMerit ul li p {
        font-size: 88%;
        line-height: 160%;
    }

    #membersContent div.membersMerit ul li p br {
        display: inline;
    }

    #membersContent div.membersRequest {
        display: block;
        margin: 0 0 40px;
        padding: 30px 20px;
    }

    #membersContent div.membersRequest div.img {
        width: auto;
        padding: 0;
    }

    #membersContent div.membersRequest div.img div {
        max-width: 220px;
    }

    #membersContent div.membersRequest div.text {
        padding: 0 0 20px;
    }

    #membersContent div.membersRequest div.text dl {
        padding: 0 0 30px;
    }

    #membersContent div.membersRequest div.text dl dt {
        margin: 0 auto 20px;
        padding: 10px 20px;
        text-align: center;
    }

    #membersContent div.membersRequest div.text dl dt b {
        font-size: 120%;
        line-height: 150%;
    }

    #membersContent div.membersRequest div.text dl dd {
        margin: 0 auto;
        padding: 0 0 8px;
        text-align: center;
    }

    #membersContent div.membersRequest div.text dl dd span {
        font-size: 100%;
        line-height: 150%;
    }

    #membersContent div.membersRequest div.text dl dd b {
        font-size: 128%;
        line-height: 150%;
    }

    #membersContent div.buttonContent a span {
        font-size: 120%;
        line-height: 50px;
    }
}

/*========================================
　　瞬間査定
========================================*/
div.tplInstantAssessment {
    position: relative;
    padding: 40px 20px;
    overflow: hidden;
    background-color: #FFF;
}

div.tplInstantAssessment div.tplInstantAssessmentTitle {
    position: relative;
    padding: 0 0 40px;
}

div.tplInstantAssessment div.tplInstantAssessmentTitle p {
    margin: 0;
    text-align: center;
}

div.tplInstantAssessment div.tplInstantAssessmentTitle p b {
    display: block;
    padding: 0 0 10px;
    font-size: 194%;
    line-height: 150%;
    text-align: center;
}

div.tplInstantAssessment div.tplInstantAssessmentTitle p span {
    display: block;
    font-size: 120%;
    line-height: 160%;
    text-align: center;
    font-weight: 500;
}

div.tplInstantAssessment div.tplInstantAssessmentMain {
    display: flex;
    margin: 0 0 20px;
}

div.tplInstantAssessment div.left {
    width: 50%;
    padding: 0 20px;
}

div.tplInstantAssessment div.right {
    width: 50%;
    padding: 0 20px;
}

div.tplInstantAssessment div.number {
    padding: 0 0 40px;
}

div.tplInstantAssessment div.number dl {
    background-color: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}

div.tplInstantAssessment div.number dl dt {
    font-size: 80%;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    background-color: #DDD;
}

div.tplInstantAssessment div.number dl dd ul {
    text-align: center;
}

div.tplInstantAssessment div.number dl dd ul li {
    position: relative;
    font-size: 80%;
    line-height: 46px;
    text-align: center;
}

div.tplInstantAssessment div.number dl dd ul li b {
    font-size: 134%;
    padding: 0 5px;
    font-weight: 700;
}

div.tplInstantAssessment div.number dl dd ul li:first-child {
    border-bottom: 1px solid #DDD;
}

div.tplInstantAssessment div.points ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -5px;
}

div.tplInstantAssessment div.points ul li {
    display: flex;
    align-items: stretch;
    padding: 0 5px 10px;
}

div.tplInstantAssessment div.points ul:first-child {
    padding: 0 0 20px;
}

div.tplInstantAssessment div.points ul:first-child li {
    width: 50%;
}

div.tplInstantAssessment div.points ul:first-child li span {
    position: relative;
    display: flex;
    width: 100%;
    height: 100px;
    padding: 0 0 0 30px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 114%;
    line-height: 150%;
    text-align: center;
}

div.tplInstantAssessment div.points ul:first-child li span::before {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    font-size: 34px;
    line-height: 34px;
    margin: -17px 0 0 -80px;
    text-align: center;
    font-family: "Material Symbols Outlined";
    font-weight: normal;
}

div.tplInstantAssessment div.points ul:first-child li:first-child span::before {
    content: '\e7fd';
}

div.tplInstantAssessment div.points ul:first-child li:last-child span::before {
    content: '\ef70';
}

div.tplInstantAssessment div.points ul:last-child li span {
    display: table;
    padding: 10px 20px;
    line-height: 150%;
    border-width: 2px;
    border-style: solid;
    border-radius: 9999px;
    font-weight: 700;
}

div.tplInstantAssessment div.form {
    position: relative;
}

div.tplInstantAssessment div.form div.err {
    display: none;
    font-size: 94%;
    line-height: 140%;
    font-weight: bold;
}

div.tplInstantAssessment div.form dl dt {
    clear: both;
    float: left;
    width: 100px;
    padding: 0 0 10px;
    font-size: 88%;
    line-height: 40px;
    font-weight: 500;
}

div.tplInstantAssessment div.form dl dd {
    margin: 0 0 0 100px;
    padding: 0 0 10px;
    font-size: 88%;
    line-height: 140%;
}

div.tplInstantAssessment div.form dl dd div.selectContent,
div.tplInstantAssessment div.form dl dd div.selectContent select {
    width: 100%;
}

div.tplInstantAssessment div.form dl dd.textboxContent input {
    width: 120px;
}

div.tplInstantAssessment div.form dl dd.textboxContent.textbox01 input,
div.tplInstantAssessment div.form dl dd div.textboxContent.textbox01 input {
    width: 100%;
}

div.tplInstantAssessment div.form dl dd #mansionTextArea {
    padding: 10px 0 0;
}

div.tplInstantAssessment div.form dl.mail dt {
    font-size: 13px;
    line-height: 20px;
}

div.tplInstantAssessment div.form dl dd ul.clearfix {
    margin: -10px 0 0 -10px;
    overflow: hidden;
}

div.tplInstantAssessment div.form dl dd ul.clearfix li {
    float: left;
    display: table;
    padding: 10px 0 0 10px;
}

div.tplInstantAssessment div.form dl dd div.checkboxContent label span {
    padding: 0 10px 0 40px;
    font-size: 94%;
    line-height: 40px;
    border: 1px solid #CCC;
}

div.tplInstantAssessment div.form dl dd div.checkboxContent label input + span::before {
    left: 10px;
}

div.tplInstantAssessment div.form dl dd div.checkboxContent label input + span::after {
    left: 10px;
}

div.tplInstantAssessment div.tplInstantAssessmentButton {
    position: relative;
    padding: 30px 0 0;
}

div.tplInstantAssessment div.tplInstantAssessmentButton div.buttonContent a span {
    position: relative;
    font-size: 148%;
    line-height: 70px;
}

div.tplInstantAssessment div.err,
div.tplInstantAssessment .mansionOther {
    display: none;
    line-height: 0;
}

div.tplInstantAssessment div.tplInstantAssessmentForm div.err {
    color: #F00;
}

div.tplInstantAssessment div.tplInstantAssessmentText {
    padding: 10px 20px 0;
}

div.tplInstantAssessment div.tplInstantAssessmentText p {
    margin: 0;
    padding: 0 0 10px;
    line-height: 150%;
}

div.tplInstantAssessment div.tplInstantAssessmentText p a {
    font-weight: 700;
}

div.tplInstantAssessment div.tplInstantAssessmentText small {
    display: block;
    line-height: 180%;
}

@media screen and (max-width: 768px) {
    div.tplInstantAssessment {
        padding: 30px 20px;
    }

    div.tplInstantAssessment div.tplInstantAssessmentTitle {
        padding: 0 0 40px;
    }

    div.tplInstantAssessment div.tplInstantAssessmentTitle p b {
        font-size: 134%;
        line-height: 150%;
    }

    div.tplInstantAssessment div.tplInstantAssessmentTitle p span {
        font-size: 94%;
        line-height: 160%;
    }

    div.tplInstantAssessment div.tplInstantAssessmentMain {
        display: block;
        margin: 0;
    }

    div.tplInstantAssessment div.left {
        width: auto;
        padding: 0 0 30px;
    }

    div.tplInstantAssessment div.right {
        width: auto;
        padding: 0 0 20px;
    }

    div.tplInstantAssessment div.number {
        padding: 0 0 40px;
    }

    div.tplInstantAssessment div.number dl {
        background-color: #FFF;
        border: 1px solid #DDD;
        border-top: none;
    }

    div.tplInstantAssessment div.number dl dt {
        font-size: 80%;
        line-height: 30px;
        text-align: center;
        font-weight: normal;
        background-color: #DDD;
    }

    div.tplInstantAssessment div.number dl dd ul {
        text-align: center;
    }

    div.tplInstantAssessment div.number dl dd ul li {
        position: relative;
        font-size: 80%;
        line-height: 46px;
        text-align: center;
    }

    div.tplInstantAssessment div.number dl dd ul li b {
        font-size: 134%;
        padding: 0 5px;
        font-weight: 700;
    }

    div.tplInstantAssessment div.number dl dd ul li:first-child {
        border-bottom: 1px solid #DDD;
    }

    div.tplInstantAssessment div.points ul:first-child {
        padding: 0 0 20px;
    }

    div.tplInstantAssessment div.points ul:first-child li {
        width: 50%;
    }

    div.tplInstantAssessment div.points ul:first-child li span {
        height: auto;
        padding: 50px 0 10px;
        font-size: 94%;
        line-height: 150%;
    }

    div.tplInstantAssessment div.points ul:first-child li span::before {
        left: 50%;
        top: 15px;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 0 -15px;
    }

    div.tplInstantAssessment div.points ul:last-child li span {
        padding: 7px 20px;
        font-size: 94%;
        line-height: 150%;
    }

    div.tplInstantAssessment div.form {
        position: relative;
    }

    div.tplInstantAssessment div.form div.err {
        display: none;
        font-size: 94%;
        line-height: 140%;
        font-weight: bold;
    }

    div.tplInstantAssessment div.form dl dt {
        clear: both;
        float: left;
        width: 100px;
        padding: 0 0 10px;
        font-size: 88%;
        line-height: 40px;
    }

    div.tplInstantAssessment div.form dl dd {
        margin: 0 0 0 100px;
        padding: 0 0 10px;
        font-size: 88%;
        line-height: 140%;
    }

    div.tplInstantAssessment div.form dl dd div.selectContent,
    div.tplInstantAssessment div.form dl dd div.selectContent select {
        width: 100%;
    }

    div.tplInstantAssessment div.form dl dd.textboxContent input {
        width: 120px;
    }

    div.tplInstantAssessment div.form dl dd.textboxContent.textbox01 input,
    div.tplInstantAssessment div.form dl dd div.textboxContent.textbox01 input {
        width: 100%;
    }

    div.tplInstantAssessment div.form dl dd #mansionTextArea {
        padding: 10px 0 0;
    }

    div.tplInstantAssessment div.tplInstantAssessmentButton div.buttonContent a span {
        font-size: 120%;
        line-height: 60px;
    }

    div.tplInstantAssessment div.tplInstantAssessmentText {
        padding: 0;
    }
}

/*========================================
　　色
========================================*/
body {
    background-color: #FFF;
}

body,
button,
input,
select,
textarea,
div.searchContent01 ul li a span small,
div.searchContent02 ul li a b:nth-of-type(1)::after {
    color: #000;
}

a,
a:link,
a:active,
a:visited {
    color: #172F75;
}

::placeholder {
    color: #AAA;
}

div.err {
    padding: 10px 0 0;
    line-height: 150%;
    color: #F00;
}

.alert {
    color: #F00;
}

div.no_script {
    padding: 5px;
    background-color: #FF0;
    text-align: center;
    font-size: 80%;
    line-height: 150%;
}

/*　基本色
----------------------------------------*/
#headerMain div.nav .nav-button span,
#headerMain div.nav .nav-button span:before,
#headerMain div.nav .nav-button span:after,
header nav ul li a:after,
.checkboxContent label input:checked + span::before,
div.stepContent ul li.visited p::before,
div.stepContent ul li.visited p::after,
div.flowContent dl::before,
footer,
#listMainNumber div.table01 dl dt,
#mypageTopNewsMain div.clearfix::-webkit-scrollbar-thumb,
#passwordFinish div.step dl:after,
#businessFlow div.flow dl dt p span + span,
#businessFlow div.flow dl::after,
#areaSearch div.step dl dd ul li label input:checked + span,
#areaConditions::before,
#assessment01 table td.method ul li input[type=radio]:checked + label b::before,
#guide div.tab-container ul li.active p b::before,
#guideFlow div.flex dl dt,
#guideFlow06 div.flow dl::after {
    background: #172F75;
}

#gNav .sub-menu ul li a:after,
div.selectContent::after,
#toppageNumberMain,
#toppageNumber table thead th,
#toppageNumber table thead td,
#listSide dl.area dd div.buttonContent a::before,
#listSide dl.area dd div.buttonContent a::after,
#search table td.stations p.stations::before,
#searchConditions p.conditions::before,
#search table td.stations p.stations::after,
#searchConditions p.conditions::after,
#listSide dl dd div.buttonContent a::before,
#listSide dl dd div.buttonContent a::after,
#propertyLoan div.result,
div.loginContent.login small::after,
div.policyContent dl dt,
#passwordFinish div.step dl:before,
#passwordFinish div.step dl:first-child,
#pastListMain ul li:after,
#fee div.structure dl dt,
#businessFeature div.free div.point ul li p,
#membersContent div.membersMerit ul li,
#assessment01 table td.method ul li input[type=radio]:checked + label::before,
#catalogPropertyMain div.point ul li::after,
#guideFlow02 dl dd ul li span::after,
#guideFlow03 dl dd ul li p::after,
#guideFlow05 ul li p::after,
#guideFlow06 div.flow dl::before,
#guideFlow06 dl.clearfix dd ul li p::after {
    border-color: #172F75;
}

#headerMain div.buttonContent ul:last-child li a,
div.subtitle b,
div.stepContent ul li.visited p b,
div.infoContent ul li p,
div.flowContent dl dt,
div.listContent div.price b,
#toppageAreaLink dl dt,
#toppageNumber table thead th,
#toppageNumber table tbody td b,
#search table td.stations p.stations,
#searchConditions p.conditions,
div.searchContent02 ul li a b,
#search div.searchNumber dl dd b,
#listMainNumber div.table01 dl dd b,
#listMainNumber table.table02 td:last-child b,
div.listContent div.price b,
div.listNumber p b,
div.listMain dl dt b,
div.listMain dl dd div.right div.price b,
div.listMain dl.listMembers dd div.clear table tr td:last-child b,
#listSide dl dd div.buttonContent a,
#propertyTopOutline div.price b,
#propertyLoan div.result ul li b,
#registerMerit div.merit dl::after,
#registerFinish dl dd ul li b,
#registerFinish dl dd ul li b::before,
div.partnersListContent dl dd.clearfix div.number dl dt,
div.partnersListContent dl dd.clearfix div.number dl dd ul li span b,
div.policyContent dl dt,
#partnersTopMain ul li p,
#passwordFinish div.step dl:first-child,
#passwordFinish div.step dl dt,
#businessFeature div.free dl dd ul li p,
div.featurePoint dl dd b::before,
#businessFeature div.free div.point ul li p,
#assessment01 table td.method ul li input[type=radio]:checked + label b,
#assessment02 dl dt,
#catalogPropertyMain div.point ul li p,
#guide div.guideTitle b,
#guideFlow div.subtitle::before,
#guideFlow div.subtitle::after,
#guideFlow06 div.flow dl dt span,
#guideFaqLink ul li::after,
#guideFaqMain dl dt::before,
#guideFaqMain dl dd::before {
    color: #172F75;
}

#gNav .sub-menu,
#toppageNumber table tbody tr:first-child th,
#toppageNumber table tbody tr:first-child td,
#search div.searchNumber,
div.searchContentMain,
div.partnersListContent dl dd.clearfix div.number dl dt,
#requestLogin,
#businessFeature div.free div.point ul li p,
#areaSearch div.step dl dd ul li label span,
#assessment01 table td.method ul li input[type=radio]:checked + label,
#assessment01 table td.method ul li input[type=radio]:checked + label b,
#catalogPropertyMain div.point ul li p {
    background-color: #E7EFF8;
}

#registerMerit div.merit dl::before,
#passwordFinish div.step dl:first-child,
#businessFeature,
div.featurePoint dl dd div,
#areaText,
#membersContent div.membersMerit ul,
#assessment01 table td.method ul li input[type=radio]:checked + label p {
    background-color: #F3F7FB;
}

#toppageMembers dl,
#toppageMembers dl dt,
#registerMerit div.merit strong::before,
#fee div.structure dl.prefee dt,
#businessFlow div.flow dl:nth-child(3) dt p span,
#areaSearch div.step div.clearfix:first-child::before,
#areaSearch div.step div.clearfix:first-child::after {
    border-color: #CF552C;
}

#toppageImg div.clearfix dl:nth-child(1) dd p small,
#toppageMembers dl dt,
#toppageMembers dl dd p.bold b,
#toppageMembers dl dd ul li::before,
#toppageMembers dl dd ul li b,
div.searchContent01 ul li a b,
div.searchContent01 ul li a span,
div.searchContent02 ul li a b:nth-of-type(1),
#toppageFee02 dl dt.clearfix b,
#toppageFee02 div.result dl dd b,
#listMainNumber div.clearfix b,
div.listMain dl.listMembers dd div.text b,
#registerMerit div.subtitle b,
#registerMerit div.merit dl dt,
#registerMerit div.merit strong b,
#fee div.textCenter b,
#fee div.compare div.result dl dd b,
#businessFeature div.free dl dd ul li p b,
#businessSecret div.templateContentText dl dt,
#businessFlow div.flow dl:nth-child(3) dt p span,
#membersContent div.subtitle b,
#membersContent div.membersRequest div.text dl dt b,
#membersContent div.membersRequest div.text dl dd b {
    color: #CF552C;
}

#registerMerit div.merit strong::after,
#businessRise p.m0 b span::before {
    background-color: #CF552C;
}

#headerMain div.buttonContent ul:first-child li:nth-child(1) a,
#membersContent div.buttonContent a,
div.feeContent div.feeBuy a,
#toppageMembers dl dd div.buttonContent a,
div.listRequest dl dd div.buttonContent ul li:first-child a,
div.listMain dl dd div.clear div.buttonContent ul li:first-child a,
#propertyContactMain div.buttonContent ul li:first-child a,
#propertyContactMain div.buttonContent ul li:last-child a,
#registerMerit div.text div.buttonContent a,
#partnersContactMain div.buttonContent ul li:first-child a,
#businessButton div.buttonContent a,
#businessFeature div.free dl dt,
#businessSecret div.templateContentText ol li::before,
#businessFlow div.flow dl dt p span,
#businessContact div.buttonContent a,
#areaSearch div.step dl dt::before,
#headerMain div.nav nav.menu ul li.search a::after,
div.partnersListContent div.check p {
    background: #CF552C;
    color: #FFF;
}

#propertyContactMain div.buttonContent ul li:last-child a span,
#partnersContactMain div.buttonContent ul li:last-child a span {
    font-weight: 500;
}

#membersContent,
#listMainNumber,
#requestLoginRegisterMain,
#membersContent div.membersRequest div.text dl dt {
    background-color: #F9E7DF;
}

#toppageMembers dl dd,
#businessRise {
    background-color: #FCF1ED;
}

div.feeContent div.feeSell a,
#headerMain div.nav nav.menu ul li.check a::after,
#headerMain div.nav nav.menu ul li.sell ul li:first-child a::after {
    background: #47AFBE;
    color: #FFF;
}

#toppageImg div.clearfix dl:nth-child(2) dd p small {
    color: #47AFBE;
}

div.listRequest {
    background-color: #F2EFE3;
}

div.listContent div.icons ul,
div.listMain dl dd div.right div.icons ul,
#propertyTopOutline div.icons ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -5px;
}

div.listContent div.icons ul li,
div.listMain dl dd div.right div.icons ul li,
#propertyTopOutline div.icons ul li {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0 5px 10px;
}

div.listContent div.icons ul li span,
div.listMain dl dd div.right div.icons ul li span,
#propertyTopOutline div.icons ul li span {
    position: relative;
    padding: 5px 10px;
    font-size: 74%;
    line-height: 150%;
    font-weight: 500;
}

/*　仲介手数料アイコン
----------------------------------------*/
div.feeCircle div.off p span,
div.feeCircle div.off p b,
div.policyContent dl dd div.feeCircle p b,
#businessFee div.feeContent div.feeContentMain p span,
#businessFee div.feeContent div.feeContentMain p b {
    color: #CF552C;
}

div.listContent div.icons ul li.fee span,
div.listMain dl dd div.right div.icons li.fee span,
#propertyTopOutline div.icons ul li.fee span,
#fee div.registerButton a {
    background-color: #CF552C;
    color: #FFF;
}

#gNav .sub-menu div p b::before,
div.listContent div.icons ul li.new span::before,
div.listMain dl dd div.right div.icons ul li.new span::before,
#propertyTopOutline div.icons ul li.new span::before,
div.listContent div.icons ul li.down span::before,
div.listMain dl dd div.right div.icons ul li.down span::before,
#propertyTopOutline div.icons ul li.down span::before,
div.listContent div.icons ul li.openhouse span::before,
div.tplPropertyBase div.icons ul li.openhouse span::before,
#propertyTopOutline div.icons ul li.openhouse span::before,
div.listMain dl dd div.right div.icons ul li.openhouse span::before,
div.listContent div.icons ul li.members span::before,
#propertyTopOutline div.icons ul li.members span::before,
div.tplPropertyBase div.icons ul li.members span::before,
div.listMain dl dd div.right div.icons ul li.members span::before,
#propertyTopOutline dl dd div.right div.icons ul li.members span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*　物件種別アイコン
----------------------------------------*/
div.listContent div.icons ul li.category span,
div.listMain dl dd div.right div.icons ul li.category span,
#propertyTopOutline div.icons ul li.category span {
    background-color: #172F75;
    color: #FFF;
}

/*　新着アイコン
----------------------------------------*/
div.listContent div.icons ul li.new span,
div.listMain dl dd div.right div.icons ul li.new span,
#propertyTopOutline div.icons ul li.new span {
    background-color: #FFF;
    color: #172F75;
}

div.tplPropertyBase div.icons ul li.new span::before,
div.listContent div.icons ul li.new span::before,
div.listMain dl dd div.right div.icons ul li.new span::before,
#propertyTopOutline div.icons ul li.new span::before {
    border: 1px solid #CCC;
}

/*　値下げアイコン
----------------------------------------*/
div.listContent div.icons ul li.down span,
div.listMain dl dd div.right div.icons ul li.down span,
#propertyTopOutline div.icons ul li.down span::before {
    background-color: #FFF;
    color: #172F75;
}

div.listContent div.icons ul li.down span::before,
div.listMain dl dd div.right div.icons ul li.down span::before,
#propertyTopOutline div.icons ul li.down span::before {
    border: 1px solid #CCC;
}

/*　オープンハウス
----------------------------------------*/
div.listContent div.icons ul li.openhouse span,
div.listMain dl dd div.right div.icons ul li.openhouse span,
#propertyTopOutline div.icons ul li.openhouse span::before {
    background-color: #FFF;
    color: #172F75;
}

div.listContent div.icons ul li.openhouse span::before,
div.listMain dl dd div.right div.icons ul li.openhouse span::before,
#propertyTopOutline div.icons ul li.openhouse span::before {
    border: 1px solid #CCC;
}

/*　非公開物件
----------------------------------------*/
div.listContent div.icons ul li.members span,
div.tplPropertyBase div.icons ul li.members span,
div.listMain dl dd div.right div.icons ul li.members span {
    background-color: #FFF;
    color: #172F75;
}

div.listContent div.icons ul li.members span::before,
div.tplPropertyBase div.icons ul li.members span::before,
div.listMain dl dd div.right div.icons ul li.members span::before {
    border: 1px solid #CCC;
}

/*　ポイント
----------------------------------------*/
#propertyTopOutline div.points ul,
div.partnersContent dl dd div.points ul,
div.listMain dl dd div.right div.points ul,
#propertyOutline div.points ul,
#partnersDetailTop div.points ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -5px;
}

#propertyTopOutline div.points ul li,
div.partnersContent dl dd div.points ul li,
div.listMain dl dd div.right div.points ul li,
#propertyOutline div.points ul li,
#partnersDetailTop div.points ul li {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0 5px 10px;
}

#propertyTopOutline div.points ul li span,
div.partnersContent dl dd div.points ul li span,
div.listMain dl dd div.right div.points ul li span,
#propertyOutline div.points ul li span,
#partnersDetailTop div.points ul li span {
    padding: 5px 15px;
    font-size: 80%;
    line-height: 150%;
    color: #172F75;
    background-color: #E7EFF8;
    font-weight: 500;
}

/*　ボタン
----------------------------------------*/
div.buttonContent a,
div.listContent div.subtitle b a::before,
div.pagenavi ul li.current,
#propertyMap div.banner a p,
#contact div.buttonContent button,
#mypageTab div.tab ul li.active a,
#mypageTopConditions div.tab3 ul li.active a,
#feeTab ul li.current a,
#businessFlow div.flow dl dt::before,
#form #registerForm div.buttonContent button,
#area #areaPrice dl dt {
    background: #172F75;
    color: #FFF;
}

div.buttonContent a::after,
div.listContent div.subtitle b a::after,
#contact div.buttonContent button::after,
#form #registerForm div.buttonContent button::after {
    border-color: #FFF;
}

#listMain div.listMain dl dd div.contact div.buttonContent ul li label span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: block;
}

#toppageBanner a ul li {
    color: #0B4D8F;
}

#propertyLoan div.buttonContent ul li:last-child a,
#register.registerConfirm #registerForm div.buttonContent ul li:first-child a,
#mypage.mypageProfile #registerForm div.buttonContent ul li:first-child a,
#mypage.mypageProfileConfirm #registerForm div.buttonContent ul li:first-child a,
#request.requestConfirm #registerForm div.buttonContent ul li:first-child a,
#passwordForm div.buttonContent ul li:first-child a,
#registerButton div.buttonContent ul li:first-child a,
#assessment02 #assessmentButton div.buttonContent ul li:last-child a,
#assessment04 #assessmentButton div.buttonContent ul li:first-child a,
#assessment05 #assessmentButton div.buttonContent ul li:first-child a,
#form02 #formButton div.buttonContent ul li:last-child a,
#form04 #formButton div.buttonContent ul li:first-child a,
#form05 #formButton div.buttonContent ul li:first-child a {
    background: #DDD;
    color: #000;
}

#propertyLoan div.buttonContent ul li:last-child a span,
#register.registerConfirm #registerForm div.buttonContent ul li:first-child a span,
#mypage.mypageProfile #registerForm div.buttonContent ul li:first-child a span,
#mypage.mypageProfileConfirm #registerForm div.buttonContent ul li:first-child a span,
#request.requestConfirm #registerForm div.buttonContent ul li:first-child a span,
#passwordForm div.buttonContent ul li:first-child a span,
#registerButton div.buttonContent ul li:first-child a span,
#assessment02 #assessmentButton div.buttonContent ul li:last-child a span,
#assessment04 #assessmentButton div.buttonContent ul li:first-child a span,
#assessment05 #assessmentButton div.buttonContent ul li:first-child a span,
#form02 #formButton div.buttonContent ul li:last-child a span,
#form04 #formButton div.buttonContent ul li:first-child a span,
#form05 #formButton div.buttonContent ul li:first-child a span {
    font-weight: 500;
}

#propertyContactMain div.buttonContent ul li:last-child a,
#mypageRequestTab div.tab2 ul li.active a,
div.partnersListContent dl dd div.clear div.buttonContent a,
#partnersContactMain div.buttonContent ul li:last-child a {
    background: #EADFAE;
    color: #000;
}

#propertyLoan div.buttonContent ul li:last-child a::after,
#propertyContactMain div.buttonContent ul li:last-child a::after,
#register.registerConfirm #registerForm div.buttonContent ul li:first-child a::after,
div.partnersListContent dl dd div.clear div.buttonContent a::after,
#mypage.mypageProfile #registerForm div.buttonContent ul li:first-child a::after,
#mypage.mypageProfileConfirm #registerForm div.buttonContent ul li:first-child a::after,
#partnersContactMain div.buttonContent ul li:last-child a::after,
#request.requestConfirm #registerForm div.buttonContent ul li:first-child a::after,
#passwordForm div.buttonContent ul li:first-child a::after,
#registerButton div.buttonContent ul li:first-child a::after,
#assessment02 #assessmentButton div.buttonContent ul li:last-child a::after,
#assessment04 #assessmentButton div.buttonContent ul li:first-child a::after,
#assessment05 #assessmentButton div.buttonContent ul li:first-child a::after,
#form02 #formButton div.buttonContent ul li:last-child a::after,
#form04 #formButton div.buttonContent ul li:first-child a::after,
#form05 #formButton div.buttonContent ul li:first-child a::after {
    border-color: #000;
}

/*　チェックボックス・ラジオボタン
----------------------------------------*/
.checkboxContent.left ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.checkboxContent.left li {
    display: flex;
    padding: 5px;
}

.checkboxContent label {
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
}

.checkboxContent label input {
    display: none;
}

.checkboxContent label span {
    position: relative;
    display: block;
    padding: 5px 0 5px 30px;
    line-height: 150%;
    text-align: left;
}

div.formContent div.formButton div.checkboxContent label {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    background: none;
    cursor: pointer;
}

.checkboxContent label input + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #CCC;
    background: #FFF;
    margin: -10px 0 0;
    border-radius: 3px;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.checkboxContent label input:checked + span::before {
    border: none;
}

.checkboxContent label input + span::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    border-radius: 2px;
    width: 0;
    height: 0;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    margin: 6px 0 0 10px;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.checkboxContent label input:checked + span::after {
    display: block;
    width: 7px;
    height: 12px;
    margin: -7px 0 0 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.tableContentList table div.checkboxContent label span {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

/*　仲介手数料
----------------------------------------*/
div.feeContent {
    padding: 0 0 40px;
}

div.feeContent div.feeContentMain {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

div.feeContent div.feeContentMain::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

div.feeContent div.feeBuy,
div.feeContent div.feeSell {
    display: flex;
    width: 50%;
    align-items: stretch;
}

div.feeContent a {
    display: flex;
    width: 100%;
    line-height: 150%;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}

div.feeContent a p {
    margin: 0;
    padding: 20px 5px;
}

div.feeContent a b {
    display: block;
    padding: 0 0 8px;
    font-size: 168%;
    line-height: 130%;
    font-weight: 500;
    text-align: center;
}

div.feeContent a span {
    display: block;
    padding: 0 10px;
    font-size: 80%;
    line-height: 140%;
    text-align: center;
}

@media screen and (max-width: 768px) {
    div.feeContent div.feeContentMain {
        display: block;
        width: auto;
    }

    div.feeContent div.feeBuy,
    div.feeContent div.feeSell {
        display: block;
        width: auto;
    }

    div.feeContent a b {
        padding: 0 0 8px;
        font-size: 128%;
        line-height: 130%;
    }

    div.feeContent a span {
        font-size: 88%;
        line-height: 140%;
        text-align: left;
    }
}

/*　物件一覧
----------------------------------------*/
div.searchContent {
    padding: 0 0 40px;
    overflow: hidden;
}

div.searchContent div.subtitle {
    margin: 0 0 20px;
}

div.searchContent div.subtitle b {
    font-size: 120%;
    text-align: left;
}

div.searchContent ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 0 0 -1px;
}

div.searchContent ul li {
    display: flex;
    align-items: stretch;
    width: 33.33%;
    padding: 0 0 1px 1px;
}

div.searchContent ul li a {
    display: flex;
    width: 100%;
    padding: 20px 5px;
    line-height: 150%;
    justify-content: center;
    align-items: center;
    background: #FFF;
    text-decoration: none;
}

div.searchContent ul li a p {
    margin: 0;
    text-align: center;
    overflow-wrap: break-word;
}

div.searchContent01 ul li a b {
    display: block;
    padding: 0 0 2px;
    font-size: 114%;
    line-height: 130%;
}

div.searchContent01 ul li a span {
    display: block;
    padding: 0 0 2px;
    font-size: 94%;
    line-height: 150%;
    font-weight: 700;
}

div.searchContent01 ul li a span small {
    display: inline-block;
    padding: 0 3px 0 0;
    font-size: 88%;
    line-height: 150%;
    font-weight: normal;
}

div.searchContent01 ul li a small {
    display: block;
    font-size: 88%;
    line-height: 150%;
}

div.searchContent02 ul li a b {
    position: relative;
    display: inline-block;
    line-height: 150%;
}

div.searchContent02 ul li a b:nth-of-type(1) {
    padding: 0 5px 0 0;
}

div.searchContent02 ul li a b:nth-of-type(1)::after {
    content: "×";
    font-size: 80%;
    line-height: 150%;
    padding: 0 0 0 5px;
    font-weight: normal;
}

div.searchContent02 ul li a small {
    display: inline-block;
    font-size: 80%;
    line-height: 150%;
}

@media screen and (max-width: 768px) {
    div.searchContent {
        padding: 0 0 30px;
    }

    div.searchContent div.subtitle b {
        font-size: 100%;
    }

    div.searchContent ul {
        display: block;
        margin: 0;
    }

    div.searchContent ul li {
        display: block;
        width: auto;
        padding: 0 0 1px;
    }

    div.searchContent ul li a {
        display: flex;
        width: 100%;
        padding: 15px 5px;
        line-height: 150%;
    }

    div.searchContent01 ul li a b {
        font-size: 100%;
        line-height: 130%;
    }

    div.searchContent02 ul li a b {
        font-size: 94%;
    }
}

div.searchCategoryContent {
    display: flex;
    width: 50%;
}

div.searchCategoryContent ul {
    position: relative;
    display: table;
    width: 100%;
}

div.searchCategoryContent ul li {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 33.33%;
}

div.searchCategoryContent ul li a {
    position: relative;
    display: table;
    width: 100%;
    height: 180px;
    text-decoration: none;
}

div.searchCategoryContent ul li a::before {
    background: no-repeat 50% 50% / cover;
    z-index: 0;
}

.no-webp div.searchCategoryContent ul li:nth-child(1) a::before {
    background-image: url("../../../img/user/toppage/category_mansion.jpg");
}

.no-webp div.searchCategoryContent ul li:nth-child(2) a::before {
    background-image: url("../../../img/user/toppage/category_house.jpg");
}

.no-webp div.searchCategoryContent ul li:nth-child(3) a::before {
    background-image: url("../../../img/user/toppage/category_land.jpg");
}

.webp div.searchCategoryContent ul li:nth-child(1) a::before {
    background-image: url("../../../img/user/toppage/category_mansion.webp");
}

.webp div.searchCategoryContent ul li:nth-child(2) a::before {
    background-image: url("../../../img/user/toppage/category_house.webp");
}

.webp div.searchCategoryContent ul li:nth-child(3) a::before {
    background-image: url("../../../img/user/toppage/category_land.webp");
}

div.searchCategoryContent ul li a::after {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

div.searchCategoryContent ul li a span {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    font-size: 100%;
    line-height: 130%;
    z-index: 1;
    color: #FFF;
}

div.searchCategoryContent ul li a span b {
    display: block;
    font-size: 134%;
    line-height: 130%;
    font-weight: 500;
    letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
    div.searchCategoryContentAreaMain {
        display: block;
        margin: 0;
        gap: 0;
    }

    div.searchCategoryContent {
        display: block;
        width: auto;
        padding: 0 0 40px;
    }

    div.searchCategoryContent ul li a span {
        font-size: 94%;
        line-height: 130%;
    }

    div.searchCategoryContent ul li a span b {
        font-size: 120%;
        line-height: 130%;
    }
}

/*　一覧用テーブル
----------------------------------------*/
#listMainNumber table.table02 th,
div.listMain dl dd div.right div.outline table,
div.listMain dl dd div.clear div.company table,
div.partnersListContent dl dd.clearfix div.right div.outline table {
    width: 100%;
}

#listMainNumber table th,
div.listMain dl dd div.right div.outline table th,
div.listMain dl dd div.clear div.company table th,
div.listMain dl.listMembers dd div.clear table th,
div.partnersListContent dl dd.clearfix div.right div.outline table th {
    width: 8em;
    padding: 10px 5px;
    font-weight: 500;
    font-size: 88%;
}

#listMainNumber table td,
div.listMain dl dd div.right div.outline table td,
div.listMain dl dd div.clear div.company table td,
div.listMain dl.listMembers dd div.clear table td,
div.partnersListContent dl dd.clearfix div.right div.outline table td {
    padding: 10px;
    background-color: #FFF;
}

@media screen and (max-width: 768px) {
    div.listMain dl dd div.right div.outline table,
    div.listMain dl dd div.clear div.company table,
    div.partnersListContent dl dd.clearfix div.right div.outline table {
        border: none;
        border-top: 1px solid #DDD;
    }

    div.listMain dl dd div.right div.outline table th,
    div.listMain dl dd div.clear div.company table th,
    div.listMain dl.listMembers dd div.clear table th,
    div.partnersListContent dl dd.clearfix div.right div.outline table th {
        display: block;
        width: auto !important;
        padding: 7px 0;
        border-left: none;
        font-size: 74%;
        line-height: 160%;
        border: none;
    }

    div.listMain dl dd div.right div.outline table td,
    div.listMain dl dd div.clear div.company table td,
    div.listMain dl.listMembers dd div.clear table td,
    div.partnersListContent dl dd.clearfix div.right div.outline table td {
        display: block;
        padding: 10px 0;
        border: none;
        font-size: 88%;
        line-height: 160%;
        border-bottom: 1px solid #DDD;
    }
}

/*　ご注意ください
----------------------------------------*/
div.attentionContent {
    margin: 0 0 50px;
    padding: 30px 40px;
    background-color: #FEF3F3;
}

div.attentionContent b {
    display: block;
    color: #E31C1C;
}

p.attentionContent {
    padding: 0 0 40px;
}

p.attentionContent b {
    display: block;
    text-decoration: underline;
    color: #F00;
}

@media screen and (max-width: 768px) {
    div.attentionContent {
        padding: 30px 20px;
    }

    p.attentionContent {
        padding: 0 0 30px;
    }
}

/*　フォーム
----------------------------------------*/
div.formContent div.formTable {
    margin: 0 0 60px;
    background: #FFF;
    padding: 40px;
}

div.formContent div.formTable table {
    max-width: 900px;
    margin: 0 auto;
}

div.formContent table th {
    width: 220px;
}

div.formContent table td input {
    height: 50px;
}

div.formContent table td div.textboxLeft {
    margin: -10px 0 0;
}

div.formContent table td div.textboxLeft div.textboxContent {
    float: left;
    padding: 10px 0 0;
}

div.formContent table td div.textboxLeft small {
    float: left;
    display: inline-block;
    font-size: 94%;
    line-height: 50px;
    padding: 10px 10px 0;
}

div.formContent table .textboxContent input {
    width: 100%;
}

div.formContent table td.textareaContent textarea {
    width: 100%;
    height: 300px;
}

div.formContent table td input#ContactCompanyPostNumber,
div.formContent table td input#ContactCompanyTel,
div.formContent table td input#ContactCompanyFax {
    max-width: 300px;
}

div.formContent table td input#ContactCompanyPostNumber + span {
    display: inline-block;
    padding: 5px 0 0 10px;
    font-size: 88%;
}

div.formContent table td dl.address {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

div.formContent table td dl.address dt {
    width: 130px;
    padding: 20px 0 0;
    line-height: 50px;
}

div.formContent table td dl.address dd {
    width: calc(100% - 130px);
    padding: 10px 0;
}

div.formContent table td ul li:has#MemberNewPasswordZ {
    padding: 0 0 10px;
}

div.formContent div.formButton div.checkboxContent {
    margin: 0 0 60px;
}

div.formContent div.formButton div.checkboxContent {
    padding: 0 20px 0 0;
    background: #FFF;
}

div.formContent div.formButton div.checkboxContent div.clearfix {
    display: flex;
}

div.formContent div.formButton div.checkboxContent div.required {
    display: flex;
    align-items: center;
    text-align: center;
}

div.formContent div.formButton div.checkboxContent div.required sup.required {
    margin: 0;
}

div.formContent div.formButton div.checkboxContent label {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    background: none;
    cursor: pointer;
}

div.formContent div.formButton div.checkboxContent label span {
    padding: 20px 20px 20px 70px;
    font-size: 100%;
    text-align: left;
}

div.formContent div.formButton div.checkboxContent label input:checked + span {
    background: none;
    color: #000;
}

div.formContent div.formButton div.checkboxContent label input + span::before {
    display: none;
}

div.formContent div.formButton div.checkboxContent label input + span::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border: 2px solid #CCC;
    position: absolute;
    left: 20px;
    top: 50%;
    margin: -15px 0 0;
    border-radius: 3px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

div.formContent div.formButton div.checkboxContent label input:checked + span::after {
    width: 15px;
    margin: -18px 0 0 7px;
    opacity: 1;
    border-width: 3px;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.formContent div.formButton div.buttonContent p {
    font-size: 88%;
    line-height: 180%;
}

div.formContent div.formButton div.buttonContent a {
    max-width: 180px;
    margin: 0 auto;
}

div.formContent div.formButton div.buttonContent ul {
    max-width: 340px;
    margin: 0 auto;
}

div.formContent div.formButton div.buttonContent ul li:first-child a {
    background: #999;
}

@media screen and (max-width: 768px) {
    div.formContent div.formTable {
        margin: 0 0 50px;
        padding: 30px 20px;
    }

    div.formContent table th {
        width: auto;
    }

    div.formContent table td dl.address {
        display: block;
        padding: 10px 0 0;
    }

    div.formContent table td dl.address dt {
        width: auto;
        padding: 0 0 5px;
        border-bottom: none;
        color: #999;
        line-height: 160%;
    }

    div.formContent table td dl.address dd {
        width: auto;
        padding: 0 0 20px;
    }

    div.formContent div.formButton div.checkboxContent {
        margin: 0 0 50px;
    }

    div.formContent div.formButton div.checkboxContent label span {
        font-size: 94%;
    }
}

/*　サンクスページ
----------------------------------------*/
div.formFinish {
    padding: 0 0 60px;
}

div.formFinish p {
    text-align: center;
}

@media screen and (max-width: 768px) {
    div.formFinish {
        padding: 0 0 50px;
    }

    div.formFinish p {
        text-align: left;
    }

    div.formFinish p.m0 {
        text-align: center;
    }
}

/*　検索
----------------------------------------*/
div.incrementalSearch div.form {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0 40px;
}

div.incrementalSearch div.form div.textboxContent input {
    width: 100%;
    height: 70px;
    font-size: 114%;
    line-height: 70px;
    padding: 0 10px 0 30px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 28px, rgba(0, 0, 0, 0.3) 0px 10px 10px;
    border-radius: 99px;
}

div.incrementalSearch div.form div.buttonContent {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

div.incrementalSearch div.form div.buttonContent a {
    width: 100%;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
}

div.incrementalSearch div.form div.buttonContent a::after {
    content: '\e8b6';
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    border-radius: 0;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    transform: none;
    border: none !important;
    font-family: "Material Symbols Outlined";
}

div.incrementalSearch div.form a span {
    display: none;
}

div.incrementalSearch div.list {
    /* border: 1px solid #172F75; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

div.incrementalSearch div.list ul li a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    border-bottom: 1px solid #DDD;
    padding: 10px 30px 10px 55px;
    min-height: 60px;
    line-height: 0;
    color: #000;
    background: #FFF;
    transition: 0.3s;
}

div.incrementalSearch div.list ul li:last-child a {
    border-bottom: none;
}

div.incrementalSearch div.list ul li a:hover {
    background: #F3F7FB;
}

div.incrementalSearch div.list ul li a::before {
    content: '\e0c8';
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -15px 0 0;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    font-family: "Material Symbols Outlined";
    color: #172F75;
}

div.incrementalSearch div.list ul li.area a::before {
    content: '\e0c8';
}

div.incrementalSearch div.list ul li.mansion a::before {
    content: '\f1d0';
}

div.incrementalSearch div.list ul li.line a::before {
    content: '\e570';
}

div.incrementalSearch div.list ul li a::after {
    content: '\e315';
    position: absolute;
    right: 5px;
    top: 50%;
    margin: -10px 0 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    font-family: "Material Symbols Outlined";
    color: #172F75;
}

div.incrementalSearch div.list ul li a p {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div.incrementalSearch div.list ul li a p small {
    font-size: 11px;
    line-height: 14px;
}

div.incrementalSearch div.list ul li a p:first-child small {
    margin: 6px 0 0;
}

div.incrementalSearch div.list ul li a p:last-child small {
    padding: 0 0 0 10px;
}

div.incrementalSearch div.list ul li a p b {
    background: linear-gradient(transparent 0%, #FCF1ED 0%);
    color: #CF552C;
}

div.incrementalSearch div.banner {
    padding: 60px 0 0;
}

div.incrementalSearch div.banner ul {
    display: flex;
    margin: 0 -20px;
}

div.incrementalSearch div.banner ul li {
    width: 50%;
    padding: 0 20px;
}

div.incrementalSearch div.banner ul li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 280px;
    padding: 180px 0 0;
    background: #FFF;
    text-decoration: none;
    line-height: 140%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
}

div.incrementalSearch div.banner ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    background: no-repeat 50% 50% / cover;
    z-index: 0;
}

div.incrementalSearch div.banner ul li:nth-child(1) a::before {
    background-image: url("../../../img/user/area/area.jpg");
}

div.incrementalSearch div.banner ul li:nth-child(2) a::before {
    background-image: url("../../../img/user/area/line.jpg");
}

div.incrementalSearch div.banner ul li a p {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    margin: 0;
}

div.incrementalSearch div.banner ul li a p b {
    padding: 0px 20px;
    font-size: 140%;
    line-height: 140%;
    background: #172F75;
    color: #FFF;
    font-weight: 500;
    border-radius: 99px;
}

div.incrementalSearch div.banner ul li a p small {
    padding: 0 0 0 5px;
    font-size: 100%;
    line-height: 140%;
}

div.incrementalSearch div.banner ul li a p span {
    margin: 0;
    padding: 0;
    font-size: 114%;
    line-height: 140%;
    font-weight: 700;
    background: none;
    color: #172F75;
}

@media screen and (max-width: 768px) {
    div.incrementalSearch div.form div.textboxContent input {
        font-size: 94%;
        line-height: 60px;
        height: 60px;
        padding: 0 70px 0 10px;
    }

    div.incrementalSearch div.form div.buttonContent {
        width: 60px;
        height: 60px;
    }

    div.incrementalSearch div.form div.buttonContent a {
        height: 60px;
        line-height: 60px;
    }

    div.incrementalSearch div.form div.buttonContent a::after {
        margin: -12px 0 0 -12px;
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 24px;
    }

    div.incrementalSearch div.list ul li a {
        padding: 10px 30px 10px 43px;
        min-height: 60px;
    }

    div.incrementalSearch div.list ul li a::before {
        margin: -12px 0 0;
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 24px;
    }

    div.incrementalSearch div.list ul li a p {
        font-size: 15px;
        line-height: 18px;
    }

    div.incrementalSearch div.list ul li a p small {
        font-size: 11px;
        line-height: 14px;
    }

    div.incrementalSearch div.list ul li a p:first-child small {
        margin: 6px 0 0;
    }

    div.incrementalSearch div.list ul li a p:last-child small {
        padding: 0 0 0 10px;
    }

    div.incrementalSearch div.banner {
        padding: 50px 0 0;
    }

    div.incrementalSearch div.banner ul {
        display: block;
        margin: 0;
    }

    div.incrementalSearch div.banner ul li {
        width: auto;
        padding: 0 0 30px;
    }

    div.incrementalSearch div.banner ul li a {
        height: 220px;
        padding: 130px 0 0;
    }

    div.incrementalSearch div.banner ul li a::before {
        height: 130px;
    }

    div.incrementalSearch div.banner ul li a p {
        flex-direction: column;
        align-items: center;
    }

    div.incrementalSearch div.banner ul li a p b {
        padding: 0 20px;
        font-size: 108%;
        line-height: 140%;
    }

    div.incrementalSearch div.banner ul li a p small {
        font-size: 100%;
        line-height: 140%;
    }

    div.incrementalSearch div.banner ul li a p span {
        padding: 5px 0 0;
        font-size: 100%;
        line-height: 140%;
    }
}

/*　アイコン1
----------------------------------------*/
div.partners.icons01 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -10px;
}

/*　アイコン2
----------------------------------------*/
div.partners.icons02 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -10px;
}

div.partners.icons02 ul li {
    position: relative;
    display: flex;
    color: #DC3232;
}

div.partners.icons02 ul li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    background: #FCF1ED;
    border: 1px solid #F2B7B4;
    z-index: 1;
}

div.partners.icons02 ul li::after {
    content: "";
    position: absolute;
    border: 1px solid #FFF;
    z-index: 2;
}

div.partners.icons02 ul li p {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    margin: 0;
}

div.partners.icons02 ul li p::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    text-align: center;
    font-weight: 300;
    z-index: 2;
    background: no-repeat 50% 50% / 40px auto;
}

div.partners.icons02 ul li.point01 p::after {
    /*background-image: url("../../img/partners/service/01.svg");*/
}

div.partners.icons02 ul li.point02 p::after {
    /*background-image: url("../../img/partners/service/02.svg");*/
}

div.partners.icons02 ul li.point03 p::after {
    /*background-image: url("../../img/partners/service/03.svg");*/
}

div.partners.icons02 ul li.point04 p::after {
    /*background-image: url("../../img/partners/service/04.svg");*/
}

div.partners.icons02 ul li.point05 p::after {
    /*background-image: url("../../img/partners/service/05.svg");*/
}

div.partners.icons02 ul li.point06 p::after {
    /*background-image: url("../../img/partners/service/06.svg");*/
}

div.partners.icons02 ul li.point09 p::after {
    /*background-image: url("../../img/partners/service/09.svg");*/
}

div.partners.icons02 ul li.point10 p::after {
    /*background-image: url("../../img/partners/service/10.svg");*/
}

div.partners.icons02 ul li.point07 p::after,
div.partners.icons02 ul li.point08 p::after {
    content: 'eng';
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 26px;
    line-height: 98px;
    font-weight: 500;
    background: none;
}

div.partners.icons02 ul li.point08 p::after {
    content: 'chi';
}

div.partners.icons02 ul li p span {

    font-weight: 500;
}

header .grid,
header .col-1-1,
footer .grid,
footer .col-1-1,
#title .grid,
#title .col-1-1,
#breadcrumbs .grid,
#breadcrumbs .col-1-1,
#mypageTab div.tab .grid,
#mypageTab div.tab .col-1-1,
#propertyLink .grid,
#propertyLink .col-1-1 {
    float: none;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
}

header .col-1-1,
footer .col-1-1,
#title .col-1-1,
#breadcrumbs .col-1-1,
#mypageTab div.tab .col-1-1,
#propertyLink .col-1-1 {
    padding: 0 60px;
}

div.searchCategoryContent ul li a::before,
div.searchCategoryContent ul li a::after,
#toppageAbout::before,
#toppageAbout ul li a::before,
#toppageAboutLink::before,
div.partnersListContent dl dd.clearfix div.number dl dd ul::before,
#mypageTopConditions div.tab3 ul li.active a::before,
#businessFeature div.free div.point ul li p::before,
#areaConditions::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1380px) {
    header .col-1-1,
    footer .col-1-1,
    #title .col-1-1,
    #breadcrumbs .col-1-1,
    #mypageTab div.tab .col-1-1 {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 20px;
    }
}

@media screen and (max-width: 370px) {
    header .col-1-1,
    footer .col-1-1,
    #title .col-1-1,
    #breadcrumbs .col-1-1,
    #mypageTab div.tab .col-1-1 {
        padding: 0 10px;
    }
}