.sp_br {
    display:none;
}
@media (max-width: 575.98px) {
.sp_br {
    display:block;
}
}
.swiper-button-next {
    display:none;
}
.swiper-button-prev {
    display:none;
}
.swiper-pagination {
    position: unset;
}
.c_layout {
    display: grid;
    grid-template-areas:
        "swiper-pagination"
        "swiper-wrapper";
    grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}
@media (max-width: 575.98px) {
.c_layout {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
}
div#swiper-wrapper-302c2e27c48b1a52 {
    grid-area: 2 / 1;
}
.swiper-pagination.swiper-pagination-bullets.swiper-pagination-clickable.swiper-pagination-horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    grid-area: 1 / 1;
    max-width: 1110px;
    margin-bottom: 38.4px;
    margin-top: 10px;
}
.swiper-pagination-bullet {
    border-radius: unset;
    width: auto;
    height: auto;
    background-color: unset;
    opacity: unset;
    outline: 1px solid var(--vk-color-background-white-translucent);
    position: relative;
}
.swiper-pagination > span.swiper-pagination-bullet::before {
    font-size: 14px;
    background: #ECECEC;
    color: #333;
    padding: 5px 15px;
    position: relative;
    border-radius: 3px;
}
.swiper-pagination > span.swiper-pagination-bullet.swiper-pagination-bullet-active:before  {
    background: #333;
    color: #ECECEC;
}
.swiper-pagination > span.swiper-pagination-bullet:nth-child(1)::before {
    content: 'ALL';
}
.swiper-pagination > span.swiper-pagination-bullet:nth-child(2)::before {
    content: 'エンタープライズサーチ';
}
.swiper-pagination > span.swiper-pagination-bullet:nth-child(3)::before {
    content: '通達／標準文書ポータル';
}
.swiper-pagination > span.swiper-pagination-bullet:nth-child(4)::before {
    content: '製品／図面マスタ管理';
}
.swiper-pagination > span.swiper-pagination-bullet:nth-child(5)::before {
    content: '物件／案件別文書保管';
}
.swiper-pagination > span.swiper-pagination-bullet:nth-child(6)::before {
    content: '受信文書／帳票管理／ペーパーレス';
}
.swiper-pagination > span.swiper-pagination-bullet:nth-child(7)::before {
    content: 'リモートアクセス／ネットワーク分離';
}
@media (max-width: 575.98px) {
.c_layout .vk_slider_item_container .vk_posts-layout-card > div:nth-child(n+2) {
    display:none;
}
}

/* .para_box {
    height: 200px;
    position: relative;
    overflow: hidden;
    width: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
}
.para {
    display: block;
    width: 100%;
    height: 200px;
    background-attachment: fixed;
    background-size: 210%;
    background-position: center;
    background-image: url(/wp-content/uploads/background.png);
    background-repeat: no-repeat;
}
*/
.para_box {
    height: 200px;
    position: relative;
    overflow: hidden;
    background: #fff;
    width: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
}
.para_box_chil {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0);
}
.para {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
     background-image: url(/wp-content/uploads/para_bg.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
　_::-webkit-full-page-media, _:future, :root .para  {
　　  background-size: unset;
　}
} 
_::-webkit-full-page-media, _:future, :root .para {
　　  background-size: unset;
}
@media (max-width: 575.98px) {
h2 span {
   font-size: 24px!important;
}

.sp_layout img {
    padding: 0px 8%;
}
h2
}

.fix_banner {
    position: fixed;
    background: #1D354D;
    right: 0;
    top: 80vh;
    border-radius: 10px 0px 0px 10px;
    z-index: 99;
}
.fix_banner_2 {
    position: fixed;
    background: #FA8201;
    right: 0;
    top: 72vh;
    border-radius: 10px 0px 0px 10px;
    z-index: 99;
}
.fix_banner:hover {
    opacity: 0.5;
    transition: 0.5s;
}
.fix_banner_2:hover {
    opacity: 0.5;
    transition: 0.5s;
}
.fix_banner_inner a {
    display: flex;
    padding: 10px 20px 10px 14px;
    color: #fff;
}
.fix_banner_inner_2 a {
    display: flex;
    padding: 10px 36px 10px 14px;
    color: #fff;
}
.f_icon {
    padding: 0 14px;
    line-height: 1;
}
.f_icon img {
    height: 40px;
}
.f_text {
    line-height: 1.3;
}

@media (max-width: 575.98px) {
.fix_banner {
  display:none;
}
.fix_banner_2 {
  display:none;
}
}