.universal-body-content{
    display:flex;
    flex-direction:column;
}
.universal-body-content>*{min-width:0;}
.universal-body-content .universal-overview{order:0;}
.universal-body-content #universal1{order:1;}
.universal-body-content #universal3{order:2;}
.universal-body-content #universal2{order:3;}
.universal-body-content #universal4{order:4;}
.universal-body-content #universal1,
.universal-body-content #universal2,
.universal-body-content #universal3,
.universal-body-content #universal4{scroll-margin-top:90px;}
.universal-body-content #universal1,
.universal-body-content #universal2,
.universal-body-content #universal3,
.universal-body-content #universal4{
    width:100%;
    max-width:none;
    margin:0;
    box-sizing:border-box;
}
.universal-body-content #universal1,
.universal-body-content #universal2{background:#f6f7f9;}
.universal-body-content #universal3,
.universal-body-content #universal4{background:#fff;}
.universal-body-content #universal1>.content_title1,
.universal-body-content #universal1>.content_title2,
.universal-body-content #universal1>.un1_div,
.universal-body-content #universal2>.content_title1,
.universal-body-content #universal2>.content_title2,
.universal-body-content #universal2>.un2_div,
.universal-body-content #universal3>.content_title1,
.universal-body-content #universal3>.content_title2,
.universal-body-content #universal3>.un3_div,
.universal-body-content #universal4>.content_title1,
.universal-body-content #universal4>.content_title2,
.universal-body-content #universal4>.un4_div{
    width:1200px;
    max-width:calc(100% - 40px);
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}

.universal-overview{
    padding:60px 20px 70px;
    background:linear-gradient(180deg,#f6f9ff 0%,#eef4ff 100%);
}
.universal-overview-inner{
    width:1200px;
    max-width:100%;
    margin:0 auto;
}
.universal-overview-head{
    text-align:center;
}
.universal-overview-head h2{
    margin:0;
    color:#17191f;
    font-size:30px;
    line-height:1.45;
}
.universal-overview-head p{
    max-width:900px;
    margin:14px auto 0;
    color:#606775;
    font-size:16px;
    line-height:1.8;
}
.universal-overview-scroll{
    margin-top:32px;
    overflow:hidden;
    border-radius:14px;
    background:#fff;
    box-shadow:0 14px 38px rgba(31,82,150,.1);
}
.universal-overview-table{
    width:100%;
    table-layout:fixed;
    border-collapse:separate;
    border-spacing:0;
    border:1px solid #dce7f8;
    border-radius:14px;
    overflow:hidden;
}
.universal-overview-table th,
.universal-overview-table td{
    padding:20px;
    box-sizing:border-box;
    vertical-align:top;
    border-right:1px solid #e1e9f5;
    text-align:left;
}
.universal-overview-table th:last-child,
.universal-overview-table td:last-child{border-right:0;}
.universal-overview-table thead th{
    background:linear-gradient(135deg,#2478f5 0%,#4c91ff 100%);
    color:#fff;
    font-size:18px;
    font-weight:600;
}
.universal-overview-table thead th:nth-child(1){width:20%;}
.universal-overview-table thead th:nth-child(2){width:42%;}
.universal-overview-table thead th:nth-child(3){width:38%;}
.universal-overview-table tbody tr+tr th,
.universal-overview-table tbody tr+tr td{border-top:1px solid #e6edf7;}
.universal-overview-table tbody th{
    background:#f5f8fe;
    vertical-align:middle;
}
.universal-overview-table tbody th a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#176aff;
    font-size:17px;
    font-weight:600;
}
.universal-overview-table tbody th a:hover{text-decoration:underline;}
.universal-overview-table tbody th a span{
    margin-left:12px;
    color:#7da9ed;
    font-size:16px;
}
.universal-platform-list{
    display:flex;
    gap:8px;
    align-items:flex-start;
    flex-wrap:wrap;
}
.universal-platform-list span,
.universal-platform-list a{
    display:inline-flex;
    min-height:28px;
    padding:4px 9px;
    align-items:center;
    box-sizing:border-box;
    border-radius:6px;
    background:#edf4ff;
    color:#40516c;
    font-size:13px;
    line-height:20px;
}
.universal-platform-list a{
    color:#176aff;
    font-weight:600;
}
.universal-platform-list a:hover{text-decoration:underline;}
.universal-overview-table tbody tr:nth-child(even) td{background:#fbfcff;}
.universal-overview-table td p{
    margin:0;
    color:#59677b;
    font-size:14px;
    line-height:1.75;
}
.universal-coverage-reason{
    padding:42px 20px 44px;
    background:#fff;
    border-bottom:1px solid #edf1f7;
}
.universal-coverage-reason-inner{
    display:grid;
    width:1200px;
    max-width:100%;
    margin:0 auto;
    grid-template-columns:300px minmax(0,1fr);
    gap:56px;
    align-items:start;
}
.universal-coverage-reason h2{
    margin:0;
    color:#17191f;
    font-size:28px;
    line-height:1.5;
    text-align:left;
}
.universal-coverage-reason h2::before{
    content:"";
    display:block;
    width:38px;
    height:3px;
    margin-bottom:16px;
    border-radius:2px;
    background:#176aff;
}
.universal-coverage-reason-content{
    margin:0;
}
.universal-coverage-reason-content p{
    margin:0;
    color:#536176;
    font-size:15px;
    line-height:1.75;
}
.universal-coverage-reason-content p+p{margin-top:9px;}
.universal-detail-link{
    display:inline-flex;
    margin-top:14px;
    align-items:center;
    color:#176aff;
    font-size:14px;
    font-weight:600;
}
.universal-detail-link:hover{text-decoration:underline;}
.universal-h5-mobile-image{
    width:235px;
    max-width:100%;
    height:auto;
}
.universal-related-reading{
    display:flex;
    width:1200px;
    max-width:calc(100% - 40px);
    min-height:108px;
    margin:-30px auto 70px;
    padding:22px 26px;
    align-items:center;
    box-sizing:border-box;
    border:1px solid #d9e5f7;
    border-radius:12px;
    background:#fff;
    box-shadow:0 10px 26px rgba(31,82,150,.08);
}
.universal-related-reading-label{
    flex:0 0 auto;
    padding:7px 12px;
    border-radius:6px;
    background:#eaf2ff;
    color:#176aff;
    font-size:13px;
    font-weight:600;
}
.universal-related-reading-copy{
    min-width:0;
    margin-left:20px;
    flex:1;
}
.universal-related-reading-copy h3{
    margin:0;
    font-size:18px;
    line-height:1.5;
}
.universal-related-reading-copy h3 a{color:#1d2738;}
.universal-related-reading-copy h3 a:hover{color:#176aff;}
.universal-related-reading-copy p{
    margin:6px 0 0;
    color:#66758a;
    font-size:14px;
    line-height:1.6;
}
.universal-related-reading-link{
    margin-left:24px;
    flex:0 0 auto;
    color:#176aff;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
}
.universal-related-reading-link:hover{text-decoration:underline;}
.universal-web-embed{
    padding-top:40px;
}
.universal-windows-image{
    width:442px;
    max-width:100%;
    height:auto;
}
.universal-desktop-image{
    width:476px;
    max-width:100%;
    height:auto;
}
.universal-harmony-phone .un1_img{gap:144px;}
.universal-harmony-phone .un1_img img{
    width:235px;
    max-width:100%;
    height:auto;
    box-sizing:border-box;
    border:6px solid #050505;
    border-radius:28px;
    background:#050505;
    box-shadow:0 10px 26px rgba(31,82,150,.12);
}
.universal-harmony-pc .un3_img img{
    width:520px;
    max-width:calc(50% - 35px);
    height:auto;
    border-radius:10px;
    box-shadow:0 10px 26px rgba(31,82,150,.1);
}
.universal-text-only{padding-bottom:60px;}

@media screen and (min-width:769px) and (max-width:1500px){
    .pc .banner_text .im_title1{
        font-size:42px;
        line-height:56px;
    }
}

@media screen and (max-width:768px){
    .universal-body-content #universal1>.content_title1,
    .universal-body-content #universal1>.content_title2,
    .universal-body-content #universal1>.un1_div,
    .universal-body-content #universal2>.content_title1,
    .universal-body-content #universal2>.content_title2,
    .universal-body-content #universal2>.un2_div,
    .universal-body-content #universal3>.content_title1,
    .universal-body-content #universal3>.content_title2,
    .universal-body-content #universal3>.un3_div,
    .universal-body-content #universal4>.content_title1,
    .universal-body-content #universal4>.content_title2,
    .universal-body-content #universal4>.un4_div{
        max-width:calc(100% - 30px);
    }
    .universal-overview{padding:40px 15px 45px;}
    .universal-overview-head h2{font-size:24px;}
    .universal-overview-head p{font-size:14px;}
    .universal-overview-scroll{
        margin-top:24px;
        overflow:visible;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .universal-overview-table{
        display:block;
        width:100%;
        border:0;
        border-radius:0;
        background:transparent;
    }
    .universal-overview-table thead{display:none;}
    .universal-overview-table tbody{
        display:grid;
        gap:14px;
    }
    .universal-overview-table tbody tr{
        display:block;
        overflow:hidden;
        border:1px solid #dce7f8;
        border-radius:11px;
        background:#fff;
        box-shadow:0 8px 22px rgba(31,82,150,.08);
    }
    .universal-overview-table tbody th,
    .universal-overview-table tbody td{
        display:block;
        width:100%;
        padding:14px 16px;
        border:0;
        border-top:1px solid #edf1f7;
        background:#fff;
    }
    .universal-overview-table tbody th{
        border-top:0;
        background:linear-gradient(135deg,#2478f5 0%,#4c91ff 100%);
    }
    .universal-overview-table tbody th a{color:#fff;font-size:17px;}
    .universal-overview-table tbody th a span{color:#fff;opacity:.8;}
    .universal-overview-table tbody td::before{
        content:attr(data-label);
        display:block;
        margin-bottom:9px;
        color:#1d2738;
        font-size:13px;
        font-weight:600;
    }
    .universal-overview-table tbody tr:nth-child(even) td{background:#fff;}
    .universal-coverage-reason{padding:36px 15px 40px;}
    .universal-coverage-reason-inner{
        display:block;
    }
    .universal-coverage-reason h2{font-size:22px;}
    .universal-coverage-reason h2::before{margin-bottom:12px;}
    .universal-coverage-reason-content{
        margin-top:20px;
    }
    .universal-coverage-reason-content p{font-size:14px;}
    .universal-related-reading{
        width:auto;
        max-width:none;
        min-height:0;
        margin:0 15px 40px;
        padding:18px;
        align-items:flex-start;
        flex-wrap:wrap;
    }
    .universal-related-reading-copy{
        width:calc(100% - 92px);
        margin-left:12px;
        flex:1 1 auto;
    }
    .universal-related-reading-copy h3{font-size:16px;}
    .universal-related-reading-copy p{font-size:13px;}
    .universal-related-reading-link{
        width:100%;
        margin:14px 0 0;
        text-align:right;
    }
    .universal-web-embed{padding-top:30px;}
    .un2_div_item img{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;transform:none;}
    .un2_content{width:100%;box-sizing:border-box;}
    .universal-harmony-phone .un1_img{gap:0;justify-content:center;}
    .universal-harmony-phone .un1_img img{width:280px;}
    .universal-harmony-pc .un3_img img{
        width:100%;
        max-width:100%;
        border-radius:7px;
    }
    .universal-text-only{padding-bottom:40px;}
}
