/*=============================================================
../css4/realestate_info.cssと同じ
=============================================================*/
main {
    padding: 100px 0 0;
}

.pankuzu ul {
    width: 100%;
    margin: 0 auto;
    height: 42px;
    display: flex;
    align-items: center;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
}

.pankuzu li {
    font-size: 10px;
}
tr,th,td{
    border: none!important;
}
/*=============================================================
スプレッドシート氷神担当10番〜23番共通
=============================================================*/
.imgfr img {
    width: auto!important;
    height: auto!important;
}
@media only screen and (max-width: 639px) {
	.imgfr img {
	    max-width: 100%!important;
	    width: auto!important;
	    height: auto!important;
	}
}

p.pagelinkbtn {
    text-align: center;
}

p.pagelinkbtn a {
    text-align: center;
}

p.pagelinkbtn img {
    width: 65%;
    max-width: 500px;
}

.txtleft {
    text-align: left;
}

.contactusfr {
	margin: 50px auto;
	font-size: 16px;
}

.wrapper2 {
    max-width: 1000px;
    margin: 30px auto 0;
}

footer.frtopzero {
    padding: 0 0 60px;
}

footer.frtopzero .wrapper {
    max-width: 1000px;
}

/*背景写真TOP*/
.page_topimg_container {
    background-image: url(../images/staff/staff_main_01.png);
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    padding: 2.3rem 0;
}

.page_topimg_container::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
}

.page_topimg_container:before {}

.page_topimg_container .toptitle {}

.page_topimg_container .toptitle h2 {
    color: #ffffff;
}

.page_topimg_container .toptitle .title1 {
    color: #ffffff;
}

/*購入前にチェックしたい記事*/
.articlecheck {}

.articlecheck-in {
    padding: 0 3%;
    margin-bottom: 80px;
}

.articlecheck h2 {
    color: #17abe8;
    padding: 8px 8px 8px 65px !important;
    font-size: 34px;
    text-align: left;
    border-bottom: 1px #17abe8 solid;
    margin-bottom: 20px;
    background-image: url(../images/mediationfree/icon_mark_01.png);
    background-size: 40px auto;
    background-position: 10px 50%;
    background-repeat: no-repeat;
}

.actxtfr1 {
    background-color: #fafafa;
    padding: 10px 3%;
}

.actxtfr1 p {
    font-size: 22px;
    color: #000000;
}

.articlecheck-in ul li {
    border-bottom: 1px solid #e1e1e1;
}

.articlecheck-in ul li a {
    display: table;
    background-color: #ffffff;
}

.articlecheck-in ul li a p {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 10px;
    font-size: 20px;
    line-height: 130%;
    color: #000000;
}

.articlecheck-in ul li a p:first-child {
    width: 25%;
}

.stfjisseki .wrapper {
    padding: 0;
}

.stfjisseki {
    background: #fafafa;
    padding-top: 30px;
}

.stfjisseki.sj2 {
    background: #ffffff;
}

.stfjisseki * {
    text-align: left;
}

/*お客様の声・スタッフ紹介*/
.client_voice {
    margin: 0 auto;
    padding: 0 3%;
}

.client_voice {
    margin-bottom: 40px;
}

.client_voice li>div {
    border: 1px solid #adadad;
    background-color: #ffffff;
}

.client_voice .voiceimg {}

.client_voice .voiceimg>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.client_voice .voiceimg>div>div:first-child {
    width: 46%;
}

.client_voice .voiceimg>div>div:nth-child(2) {
    width: 54%;
    padding-top: 5px;
}

.client_voice .voiceimg h4 {
    background-color: #c5eaf9;
    display: block;
    width: 100%;
    padding: 17px 17px;
    font-size: 16px;
    color: #000000;
    line-height: 140%;
}

.client_voice .voicedesc {
    padding: 4px 14px;
    font-size: 15px;
}

.client_voice .voicedesc span {
    padding: 2px 2px;
    display: inline-block;
    background-color: #17abe8;
    color: #ffffff;
    margin-right: 10px;
    font-size: 12px;
    width: 50px;
    text-align: center;
}

.client_voice .txtarea {
    padding: 10px 0;
    margin: 0 20px;
    font-size: 15px;
    border-bottom: #333333 1px solid;
    line-height: 150%;
}

.client_voice .propertyname {
    padding: 10px 0;
    margin: 0 20px;
    font-size: 14px;
    line-height: 150%;
}

.pagelinkbtn.morebtn {
    margin-bottom: 46px;
}

.staffintro_bn {
    padding: 0 3%;
}


/*footer*/
.f_logo2 {
    height: 160px;
    border-top: 1px solid #adadad;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav2 {
    border-bottom: 1px solid #adadad;
    margin-bottom: 30px;
}

.nav2 li {
    border-top: 1px solid #adadad;
}

.nav2 li a {
    display: block;
    position: relative;
    padding: 22px 20px 22px 30px;
    text-align: left;
    color: #17abe8;
    font-size: 22px;
    font-weight: 400;
}

.nav2 li a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 25px;
    top: calc(50% - 1px);
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg) translateY(-50%);
    color: #17abe8;
}

.nav3 {
    margin-bottom: 30px;
}

.nav3 ul {
    text-align: center;
    width: 100%;
}

.nav3 ul li {
    border-right: 1px solid #adadad;
    display: inline-block;
    padding: 0 1%;
}

.nav3 ul li:last-child {
    border-right: none;
}

.nav3 ul li a {
    font-size: 16px;
    white-space: nowrap;
    display: block;
}

/*お知らせ*/
.fv {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/information/info_mv20211003.webp");
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    padding: 2.3rem 0;
}

.fv .container {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
}

.fv .main_typo {
    margin: 0 auto 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 45px;
    max-width: 600px;
}

.fv .main_typo .ttl {
    color: #4c4c4c;
}

.fv .main_typo .ttl em {
    display: block;
    position: relative;
    font-size: 36px;
    font-style: normal;
    letter-spacing: 0.1em;
}

.fv .main_typo .ttl em::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    border-bottom: 2px solid #4c4c4c;
}

.fv .main_typo .ttl small {
    display: block;
    margin-top: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
}

/*相談・その他*/
.fv_etc {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/common/entrance_top.webp");
    background-size: cover;
    background-position: 50% 60%;
    position: relative;
    padding: 2.3rem 0;
}

.fv_etc .container {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
}

.fv_etc .main_typo {
    margin: 0 auto 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 45px;
    max-width: 600px;
}

.fv_etc .main_typo .ttl {
    color: #4c4c4c;
}

.fv_etc .main_typo .ttl em {
    display: block;
    position: relative;
    font-size: 36px;
    font-style: normal;
    letter-spacing: 0.1em;
}

.fv_etc .main_typo .ttl em::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    border-bottom: 2px solid #4c4c4c;
}

.fv .main_typo .ttl small {
    display: block;
    margin-top: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
}

/* BreakPoint 1100px
=============================================================*/
@media only screen and (max-width: 1100px) {
    .client_voice ul li {
        margin-bottom: 20px;
    }

    /*ページTOP Staff等*/
    .page_topimg_container .toptitle h2 {
        font-size: 3.9vw;
    }

    .page_topimg_container .toptitle h2 {
        font-size: 2.8vw;
    }
}

@media only screen and (min-width: 1101px) {
    .pankuzu ul {
        max-width: 1000px;
        width: 1000px;
    }

    .jisseki_property ul li>div,
    .client_voice ul li {
        padding: 15px;
    }

    .jisseki_property ul,
    .client_voice ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        margin-top: 10px;
    }

    .stfjisseki.sj2 {
        margin-bottom: 30px;
    }

    .stfjisseki .wrapper {
        max-width: 1000px;
        margin: 0 auto;
    }

    .staffintro_bn {
        text-align: center;
    }

    .staffintro_bn img {
        display: inline-block;
        max-width: 48%;
        margin: 0 1%;
    }

    /*ページTOP Staff等*/
    .page_topimg_container .toptitle h2 {
        font-size: 30px;
    }

    .page_topimg_container .toptitle .title1 {
        font-size: 20px;
        line-height: 120%;
    }
}

/* BreakPoint 639px sp
=============================================================*/
@media only screen and (max-width: 639px) {

    html,
    body,
    div,
    span,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    abbr,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    samp,
    small,
    strong,
    sub,
    sup,
    var,
    b,
    i,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        font-size: 100%;
    }

    .wrapper3 {
        width: 94%;
        margin: 0 3%;
    }

    /*パンクズ*/
    .pankuzu li {
        font-size: 10px;
    }

    /*背景写真TOP*/
    .page_topimg_container {
        width: 100%;
    }

    .page_topimg_container .toptitle h2 {
        font-size: 4.4vw;
    }

    .page_topimg_container .toptitle .title1 {
        font-size: 3.6vw;
    }

    /*購入前にチェックしたい記事*/
    .articlecheck h2 {
        font-size: 5vw;
    }

    .articlecheck-in ul li a p {
        font-size: 3.4vw;
    }

    .actxtfr1 p {
        font-size: 4vw;
    }

    /**/
    .office_desctitle h3 {
        font-size: 5vw;
    }

    .client_voice .voiceimg h4 {
        font-size: 4vw;
    }

    .client_voice .voicedesc {
        font-size: 3.5vw;
    }

    .info .wrapper .toku h3 {
        font-size: 18px;
    }

    .info .wrapper .toku #left-box .img {
        width: 40%;
    }

    .info .wrapper .toku #left-box .img img {
        width: 100%;
    }

    .bot_banner2 {
        height: 65px;
    }

    .bot_banner2 .wrapper ul.toiawase .tel,
    .bot_banner2 .wrapper ul.toiawase .kengaku {
        height: 45px;
    }

    /*footer*/
    .office_desctitle {
        font-size: 4vw;
    }

    .fv {
        padding: 0;
        height: 180px;
        min-height: auto;
    }

    .fv .main_typo {
        padding: 3px 25px;
        width: 70%;
    }

    .fv .main_typo .ttl em {
        font-size: 30px;
    }

    .fv .main_typo .ttl small {
        font-size: 16px;
    }

    .fv_etc {
        padding: 0;
        height: 180px;
        min-height: auto;
    }

    .fv_etc .main_typo {
        padding: 3px 25px;
        width: 70%;
    }

    .fv_etc .main_typo .ttl em {
        font-size: 30px;
    }

    .fv_etc .main_typo .ttl small {
        font-size: 16px;
    }
}

@media only screen and (min-width: 640px) {
    .page_topimg_container .toptitle {
        top: 35%;
    }

    .imgfr img.max640,
    .max640 {
        max-width: 640px;
        margin: 0 auto;
        display: block;
    }

    .articlecheck-in ul li a p:first-child {
        width: 15%;
    }

}

@media only screen and (min-width: 1101px) {
    .pankuzu ul li {
        font-size: 12px;
    }
}