@charset "UTF-8";
/* ######################################################################################

　トップページ　pageIndex

###################################################################################### */
/* =======================================================
　メインイメージ
========================================================== */
.pageIndex .mainImg{position: relative;}
.pageIndex .mainImg__img{}
.pageIndex .mainImg__detail__text{
    font-weight: bold;
    line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
    .pageIndex .mainImg__detail__logo{
        margin-bottom: 1.5em;
    }
    .pageIndex .mainImg__detail{
        position: absolute;
        top: 44%;
        left: 0;
        transform: translate(0, -50%);
        text-align: center;
        color: #fff;
        width: 100%;
    }
    .pageIndex .mainImg__img{
        height: 620px;
    }
    .pageIndex .mainImg__img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .pageIndex .mainImg__detail__text{
        font-size: 4.0rem;
        text-shadow: 0 3px 10px rgba(0,48,83,0.6);
    }
}
@media screen and (max-width: 767px) {
    .pageIndex .mainImg__detail__logo{
        margin-bottom: 1em;
    }
    .pageIndex .mainImg__detail__logo img{
        width: 30%;
    }
    .pageIndex .mainImg__detail{
        position: absolute;
        top: 37%;
        left: 0;
        width: 100%;
        text-align: center;
        color: #fff;
    }
    .pageIndex .mainImg__detail__text{
        font-size: 1.9rem;
        text-shadow: 0 3px 10px rgba(0,48,83,0.6);
    }
}


/* =======================================================
　タブ切り替えコンテンツ
========================================================== */
.pageIndex .bNav__item a:not(.button){
    position: relative;
    width: 100%;
    display: flex;
    text-decoration: none;
    color: #161616;
    box-shadow: 0 2px 16px rgba(0,0,0,0.1);
}
.pageIndex .bNav__item.btn{
    text-align: center;
}
.pageIndex .bNav.green .bNav__item a:not(.button):before{
    border-bottom: 2px solid #00B2BB;
    background-image: url(../img/contents/ico_arrow_green.svg);
}
.pageIndex .bNav.yellowGreen .bNav__item a:not(.button):before{
    border-bottom: 2px solid #9BC921;
    background-image: url(../img/contents/ico_arrow_yellowgreen.svg);
}
.pageIndex .bNav.orange .bNav__item a:not(.button):before{
    border-bottom: 2px solid #FB9E57;
    background-image: url(../img/contents/ico_arrow_orange.svg);
}

@media print, screen and (min-width: 768px) {
    .pageIndex .bannerBox{
        display: flex;
        justify-content: space-between;
    }
    .pageIndex .bannerBox__item:first-child{
        width: 50%;
    }
    .pageIndex .bannerBox__item:nth-child(2){
        width: 46.7%;
    }

    .pageIndex .bNav__item + .bNav__item{
        margin-top: 1.4em;
    }
    .pageIndex .bNav__item a:not(.button){
        position: relative;
        width: 100%;
        display: flex;
        text-decoration: none;
        color: #161616;
        box-shadow: 0 2px 16px rgba(0,0,0,0.1);
    }
    .pageIndex .bNav__item a:not(.button):before{
        content: "";
        position: absolute;
        bottom: -1px;
        right: 0;
        width: 4.5em;
        height: 4.5em;
        background-repeat: no-repeat;
        background-position: 52% 40%;
    }
    .pageIndex .bNav__item a:not(.button):after{
        content: "";
        position: absolute;
        bottom: 1.5em;
        right: 4.5em;
        width: 1px;
        height: 2em;
        background-color: #ddd;
    }
    .pageIndex .bannerBox__item a:not(.button){
        transition: all 0.2s ease;
    }
    .pageIndex .bannerBox__item a:not(.button):hover{
        opacity: 0.8;
    }
    .pageIndex .bNav__item__img{
        width: 34.5%;
    }
    .pageIndex .bNav__item__detail{
        width: 65.5%;
        padding: 0.8em 1.75em;
    }
    .pageIndex .bNav__item__detail__title{
        margin-bottom: 0.4em;
        font-size: 1.6rem;
        transition: color 0.1s ease;
    }
    .pageIndex .bannerBox__item .green a:not(.button):hover .bNav__item__detail__title{color: #00B2BB;}
    .pageIndex .bannerBox__item .yellowGreen a:not(.button):hover .bNav__item__detail__title{color: #9BC921;}
    .pageIndex .bannerBox__item .orange a:not(.button):hover .bNav__item__detail__title{color: #FB9E57;}
    .pageIndex .bNav__item__detail p{
        padding-right: 5em;
        font-size: 1.2rem;
        line-height: 1.83;
        font-feature-settings: "palt";
    }
    .pageIndex .bNav__item.btn{
        margin-top: 1.5em;
    }
    .pageIndex .bNav__item .button{
        padding: 0.9em 1.4em;
        border-radius: 3em;
        font-size: 2rem;
        box-shadow: 3px 3px 0 #DF690E;
		display: inline-flex;
        align-items: center;
    }
    .pageIndex .bNav__item .button .small{
        display: inline-block;
        margin-right: 1.2em;
        font-size: 1.4rem;
		line-height: 1.3;
    }
}
@media screen and (max-width: 767px) {
    .pageIndex .bannerBox__item + .bannerBox__item{
        margin-top: 1.5em;
    }
    .pageIndex .bNav__item + .bNav__item{
        margin-top: 1em;
    }
    .pageIndex .bNav__item a:not(.button){
        display: flex;
        justify-content: space-between;
        background: #F2F6F6;
    }
    .pageIndex .bNav__item a:not(.button):before{
        content: "";
        position: absolute;
        bottom: -1px;
        right: 0;
        width: 2em;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    .pageIndex .bNav__item a:not(.button):after{
        content: "";
        position: absolute;
        bottom: 20%;
        right: 2em;
        width: 1px;
        height: 60%;
        background-color: #ddd;
    }
    .pageIndex .bNav__item__img{
        width: 34%;
    }
    .pageIndex .bNav__item__img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .pageIndex .bNav__item__detail{
        width: 66%;
        padding: 1em 2.5em 1em 0.6em;
    }
    .pageIndex .bNav__item__detail__title{
        margin-bottom: 0.25em;
        font-size: 1.2rem;
    }
    .pageIndex .bNav__item__detail p{
        font-size: 1.0rem;
        line-height: 1.83;
    }
    .pageIndex .bNav__item.btn{
        margin-top: 1.5em;
    }
    .pageIndex .bNav__item .button{
        padding: 1.6em 1.5em;
        border-radius: 3em;
        font-size: 1.5rem;
        box-shadow: 3px 3px 0 #DF690E;
    }
    .pageIndex .bNav__item .button .small{
        display: inline-block;
        margin-right: 1.5em;
        font-size: 1.2rem;
    }
}

/* =======================================================
　運営委員会からのお知らせ / 活動報告
========================================================== */
@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt.information{
        padding: 80px 0 70px;
    }
    .pageIndex .wallBelt.information .contents{
        display: flex;
        justify-content: space-between;
    }
    .pageIndex .wallBelt.information .information__item{
        display: flex;
        flex-direction: column;
    }
    .pageIndex .wallBelt.information .information__item.news{
        width: 25%;
    }
    .pageIndex .wallBelt.information .information__item.report{
        width: 68%;
    }
    .pageIndex .wallBelt.information .buttonBox{
        margin-top: auto;
        text-align: right;
    }
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.information{
        padding: 0;
        background: #fff;
    }
    .pageIndex .wallBelt.information .contents{
        padding: 0;
    }
    .pageIndex .wallBelt.information .information__item{
        padding: 50px 30px;
    }
    .pageIndex .wallBelt.information .information__item.news{
        background: #F2F6F6;
    }
    .pageIndex .wallBelt.information .information__item.report{
    }
}


/* 運営委員会からのお知らせ
-------------------------------------*/
.news__list{
    margin-bottom: 2em;
}
.news__list__item{
    border-bottom: 1px solid #ddd;
}
.news__list__item:first-child{
    padding-top: 0;
}
.news__list__date{
    margin-bottom: 0.5em;
    color: #666666;
}
.news__list__date .tag{
    margin-left: 1em;
    padding: 0.1em 0.6em;
    border-radius: 2em;
    color: #00B2BB;
    border: 1px solid #00B2BB;
    background-color: #fff;
}
.news__list__text{}
.news__list__text a{
    color: #161616;
    text-decoration: none;
}
.news__list__text a:hover{
    text-decoration: underline;
}

@media print, screen and (min-width: 768px) {
    .news__list__text a{
        font-size: 1.5rem;
        line-height: 1.733;
    }
    .news__list__item{
        padding: 1.15em 0;
    }
    .news__list__date .tag{
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 767px) {
    .news__list__item{
        padding: 1em 0;
    }
    .news__list__date{
        font-size: 1.4rem;
    }
    .news__list__date .tag{
        font-size: 1.1rem;
    }
    .news__list__text a{
        font-size: 1.4rem;
        line-height: 1.78;
    }
}

/* 活動報告
-------------------------------------*/
.report__list__item a{
    display: block;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    color: #161616;
    text-decoration: none;
}
.report__list__img{
    position: relative;
    margin-bottom: 1.1em;
    overflow: hidden;
    padding-top: 66.66%;
}
.report__list__img figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.report__list__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.report__list__img:before{
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 3em;
    height: 3em;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 55% 50%;
    border-bottom: 2px solid #A4D16A;
    background-image: url("../img/contents/ico_arrow_yellowgreen.svg");
    z-index: 1;
}
.report__list__item a figure{
    transform: scale(1);
    transition: all 0.2s ease;
}
.report__list__item a figure:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    opacity: 0;
    transition: all 0.2s ease;
}
.report__list__detail{}
.report__list__text{
    font-weight: bold;
}

@media print, screen and (min-width: 768px) {
    .report__list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 2em;
    }
    .report__list:after{
        content: "";
        display: block;
        width: 31.8%;
    }
    .report__list__item{
        width: 31.8%;
    }
    .report__list__item a{
        padding: 1.5em;
    }
    .report__list__item a:hover figure{
        transform: scale(1.1);
    }
    .report__list__item a:hover figure:before{
        opacity: 1;
    }
    .report__list__text{
        font-size: 1.5rem;
        line-height: 1.86;
        transition: color 0.1s ease;
    }
    .report__list__item a:hover .report__list__text{
        color: #A4D16A;
    }
}
@media screen and (max-width: 767px) {
    .report__list{
        margin-bottom: 2em;
    }
    .report__list__item + .report__list__item{
        margin-top: 1.5em;
    }
    .report__list__item a{
        padding: 1.25em;
    }
    .report__list__text{
        font-size: 1.4rem;
        line-height: 1.71;
    }
}

/* =======================================================
　加盟企業の管理賃貸物件
========================================================== */
.rental__list__item{
    border: 1px solid #ddd;
    box-shadow: 0 5px 16px rgba(0,0,0,0.08);
}
.rental__list__item a {text-decoration: none; display: block; height: 100%;}
.rental__list__img{
    position: relative;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
    padding-top: 57.89%;
}
.rental__list__img .tag{
    position: absolute;
    top: 1em;
    left: 0;
    margin-left: 1em;
    padding: 0.1em 0.6em;
    border-radius: 2em;
    font-size: 1.2rem;
    color: #fff;
    border: 1px solid #00B2BB;
    background: #00B2BB;
    font-weight: bold;
}
.rental__list__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rental__list__meta{
    margin-bottom: 1.25em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
}
.rental__list__title{
    margin-bottom: 0;
    font-size: 1.8rem;
}
.rental__list__text,
.rental__list__text:last-of-type{
    margin-top: 0.5em;
    color: #00B2BB;
    font-size: 1.3rem;
    font-weight: bold;
}
.rental__list__img figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.rental__list__text span{
    color: #161616;
    text-decoration: underline;
    transition: color 0.1s ease;
}
.rental__list__info{}
.rental__list__info__item{
    position: relative;
    font-size: 1.3rem;
    color: #161616;
    padding-left: 1.5em;
}
.rental__list__info__item + .rental__list__info__item{
    margin-top: 0.5em;
}
.rental__list__info__item:before{
    content: "";
    position: absolute;
    top: 0.2em;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    color: #00B2BB;
    width: 1.25em;
    height: 1.25em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.rental__list__info__item.map:before{background-image: url(../img/contents/ico_map.svg);}
.rental__list__info__item.access:before{background-image: url(../img/contents/ico_access.svg);}
.rental__list__info__item.structure:before{background-image: url(../img/contents/ico_structure.svg);}
.rental__list__info__item.floor:before{background-image: url(../img/contents/ico_floor.svg);}
.rental__list__info__item.price:before{background-image: url(../img/contents/ico_price.svg);}
.rental__list__info__item.structure span + span:before{content: "／";}

@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt.rental{
        padding: 90px 0;
    }
    .pageIndex .wallBelt.rental .rental__title {
        margin-bottom: 2em;
    }

    .rental__list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .rental__list:after{
        content: "";
        display: block;
        width: 30.5%;
    }
    .rental__list__item{
        margin-bottom: 3em;
        width: 30.5%;
    }
    .rental__list__img {overflow: hidden;}
    .rental__list__img figure {
        transform: scale(1);
        transition: all 0.2s ease;
    }
    .rental__list__img figure:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.2);
        opacity: 0;
        transition: all 0.2s ease;
    }
    .rental__list__item a:hover .rental__list__img figure {scale: 1.1;}
    .rental__list__item a:hover .rental__list__img figure:before {opacity: 1;}

    .rental__list__detail{
        padding: 1.5em 1.5em 2em;
    }
    .rental__list__text a:hover{
        color: #00B2BB;
    }
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.rental{
        padding: 30px 0 80px;
    }
    .pageIndex .wallBelt.rental .rental__title {
        margin-bottom: 1.5em;
    }
    .rental__list__detail{
        padding: 1.25em 1.25em 1.75em;
    }
    .rental__list__item{
        margin-bottom: 2em;
    }
}

/* =======================================================
　京滋ネットをもっと知る
========================================================== */
.pageIndex .wallBelt.more .more__warp{
    background: #fff;
}
.pageIndex .wallBelt.more .more__list__item{
}
.pageIndex .wallBelt.more .more__list__item a{
    color: #161616;
    text-decoration: none;
    display: block;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    background: #fff;
    border: 1px solid #ddd;
    padding: 1em;
}
.pageIndex .wallBelt.more .more__list__item a:hover{color: #00B2BB;background: #f2f2f2;}
.pageIndex .wallBelt.more .more__list__img{
    position: relative;
    padding-top: 31.94%;
}
.pageIndex .wallBelt.more .more__list__img figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pageIndex .wallBelt.more .more__list__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pageIndex .wallBelt.more .more__list__detail{
    position: relative;
}
.pageIndex .wallBelt.more .more__list__detail:before {
    content: "";
    position: absolute;
    bottom: -1em;
    right: -1em;
    width: 4.5em;
    height: 4.5em;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-bottom: 2px solid #00B2BB;
    background-image: url(../img/contents/ico_arrow_green.svg);
    z-index: 1;
}
.pageIndex .wallBelt.more .more__list__detail:hover::before {background-color: #f2f2f2;
}
.pageIndex .wallBelt.more .more__list__detail:after {
    content: "";
    position: absolute;
    background-color: #ddd;
    z-index: 1;
}
@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt.more{
        background-image: url(../img/contents/index/mv.jpg);
        background-size: contain;
        background-position: center top;
        padding: clamp(110px, 15%, 15%) 0 180px;
    }
    .pageIndex .wallBelt.more .more__title{
        margin-bottom: 0.5em;
    }
    .pageIndex .wallBelt.more .more__title span{
        position: relative;
        top: -2em;
        display: block;
        width: 100%;
        padding: 1.2em 4em;
        background: #00B2BB;
        text-align: center;
        margin-bottom: 0;
        color: #fff;
        max-width: 562px;
        margin-left: auto;
        margin-right: auto;
    }
    .pageIndex .wallBelt.more .more__list{
        display: flex;
        justify-content: space-between;
    }
    .pageIndex .wallBelt.more .more__list__item{
        width: 31.5%;
    }
    .pageIndex .wallBelt.more .more__list__img{
        margin-bottom: 0.5em;
        overflow: hidden;
    }
    .pageIndex .wallBelt.more .more__list__img figure{
        transform: scale(1);
        transition: all 0.2s ease;
    }
    .pageIndex .wallBelt.more .more__list__item a:hover figure{
        transform: scale(1.1);
    }
    .pageIndex .wallBelt.more .more__list__img figure:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.2);
        opacity: 0;
        transition: all 0.2s ease;
    }
    .pageIndex .wallBelt.more .more__list__item a:hover figure:before{
        opacity: 1;
    }
    .pageIndex .wallBelt.more .more__list__detail__title{
        text-align: left;
        padding: 0.5em 0.25em;
        font-size: 1.8rem;
    }
    .pageIndex .wallBelt.more .more__list__detail:after {
        bottom: 0.25em;
        right: 3.5em;
        width: 1px;
        height: 2em;
    }
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.more{
        background-image: url(../img/contents/index/mv_sp.jpg);
        background-size: contain;
        background-position: center top;
        padding: 160px 0 60px;
    }
    .pageIndex .wallBelt.more .more__title{
        margin-bottom: -1em;
    }
    .pageIndex .wallBelt.more .more__title span{
        position: relative;
        top: -3em;
        display: block;
        width: 90%;
        padding: 1.5em 2em;
        background: #00B2BB;
        text-align: center;
        margin-bottom: 0;
        color: #fff;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.5rem;
    }
    .pageIndex .wallBelt.more .more__list__item + .more__list__item{
        margin-top: 1.5em;
    }
    .pageIndex .wallBelt.more .more__list__img{
        margin-bottom: 1em;
    }
    .pageIndex .wallBelt.more .more__list__detail__title{
        text-align: left;
        padding: 0.5em 0.25em;
        font-size: 1.4rem;
    }
    .pageIndex .wallBelt.more .more__list__detail:before {
        width: 3.75em;
        height: 3.75em;
    }
    .pageIndex .wallBelt.more .more__list__detail:after {
        bottom: 0.25em;
        right: 3em;
        width: 1px;
        height: 1.5em;
    }
}

/* ######################################################################################

　加盟企業一覧　pageMember　一覧

###################################################################################### */
/* =======================================================
　memberList
========================================================== */
.pageMember .memberList{}
.pageMember .memberList__item{
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
}
.pageMember .memberList__detail__info{
    display: flex;
    margin-top: 0.75em;
}
.pageMember .memberList__detail__info dt{
    margin-right:2em;
}

.pageMember .memberList__detail__info.address dt,
.pageMember .memberList__detail__info.telfax dt{display:none;}

.pageMember.list .memberList__detail__info.telfax span {
    display:block;
    padding-left: 2.7em;
    text-indent: -2.7em;
}

@media print, screen and (min-width: 768px) {
    .pageMember .wallBelt.member.list{
        padding: 80px 0 150px;
    }
    .pageMember .wallBelt.member.list .detail {
        margin-bottom: 3.2em;
        font-size: 1.8rem;
        line-height: 2;
        text-align: center;
    }
    .pageMember .memberList{
        margin-top: 2em;
    }
    .pageMember .memberList + .titleBold {
        margin-top: 3em;
    }
    .pageMember .memberList__item{
        padding: 3em;
        display: flex;
        justify-content: space-between;
        min-height: 16em;
    }
    .pageMember .memberList__item + .memberList__item{
        margin-top: 2em;
    }
    .pageMember .memberList__logo{
        width: 14.385%;
    }
    .pageMember .memberList__detail{
        position: relative;
        width: 84%;
        padding-left: 1.5em;
    }
    .pageMember .memberList__detail__title{
        font-size: 2.2rem;
    }
    .pageMember .memberList__detail__info{
        font-size: 1.6rem;
        padding-right: 33.75%;
        width: 100%;
    }
    .pageMember .memberList__detail__button{
        position: absolute;
        right: 0;
        bottom: -0.5em;
        width: 31%;
    }
    .pageMember .memberList__detail__button .button{
        padding-top: 1.5em;
        padding-bottom: 1.5em;
        box-shadow: 0 3px 6px rgba(0,0,0,0.06);
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .pageMember .wallBelt.member.list{
        padding-bottom: 60px;
    }
    .pageMember .wallBelt.member.list .detail {
        margin-bottom: 2em;
        font-size: 1.4rem;
        line-height: 2;
    }
    .pageMember .memberList{
        margin-top: 1.5em;
    }
    .pageMember .memberList + .titleBold {
        margin-top: 2em;
    }
    .pageMember .memberList__item{
        padding: 1.5em 1.5em 2em;
    }
    .pageMember .memberList__item + .memberList__item{
        margin-top: 1.5em;
    }
    .pageMember .memberList__logo{
        text-align: center;
        width: 100%;
        margin-bottom: 1em;
    }
    .pageMember .memberList__logo img{
        width: 50%;
    }
    .pageMember .memberList__detail__title{
        font-size: 1.6rem;
    }
    .pageMember .memberList__detail__info{
        border-bottom: 1px solid #ddd;
        padding-bottom: 0.5em;
        font-size: 1.3rem;
    }
    .pageMember .memberList__detail__button{
        text-align: center;
        margin-top: 1em;
    }
    .pageMember .memberList__detail__button .button{
        border-radius: 4px;
        border: 1px solid #00969E;
        box-shadow: 0 2px 0 #00969E;
        font-size: 1.4rem;
        padding: 1.2em 1.5em;
    }
}

/* ######################################################################################

　加盟企業一覧　pageMember　詳細

###################################################################################### */
/* =======================================================
　memberDetail
========================================================== */
.pageMember .memberDetail__img .img{
    position: relative;
    padding-top: 66.66666%;
    background: #fff;
}
.pageMember .memberDetail__img .memberSliderNav .slick-slide:not(.slick-current) {opacity: 0.6;}
.pageMember .memberDetail__img .memberSliderNav .slick-current {opacity: 1;}
.pageMember .memberDetail__img .memberSliderNav .slick-current .img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 2px solid #00B2BB;
}
.pageMember .memberDetail__img .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pageMember .memberDetail__img .memberSliderNav .slick-track {
    transform: translate3d(0, 0, 0) !important;
}
.pageMember .memberDetail__contact__title{
    display: block;
    width: 100%;
}
.pageMember .memberDetail__contact__tel a{
    color: #161616;
    text-decoration: none;
    font-weight: bold;
}

.pageMember .memberDetail__contact .infoItem{
    display: flex;
    align-items: center;
}
.pageMember .memberDetail__contact .infoItem dt{
    position: relative;
    width: 5em;
}
.pageMember .memberDetail__contact .infoItem dt:after{
    content: "：";
    position: absolute;
    right: 0;
}
.pageMember .memberDetail__contact .infoItem dd{
    width: calc(100% - 5em);
}
.pageMember .memberDetail__contact__sns{
    display: flex;
    align-items: center;
}
.pageMember .memberDetail__contact__link .button{
    width: 100%;
    max-width: 100%;
    min-width: auto;
}
.pageMember .memberDetail__img .memberSliderNav .slick-slide.slick-cloned{
    display: none;
}

@media print, screen and (min-width: 768px) {
    .pageMember .memberDetail{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .pageMember .memberDetail__img{
        width: 48.38%;
    }
    .pageMember .memberDetail__img .memberSliderNav .slick-track {
        width: calc(100% + 10px) !important;
        margin: 5px -5px 0;
    }
    .pageMember .memberDetail__img .memberSliderNav .slick-slide {
        padding: 5px;
        width: 25%;
    }
    .pageMember .memberDetail__detail{
        width: 46.7%;
    }
    .pageMember .memberDetail__title{
        margin-bottom: 1em;
        font-size: 2.6rem;
        line-height: 1.625;
    }
    .pageMember .memberDetail__text{
        margin-bottom: 2.5em;
        font-size: 1.4rem;
        line-height: 2;
    }

    .pageMember .memberDetail__contact{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .pageMember .memberDetail__contact__tel,
    .pageMember .memberDetail__contact__info,
    .pageMember .memberDetail__contact__sns,
    .pageMember .memberDetail__contact__link{
        width: 50%;
    }
    .pageMember .memberDetail__contact__tel{
        min-width: 180px;
    }
    .pageMember .memberDetail__contact__info{
        max-width: calc(100% - 180px);
    }
    .pageMember .memberDetail__contact__title{
        margin-bottom: 0.75em;
        font-size: 1.8rem;
    }
    .pageMember .memberDetail__contact__tel a{
        font-size: 3rem;
    }

    .pageMember .memberDetail__contact .infoItem{
        padding: 0.35em 0;
        font-size: 1.8rem;
    }
    .pageMember .memberDetail__contact__sns{
        margin-top: 1.5em;
    }
    .pageMember .memberDetail__contact__sns li{
        margin-right: 1em;
    }
    .pageSupport .memberDetail__contact__link,
    .pageMember .memberDetail__contact__link{
        margin-top: 1.5em;
        min-width: 230px;
    }
    .pageMember .memberDetail__contact__link .button{
        padding: 1.5em 0.5em;
    }
}
@media screen and (max-width: 767px) {
    .pageMember .wallBelt.detail .titleBg{
        margin-bottom: 1.25em;
    }
    .pageMember .memberDetail__img{
        margin-bottom: 1em;
    }
    .pageMember .memberDetail__img .memberSliderNav .slick-track {
        width: calc(100% + 4px) !important;
        margin: 2px -2px 0;
    }
    .pageMember .memberDetail__img .memberSliderNav .slick-slide {
        width: 25%;
        padding: 2px;
    }
    .pageMember .memberDetail__img .slick-slide img{
        margin-bottom: 0;
    }
    .pageMember .memberDetail__title{
        margin-bottom: 0.25em;
        font-size: 1.8rem;
        line-height: 1.555;
    }
    .pageMember .memberDetail__text{
        margin-bottom: 2em;
        font-size: 1.4rem;
        line-height: 1.846;
    }
    .pageMember .memberDetail__contact__title{
        margin-bottom: 0.75em;
        font-size: 1.6rem;
    }
    .pageMember .memberDetail__contact__tel a{
        font-size: 2.6rem;
    }
    .pageMember .memberDetail__contact .infoItem{
        padding: 0.15em 0;
        font-size: 1.4rem;
    }
    .pageMember .memberDetail__contact__sns{
        justify-content: center;
        margin-top: 2em;
    }
    .pageMember .memberDetail__contact__sns li{
        width: 2.5em;
        margin-right: 1em;
    }
    .pageMember .memberDetail__contact__sns li img{
        margin-bottom: 0;
    }
    .pageMember .memberDetail__contact__link{
        text-align: center;
        margin-top: 1.5em;
    }
    .pageMember .memberDetail__contact__link .button{
        max-width: 260px;
    }
}

/* =======================================================
　memberDetail2
========================================================== */
.pageMember .memberDetail2:after{
    content: "";
    display: block;
    clear: both;
}
.pageMember .memberDetail2__img{
    text-align: center;
}
.pageMember .memberDetail2__title{
    position: relative;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-weight: normal;
}
.pageMember .memberDetail2__title:before{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    border-bottom: 4px solid #00B2BB;
    z-index: 1;
}

@media print, screen and (min-width: 768px) {
    .pageMember .memberDetail2{
        margin-bottom: 3em;
    }
    .pageMember .memberDetail2__img{
        width: 28.46%;
    }
    .pageMember .memberDetail2__detail{
        width: 65.96%;
    }

    .pageMember .memberDetail2__title{
        margin-bottom: 1em;
        padding: 1em 0;
        font-size: 2.8rem;
        line-height: 1.71;
    }
    .pageMember .memberDetail2__title:before{
        width: 70px;
    }
    .pageMember .memberDetail2__text{}
    .pageMember .memberDetail2__text p{
        font-size: 1.8rem;
        margin-bottom: 1.5em;
        line-height: 1.88;
    }
}
@media screen and (max-width: 767px) {
    .pageMember .memberDetail2{
        margin-bottom: 3em;
    }
    .pageMember .memberDetail2__img{
        margin-bottom: 3em;
    }
    .pageMember .memberDetail2__title{
        margin-bottom: 1em;
        padding: 0.75em 0;
        font-size: 2.0rem;
        line-height: 1.25;
    }
    .pageMember .memberDetail2__title:before{
        width: 70px;
    }
    .pageMember .memberDetail2__text{}
    .pageMember .memberDetail2__text p{
        font-size: 1.5rem;
        margin-bottom: 1.5em;
        line-height: 1.88;
    }
}

/* =======================================================
　memberDetail3
========================================================== */
.pageMember .memberDetail3__detail{
    background: #F2F6F6;
}
.pageMember .memberDetail3__title{
    text-align: center;
    font-weight: bold;
}
.pageMember .memberDetail3__info{
    margin-top: 2em;
}
.pageMember .memberDetail3__info .infoItem{
    display: flex;
    align-items: flex-start;
}
.pageMember .memberDetail3__info .infoItem dt{
    position: relative;
    margin-right:2em;
}
.pageMember .memberDetail3__info .infoItem.address dt,
.pageMember .memberDetail3__info .infoItem.tel dt { display:none;}



.pageMember .memberDetail3__info .infoItem dd{
    width: auto;
}
.pageMember .memberDetail3__info .infoItem.tel dt span +  span:before {
    content: "　/　";
}
.pageMember .memberDetail3__info .infoItem.tel dd span {
    display:block;
    padding-left: 2.7em;
    text-indent: -2.7em;
}

.pageMember .memberDetail3__map{
    border: 1px solid #707070;
}
.pageMember .memberDetail3__map iframe{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}

@media print, screen and (min-width: 768px) {
    .pageMember .memberDetail3{
        display: flex;
        justify-content: space-between;
        width: 100%;
        min-height: 490px;
    }
    .pageMember .memberDetail3__detail{
        width: 41.12%;
        padding: 3.5em 3em;
    }
    .pageMember .memberDetail3__title{
        margin-bottom: 1em;
        font-size: 2.2rem;
        line-height: 1.71;
    }
    .pageMember .memberDetail3__info{
        margin-top: 2em;
    }
    .pageMember .memberDetail3__info .infoItem{
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .pageMember .memberDetail3__info .infoItem + .infoItem{
        margin-top: 1em;
    }
    .pageMember .memberDetail3__map{
        width: 55.32%;
    }
}
@media screen and (max-width: 767px) {
    .pageMember .memberDetail3{
    }
    .pageMember .memberDetail3__detail{
        padding: 1.5em 1em;
    }
    .pageMember .memberDetail3__title{
        margin-bottom: 1em;
        font-size: 1.6rem;
        line-height: 1.71;
    }
    .pageMember .memberDetail3__info{
        margin-top: 0.5em;
    }
    .pageMember .memberDetail3__info .infoItem{
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .pageMember .memberDetail3__info .infoItem + .infoItem{
        margin-top: 1em;
    }
    .pageMember .memberDetail3__map{
        margin-top: 2em;
    }
}

/* =======================================================
　contact___table
========================================================== */
.memberDetail__contact___table.borderSolid,
.memberDetail__contact___table.borderSolid th,
.memberDetail__contact___table.borderSolid td{
    border-collapse:collapse;
    border-width:1px;
    border-color:#DDDDDD;
    background:#fff;
}
.memberDetail__contact___table.borderSolid th {
    padding: 1em 0.75em;
    width:7em;
    vertical-align:top;
    font-weight:normal;
    color:#666;
}
.memberDetail__contact___table.borderSolid td {
    padding: 0.45em 1em;
    line-height: 1.8;
    font-weight:bold;
}
.memberDetail__contact__tel td {padding:0.7em 1em;}

@media print, screen and (min-width: 768px) {
.memberDetail__contact___table.borderSolid th {font-size:1.3rem;}
.memberDetail__contact___table.borderSolid td {font-size:1.4rem;}
.memberDetail__contact__tel a{font-size: 2.2rem !important;}

    .memberDetail__contact__sns,
    .memberDetail__contact__link{width: 50%;}
}
@media screen and (max-width: 767px) {
    .memberDetail__contact__tel a{font-size: 2.0rem !important;}
    .memberDetail__contact .infoItem{}
}

/* =======================================================
　contact___freeBox
========================================================== */
/* 加盟企業詳細：お問い合わせフリースペース */
.pageMember .memberDetail__contact__freeBox {
    display:none;
    margin-top:1.5em;
    height:6em;
    font-size:1.4rem;
    line-height:1.8;
}
@media print, screen and (min-width: 768px) {
    .pageMember .memberDetail__contact__freeBox.pc {display:block;}
}
@media screen and (max-width: 767px) {
    .pageMember .memberDetail__contact__freeBox.sp {display:block;}
}




/* =======================================================
　rentalList
========================================================== */
.wallBelt.rental.list .rentalList__item{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.wallBelt.rental.list .rentalList__img .slick-slide .img{
    position: relative;
    padding-top: 66.66666%;
    background: #fff;
}
.wallBelt.rental.list .rentalList__img .slick-slide .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wallBelt.rental.list .rentalList__detail__tag{
    text-align: right;
}
.wallBelt.rental.list .rentalList__detail__tag .tag{
    display: inline-block;
    color: #161616;
    border: 1px solid #00B2BB;
    font-weight: normal;
    border-radius: 2em;
    white-space: nowrap;
}
.wallBelt.rental.list .rentalList__detail__info .infoItem{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0.5em;
}
.wallBelt.rental.list .rentalList__detail__info .infoItem:last-child{
    margin-bottom: 0;
}
.wallBelt.rental.list .rentalList__detail__info .infoItem dt{
    position: relative;
    width: 6em;
    color: #666666;
}
.wallBelt.rental.list .rentalList__detail__info .infoItem dd{
    width: calc(100% - 6em);
    color: #161616;
    font-weight: bold;
}
.wallBelt.rental.list .rentalList__detail__info .infoItem.normal dd{
    font-weight: normal;
}
.wallBelt.rental.list .rentalList__bottom__company{
    color: #666666;
}
.wallBelt.rental.list .rentalList__detail__title a{
    text-decoration: none;
}
.wallBelt.rental.list .rentalList__bottom__name a {
    display:flex;
    align-content:center;
    align-items:center;
}
.wallBelt.rental.list .rentalList__bottom__name .name {
    color: #161616;
    font-weight: bold;
    text-decoration: underline;
}
.wallBelt.rental.list .rentalList__bottom__attention{
    width: 100%;
    color: #666666;
}

@media print, screen and (min-width: 768px) {
    .wallBelt.rental.list {
        padding-bottom: 120px;
    }
    .wallBelt.rental.list .detail{
        margin-bottom: 3.2em;
        font-size: 1.8rem;
        line-height: 1.8;
		text-align: center;
    }
    .wallBelt.rental.list .rentalList{
        margin-top: 2.5em;
        margin-bottom: 3em;
    }
    .wallBelt.rental.list .rentalList__item{
        padding: 2.5em 4em;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        box-shadow: 0 0 4px rgba(0,0,0,0.1);
    }
    .wallBelt.rental.list .rentalList__item + .rentalList__item{
        margin-top: 2.5em;
    }
    .wallBelt.rental.list .rentalList__img{
        width: 38%;
        max-width: calc(100% - 480px);
    }
    .wallBelt.rental.list .rentalList__detail{
        position: relative;
        top: -0.75em;
        width: 56.23%;
        min-width: 450px;
    }

    .wallBelt.rental.list .rentalList__detail__info{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0.5em;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem.col2{
        width: 58%;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem.col2.short{
        width: 38%;
    }
    .wallBelt.rental.list .rentalList__detail__tag .tag{
        padding: 0.2em 0.75em 0.25em;
        font-size: 1.1rem;
    }
    .wallBelt.rental.list .rentalList__detail__title{
        position: relative;
        border-bottom: 1px solid #EAEAEA;
        top: -0.2em;
        margin-bottom: 0.75em;
        padding-bottom: 0.65em;
        font-size: 2rem;
    }
    .wallBelt.rental.list .rentalList__detail__title:before{
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 15px;
        border-bottom: 1px solid #00B2BB;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem dt{
        font-size: 1.2rem;
        line-height: 2;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem dd{
        font-size: 1.4rem;
        line-height: 1.85;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem dd .large{
        font-size: 2rem;
        line-height: 1;
    }
    .wallBelt.rental.list .rentalList__bottom{
        margin-top: 0.8572em;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .wallBelt.rental.list .rentalList__bottom__company{
        width: 100%;
        margin-bottom: 0.75em;
        font-size: 1.2rem;
    }
    .wallBelt.rental.list .rentalList__bottom__name{
        display: flex;
        align-items: center;
        width: 65%;
    }
    .wallBelt.rental.list .rentalList__bottom__name .logo{
        width: 8em;
        margin-right: 28px;
    }
    .wallBelt.rental.list .rentalList__bottom__name a:hover{
        text-decoration: none;
    }
    .wallBelt.rental.list .rentalList__bottom__name .name {
        font-size: 1.5rem;
    }
    .wallBelt.rental.list .rentalList__bottom__link{
        max-width: 280px;
        width: 34%;
    }
    .wallBelt.rental.list .rentalList__bottom__link .button {width: 100%;padding: 1.1em 0.25em;}
    .wallBelt.rental.list .rentalList__bottom__link .small{
        font-size: 1rem;
    }
    .wallBelt.rental.list .rentalList__bottom__attention{
        margin-top: 1.1667em;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 767px) {
    .wallBelt.rental.list .detail{
        margin-bottom: 2em;
        font-size: 1.4rem;
        line-height: 2;
    }
    .wallBelt.rental.list .rentalList__detail{
        padding: 1.25em 1em 0;
    }
    .wallBelt.rental.list .rentalList{
        margin-top: 1em;
        margin-bottom: 1.5em;
    }
    .wallBelt.rental.list .rentalList__item + .rentalList__item{
        margin-top: 2em;
    }
    .wallBelt.rental.list .rentalList__detail__top{
        display: flex;
        justify-content: flex-start;
        position: relative;
        border-bottom: 1px solid #EAEAEA;
        top: -0.2em;
        margin-bottom: 0.75em;
        padding-bottom: 0.65em;
    }
    .wallBelt.rental.list .rentalList__detail__top:before{
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 30px;
        border-bottom: 1px solid #00B2BB;
    }
    .wallBelt.rental.list .rentalList__detail__tag .tag{
        padding: 0.2em 0.5em 0.25em;
        font-size: 1.0rem;
        background: #00B2BB;
        color: #fff;
    }
    .wallBelt.rental.list .rentalList__detail__title{
        margin-left: 0.5em;
    }
    .wallBelt.rental.list .rentalList__detail__title{
        font-size: 1.5rem;
    }
    .wallBelt.rental.list .rentalList__detail__info{
        margin-bottom: 0.75em;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem{
        margin-bottom: 0.1em;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem.pc{
        display: none;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem dt{
        font-size: 1.1rem;
        line-height: 2;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem dt.ico{
        text-indent: -9999px;
        width: 1.5em;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem dt.ico.rent{background-image: url(../img/contents/ico_price.svg);}
    .wallBelt.rental.list .rentalList__detail__info .infoItem dt.ico.address{background-image: url(../img/contents/ico_map.svg);}
    .wallBelt.rental.list .rentalList__detail__info .infoItem dt.ico.railway{background-image: url(../img/contents/ico_access.svg);}

    .wallBelt.rental.list .rentalList__detail__info .infoItem dt.ico + dd{
        width: calc(100% - 1.5em);
    }
    .wallBelt.rental.list .rentalList__detail__info .infoItem dd{
        font-size: 1.3rem;
        line-height: 1.53;
        word-break: break-all;
    }
    .wallBelt.rental.list .rentalList__detail__middle:after{
        content: "";
        display: block;
        clear: both;
    }
    .wallBelt.rental.list .rentalList__detail__middle .rentalList__img {
        float: left;
        width: 43.09%;
    }
    .wallBelt.rental.list .rentalList__detail__middle .rentalList__img img{
        border-radius: 4px;
    }
    .wallBelt.rental.list .rentalList__detail__middle .rentalList__detail__info{
        float: right;
        width: 54.46%;
    }
    .wallBelt.rental.list .rentalList__bottom{
        display: flex;
        flex-wrap: wrap;
        padding: 0 1em 1em;
    }
    .wallBelt.rental.list .rentalList__bottom__company{
        width: 100%;
        font-size: 1.1rem;
    }
    .wallBelt.rental.list .rentalList__bottom__name{
        text-align: left;
        margin-bottom: 1em;
    }
    .wallBelt.rental.list .rentalList__bottom__name .logo{
        display: block;
        width: 6em;
        margin-bottom: 0.5em;
    }
    .wallBelt.rental.list .rentalList__bottom__name .logo img{
        margin-bottom: 0;
    }
    .wallBelt.rental.list .rentalList__bottom__name a{
        font-size: 1.3rem;
        text-decoration: none;
        color: #009DA5;
    }
    .wallBelt.rental.list .rentalList__bottom__name .name {
        font-size: 1.3rem;
        margin-left:1em;
    }
    .wallBelt.rental.list .rentalList__bottom__link{
        width: 100%;
        text-align: center;
    }
    .wallBelt.rental.list .rentalList__bottom__link .button{
        padding-top: 1em;
        padding-bottom: 1em;
        width:100%;
    }
    .wallBelt.rental.list .rentalList__bottom__link .small{
        font-size: 1rem;
    }
    .wallBelt.rental.list .rentalList__bottom__attention{
        width: 100%;
        margin-top: 1em;
        font-size: 0.9rem;
    }
}

/* ######################################################################################

　加盟企業の管理賃貸物件　pageProperty　一覧

###################################################################################### */
.pageProperty.list .listInfo .number span {
    color: #C7000D;
    font-weight: bold;
}
@media print, screen and (min-width: 768px) {
    .pageProperty.list .titlePokey {margin-bottom: 36px;}
    .pageProperty.list .serchBox{margin-bottom: 35px;}
    .pageProperty.list .listInfo {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pageProperty.list .listInfo .number span {
        margin-left: 8px;
        margin-right: 7px;
        font-size: 2.8rem;
    }
    .pageProperty.list .listInfo.bottom {
        justify-content: end;
        padding-top: 0;
    }
}
@media screen and (max-width: 767px) {
    .pageProperty.list .titlePokey {font-size: 1.8rem;}
    .pageProperty.list .serchBox .popUpConatiner {margin-bottom: 1em;}
    .pageProperty.list .listInfo.top .pagination{display: none;}
    .pageProperty.list .listInfo .number {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .pageProperty.list .listInfo .number span {
        margin-left: 0.25em;
        margin-right: 0.25em;
        font-size: 2.8rem;
    }
    .pageProperty.list .listInfo .pagination {padding-top: 1em; padding-bottom: 1em;}
    .pageProperty.list .listInfo .pagination ul {justify-content:  center;}
}



/* ######################################################################################

　賛助会員一覧　pageSupport.list

###################################################################################### */
.pageSupport.list .detail {
    font-size: 1.5rem;
    line-height: 2;
}
@media print, screen and (min-width: 768px) {
    .pageSupport.list .detail {
        margin-bottom: 3.2em;
        font-size: 1.8rem;
        line-height: 2;
		text-align: center;
    }
    .pageSupport.list .tabColumnList {margin-top: 36px;}
}
@media screen and (max-width: 767px) {
    .pageSupport.list .detail {
        margin-bottom: 2em;
        font-size: 1.4rem;
        line-height: 2;
    }
    .pageSupport.list .tabColumnList {margin-top: 2em;}
}

/* ######################################################################################

　supportList

###################################################################################### */
.supportList .support {
    background: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.supportList .support .topBox {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EAEAEA;
}
.supportList .support .topBox:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 15px;
    height: 1px;
    background: #00B2BB;
}
.supportList .support .supportTitle a{
    text-decoration: none;
}
.supportList .support .industryList {
    display: flex;
}
.supportList .support .industryList li {
    padding: 3px 12px 4px;
    border: 1px solid #00B2BB;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: bold;
    white-space: nowrap;
}
.supportList .support .industryList li + li {margin-left: 0.25em;}
.supportList .support .infoBox dt {
    padding-top: 3px;
    color: #666666;
}
.supportList .support .infoBox dd {font-weight: bold;}
.supportList .support .linkBox a {
    display: block;
    padding-top: 1.1429em;
    padding-bottom: 1.1429em;
    border-width: 2px;
    font-size: 1.4rem;
}
.supportList .support .linkBox a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
}

.supportList .support .linkBox a.external{
    border-color: #89BF40;
    background-color: #95CB4D;
}
.supportList .support .linkBox a.external:hover{
    background: #fff;
}
.supportList .support .linkBox a.external:after {
    width: 12px;
    height: 12px;
    right: 19px;
    top: calc(50% + 1px);
    background-image: url(../img/contents/externalLink.svg);
}
.supportList .support .linkBox a.external:hover:after {background-image: url(../img/contents/externalLink_hover.svg);}
.supportList .support .linkBox a.view:after {
    width: 18px;
    height: 14px;
    right: 15px;
    top: calc(50% + 1px);
    background-image: url(../img/contents/support/icon_detail.svg);
}
.supportList .support .linkBox a.view:hover:after {background-image: url(../img/contents/support/icon_detail_hover.svg);}

@media print, screen and (min-width: 768px) {
    .supportList .support {
        margin-bottom: 20px;
        padding: 40px 40px 40px 30px;
    }
    .supportList .support .topBox {
        margin-bottom: 1.2857em;
        padding-bottom: 1em;
    }
    .supportList .support .industryList {margin-left: 20px;}
    .supportList .support .supportTitle {font-size: 2rem;}
    .supportList .support .infoContents {display: flex;}
    .supportList .support .infoBox {width: calc(100% - 230px);}
    .supportList .support .infoBox dl {display: flex;}
    .supportList .support .infoBox dl + dl {margin-top: 5px;}
    .supportList .support .infoBox dt {
        width: 90px;
        font-size: 1.2rem;
    }
    .supportList .support .infoBox dd {width: calc(100% - 90px);}
    .supportList .support .infoBox dd {line-height: 1.8571;}
    .supportList .support .linkBox {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 230px;
    }
    .supportList .support .linkBox li + li {margin-top: 8px;}
}
@media screen and (max-width: 767px) {
    .supportList .support {
        margin-bottom: 20px;
        padding: 1em 1.25em;
    }
    .supportList .support .topBox {
        justify-content: space-between;
        margin-bottom: 0.5em;
        padding-bottom: 0.5em;
        border-bottom: none;
    }
    .supportList .support .topBox:before{
        height: 2px;
    }
    .supportList .support .industryList {margin-top: 0.25em;margin-bottom: 0.25em;flex-wrap: wrap;}
    .supportList .support .supportTitle {font-size: 1.6rem;}
    .supportList .support .infoBox dl{display: flex; padding-bottom: 0.5em; border-bottom: 1px solid #ddd;}
    .supportList .support .infoBox dl + dl {margin-top: 0.5em;}
    .supportList .support .infoBox dt {font-size: 1.2rem; width: 90px;}
    .supportList .support .infoBox dd {width: calc(100% - 90px);}
    .supportList .support .linkBox {margin-top: 1em;}
    .supportList .support .linkBox ul{display: flex; justify-content: space-between;}
    .supportList .support .linkBox li{width: 48.5%;}
    .supportList .support .linkBox a{width: 100%; min-width: auto; border-radius: 4px;}
}

/* ######################################################################################

　賛助会員一覧　pageSupport.detail

###################################################################################### */
/* =======================================================
　supportTitle
========================================================== */
.pageSupport.detail .industryList {
    display: flex;
    justify-content: center;
}
.pageSupport.detail .industryList li {
    padding: 3px 12px 4px;
    border: 1px solid #00B2BB;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: bold;
}
.pageSupport.detail .industryList li + li {margin-left: 5px;}
.pageSupport.detail .supportTitle {
    text-align: center;
}
@media print, screen and (min-width: 768px) {
    .pageSupport.detail .industryList {
        margin-bottom: 16px;
    }
    .pageSupport.detail .supportTitle {
        margin-bottom: 57px;
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 767px) {
    .pageSupport.detail .industryList {
        margin-bottom: 1em;
    }
    .pageSupport.detail .supportTitle {
        margin-bottom: 1em;
        font-size: 1.8rem;
    }
}

/* =======================================================
　memberDetail
========================================================== */
.pageSupport.detail .memberDetail__img .img{
    position: relative;
    padding-top: 66.66666%;
    background: #fff;
}
.pageSupport.detail .memberDetail__img .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pageSupport.detail .memberDetail__img .memberSliderNav .slick-track {
    transform: translate3d(0, 0, 0) !important;
}
.pageSupport.detail .memberDetail__contact__title{
    display: block;
    width: 100%;
}
.pageSupport.detail .memberDetail__contact__tel a{
    color: #161616;
    text-decoration: none;
    font-weight: bold;
}

.pageSupport.detail .memberDetail__contact .infoItem{
    display: flex;
    align-items: center;
}
.pageSupport.detail .memberDetail__contact .infoItem dt{
    position: relative;
    width: 5em;
}
.pageSupport.detail .memberDetail__contact .infoItem dt:after{
    content: "：";
    position: absolute;
    right: 0;
}
.pageSupport.detail .memberDetail__contact .infoItem dd{
    width: calc(100% - 5em);
}
.pageSupport.detail .memberDetail__contact__sns{
    display: flex;
    align-items: center;
}
.pageSupport.detail .memberDetail__contact__link .button{
    width: 100%;
    max-width: 100%;
    min-width: auto;
}

/* 加盟企業詳細：空室状況をみる*/
.pageProperty .rentalList__bottom__link a.external:after,
.pageMember.entry .memberDetail__contact__link a.external:after,
.pageSupport.entry .memberDetail__contact__link a.external:after,
.pageMember.entry .rentalList .button:after,
.supportList .support .linkBox a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
}
.pageProperty .rentalList__bottom__link a.external:after,
.pageMember.entry .rentalList .button:after {
    background-image: url(../img/contents/externalLink_black.svg) !important;
    right: 1em;
}


/* 加盟企業詳細：ホームページ（外部サイト）*/
.pageProperty .rentalList__bottom__link a.external:after,
.pageMember.entry .rentalList .button:after,
.supportList .support .linkBox a.external::after {
    width: 12px;
    height: 12px;
    right: 18px;
    top: calc(50% + 1px);
    background-image: url(../img/contents/externalLink.svg);
}

/* 加盟企業詳細：管理賃貸物件　空室状況をみる）*/
.pageSupport.entry .memberDetail__contact__link a.external:after,
.pageMember.entry .memberDetail__contact__link a.external:after,
.supportList .support .linkBox a.external:after {
    width: 12px;
    height: 12px;
    right: 19px;
    top: calc(50% + 1px);
    background-image: url(../img/contents/externalLink.svg);
}

.pageSupport .memberDetail__contact__link a.external:hover:after,
.pageMember .memberDetail__contact__link a.external:hover:after {background-image: url(../img/contents/externalLink_green_hover.svg);}


@media print, screen and (min-width: 768px) {
    .pageSupport.detail .memberDetail{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .pageSupport.detail .memberDetail__img{
        width: 43.5484%;
    }
    .pageSupport.detail .memberDetail__img .memberSliderNav .slick-track {
        width: calc(100% + 10px) !important;
        margin: 5px -5px 0;
    }
    .pageSupport.detail .memberDetail__img .memberSliderNav .slick-slide {
        width: 23.3333%;
        padding: 5px 5px;
    }
    .pageSupport.detail .memberDetail__detail{
        width: 46.7%;
    }
    .pageSupport.detail .memberDetail__title{
        margin-bottom: 43px;
        font-size: 2.2rem;
        line-height: 1.625;
    }
    .pageSupport.detail .memberDetail__text{
        margin-bottom: 2.5em;
        font-size: 1.5rem;
        line-height: 2;
    }

    .pageSupport.detail .memberDetail__contact{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .pageSupport.detail .memberDetail__contact__tel,
    .pageSupport.detail .memberDetail__contact__info,
    .pageSupport.detail .memberDetail__contact__sns,
    .pageSupport.detail .memberDetail__contact__link{
        width: 50%;
    }
    .pageSupport.detail .memberDetail__contact__tel{
        min-width: 180px;
    }
    .pageSupport.detail .memberDetail__contact__info{
        max-width: calc(100% - 180px);
    }
    .pageSupport.detail .memberDetail__contact__title{
        margin-bottom: 0.75em;
        font-size: 1.8rem;
    }
    .pageSupport.detail .memberDetail__contact__tel a{
        font-size: 3rem;
    }

    .pageSupport.detail .memberDetail__contact .infoItem{
        padding: 0.35em 0;
        font-size: 1.8rem;
    }
    .pageSupport.detail .memberDetail__contact__sns{
        margin-top: 1.5em;
    }
    .pageSupport.detail .memberDetail__contact__sns li{
        margin-right: 1em;
    }
    .pageSupport.detail .memberDetail__contact__link{
        margin-top: 1.5em;
    }
    .pageSupport.detail .memberDetail__contact__link .button{
        padding: 1.5em 0.5em;
    }
}
@media screen and (max-width: 767px) {
    .pageSupport.detail .memberDetail{
        margin-bottom: 2em;
    }
    .pageSupport.detail .memberDetail__img{
        margin-bottom: 1em;
    }
    .pageSupport.detail .memberDetail__img .memberSliderNav .slick-track {
        width: calc(100% + 4px) !important;
        margin: 2px -2px 0;
    }
    .pageSupport.detail .memberDetail__img .memberSliderNav .slick-slide {
        width: 25%;
        padding: 2px 2px;
    }
    .pageSupport.detail .memberDetail__title{
        margin-bottom: 0.25em;
        font-size: 2.0rem;
        line-height: 1.625;
    }
    .pageSupport.detail .memberDetail__text{
        margin-bottom: 2em;
        font-size: 1.4rem;
        line-height: 2;
    }
    .pageSupport.detail .memberDetail__contact__title{
        margin-bottom: 0.75em;
        font-size: 1.6rem;
    }
    .pageSupport.detail .memberDetail__contact__tel a{
        font-size: 2.6rem;
    }
    .pageSupport.detail .memberDetail__contact .infoItem{
        padding: 0.15em 0;
        font-size: 1.4rem;
    }
    .pageSupport.detail .memberDetail__contact__sns{
        justify-content: center;
        margin-top: 2em;
    }
    .pageSupport.detail .memberDetail__contact__sns li{
        width: 2.5em;
        margin-right: 1em;
    }
    .pageSupport.detail .memberDetail__contact__link{
        text-align: center;
        margin-top: 1.5em;
    }
}

/* =======================================================
　memberDetail2
========================================================== */
.pageSupport.detail .memberDetail2 {
    border-top: 1px solid #DDDDDD;
}
.pageSupport.detail .memberDetail2__img{
    text-align: center;
}
.pageSupport.detail .memberDetail2__title{
    position: relative;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-weight: normal;
}
.pageSupport.detail .memberDetail2__title:before{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    border-bottom: 4px solid #00B2BB;
    z-index: 1;
}

@media print, screen and (min-width: 768px) {
    .pageSupport.detail .memberDetail2{
        margin-top: 60px;
        margin-bottom: 3em;
        padding-top: 80px;
    }
    .pageSupport.detail .memberDetail2__img{
        width: 28.46%;
    }
    .pageSupport.detail .memberDetail2__detail{
        width: 65.96%;
    }

    .pageSupport.detail .memberDetail2__title{
        margin-bottom: 1em;
        padding: 1em 0;
        font-size: 2.8rem;
        line-height: 1.71;
    }
    .pageSupport.detail .memberDetail2__title:before{
        width: 70px;
    }
    .pageSupport.detail .memberDetail2__text{}
    .pageSupport.detail .memberDetail2__text p{
        font-size: 1.8rem;
        margin-bottom: 1.5em;
        line-height: 1.88;
    }
}
@media screen and (max-width: 767px) {
    .pageSupport.detail .memberDetail2{
        margin-top: 3em;
        margin-bottom: 3em;
        padding-top: 1em;
    }
    .pageSupport.detail .memberDetail2__img{
        margin-bottom: 3em;
    }
    .pageSupport.detail .memberDetail2__title{
        margin-bottom: 1em;
        padding: 0.75em 0;
        font-size: 2.0rem;
        line-height: 1.25;
    }
    .pageSupport.detail .memberDetail2__title:before{
        width: 70px;
    }
    .pageSupport.detail .memberDetail2__text{}
    .pageSupport.detail .memberDetail2__text p{
        font-size: 1.5rem;
        margin-bottom: 1.5em;
        line-height: 1.88;
    }
}

/* =======================================================
　memberDetail3
========================================================== */
.pageSupport.detail .memberDetail3__detail{
    border: 1px solid #DDDDDD;
    border-radius: 4px;
}
.pageSupport.detail .memberDetail3__title{
    position: relative;
    padding-bottom: 8px;
    border-bottom: 1px solid #EAEAEA;
    font-weight: bold;
}
.pageSupport.detail .memberDetail3__title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 15px;
    height: 1px;
    background: #00B2BB;
}
.pageSupport.detail .memberDetail3__info{
    margin-top: 2em;
}
.pageSupport.detail .memberDetail3__info .infoItem{
    display: flex;
    align-items: flex-start;
}
.pageSupport.detail .memberDetail3__info .infoItem dt{ display:none;
    position: relative;
    width: 6.5em;
    padding-top: 3px;
    font-size: 1.2rem;
    color: #666666;
}
.pageSupport.detail .memberDetail3__info .infoItem dd{
    width: calc(100% - 6.5em);
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.8571;
}
.pageSupport.detail .memberDetail3__info .infoItem.tel dd span {
  display: block;
  padding-left: 2.7em;
  text-indent: -2.7em;
}

.pageSupport.detail .memberDetail3__map{
    border: 1px solid #707070;
    font-size: 0;
}
.pageSupport.detail .memberDetail3__map iframe{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}

@media print, screen and (min-width: 768px) {
    .pageSupport.detail .memberDetail3{
        display: flex;
        justify-content: space-between;
        align-items: start;
        width: 100%;
        min-height: 400px;
        margin-top: 90px;
        margin-bottom: 130px;
    }
    .pageSupport.detail .memberDetail3__detail{
        width: 44.3549%;
        padding: 1.8571em 2.1429em 2.7857em;
    }
    .pageSupport.detail .memberDetail3__title{
        margin-bottom: 0;
        font-size: 2.2rem;
        line-height: 1.71;
    }
    .pageSupport.detail .memberDetail3__info{
        margin-top: 20px;
    }
    .pageSupport.detail .memberDetail3__info .infoItem{
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .pageSupport.detail .memberDetail3__info .infoItem + .infoItem{
        margin-top: 0.5em;
    }
    .pageSupport.detail .memberDetail3__map{
        width: 48.3871%;
    }
    .pageSupport.detail .memberDetail3__map iframe {height: 400px;}
}
@media screen and (max-width: 767px) {
    .pageSupport.detail .memberDetail3{
        margin-bottom: 3em;
    }
    .pageSupport.detail .memberDetail3__detail{
        margin-bottom: 2em;
        padding: 1.5em 1em;
    }
    .pageSupport.detail .memberDetail3__title{
        margin-bottom: 1em;
        font-size: 1.6rem;
        line-height: 1.71;
    }
    .pageSupport.detail .memberDetail3__info{
        margin-top: 0.5em;
    }
    .pageSupport.detail .memberDetail3__info .infoItem{
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .pageSupport.detail .memberDetail3__info .infoItem + .infoItem{
        margin-top: 1em;
    }
    .pageSupport.detail .memberDetail3__map{
        margin-top: 2em;
    }
    .pageSupport.detail .memberDetail3__map iframe {height: 300px;}
}

/* ######################################################################################

　京滋お部屋探しネットについて　pageAbout

###################################################################################### */
/* =======================================================
    ご挨拶
========================================================== */
.pageAbout .greeting p {font-size: 1.5rem;}
.pageAbout .greeting p.member {text-align: right;}
@media print, screen and (min-width: 768px) {
    .pageAbout .greeting .centerTitle {margin-bottom: 70px;}
    .pageAbout .greeting p {
        max-width: 800px;
        margin: 0 auto;
        line-height: 2;
    }
    .pageAbout .greeting p.member {margin-top: 40px;}
}
@media screen and (max-width: 767px) {
    .pageAbout .greeting .centerTitle {margin-bottom: 1.5em;}
    .pageAbout .greeting p {
        line-height: 1.75;
    }
    .pageAbout .greeting p.member {margin-top: 1em;}
}

/* =======================================================
    ネットワーク
========================================================== */
.pageAbout .network {font-size: 1.5rem;}
@media print, screen and (min-width: 768px) {
    .pageAbout .network {margin-top: 108px;}
}
@media screen and (max-width: 767px) {
    .pageAbout .network {margin-top: 3em;}
}

/* =======================================================
    京滋お部屋探しネット3つの事業
========================================================== */
.pageAbout .businessTitle {text-align: center;}
.pageAbout .businessBox .business:nth-of-type(1) dt {background: #F28AB9;}
.pageAbout .businessBox .business:nth-of-type(2) dt {background: #FB9E57;}

@media print, screen and (min-width: 768px) {
    .pageAbout .businessTitle {
        margin-bottom: 35px;
        font-size: 2.4rem;
    }
    .pageAbout .businessBox {margin-top: 90px;}
    .pageAbout .businessBox .businessList{flex-wrap: wrap;}
    .pageAbout .businessBox .business{display: flex; width: 100%;}
    .pageAbout .businessBox .business + .business {margin-top: 30px;}
    .pageAbout .businessBox .business dl{display: flex; width: 100%;}
    .pageAbout .businessBox .business dl dt{width: 30.64%;}
    .pageAbout .businessBox .business dl dt .image{width: 50%; margin: 0 auto 0.75em;}
    .pageAbout .businessBox .business dl dd{width: 69.36%; border-top: 1px solid #ddd;}
    .pageAbout .businessBox .business dl dd .detail{height: 100%;display: flex;padding: 4.5%;}
    .pageAbout .businessBox .business dl dd .detail p{width: 55.23%; font-size: 1.5rem; line-height: 2;}
    .pageAbout .businessBox .business dl dd .detail .more {margin-top: 0;margin-left: auto;align-self: center;width: 40%;}
    .pageAbout .businessBox .business dl dd .detail .more .button{border-width: 2px;font-size: 1.6rem;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);min-width: auto;padding-left: 0.5em;padding-right: 0.5em;text-align: center;}
}
@media screen and (max-width: 767px) {
    .pageAbout .businessTitle {
        margin-bottom: 1em;
        font-size: 2.0rem;
    }
    .pageAbout .businessBox {margin-top: 3em;}
}

/* =======================================================
    主な活動内容
========================================================== */
.pageAbout .activityList__title{
    position: relative;
    border-bottom: 2px solid #ddd;
}
.pageAbout .activityList__title:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100px;
    height: 2px;
    background: #00B2BB;
}
.pageAbout .activityTitle {text-align: center;}
@media print, screen and (min-width: 768px) {
    .pageAbout .activity{margin-top: 90px;}
    .pageAbout .activityTitle {
        margin-bottom: 35px;
        font-size: 2.4rem;
    }
    .pageAbout .activityList{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .pageAbout .activityList__item{width: 30.64%;}
    .pageAbout .activityList__title{
        padding-top: 1.35em;
        padding-bottom: 1.15em;
        padding-left: 0.5em;
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 767px) {
    .pageAbout .activity{margin-top: 3em;}
    .pageAbout .activityTitle {
        margin-bottom: 1em;
        font-size: 2.0rem;
    }
    .pageAbout .activityList__item + .activityList__item {
        margin-top: 2em;
    }
    .pageAbout .activityList__title{
        padding-bottom: 1em;
        padding-left: 0.5em;
        font-size: 1.5rem;
    }
}

/* =======================================================
    バナー
========================================================== */
.pageAbout .bannerBox {
    text-align: center;
    background: #F2F6F6;
}
@media print, screen and (min-width: 768px) {
    .pageAbout .bannerBox {
        margin-top: 90px;
        margin-bottom: 90px;
        padding: 40px;
    }
    .pageAbout .bannerBox a{
        display: inline-block;
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
        transition: opacity 0.3s ease;
    }
    .pageAbout .bannerBox a:hover{
        opacity: 0.8;
    }
}
@media screen and (max-width: 767px) {
    .pageAbout .bannerBox {
        margin-top: 3em;
        margin-bottom: 0;
        padding: 20px;
    }
    .pageAbout .bannerBox a{
        display: inline-block;
        width: 80%;
        margin: 0 auto;
    }
}


/* =======================================================
    京滋お部屋探しネット概要
========================================================== */

.pageAbout .outlineTitle {text-align: center;}
.pageAbout .blueBg {background: #F2F6F6;}
@media print, screen and (min-width: 768px) {
    .pageAbout .blueBg {padding-top: 80px;}
    .pageAbout .outlineTitle {
        margin-bottom: 35px;
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 767px) {
    .pageAbout .blueBg {padding-top: 10px;}
    .pageAbout .outlineTitle {
        margin-top: 2.5em;
        margin-bottom: 1em;
        font-size: 2.0rem;
    }
}

/* =======================================================
    沿革
========================================================== */
.pageAbout .hisotryTitle span {
    position: relative;
    display: block;
}
.pageAbout .hisotryTitle span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: #00B2BB;
}
.pageAbout .history .historyList {
    position: relative;
}
.pageAbout .history .historyList:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    width: 1px;
    background: #9E9E9F;
}
.pageAbout .history .yeraList .year {
    font-weight: bold;
}
.pageAbout .history .yeraList .year:after {
    content: "";
    position: absolute;
    display: block;
    background: #00B2BB;
    z-index: 4;
}
.pageAbout .history .yeraList .monthList {
    background: #fff;
    border-radius: 6px;
}
.pageAbout .history .yeraList .monthList dt {
    font-weight: bold;
    font-size: 1.6rem;
}
.pageAbout .history .yeraList .monthList dt span {
    font-size: 1.375em;
}
.pageAbout .history .yeraList .monthList dd {
    font-size: 1.6rem;
}

@media print, screen and (min-width: 768px) {
    .pageAbout .history {
        display: flex;
        padding-top: 90px;
        padding-bottom: 67px;
    }
    .pageAbout .hisotryTitle {font-size: 2.4rem;}
    .pageAbout .history .hisotryTitle {width: 170px;}
    .pageAbout .hisotryTitle span {padding-bottom: 16px;}
    .pageAbout .history .historyList {
        width: calc(100% - 170px);
    }
    .pageAbout .history .historyList:before {
        top: 42px;
        left: 136px;
        height: calc(100% - 50px);
    }
    .pageAbout .history .yeraList {display: flex;}
    .pageAbout .history .yeraList + .yeraList {margin-top: 40px;}
    .pageAbout .history .yeraList .year {
        position: relative;
        width: 170px;
        padding-top: 22px;
        padding-right: 86px;
        font-size: 3.6rem;
    }
    .pageAbout .history .yeraList .year:after {
        right: 28px;
        top: 42px;
        width: 11px;
        height: 11px;
    }
    .pageAbout .history .yeraList .monthList {
        width: calc(100% - 170px);
        padding: 30px 15px 30px 40px;
    }
    .pageAbout .history .yeraList .monthList dl {display: flex;}
    .pageAbout .history .yeraList .monthList dl + dl {
        margin-top: 7px;
    }
    .pageAbout .history .yeraList .monthList dt {
        width: 115px;
    }
    .pageAbout .history .yeraList .monthList dd {
        width: calc(100% - 115px);
        padding-top: 6px;
    }
}
@media screen and (max-width: 767px) {
    .pageAbout .history {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .pageAbout .hisotryTitle {
        font-size: 2.0rem;
    }
    .pageAbout .hisotryTitle span {
        margin-bottom: 1em;
        padding-bottom: 0.5em;
    }
    .pageAbout .simpleTable th,
    .pageAbout .simpleTable td{
        font-size: 1.5rem;
    }
    .pageAbout .simpleTable td:nth-of-type(3) {
        width: 50%;
    }
    .pageAbout .history .historyList:before {
        top: 14px;
        left: 5px;
        height: calc(100% - 25px);
    }
    .pageAbout .history .yeraList {
        position: relative;
        padding-left: 2em;
    }
    .pageAbout .history .yeraList + .yeraList {margin-top: 2em;}
    .pageAbout .history .yeraList .year {
        margin-bottom: 0.25em;
        font-size: 2.4rem;
    }
    .pageAbout .history .yeraList .year:after {
        left: 0;
        top: 14px;
        width: 11px;
        height: 11px;
    }
    .pageAbout .history .yeraList .monthList {
        padding: 1em 1em;
    }
    .pageAbout .history .yeraList .monthList dl + dl {margin-top: 0.5em;}
    .pageAbout .history .yeraList .monthList dd {
        font-size: 1.5rem;
    }
}

/* =======================================================
    組織運営図・第19期役員体制
========================================================== */
.pageAbout .organization {}

@media print, screen and (min-width: 768px) {
    .pageAbout .organization {
        display: flex;
        margin: 0 -30px;
        padding-bottom: 60px;
    }
    .pageAbout .organization .hisotryTitle {margin-bottom: 30px;}
    .pageAbout .organization .graf,
    .pageAbout .organization .officer {
        width: 50%;
        padding: 0 30px;
    }
}
@media screen and (max-width: 767px) {
    .pageAbout .organization {
        margin-top: 2em;
        padding-bottom: 4em;
    }
    .pageAbout .organization .officer {margin-top: 2em;}
}

/* ######################################################################################

　入会のご案内　pageRegister

###################################################################################### */
/* =======================================================
    ⼊会のメリット
========================================================== */
.pageRegister .memberBox .member .memberContents {
    border: 1px solid #DDDDDD;
}
.pageRegister .network .register {text-align: center;}
@media print, screen and (min-width: 768px) {
    .pageRegister .boldTitle {margin-bottom: 25px;}
    .pageRegister .businessList .image{width: 75%; margin: 0 auto;}
    .pageRegister .businessList .business dl{height: 100%;}
    .pageRegister .businessList .business dl dt{height: 100px;}
    .pageRegister .businessList .business dl dd{height: calc(100% - 100px);}
    .pageRegister .businessList .business dl dd .detail{padding-top: 15px; padding-bottom: 30px;}
    .pageRegister .network {margin-top: 133px;}
    .pageRegister .network .register {margin-top: -1.5em;}
    .pageRegister .memberBox {
        display: flex;
        margin: 30px -20px 0;
    }
    .pageRegister .memberBox .member {
        width: 50%;
        padding: 0 20px;
    }
    .pageRegister .memberBox .member .memberContents {
        padding: 42px 40px 72px 30px;
        font-size: 1.5rem;
        line-height: 2;
    }
    .pageRegister .memberBox .member .topBorderTitle {margin-bottom: 10px;}
}
@media screen and (max-width: 767px) {
    .pageRegister .network {margin-top: 3em;}
    .pageRegister .network .register {margin-top: -30px;}
    .pageRegister .businessList .business dl dd .detail{padding-bottom: 30px;}
    .pageRegister .memberBox {margin-top: 2em;}
    .pageRegister .memberBox .member + .member {margin-top: 1em;}
    .pageRegister .memberBox .member .memberContents {
        padding: 1.75em 1.25em;
        font-size: 1.4rem;
        line-height: 2;
    }
    .pageRegister .memberBox .member .topBorderTitle {font-size: 1.8rem; margin-bottom: 0.75em;}
}

/* =======================================================
    ⼊会について
========================================================== */
.pageRegister .about .aboutContents {}
.pageRegister .about .member dt {
    margin-bottom: 12px;
    padding: 7px 0.25em 6px 13px;
    background: #00B2BB;
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
}
.pageRegister .about .price dl {display: flex;}
.pageRegister .about .price dt {width: 90px;}
.pageRegister .about li {
    padding-left: 1em;
    text-indent: -1em;
}
.pageRegister .about .form {
    background: #F2F6F6;
    text-align: center;
}
.pageRegister .about .form .button {
    padding-top: 24px;
    padding-bottom: 25px;
    font-size: 1.6rem;
}

.pageRegister .about .aboutContents .dotList > li {
    position: relative;
    padding-left: 1em;
    text-indent: 0;
}
.pageRegister .about .aboutContents .dotList > li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
}
.pageRegister .about .aboutContents .dotList > li + li{
    margin-top: 0.5em;
}
.pageRegister .about .aboutContents .button.pdf{
    position: relative;
    padding-left: 1em;
    padding-right: 3em;
}
.pageRegister .about .aboutContents .button.pdf:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1em;
    width: 1em;
    height: 1.25em;
    background: url(../img/contents/ico_pdf.svg) no-repeat center center;
    background-size: contain;
    transform: translateY(-40%);
}


@media print, screen and (min-width: 768px) {
    .pageRegister .about {
        max-width: 800px;
        margin: 95px auto 0;
    }
    .pageRegister .about .boldTitle {
        margin-bottom: 50px;
    }
    .pageRegister .about .borderbottomTitle {
        margin-bottom: 10px;
    }
    .pageRegister .about .aboutContents + .borderbottomTitle {
        margin-top: 30px;
    }
    .pageRegister .about .aboutContents {
        font-size: 1.5rem;
        line-height: 2;
    }
    .pageRegister .about .member {
        display: flex;
        margin: 36px -20px 0;
    }
    .pageRegister .about .member dl {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .pageRegister .about li.mb {margin-bottom: 30px;}
    .pageRegister .about .form {
        margin-top: 50px;
        padding: 36px 0;
    }
    .pageRegister .about .form .button {
        width: 300px;
        padding-top: 24px;
        padding-bottom: 25px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .pageRegister .about {margin-top: 4em;}
    .pageRegister .about .borderbottomTitle {
        margin-bottom: 1.25em;
    }
    .pageRegister .about .aboutContents + .borderbottomTitle {
        margin-top: 3em;
    }
    .pageRegister .about .aboutContents {
        font-size: 1.5rem;
        line-height: 1.75;
    }
    .pageRegister .about .member {
        margin-top: 1.5em;
    }
    .pageRegister .about .member dl + dl {margin-top: 2em;}
    .pageRegister .about .member dt{font-size: 1.5rem;}
    .pageRegister .about .price dd {width: calc(100% - 90px);}
    .pageRegister .about li.mb {margin-bottom: 2em;}
    .pageRegister .about .form {
        margin-top: 2em;
        padding: 1.5em 0;
    }
    .pageRegister .about .form .button {
        padding-top: 1.25em;
        padding-bottom: 1.25em;
        font-size: 1.5rem;
    }
}



/* ######################################################################################

　賃貸必携ガイドブック　トップ　pageGuide

###################################################################################### */
/* =======================================================
    guideBox
========================================================== */
.pageGuide .guideBox__detail p + p{margin-top: 2.25em;}
.pageGuide .guideBox__download{width: 316px;}
.pageGuide .guideBox__download__img{max-width: 65%;}
.pageGuide .guideBox__download__btn{text-align: center;}
.pageGuide .guideBox__download__btn .button{width: 90%; padding: 1.25em 1em;}

@media print, screen and (min-width: 768px) {
    .pageGuide .guideBox{display: flex; justify-content: space-between;}
    .pageGuide .guideBox__detail{
        width: calc(100% - 25.48% - 5%);
        padding-right: 24%;
        background: url(../img/contents/guide/illust.png) no-repeat 100% 90%;
        background-size: 29.8%;
    }
    .pageGuide .guideBox__detail p{font-size: 1.5rem; line-height: 2;}
    .pageGuide .guideBox__detail .leftUnderLineTitle{margin-bottom: 1.5em;}
    .pageGuide .guideBox__download__img{margin: 0 auto 1.75em;}

    .pageGuide .guideDetail a[href^="tel:"] {
        color: inherit;
        text-decoration: none;
        pointer-events: none;
    }
}
@media screen and (max-width: 767px) {
    .pageGuide .guideBox__detail p{font-size: 1.4rem; line-height: 2;}
    .pageGuide .guideBox__detail .leftUnderLineTitle{margin-bottom: 1em;}
    .pageGuide .guideBox__detail{padding-bottom: 1.5em;}
    .pageGuide .guideBox__download{
        padding-left: 50%;
        width: 100%;
        background: url(../img/contents/guide/illust.png) no-repeat 0% 0%;
        background-size: 48%;
    }
    .pageGuide .guideBox__download__img{max-width: 100%; margin: 0 auto 0.5em;}
    .pageGuide .guideBox__download__img img{margin-bottom: 0;}
    .pageGuide .guideBox__download__btn .button{width: 100%; min-width: auto;}
    .pageGuide .guideBox__download__btn .button:after{right: 1em!important;}
}

/* =======================================================
    guideList
========================================================== */
.pageGuide .guideList{}
.pageGuide .guideList + .guideList{margin-top: 0;}
.pageGuide .guideList__item a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    line-height: 1.46;
    border: 2px solid #E8E8E8;
    min-width: auto;
}
.pageGuide .guideList__item a:hover{
    border-color: #FB9E57;
}
.pageGuide .guideList__item a:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1.25em;
    display: inline-block;
    width: 0.45em;
    height: 0.45em;
    border-right: 2px solid #FB9E57;
    border-top: 2px solid #FB9E57;
    transform: translateY(-50%) rotate(45deg);
    vertical-align: middle;
}
.pageGuide .guideList__item a.center:after{
    display: none;
}
.pageGuide .guideList__item a .num{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FB9E57;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
}

@media print, screen and (min-width: 768px) {
    .pageGuide .guideList{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 3em;
    }
    .pageGuide .guideList__item{
        width: 19.25%;
        margin-bottom: 0.75em;
        margin-right: 0.9375%;
    }
    .pageGuide .guideList__item:nth-child(5n){margin-right: 0;}
    .pageGuide .guideList__item a{
        padding: 1em 2em 1em 0.75em;
        border-radius: 8px;
        height: 80px;
    }
    .pageGuide .guideList__item a .num{
        margin-right: 0.75em;
        padding-bottom: 0.15em;
        width: 2em;
        height: 2em;
        font-size: 1.4rem;
    }
    .pageGuide .guideList__item a.center{
        padding: 1em 0.75em;
        justify-content: center;
    }
    .pageGuide .guideList__item a:after{
        right: 1.25em;
    }
}
@media screen and (max-width: 767px) {
    .pageGuide .guideList{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .pageGuide .guideList__item{
        width: 48.5%;
        margin-bottom: 0.75em;
    }
    .pageGuide .guideList__item a{
        padding: 0.75em 1.5em 0.75em 2.25em;
        border-radius: 8px;
        font-size: 1.3rem;
        min-height: 5em;
    }
    .pageGuide .guideList__item a br{
        display: none;
    }
    .pageGuide .guideList__item a .num{
        position: absolute;
        left: 0.5em;
        margin-right: 0.75em;
        padding-bottom: 0.15em;
        width: 1.5em;
        height: 1.5em;
        font-size: 1.2rem;
    }
    .pageGuide .guideList__item a.center{
        padding: 0.75em;
    }
    .pageGuide .guideList__item a:after{
        right: 0.5em;
    }
}

/* ######################################################################################

　賃貸必携ガイドブック　詳細　pageGuide

###################################################################################### */
/* =======================================================
    guideTitle
========================================================== */
.pageGuide .guideTitle{
    display: flex;
    align-items: center;
    border-bottom: 2px solid #F28AB9;
}
.pageGuide .guideTitle.blue{
    border-color: #5366AC;
}
.pageGuide .guideTitle__detail{}
.pageGuide .guideTitle__detail__title{
    display: flex;
    align-items: flex-start;
}
.pageGuide .guideTitle__detail__title .num{
    margin-right: 0.25em;
}

@media print, screen and (min-width: 768px) {
    .pageGuide .guideTitle{padding-bottom: 0.75em; margin-bottom: 2em;}
    .pageGuide .guideTitle__ico{width: 70px; height: 70px; margin-right: 2em;}
    .pageGuide .guideTitle .guideTitle__detail__text{margin-bottom: 0.5em; font-size: 1.8rem; line-height: 1;}
    .pageGuide .guideTitle__detail__title{font-size: 2.8rem;}
    .pageGuide .guideTitle__detail__title .num{position: relative;top: -0.25em;height: 1.12em;}
    .pageGuide .guideTitle__detail__title .num img{height: 100%; width: auto;}

    .pageGuide .titleBold.middle.blue .small{display: inline-block; margin-left: 3em; font-size: 1.4rem; color: #161616; font-weight: normal;}
}
@media screen and (max-width: 767px) {
	.pageGuide .backlink {text-align: right; margin-bottom: 1em;}
	.pageGuide .backlink a{font-size: 1.6rem; color: #161616; font-weight: bold; text-decoration: underline;}
	.pageGuide .backlink a:hover{color: #d15672; }
    .pageGuide .guideTitle{padding-bottom: 0.75em; margin-bottom: 1em;}
    .pageGuide .guideTitle__ico{width: 60px; height: 60px; margin-right: 0.25em;}
    .pageGuide .guideTitle .guideTitle__detail__text{margin-bottom: 0.25em; font-size: 1.6rem;}
    .pageGuide .guideTitle__detail__title{font-size: 1.8rem; margin-bottom: 0;}
    .pageGuide .guideTitle__detail__title .num{position: relative; top: -0.15em; height: 1.5em;}
    .pageGuide .guideTitle__detail__title .num img{height: 100%; width: auto;}
    .pageGuide .titleBold.middle.blue .small{display: block; margin-top: 0.8em; font-size: 1.2rem; color: #161616; font-weight: normal;}
}


/* =======================================================
    leadText
========================================================== */
@media print, screen and (min-width: 768px) {
    .pageGuide .leadText{margin-bottom: 3.5em; font-size: 1.5rem; line-height: 2;}
    .pageGuide .leadText + .attentionList{margin-top: -2.5em;}
}
@media screen and (max-width: 767px) {
    .pageGuide .leadText{margin-bottom: 3em; font-size: 1.4rem; line-height: 2;}
    .pageGuide .leadText + .attentionList{margin-top: -2em;}
}

/* =======================================================
    checkTitle
========================================================== */
.pageGuide * + .checkTitle{margin-top: 3em;}
.pageGuide .checkTitle{
    display: flex;
    align-items: center;
}
.pageGuide .checkTitle:before{
    content: "";
    display: block;
    background-image: url(../img/contents/guide/ico_check.svg);
    background-size: contain;
}
@media print, screen and (min-width: 768px) {
    .pageGuide .checkTitle{
        margin-bottom: 1.5em;
        font-size: 1.8rem;
    }
    .pageGuide .checkTitle:before{
        margin-right: 0.75em;
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 767px) {
    .pageGuide .checkTitle{
        margin-bottom: 1.25em;
        font-size: 1.6rem;
    }
    .pageGuide .checkTitle:before{
        margin-right: 0.5em;
        width: 20px;
        height: 20px;
    }
}


/* =======================================================
    checkList
========================================================== */
.pageGuide .checkList{
    border-top: 1px solid #CDD6DD;
    border-right: 1px solid #CDD6DD;
}
.pageGuide .checkList__row__item{display: flex;}
.pageGuide .checkList__row__item dt,
.pageGuide .checkList__row__item dd{
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #CDD6DD;
    border-left: 1px solid #CDD6DD;
}
.pageGuide .checkList__row__item dt{
    text-align: center;
    width: 20%;
    font-weight: bold;
}
.pageGuide .checkList__row__item dt.title,
.pageGuide .checkList__row__item dd.title{
    text-align: center;
    background: #F7E9EA;
    font-size: 1.6rem;
    font-weight: bold;
}

.pageGuide .checkList__row__item dd{width: 80%;}

@media print, screen and (min-width: 768px) {
    .pageGuide .checkList__row{display: flex;}
    .pageGuide .checkList__row__item{width: 100%;}
    .pageGuide .checkList__row__item.col2{width: 50%;}
    .pageGuide .checkList__row__item dt{
        width: 20%;
    }
    .pageGuide .checkList__row__item dd{
        width: 80%;
    }
    .pageGuide .checkList__row__item dt,
    .pageGuide .checkList__row__item dd{
        padding: 0.75em;
        font-size: 1.4rem;
        line-height: 1.71;
    }
    .pageGuide .checkList__row__item dt.title,
    .pageGuide .checkList__row__item dd.title{
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .pageGuide .checkList__row__item.pc{
        display: none;
    }
    .pageGuide .checkList__row__item dt{
        width: 35%;
    }
    .pageGuide .checkList__row__item dd{
        width: 65%;
    }
    .pageGuide .checkList__row__item dt{
        padding: 0.5em;
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .pageGuide .checkList__row__item dd{
        padding: 0.5em;
        font-size: 1.3rem;
        line-height: 1.5;
    }
    .pageGuide .checkList__row__item dt.title,
    .pageGuide .checkList__row__item dd.title{
        font-size: 1.5rem;
    }
}

/* =======================================================
    checkText
========================================================== */
@media print, screen and (min-width: 768px) {
    .pageGuide .checkText{margin-top: 2em; margin-bottom: 3em;}
}
@media screen and (max-width: 767px) {
    .pageGuide .checkText{margin-top: 1em; font-size: 1.3rem; margin-bottom: 2.5em;}
}

/* =======================================================
    flexBox
========================================================== */

@media print, screen and (min-width: 768px) {
    .pageGuide * + .flexBox{margin-top: 3em;}
    .pageGuide .titleBg.pink + .flexBox{margin-top: 0;}
    .pageGuide .flexBox.col2 {margin-top: 0;}

    .pageGuide .flexBox{margin-bottom: 3em; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .pageGuide .flexBox.row{padding: 0 2em; margin: 2em 0 1em;}
    .pageGuide .blueTitleBox__detail .flexBox{margin-bottom: 0;}
    .pageGuide .flexBox__item{width: 48%;}
    .pageGuide .flexBox__item.w20{width: 20%;}
    .pageGuide .flexBox__item.w25{width: 25%;}
    .pageGuide .flexBox__item.w30{width: 30%;}
    .pageGuide .flexBox__item.w35{width: 35%;}
    .pageGuide .flexBox__item.w40{width: 40%;}
    .pageGuide .flexBox__item.w45{width: 45%;}
    .pageGuide .flexBox__item.w50{width: 50%;}
    .pageGuide .flexBox__item.w55{width: 55%;}
    .pageGuide .flexBox__item.w60{width: 60%;}
    .pageGuide .flexBox__item.w65{width: 65%;}
    .pageGuide .flexBox__item.w70{width: 70%;}
    .pageGuide .flexBox.col2 .flexBox__item{width: 50%;}

    .pageGuide .flexBox .flexBox{margin: 0 0 2em;}
    .pageGuide .grayText .flexBox{margin-top: 0; margin-bottom: 0;}

    .pageGuide .titleBg.pink .small{font-size: 1.2rem; font-weight: normal; padding-left: 1em;}
    .pageGuide .titleNumber.noNum .small{font-size: 1.3rem; font-weight: normal; padding-left: 1em;}
}
@media screen and (max-width: 767px) {
    .pageGuide * + .flexBox{margin-top: 2em;}
    .pageGuide .titleBg.pink + .flexBox{margin-top: 0;}
    .pageGuide .flexBox.col2 {margin-top: 0;}
    .pageGuide .flexBox.row{padding: 0 1.5em;}
    .pageGuide .blueTitleBox__detail .flexBox{margin-bottom: 0;}

    .pageGuide .flexBox{margin-bottom: 2em;}
    .pageGuide .flexBox__item + .flexBox__item{margin-top: 2em;}
    .pageGuide .flexBox.col2 .flexBox__item + .flexBox__item{margin-top: 0;}

    .pageGuide .flexBox .flexBox{margin: 0 0 2em;}
    .pageGuide .flexBox .flexBox .flexBox__item + .flexBox__item{margin-top: 0;}
    .pageGuide .grayText .flexBox{margin-bottom: 0;}
}


/* =======================================================
    guideDetailList
========================================================== */
.pageGuide .guideDetail p{margin-bottom: 1em; font-size: 1.4rem; line-height: 1.71;}
.pageGuide .guideDetail * + p{margin-top: 1em;}
.pageGuide .guideDetail .titleIcon + p{margin-top: 0.5em;}
.pageGuide .guideDetail p.small, .pageGuide .guideDetail p .smallText{font-size: 80%;}
.pageGuide .guideDetail p.large, .pageGuide .guideDetail p .largeText{font-size: 120%;}
.pageGuide .guideDetail p.small{font-size: 80%;}
.pageGuide .guideDetailList{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.pageGuide .guideDetailList__item{margin-right: 0.5em; margin-bottom: 0.5em;}
.pageGuide .guideDetailList__item a{
    color: #0080D9;
    font-weight: normal;
    min-width: auto;
}


@media print, screen and (min-width: 768px) {
    .pageGuide .guideDetail{padding-bottom: 4em;}
    .pageGuide .wallBelt.detailLink{padding-bottom: 10em;}
    .pageGuide .guideDetailList__item a{padding: 0.65em 0.75em; font-size: 1.3rem;}
.pageGuide .guideDetail .titleNumber.titleBg{padding-left: 3em;}
.pageGuide .guideDetail .titleNumber.titleBg .num{
    top: 50%;
    transform: translateY(-50%);
    left: 1em;
}

.pageGuide .guideDetail p + .borderbottomTitle{margin-top: 2em;}

.pageGuide .guideDetail .memo{
    background: #5366AC;
    border-radius: 4px;
    color: #FFF;
    padding: 0.5em 1em;
}

    .pageGuide .wallBelt.detailLink{padding-bottom: 10em;}
    .pageGuide .guideDetailList__item a{padding: 0.65em 0.75em; font-size: 1.3rem;}

    .pageGuide .guideDetail .borderbottomTitle{font-size: 1.6rem; font-weight: normal; border-bottom: 1px solid #2f2725; padding-left: 0;}

    .pageGuide .guideDetail .titleBorder.memo{font-size: 1.6rem;}
    .pageGuide .guideDetail .grayText .titleNumber{
        font-size: 1.4rem;
        font-weight: normal;
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .pageGuide .wallBelt.detailLink{padding-bottom: 3em;}
    .pageGuide .guideDetailList__item a{padding: 0.75em 0.5em; font-size: 1.1rem;}
    .pageGuide .guideDetail .titleNumber.titleBg{padding-left: 3em;}
    .pageGuide .guideDetail .titleNumber.titleBg .num{
        top: 50%;
        transform: translateY(-50%);
        left: 1em;
    }
    .pageGuide .guideDetail .borderbottomTitle{
        font-weight: normal;
        border-bottom: 1px solid #2f2725;
        padding-left: 0;
        font-size: 1.4rem;
    }

    .pageGuide .guideDetail .memo{
        background: #5366AC;
        border-radius: 4px;
        color: #FFF;
        padding: 0.5em 1em;
        font-size: 1.3rem;
    }
}


/* =======================================================
    leadText
========================================================== */
@media print, screen and (min-width: 768px) {
    .pageGuide .guideDetail .leadText{margin-bottom: 3.5em; font-size: 1.5rem; line-height: 2;}
}
@media screen and (max-width: 767px) {
    .pageGuide .guideDetail .leadText{margin-bottom: 3em; font-size: 1.4rem; line-height: 2;}
}


/* =======================================================
    titleFlex
========================================================== */
.pageGuide .titleFlex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.pageGuide .titleFlex.start{
    align-items: flex-start;
}

.pageGuide .titleFlex dt{
    margin-right: 0.75em;
    font-size: 1.4rem;
}

@media print, screen and (min-width: 768px) {
    .pageGuide .titleFlex .w10{width: 10%;}
    .pageGuide .titleFlex .w15{width: 15%;}
    .pageGuide .titleFlex .w20{width: 20%;}
    .pageGuide .titleFlex .w25{width: 25%;}
    .pageGuide .titleFlex .w30{width: 30%;}
    .pageGuide .titleFlex .w35{width: 35%;}
    .pageGuide .titleFlex .w40{width: 40%;}
    .pageGuide .titleFlex .w45{width: 45%;}
    .pageGuide .titleFlex .w50{width: 50%;}
    .pageGuide .titleFlex .w55{width: 55%;}
    .pageGuide .titleFlex .w60{width: 60%;}
    .pageGuide .titleFlex .w65{width: 65%;}
    .pageGuide .titleFlex .w70{width: 70%;}
    .pageGuide .titleFlex .w75{width: 75%;}
    .pageGuide .titleFlex .w80{width: 80%;}
    .pageGuide .titleFlex .w85{width: 85%;}
    .pageGuide .titleFlex .w90{width: 90%;}
}
@media screen and (max-width: 767px) {
}

/* line */
@media print, screen and (min-width: 768px) {
    .pageGuide .titleFlex dt.line{
        position: relative;
    }
    .pageGuide .titleFlex dt.line:after{
        content: "・・・・・・・・・・・・・・・・・・・・・";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .pageGuide .titleFlex dt.line > span{
        position: relative;
        padding: 0 0.5em;
        background: #fff;
        z-index: 2;
    }
    .pageGuide .titleFlex dt.line + dd{
        position: relative;
        z-index: 2;
        background: #fff;
    }
    .pageGuide .titleFlex dt.line + dd:before{
        content: "";
        position: absolute;
        top: 0;
        left: -1em;
        width: 1em;
        height: 100%;
        background: #fff;
        z-index: 2;
    }
}
@media screen and (max-width: 767px) {
    .pageGuide .titleFlex dt.line{
        width: 100%;
        padding-bottom: 0.35em;
        margin-bottom: 0.35em;
        border-bottom: 1px solid #000;
    }
}

/* 余白 */
@media print, screen and (min-width: 768px) {
    .pageGuide .titleFlex.mb10{margin-bottom: 10px;}
    .pageGuide .titleFlex.mb15{margin-bottom: 15px;}
    .pageGuide .titleFlex.mb20{margin-bottom: 20px;}
    .pageGuide .titleFlex.mb25{margin-bottom: 25px;}
    .pageGuide .titleFlex.mb30{margin-bottom: 30px;}
    .pageGuide .titleFlex.mb35{margin-bottom: 35px;}
    .pageGuide .titleFlex.mb40{margin-bottom: 40px;}
    .pageGuide .titleFlex.mb45{margin-bottom: 45px;}
    .pageGuide .titleFlex.mb50{margin-bottom: 50px;}
}
@media screen and (max-width: 767px) {
    .pageGuide .titleFlex.mb10{margin-bottom: 1em;}
    .pageGuide .titleFlex.mb15{margin-bottom: 1.5em;}
    .pageGuide .titleFlex.mb20{margin-bottom: 2em;}
    .pageGuide .titleFlex.mb25{margin-bottom: 2.5em;}
    .pageGuide .titleFlex.mb30{margin-bottom: 3em;}
    .pageGuide .titleFlex.mb35{margin-bottom: 3.5em;}
    .pageGuide .titleFlex.mb40{margin-bottom: 4em;}
    .pageGuide .titleFlex.mb45{margin-bottom: 4.5em;}
    .pageGuide .titleFlex.mb50{margin-bottom: 5em;}
}

/* nowarp */
.pageGuide .titleFlex.nowarp{flex-wrap: nowrap;}
.pageGuide .titleFlex.nowarp dt{white-space: nowrap; font-size: 1.3rem;}

/* small */
.pageGuide .titleFlex dt.small{
    font-size: 1.2rem;
}

/* dot */
.pageGuide .titleFlex dt.dot{
    position: relative;
    padding-left: 1em;
}
.pageGuide .titleFlex dt.dot:before{
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
}

/* layout */
.pageGuide .titleFlex.layout dt,
.pageGuide .titleFlex.layout dd{
    margin: 0;
}
.pageGuide .titleFlex.layout dt{width: 50%; padding-right: 3%; white-space: nowrap;}


/* border */
.pageGuide .titleFlex dt.border{
    border: 1px solid #000;
    padding: 0.5em;
    line-height: 1;
    font-size: 90%;
}

/* bg */
.pageGuide .titleFlex.bg{padding: 0.75em 1em;}
.pageGuide .titleFlex.bg.gray{background: #F2F6F6;}
.pageGuide .titleFlex.bg.yellow{background: #FFF4E5;}

@media print, screen and (min-width: 768px) {
    .pageGuide .titleFlex.bg dt{width: 13em;}
}
@media screen and (max-width: 767px) {
    .pageGuide .titleFlex.bg dt{width: 10em; font-size: 1.3rem;}
    .pageGuide .titleFlex.bg.sp-gray{background: #F2F6F6;}
    .pageGuide .titleFlex.bg.sp-yellow{background: #FFF4E5;}
}



/* =======================================================
    blueTitleBox
========================================================== */
.pageGuide * + .blueTitleBox{
    margin-top: 3em;
}
.pageGuide .blueTitleBox{
    border: 2px solid #5366AC;
    border-radius: 4px;
}
.pageGuide .blueTitleBox__title{
    background: #5366AC;
    color: #fff;
    font-weight: bold;
    font-size: 2.0rem;
    padding: 0.6em 0.75em;
}
.pageGuide .blueTitleBox__detail{
    padding: 1.5em 1.25em;
    font-size: 1.4rem;
    line-height: 1.71;
}
.pageGuide .blueTitleBox__detail li + li{margin-top: 1.2em;}
.pageGuide .blueTitleBox__detail .titleNumber {margin-bottom: 0;}
.pageGuide .blueTitleBox__detail p{
    margin-bottom: 0;
    margin-top: 0.5em;
}

.pageGuide .blueTitleBox.noMargin{margin-top: 0;}

@media print, screen and (min-width: 768px) {
    .pageGuide .blueTitleBox__title{
        font-size: 2.0rem;
    }
    .pageGuide .blueTitleBox__title .small{
        font-size: 1.6rem;
    }
    .pageGuide .blueTitleBox__title.small{font-size: 1.6rem;}
}
@media screen and (max-width: 767px) {
    .pageGuide .blueTitleBox__title{
        font-size: 1.6rem;
    }
    .pageGuide .blueTitleBox__title .small{
        font-size: 1.2rem;
    }
    .pageGuide .blueTitleBox__title.small{font-size: 1.4rem;}
}

/* row */
.pageGuide .blueTitleBox.row{
    background: #F2F6F6;
    border: none;
    border-radius: 0;
}
@media print, screen and (min-width: 768px) {
    .pageGuide .blueTitleBox.row{
        display: flex;
    }
    .pageGuide .blueTitleBox.row .blueTitleBox__title{
        display: flex;
        align-items: center;
        width: 16%;
    }
    .pageGuide .blueTitleBox.row .blueTitleBox__detail{
        width: 84%;
    }
}


/* =======================================================
    grayText
========================================================== */
.pageGuide .grayText{background: #F2F6F6;}
.pageGuide .grayText.white{background: #fff;}
.pageGuide .grayText.blue{border: 3px solid #5366AC; background: #fff;}
.pageGuide .grayText p:last-child{margin-bottom: 0;}
.pageGuide .grayText a{color: #0080D9; text-decoration: underline;}
.pageGuide .grayText a:hover{text-decoration: none;}

@media print, screen and (min-width: 768px) {
    .pageGuide .grayText{
        margin-bottom: 1.5em;
        padding: 1.5em;
        font-size: 1.4rem;
        line-height: 1.75;
    }
    .pageGuide .grayText.flexBox{margin-top: 1em;}
    .pageGuide .grayText .tel img{margin-right: 0.75em;}
}
@media screen and (max-width: 767px) {
    .pageGuide .grayText{
        margin-bottom: 1.5em;
        padding: 1em;
        font-size: 1.4rem;
        line-height: 1.75;
    }
    .pageGuide .grayText .tel img{margin-bottom: 0;}
}

/* =======================================================
    red
========================================================== */
.pageGuide .red{color: #C7000D!important;}
.pageGuide .fontBlue{color: #5366AC!important;}

/* =======================================================
    sp-center
========================================================== */
@media print, screen and (min-width: 768px) {
    .pageGuide .center{text-align: center!important;}
}
@media screen and (max-width: 767px) {
    .pageGuide .center{margin-top: 0.5em; text-align: center!important;}
    .pageGuide .sp-center{margin-top: 0.5em; text-align: center!important;}
}

/* =======================================================
    tel
========================================================== */
.pageGuide a.tel{
    text-decoration: none;
    color: #161616;
    font-size: 120%;
    font-weight: bold;
    white-space: nowrap;
}
.pageGuide a.tel:before{
    content: "";
    position: relative;
    top: -0.1em;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background: url(../img/contents/guide/ico_tel.svg) no-repeat center center;
    background-size: contain;
}
.pageGuide a.tel.tel02:before{
    margin-right: 0.25em;
    width: 1.25em;
    background: url(../img/contents/guide/ico_tel2.svg) no-repeat center center;
}


/* =======================================================
    attentionList
========================================================== */
.pageGuide * + .attentionList{margin-top: 1em;}
.pageGuide .attentionList:not(:last-child){margin-bottom: 2em;}
.pageGuide .attentionList__item{
    position: relative;
    padding-left: 1em;
    line-height: 1.71;
}
.pageGuide .attentionList__item:before{
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}

@media print, screen and (min-width: 768px) {
    .pageGuide .attentionList__item{
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .pageGuide .attentionList__item{
        font-size: 1.3rem;
    }
}

/* =======================================================
    dotList
========================================================== */
.pageGuide * + .dotList{margin-top: 1em;}
.pageGuide .dotList > li {
    position: relative;
    padding-left: 1em;
}
.pageGuide .dotList > li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
}
.pageGuide .dotList > li:first-child{margin-top: 0;}
.pageGuide .dotList > li:last-child{margin-bottom: 0;}
.pageGuide .dotList > li + li{margin-top: 1em;}
.pageGuide .dotList.row > li + li{margin-top: 0;}

@media print, screen and (min-width: 768px) {
    .pageGuide .dotList > li {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px){
    .pageGuide .dotList > li {
        font-size: 1.4rem;
    }
}

/* =======================================================
    dotList
========================================================== */
.pageGuide * + .asteriskList{margin-top: 1em;}
.pageGuide .asteriskList > li {
    position: relative;
    padding-left: 1em;
}
.pageGuide .asteriskList > li:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}
.pageGuide .asteriskList > li:first-child{margin-top: 0;}
.pageGuide .asteriskList > li:last-child{margin-bottom: 0;}

.pageGuide .asteriskList > li + li{margin-top: 1em;}

@media print, screen and (min-width: 768px) {
    .pageGuide .asteriskList > li {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px){
    .pageGuide .asteriskList > li {
        font-size: 1.4rem;
    }
}

/* =======================================================
    backButton
========================================================== */
.pageGuide .backButton {
    margin-top: 3em;
}
.pageGuide .backButton .button{
    min-width: 260px;
}

@media print, screen and (min-width: 768px) {
    .pageGuide .backButton {
        margin-bottom: 6em;
    }
    .pageGuide .backButton .button{
        padding: 1.2em 3.5em;
        min-width: 260px;
    }
}
@media screen and (max-width: 767px){
    .pageGuide .backButton {
        margin-bottom: 5em;
    }
    .pageGuide .backButton .button{
        padding: 1.65em 3.5em;
        min-width: 260px;
        font-size: 1.4rem;
    }
}

/* =======================================================
   左にアイコンのコンテンツ
========================================================== */

.pageGuide .arrowBox{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.pageGuide * + .arrowBox{margin-bottom: 1.5em; margin-top: 0.5em;}

.pageGuide .arrowBox img{width: 1.5em; height: auto; padding: 0.5em 0 0 0;}
.pageGuide .arrowBox__text{ margin-left: 1em;}
.pageGuide .arrowBox .asteriskList{margin-top: 0;}



@media print, screen and (min-width: 768px) {
    .pageGuide .arrowBox .titleBold.red .small{font-size: 1.86rem;}
}
@media screen and (max-width: 767px){
    .pageGuide .arrowBox .titleBold.red .small{font-size: 1.6rem;}
}

.pageGuide .titleBold + .titleBold,
.pageGuide * + .titleBold{margin-top: 1em;}
.pageGuide ul + span{margin-top: 1em; display: inline-block;}




/* ######################################################################################

　運営委員会からのお知らせ

###################################################################################### */
.pageNews .wallBelt.news .detailContent{margin-bottom: 50px;}

@media print, screen and (min-width: 768px) {
    .pageNews .wallBelt.news .titleBold{margin-bottom: 2.5em;}
}
@media screen and (max-width: 767px){
}




/* ######################################################################################

　活動報告

###################################################################################### */
.pageReport .wallBelt.report .reportList .content:after {
    content: "";
    display: block;
    clear: both;
}

@media print, screen and (min-width: 768px) {
    .pageReport .wallBelt.report .titleBold{margin-bottom: 2.5em;}
    .pageReport .wallBelt.report .reportList{margin-top: 5em;}
}
@media screen and (max-width: 767px){
    .pageReport .wallBelt.report .titleBold{margin-bottom: 1.5em;}
    .pageReport .wallBelt.report .reportList{margin-top: 4em;}
    .pageReport .wallBelt.report .titleBold.large + .reportList{margin-top: 2em;}
    .pageReport .wallBelt.report .titlePokey.mini{font-size: 1.8rem;}
}




/* ######################################################################################

　会員ログイン

###################################################################################### */
.pageLogin .loginLogo{text-align: center;}
.pageLogin .loginLogo img{max-width: 156px; height: auto;}
.pageLogin .loginFormBox{
    margin-left: auto;
    margin-right: auto;
    background: #F2F6F6;
    border: 1px solid #D5D5DF;
    border-radius: 6px;
}
.pageLogin .loginFormBox__title{text-align: center; margin-bottom: 0.5em;}
.pageLogin .loginFormBox__text{margin-bottom: 2em; text-align: center;}
.pageLogin .loginFormBox__text.error {color: #C7000D; font-weight: bold;}
.pageLogin #loginform{max-width: 400px; margin-left: auto; margin-right: auto;}
.pageLogin .login-username,
.pageLogin .login-password{display: flex; justify-content: space-between; align-items: center;}
.pageLogin .login-username label,
.pageLogin .login-password label{width: 7em;}
.pageLogin .login-username input,
.pageLogin .login-password input{width: calc(100% - 7em);}
.pageLogin .login-remember{padding-left: 7em;}
.pageLogin .login-submit input{
    width: 100%;
    border-color: #00B2BB;
    background: #00B2BB;
    color: #ffffff;
}
.pageLogin .login-submit input:hover{
    border-color: #00B2BB;
    background: #ffffff;
    color: #00B2BB;
}

@media print, screen and (min-width: 768px) {
    .pageLogin .loginFormBox__title{font-size: 1.8rem;}
    .pageLogin .loginFormBox__text{font-size: 1.6rem; line-height: 1.75;}
    .pageLogin .loginLogo{margin-bottom: 2.5em;}
    .pageLogin .loginLogo img{max-width: 156px; height: auto;}
    .pageLogin .loginFormBox{
        padding: 3em;
        max-width: 660px;
    }
    .pageLogin .login-username label,
    .pageLogin .login-password label{font-size: 1.5rem;}
    .pageLogin .login-submit{margin-top: 2.5em;}
}
@media screen and (max-width: 767px){
    .pageLogin .loginFormBox__title{font-size: 1.6rem;}
    .pageLogin .loginFormBox__text{font-size: 1.4rem; line-height: 1.75;}
    .pageLogin .loginLogo{margin-bottom: 1em;}
    .pageLogin .loginLogo img{max-width: 120px; height: auto;}
    .pageLogin .loginFormBox{padding: 2em 1.5em;}
    .pageLogin .login-username label,
    .pageLogin .login-password label{font-size: 1.4rem;}
    .pageLogin .login-submit{margin-top: 2em;}
}


/* ######################################################################################

　加盟企業向けメニュー

###################################################################################### */
.pageMenu .wallBelt.menu .contents{max-width: 930px;}
.pageMenu .wallBelt.menu .titleUnderLineCenter{margin-bottom: 1.5em;}

/* ######################################################################################

　入会のご案内　pageRegister

###################################################################################### */
.pagePrivacy .copy {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    text-align: center;
}

@media print, screen and (min-width: 768px) {
    .pagePrivacy .copy {
        margin-bottom: 42px;
        padding: 34px 0 37px;
        font-size: 1.8rem;
		margin-left: 0;
    }
	.pagePrivacy p{font-size: 1.6rem;margin-left: 1.5em;}
    .pagePrivacy .privacyTitle {
        margin-bottom: 9px;
        font-size: 1.6rem;
    }
    .pagePrivacy p + .privacyTitle {margin-top: 32px;}
}
@media screen and (max-width: 767px){
    .pagePrivacy .copy {
        margin-bottom: 42px;
        padding: 1.5em 0;
        font-size: 1.6rem;
        text-align: left;
    }
    .pagePrivacy .privacyTitle {
        margin-bottom: 0.5em;
        font-size: 1.6rem;
    }
    .pagePrivacy p + .privacyTitle {margin-top: 1.2em;}
}

/* =======================================================
    contactBox
========================================================== */
.pagePrivacy .contactBox{
    background: #F2F6F6;
}
.pagePrivacy .contactBox dt {
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
    font-weight: bold;
}
.pagePrivacy .contactBox dt span {font-weight: normal;}

@media print, screen and (min-width: 768px) {
    .pagePrivacy .privacyInner {
        max-width: 900px;
        margin: 0 auto;
    }
    .pagePrivacy .contactBox {
        margin-top: 40px;
        padding: 30px 50px 48px;
    }
    .pagePrivacy .contactBox dt {
        margin-bottom: 30px;
        padding-bottom: 16px;
        font-size: 1.8rem;
    }
    .pagePrivacy .contactBox dt span {font-size: 1.6rem;}
    .pagePrivacy .contactBox dd + dd {margin-top: 7px;}
}
@media screen and (max-width: 767px) {
    .pagePrivacy .contactBox {
        margin-top: 1.5em;
        padding: 1em;
    }
    .pagePrivacy .contactBox dt {
        margin-bottom: 1.5em;
        padding-bottom: 1em;
        font-size: 1.6rem;
    }
    .pagePrivacy .contactBox dt span {font-size: 1.4rem;}
    .pagePrivacy .contactBox dd + dd {margin-top: 0.5em;}
}


/* ######################################################################################

　エラー画面　.pageError

###################################################################################### */
.contents.error h2{ margin-bottom: 30px; font-size: 3.2rem;}
.contents.error p{ margin-bottom: 30px; font-size: 1.6rem; line-height: 1.8;}
@media print, screen and (min-width: 768px) {
	.contents.error{text-align: center; padding: 0 0 130px;}
	.contents.error .menuList__item{text-align: center; margin: 0 auto;max-width: 280px;}
}
@media screen and (max-width: 767px) {
	.contents.error{text-align: left; padding: 30px 20px 90px;}
	.contents.error p{ text-align: left; }
	.contents.error .menuList__item{text-align: center; margin: 0 auto; width: 280px;}
}