.columns-2 .point {
    width: 48%;
}

.columns-3 .point {
    width: 31%;
}

.point h2 {
    font-size: 1.5em;
    margin-bottom: .5em;
    color: #515d6b;
}

.point p {
    margin-bottom: 1em;
    text-align: justify;
    font-feature-settings: "palt";
    letter-spacing: .025em;
}

@media (max-width: 1200px) {
    .point h2 {
        font-size: 1.4em;
    }
}

@media (max-width: 767px) {
    .columns-2 .point {
        width: 100%;
    }

    .columns-3 .point {
        width: 100%;
        display: flex;
        justify-content: space-between;
        /* margin-bottom: 1.5em; */
    }

    .columns-3 .point .thumb {
        width: 50%;
        padding-bottom: 40%;
    }

    .columns-3 .point .meta-wrp {
        width: 50%;
        padding-left: 1em;
    }

    .columns-3 .point .meta-wrp p {
        font-size: .85em;
    }

    .point h2 {
        font-size: 1.2em;
        margin-bottom: .5em;
    }

    .columns-3 .point.spw100 {
        width: 100%;
        display: block;
    }

    .columns-3 .point.spw100 .thumb {
        width: 100%;
        height: 46vw;
        padding-bottom: 0;
    }

    .columns-3 .point.spw100 .meta-wrp {
        width: 100%;
        padding-left: 0;
    }

    .point.spw100 :is(.meta-wrp, .info-wrp) {
        margin-top: .75em;
    }
}

.info-mov-wrp .thumb,
.point .thumb {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 56%;
    background-color: #222;
    /* margin-bottom: 1em; */
}

.info-mov-wrp .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.point .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.str-info-mov-wrp {
    width:60%;
    margin:0 auto;
    position: relative;
    padding:0 0 60px;
}

.TECHNOLOGY2 .str-info-mov-wrp {
    padding:60px 0;
}

@media (max-width: 767px) {
    .str-info-mov-wrp,
    .TECHNOLOGY2 .str-info-mov-wrp {
        width:100%;
        padding:30px 15px;
    }
}

.info-mov-wrp {
    width: 60%;
}

.info-wrp {
    width: 35%;
}

.info-mov-wrp.w50 {
    width: 48% !important;
}

.info-wrp.w50 {
    width: 48% !important;
}

@media (max-width: 767px) {
    .info-mov-wrp,
    .info-mov-wrp.w50 {
        width: 100%;
        /* margin-bottom: 1em; */

    }

    .info-wrp,
    .info-wrp.w50 {
        width: 100%;
    }

    .tech1 .info-mov-wrp {
        order: 1;
    }
}

.info-wrp p {
    text-align: justify;
    font-feature-settings: "palt";
    letter-spacing: .025em;
}

/* TECHNOLOGY 01 */
.TECHNOLOGY1 .meta-wrp {
    margin-top: .75em;
}

@media (max-width: 767px) {
    .TECHNOLOGY1 .meta-wrp {
        margin-top: 0;
    }
}

.TECHNOLOGY1 .tech2 .point-wrp-inner {
    padding-bottom: 1em;
}

.TECHNOLOGY1 .gaiass {
    display: block;
    width: 200px;
    height: 90px;
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 3;
}

@media (max-width: 767px) {
    .TECHNOLOGY1 .gaiass {
        width: 150px;
        height: 67.5px;
    }
}

.TECHNOLOGY1 .tech4 .title {
    display: block;
    width: 100%;
    font-size: 1.5em;
    color: #515d6b;
    padding-bottom: .25em;
    border-bottom: 1px solid;
}

@media (max-width: 767px) {
    .TECHNOLOGY1 .tech5 .info-wrp {
        margin-top: .75em;
    }
}

/* TECHNOLOGY 02 */
.TECHNOLOGY2 .point-wrp-inner.flex-between {
    gap: .75em 0;
}


/* TECHNOLOGY 03 */
.column .column2 .point-wrp-inner {
    padding-top: 20px;
}

.column .column-wrp-inner {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: min(60px, 10vw) 20px 10px;
}

.column .column-wrp-inner h2 {
    display: block;
    color: inherit;
    font-size: 1.8em;
    margin-bottom: 1em;
}

.column .column-wrp-inner h2.interview {
    font-size: 1.65em;
    margin-bottom: 1em;
}

.column .column-wrp-inner h2.interview::before {
    content: 'INTERVIEW';
    display: block;
    width: 100%;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    font-size: .7em;
    font-family: 'Bevan', sans-serif;
    font-weight: normal;
    text-align: center;
    color: #020024;
    border-bottom: 3px solid;
    padding-bottom: .25em;
}

@media (max-width: 767px) {
    .column .column-wrp-inner h2 {
        font-size: 1.5em !important;
    }

    .column .column-wrp-inner h2.interview {
        font-size: 1.5em;
    }

    .column .column1 .note {
        width: 95%;
        margin: 0 auto;
    }
}

.column .column1 .point-wrp-inner {
    padding: 0 0 min(60px, 10vw);
}

.column .column3 .point-wrp-inner {
    padding: 0 20px;
}

.column .columns-3 .point {
    position: relative;
}

.column .data {
    display: inline-block;
    font-size: .8em;
    color: #242c4c;
    border-bottom: 2px solid;
    margin: .5em 0;
}

.column .fukidashi {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 9em;
    height: 9em;
    background-color: #242c4c;
    color: #fff;
    font-size: .8em;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: -2em;
}

.column .hisai {
    background-color: #242c4c;
    color: #ddd !important;
    padding: .25em 1em;
}

.column .hisai .hisai-label {
    font-size: 1em;
}

.column .hisai-count {
    font-size: 1.1em;
}

.column .hisai-count .nashi {
    font-size: 1.3em;
}

.column .hisai-count .number {
    font-size: 1.7em;
}

.column table {
    width: 100%;
}

.column th,
.column td {
    background-color: #e8ecee;
    border: 1px solid #999;
    padding: .5em 1em;
    font-size: .9em;
    text-align: left;
}

.column th {
    width: 40%;
    color: #515d6b;
}

.column-img-wrp {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1100px;
    padding: 20px;
    margin: 1em auto;
    background-color: rgba(81, 93, 107, .2);
    border-radius: 5px;
}

.column-img-wrp .thumb {
    width: 48%;
    position: relative;
}

@media (max-width: 767px) {
    .column .data {
        font-size: 1em;
    }

    .column .fukidashi {
        right: -.5em;
        font-size: 1em;
    }

    .column .point h2,
    .column .hisai-count {
        font-size: 1.6em;
    }

    .column .hisai-count {
        margin: 0;
    }

    .column .columns-3 .point .meta-wrp {
        width: 100%;
    }

    .column-img-wrp .thumb {
        width: 100%;
        position: relative;
    }

    .column-img-wrp {
        width: 95%;
    }
}

.column-img-wrp .thumb img {
    width: 100%;
    height: auto;
}

.column .inspection {
    border: 3px solid #515d6b;
    padding: 1em;
    text-align: center;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 5px;
}

.column .inspection h2 {
    border-bottom: 3px solid;
    padding-bottom: .3em;
    margin-bottom: 1em;
}

.column .inspection h3 {
    font-size: 1.3em;
}

.column .inspection h4 {
    font-size: 1.7em;
    margin-bottom: .25em;
}

.column .inspection h4 .number {
    font-size: 1.3em;
}

.column .inspection p {
    font-size: .9em;
}

.column .name {
    display: inline-block;
    border: 1px solid;
    padding: .25em 1em;
    font-size: .9em;
    background-color: #f9f9f9;
    margin-bottom: 1em;
}

.column .lead {
    font-size: 1.15em;
    text-align: center;
    color: #020024;
}

.column-bg {
    background-color: rgba(255, 255, 255, .3);
}

.bggray2 {
    background-color: #c9ced3;
}

.column .sekisuiheim-img-wrp {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

.column .safe-img-wrp {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.column .emergency h3 {
    font-size: 1.2em;
    color: #020024;
    display: block;
    border-bottom: 1px solid #999;
    padding-bottom: .3em;
    margin-bottom: .6em;
    padding-left: 1.25em;
    position: relative;
}

.column .emergency p {
    font-size: .9em;
    color: #515d6b;
}

.column .emergency h3::before {
    content: '';
    width: .3em;
    height: .3em;
    border: 4px solid #020024;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: .5em;
    left: 0;
}

.column .emergency .point {
    /* margin-bottom: 2em; */
}

.column .emergency .point.box2 {
    width: 65.5%;
}

.column .point.box2 .box-title-wrp {
    width: 40%;
}

.column .point.box2 .thumb.airy {
    padding-bottom: 66%;
    margin-bottom: 5px;
}

.column .point.box2 .thumb.airy img {
    object-fit: cover;
}

.column .point.box2 .airy-logo {
    width: 65%;
    margin-right: auto;
}

.column .airy-system {
    width: 55%;
    margin-top: -1em;
}

.column .airy-system .thumb {
    padding-bottom: 80%;
    background-color: transparent;
}

@media (max-width: 767px) {
    .column .emergency .point,
    .column .emergency .point.box2,
    .column .point.box2 .box-title-wrp {
        width: 100%;
        display: block;
    }

    .column .emergency .point .thumb,
    .column .emergency .point.box2 .thumb {
        width: 80%;
        height: auto;
        padding-bottom: 0;
        margin: .5em auto;
    }

    .column .emergency .point .thumb img,
    .column .emergency .point.box2 .thumb img {
        position: static;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .column .point.box2 .airy-logo {
        width: 70%;
        margin: .5em auto;
    }

    .column .airy-system {
        width: 100%;
        margin-top: .5em;
    }

    .emergency .point.box2 .airy-system .thumb {
        width: 100%;
    }
}

.column .point-wrp-inner.interview-wrp {
    padding: 0 20px 60px;
}

.column .spec {
    font-size: .8em;
    font-weight: normal;
    border: 1px solid #ccc;
    background-color: rgba(255, 255, 255, .3);
    padding: 1em 2em;
}

.column .point h3.interview {
    font-size: 1.4em;
    line-height: 1.5;
    color: #020024;
    margin-bottom: 1em;
}