html {
    width: 100%;
}

body {
    margin: 0;
}

img {
    max-width: 100%;
}

h1 {
    padding: 3% 0 3% 0;
    font-size: 2.5vw;
}

h1 span:nth-child(2) {
    font-size: 2em;
}

h2 {
    font-size: 3vw;
    margin-top: 5px;
}

.footer_line {
    border-bottom: 1px solid;
}

footer span {
    font-size: 1.5vw;
}

.top_img {
    background-image: url(../img/background.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.top {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding-top: 2%;
    padding-bottom: 5%;
}

.company_top {
    color: #787878;
    font-size: 1.5vw;
    margin: 0;
}

.company_top span:nth-child(-n+3)::after {
    content: "・";
}

footer span:nth-child(-n+3)::after {
    content: "・";
}

.ukuraina_blu {
    background-color: #005ABB;
    height: 20px;
}

.ukuraina_yellow {
    background-color: #FFD500;
    height: 20px;
}

.inner {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    padding: 3% 0 3% 0;
}

.icon {
    width: 8%;
}

.message {
    font-size: 1.5vw;
}

.message p {
    margin: 0;
}

.ukuraina_text {
    color: #005ABB;
    display: block;
    font-size: 2.5vw;
}

.ukuraina_text_small {
    color: #005ABB;
    display: block;
    font-size: 1.5vw;
    padding-top: 2%;
}

.content {
    background-color: #DEEBF7;
}

table,
td,
th {
    border-collapse: collapse;
    width: 100%;
    font-size: 1.5vw;
}

.current {
    text-align: right;
    margin: 0;
    font-size: 1.5vw;
}

.property table,
.property td,
.property th,
.results table,
.results td,
.results th {
    border: 1px solid #595959;
}

.property th,
.results th {
    background: #005ABB;
    color: white;

}

.property td,
.results td {
    width: 30px;
    height: 25px;
    background: white;
}

.results td {
    padding: 1%;
}

/* 無償物件 */
.property th:nth-child(1),
.property th:nth-child(2),
.property th:nth-child(4) {
    width: 13%;
}

.property th:nth-child(3) {
    width: 25%;
}





.property td div {
    padding: 1%;
}

.underline {
    border-bottom: 2px solid;
}

/* .contact span {
    display: inline-block;
} */

.attention {
    text-align: left;
    font-size: 1.5vw;
}

/* 提供実績例 */
.results th:nth-child(1) {
    width: 30%;
}

.results th:nth-child(2) {
    width: 30%;
}

.results th:nth-child(3) {
    width: 30%;
}

.banner img {
    margin: 0.3%;
    text-decoration: none;
    border: 1px solid black;
}

.banner a {
    display: contents;
    text-decoration: none;
}

.explanation_inner {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    padding: 3% 0 1% 0;
}

.explanation_inner h2 {
    padding-bottom: 2%;
}

.explanation {
    font-size: 1.5vw;
    text-align: center;
}

.explanation span {
    color: #005ABB;
    display: block;
    font-size: 1.5vw;
}

.external {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 3%;
    font-size: 1.5vw;
}

.external a {
    text-decoration: none;
    color: inherit;
}

.external a:hover {
    opacity: 0.7;
}

.link_container {
    display: flex;
    margin: 2%;
}

.link_container .link_text_wrapper {
    padding: 1%;
    width: 100%;
    background-color: #deebf7;
}

.link_container .link_icon {
    display: flex;
    width: 7%;
    align-items: center;
    justify-content: center;
    background-color: #005ABB;
}

.ukuraina_text_link {
    color: #005ABB;
}

.active td:nth-child(1) {
    width: 10%;
}

.active td:nth-child(2) {
    width: 30%;
}

.active td:nth-child(3) {
    width: 40%;
}

.active td {
    background-color: white;
    padding: 1%;
    text-align: left;
}

.active tr {
    border-bottom: 2px dashed #e5e5e5
}

.sp {
    display: none;
}

.active tr:last-child {
    border-bottom: none;
}

.achievement h2 {
    margin-bottom: 5px;
}

.achievement_other {
    margin: 4%;
}

.achievement_other span {
    display: inline-block;
}

.achievement_other p,
.achievement_other a {
    font-size: 1.5vw;
}

.achievement_other a {
    color: inherit;
}

.achievement_other a:hover {
    opacity: 0.5;
}

/* 開閉ボタン */
.is-hidden {
    display: none;
}

.list-btn.is-btn-hidden {
    display: none;
}

.list_space {
    padding-top: 3%;
}

.list-btn {
    background-color: #333;
    color: #fff;
    border: none;
    cursor: pointer;
    outline: none;
    width: 25%;
    padding: 1%;
    font-size: 1.5vw;
    font-weight: bold;
}

/* 電話番号変更注釈 */
.notes_tel {
    margin: 0;
}

.notes_tel span {
    font-size: 12px;
}

/* 電話番号変更注釈 */

@media screen and (max-width:767px) {
    .heiwajyutaku {
        max-width: none;
        width: 80%;
    }

    .notes_tel span {
        font-size: inherit;
    }
}

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

    h2 {
        font-size: 4.5vw;
    }

    .ukuraina_text,
    h1 {
        font-size: 3.5vw;
    }

    .message,
    .ukuraina_text_small,
    .link_container,
    .company_top,
    .current,
    .explanation,
    .explanation span,
    footer div,
    footer span,
    .achievement_other p,
    .achievement_other a {
        font-size: 3vw;
    }

    table,
    td,
    th {
        font-size: 2.5vw;
    }

    h1 {
        padding: 5% 0 5% 0;
    }


    .inner {
        padding: 5% 0 5% 0;
    }

    .banner img {
        width: 50%;
    }

    .explanation_inner {
        padding: 5% 0 1% 0;
    }

    .link_container .link_text_wrapper {
        padding: 2%;
    }

    .inner,
    .top,
    .explanation_inner,
    .external {
        width: 95%;
    }

    .property td:nth-child(5) {
        text-align: center;
    }

    .attention {
        font-size: 2vw;
    }

    .list-btn {
        font-size: 2.5vw;
        padding: 2%;
    }

    .icon {
        width: 10%;
    }

    .company_top span:nth-child(-n+3)::after {
        display: none;
    }

    footer span:nth-child(-n+3)::after {
        display: none;
    }
}