@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Open+Sans:wght@300;500;600&display=swap');

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?vx1xt9');
    src: url('fonts/icomoon.eot?vx1xt9#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?vx1xt9') format('truetype'),
        url('fonts/icomoon.woff?vx1xt9') format('woff'),
        url('fonts/icomoon.svg?vx1xt9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

:root {
    --bs-font-sans-serif: 'BIZ UDPGothic', --bs-font-sans-serif;

    --stx-color-key: #171ba8;
    --bs-primary: var(--stx-color-key);
}

body {
    letter-spacing: 0.05em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

ul {
    padding-left: 1.2rem;
}

p.stx-indent {
    padding-left: 0rem;
}

div.stx-indent {
    padding-left: 0rem;
}

.stx-section-header {
    padding: 0.5rem 0.8rem;
    border-left: 0.5rem solid var(--stx-color-key);
    border-bottom: 0.1rem solid var(--stx-color-key);
}

.stx-section-header-ul {
    padding: 0.5rem 0.8rem;
    border-left: 0.25rem solid var(--stx-color-key);
    border-bottom: 0.1rem solid var(--stx-color-key);
}

.stx-black-to-white {
    filter: invert(100%) sepia(0%) saturate(3575%) hue-rotate(104deg) brightness(102%) contrast(103%);
}

section.stx-section {
    padding-top: 1rem;
    padding-left: 0.5rem;
}

section.stx-section-top {
    padding-top: 3rem;
}

section.stx-clear-padding-top {
    padding-top: 0rem;
}

.stx-text-sans {
    font-family: 'Open Sans';
}

div.stx-bussiness-image {
    padding: 4rem 1rem 0.5rem 1rem;
    margin-bottom: 1rem;
    background-size: cover;
    background-position: center;
}

h3.stx-bussiness-icon {
    margin-top: 0rem;
}

h3.stx-bussiness-type {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

h5.stx-bussiness-msg {
    margin-bottom: 0.8rem;
}

[class^="stx-icon-"],
[class*=" stx-icon-"] {
    font-family: 'icomoon' !important;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.stx-icon-wir::before {
    content: "\e903";
}

.stx-icon-net::before {
    content: "\e902";
}

.stx-icon-sys::before {
    content: "\e901";
}

.stx-icon-emb::before {
    content: "\e900";
}

li {
    list-style-position: inside;
}