@charset "utf-8";
/* CSS Document */

/* powerandit.co.jp - facility
-----------------------------------------------------*/

.column,
.column3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.spec {
    width: 48%;
    max-width: 560px;
    margin-bottom: 50px;
}
.spec .titDotLine {
    margin-bottom: 0.5em;
}
.spec .listDot {
    margin-left: 0.5em;
    margin-bottom: 1em;
}
.spec .btn {
    text-align: right;
}
.spec .btn a {
    display: block;
    width: 6.5em;
    margin-left: auto;
    margin-right: 0;
    padding: 0.6em 0 0.6em 1.2em;
    border: 1px solid #f79b4a;
    border-radius: 25px;
    text-align: center;
}
.spec .btn a::before {
    left: 1.2em;
}

.column3 .spec {
    position: relative;
    width: 30%;
    max-width: 370px;
    padding-bottom: 5em;
}
/*.column3 .spec .titDotLine {
    border-bottom: 0;
}*/
.column3 .spec .btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.5em;
    text-align: center;
}
.column3 .spec .btn a {
    margin-right: auto;
    /*background: #fef7f0;*/
}
@media screen and (max-width: 700px) {
    .column {
        display: block;
    }
    .spec {
        width: 100%;
        max-width: 100%;
    }
}

/* ==============================================
    level
============================================== */
#level table {
    min-width: 560px;
}
#level td:first-of-type,
#level td:last-of-type {
    text-align: center;
}
#level .memo {
    font-size: 0.875em;
}
@media screen and (min-width: 701px) {
    #level th br {
        display: none;
    }
}
.tableScroll {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 1.2em;
}

/* ==============================================
    inlineContent
============================================== */
#fuwanInline {
    height: auto !important;
}
.inlineContent h3 {
    padding: 0.7em;
    background: #a5e1e2;
    color: var(--point-blue);
    font-size: 30px;
    text-align: center;
}
@media screen and (max-width: 1100px) {
    .inlineContent h3 {
        font-size: clamp(1.375rem, 1.125rem + 1vw, 1.875rem);
    }
}
.inlineContent .contents {
    padding: 2.5em 2em;
    text-align: center;
}
.inlineContent .contents ul,
.inlineContent .contents p {
    text-align: left;
}
.inlineContent .column1,
.inlineContent .column2,
.inlineContent .column2 ul,
.inlineContent .column3 {
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
}
.inlineContent .column1 {
    display: inline-block;
}
.inlineContent ul.column2,
.inlineContent .column2 ul,
.inlineContent .column3 {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}
.inlineContent .column2 {
    max-width: 745px;
}
.inlineContent .column2 li,
.inlineContent .column3 li {
    max-width: 353px;    
}
.inlineContent .column2 li {
    width: 48%;
}
.inlineContent [class*="column"] img {
    max-width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.inlineContent .listDot {
    margin-left: 0;
}

#airconContent.inlineContent .column3 {
    max-width: 1020px;
}
#airconContent.inlineContent .column3 li {
     width: auto;
}
#otherContent.inlineContent .column1 {
    margin-top: 0;
}
@media screen and (max-width: 1200px) {
    #securityContent.inlineContent .column3 img {
        width: auto;
        height: clamp(10.313rem, -1.875rem + 21.67vw, 14.375rem);
    }
}
@media screen and (max-width: 1100px) {
    #airconContent.inlineContent .column3 img {
        width: auto;
        height: clamp(11.25rem, -2.813rem + 25vw, 14.375rem);
    }
}
@media screen and (max-width: 900px) {
    .inlineContent .column3 {
        display: block;
        max-width: 300px !important;
    }
    .inlineContent .column3 li + li {
        margin-top: 1.5em;
    }
    #airconContent.inlineContent .column3 img,
    #securityContent.inlineContent .column3 img {
        width: 100%;
        height: auto;
    }
    #airconContent.inlineContent .column3 li:first-of-type {
        width: 223px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 700px) {
    .inlineContent .contents {
        padding: 2em 1.5em;
    }
}
@media screen and (max-width: 600px) {
    .inlineContent ul.column2,
    .inlineContent .column2 ul,
    .inlineContent div.column2 {
        display: block;
        max-width: 300px;
    }
    .inlineContent .column2 li {
        width: 100%;
    }
    .inlineContent .column2 li + li {
        margin-top: 1.5em;
    }
}