/* reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    vertical-align: top;
}

/* Font Setting */

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,
        "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* BASE Style */
.header {
    background-color: #ffffff;
}

.header__inner .logo {
    width: 187px;
    height: auto;
}

.footer {
    background: #f4f4f4;
}

.footer {
    width: 100%;
    background: #f4f4f4;
    padding: 20px 0;
}

.footer__nav {
    display: flex;
    list-style: none;
    margin: 0 0 8px -10px;
}

.footer__nav li a {
    text-decoration: none;
    color: #555;
    padding: 0 10px 0;
}

.footer__nav li:not(:first-child) a {
    border-left: 1px solid #555;
}

.footer__nav li a:hover {
    text-decoration: underline;
}

.footer__text {
    font-size: 10px;
    color: #555555;
}

/* SP */

@media screen and (max-width: 700px) {
    .sp_only {
        display: block;
    }

    .pc_only {
        display: none;
    }

    .header__inner {
        max-width: 100%;
        padding: 23px 17px;
    }

    .footer__inner {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 17px;
    }

    .footer__nav {
        display: flex;
        flex-wrap: wrap;
    }

    .footer__nav li:not(:last-child) a {
        border-left: none;
        border-right: 1px solid #555;
    }

    .footer__nav li:last-child a {
        border-left: none;
    }

    .footer__nav li a {
        text-align: center;
        font-size: 9px;
    }
}

/* PC */

@media screen and (min-width: 701px) {
    .sp_only {
        display: none;
    }

    .pc_only {
        display: block;
    }

    .header {
        background-color: #ffffff;
    }

    .header__inner {
        max-width: 645px;
        margin: 20px auto;
    }

    .footer__inner {
        max-width: 645px;
        margin: 0 auto;
    }

    .footer__nav li a {
        font-size: 10px;
    }
}

/* ========== NEWHOUSING ========== */
main {
    width: 100%;
}

.banner {
    width: 100%;
    background-color: #f5f5f5;
    text-align: center;
}

.banner__img {
    max-width: 645px;
    margin: 0 auto;
}

.banner__img img {
    width: 100%;
}

.main__wrap {
    max-width: 645px;
    margin: 0 auto;
}

/* SECTION 01 */

.sec01 {
    margin-top: 30px;
}

.headerText {
    font-size: 16px;
    font-weight: 900;
    color: #b7542c;
    text-align: center;
}

.text {
    text-align: center;
    font-size: 11px;
    margin-top: 6px;
    font-weight: 400;
}

/* SECTION 02 */
.sec02 {
    margin-top: 30px;
    margin-bottom: 40px;
}

.linkGroup {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    padding: 0 5.5px;
}

.linkGroup__linkItem {
    flex: 1 1 calc(50% - 11px);
    border: 1px solid #f5f5f5;
    border-top: none;
}

.linkItem__header {
    background-color: #ededed;
    padding: 10px 15px;
    border-bottom: 3px solid #ff6000;
}

.linkItem__header a {
    color: #b7542c;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.linkItem__header a::before {
    content: "";
    background: url("/sites/default/files/inline-images/newhousing/images/icon_bullet_01.png") no-repeat;
    display: inline-block;
    width: 10px;
    height: 13px;
    vertical-align: baseline;
    margin-right: 10px;
}

.linkItem__list {
    list-style: none;
    padding: 20px 0px 20px 35px;
}

.linkItem__list li {
    font-size: 13px;
}

/* BUSINESS PAGE */
.titleArea {
    width: 100%;
    background-color: #faf5ec;
    padding: 20px 0;
}

.titleArea__header {
    font-size: 24px;
    max-width: 645px;
    margin: 0 auto;
    font-weight: 500;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,
                 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.contentGroup {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 40px;
}

.contentGroup__item {
    flex: 1 1 calc(50% - 23px);
    max-width: calc(50% - 23px);
}

.item__header {
    font-size: 17px;
    font-weight: 700;
    color: #555555;
    padding: 10px 0 10px 10px;
    border-bottom: 1px dotted #d0d0d0;
}

.item__header::before {
    content: "";
    background-color: #ff6600;
    display: inline-block;
    width: 3px;
    height: 17px;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 4px;
}

.item__text {
    font-size: 13px;
    margin-top: 15px;
    color: #555555;
}

.item__imgGroup {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    gap: 15px;
}

.imgGroup__img {
    height: 110px;
}

.imgGroup__img img {
    height: 100%;
    width: auto;
}

/* CORPO */
.innerSection {
    color: #555555;
}

.tableType1 {
    border: solid 3px #f4f4f4;
    border-collapse: collapse;
    width: 95%;
    font-size: 13px;
    margin: 10px auto;
}

.tableType1 th,
.tableType1 td {
    border: none;
    background: url(/sites/default/files/inline-images/newhousing/images/bg_dotline.gif) 0 100% repeat-x;
    padding: 8px;
    font-weight: 400;
    text-align: left;
}

.tableType1 th {
    background-color: #faf5ec;
    vertical-align: top;
}

.mapButton a {
    display: inline-block;
    padding: 2px 6px;
    background-color: #ff6600;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}

.tableList {
    list-style: none;
}

.tableList li::before {
    content: "・";
}

.noBg td {
    background: none;
    padding-left: 0;
}

.updateList2 {
    margin-top: 15px;
}

.updateList2 dl {
    display: flex;
    font-size: 13px;
    padding-left: 20px;
}

.updateList2 dt {
    width: 15%;
}

.updateList2 dd {
    width: 85%;
}

.updateList2 dd::before {
    content: "";
    background: url("/sites/default/files/inline-images/newhousing/images/bg_update_separate_02.gif") 0 100% no-repeat;
    width: 3px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.indent-line {
    padding-left: 0;
}

/* SP */
@media screen and (max-width: 700px) {
    /* NEWHOUSING */
    .linkGroup__linkItem,
    .contentGroup__item {
        flex: 1 1 100%;
        margin-top: 15px;
    }

    .main__wrap {
        padding: 0 15px;
    }

    .main__wrap.gutterLarge {
        padding: 0 30px;
    }

    /* BUSINESS */
    .titleArea {
        padding-left: 25px;
    }

    .contentGroup__item {
        flex: 1 1 100%;
        max-width: 100%;
    }

    /* CORPO */
    .tableType1,
    .tableType1 tbody,
    .tableType1 tr,
    .tableType1 th,
    .tableType1 td {
        display: block;
    }

    .noBg,
    .noBg tbody,
    .noBg tr,
    .noBg th,
    .noBg td {
        display: table-cell;
    }

    .updateList2 dl {
        padding-left: 5px;
    }

    .updateList2 dt {
        width: 30%;
    }

    .updateList2 dd {
        width: 80%;
    }
}

@media screen and (max-width: 386px) {
    .indent-line {
        padding-left: 15px;
    }
}