@charset "UTF-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

.pc-br {
    display: inline
}

.tb-br {
    display: none
}

.pc-tb-br {
    display: inline
}

.tb-sp-br {
    display: none
}

.sp-br {
    display: none
}

.se-br {
    display: none
}

.-se-br {
    display: inline
}

@media screen and (max-width:781px) {
    .pc-br {
        display: none
    }

    .tb-br {
        display: inline
    }

    .tb-sp-br {
        display: inline
    }
}

@media screen and (max-width:600px) {
    .pc-tb-br {
        display: none
    }

    .tb-br {
        display: none
    }

    .sp-br {
        display: inline
    }
}

@media screen and (max-width:425px) {
    .-se-br {
        display: none
    }

    .se-br {
        display: inline
    }
}

* {
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch
}

body,
html,
input,
select,
textarea {
    color: #333;
    -webkit-text-size-adjust: 100%
}

@media (min-width:641px) {

    body,
    html,
    input,
    select,
    textarea {
        font-family: Lato, "Noto Sans JP", sans-serif !important;
        font-size: 16px
    }
}

@media (max-width:640px) {

    body,
    html,
    input,
    select,
    textarea {
        font-family: Lato, "Noto Sans JP", sans-serif !important;
        font-size: 14px
    }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 * {
    margin: 0;
    letter-spacing: 2px !important;
    font-feature-settings: "palt"
}

@media (min-width:641px) {

    h1,
    h1 *,
    h2,
    h2 *,
    h3,
    h3 *,
    h4,
    h4 *,
    h5,
    h5 *,
    h6,
    h6 * {
        font-family: Lato, "Noto Sans JP", sans-serif !important
    }
}

@media (max-width:640px) {

    h1,
    h1 *,
    h2,
    h2 *,
    h3,
    h3 *,
    h4,
    h4 *,
    h5,
    h5 *,
    h6,
    h6 * {
        font-family: Lato, "Noto Sans JP", sans-serif !important
    }
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

dl {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img,
input,
select {
    vertical-align: middle
}

figure {
    margin: 0
}

img {
    max-width: 100%
}

address {
    font-style: normal
}

html {
    color: rgba(0, 0, 0, .87);
    font-size: 1em;
    line-height: 1.4
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media print {

    *,
    :after,
    :before,
    :first-letter {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab,
a {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
    width: 100%;
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0
}

main {
    display: block
}

[hidden] {
    display: none !important
}

body,
html {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em;
    opacity: .54;
    font-size: .6em
}

h1 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em;
    margin-top: 24px;
    margin-bottom: 24px
}

h2 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px
}

h3 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 24px;
    margin-bottom: 24px
}

h4 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 24px;
    margin-bottom: 16px
}

h5 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em;
    margin-top: 24px;
    margin-bottom: 16px
}

h6 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .04em;
    margin-top: 24px;
    margin-bottom: 16px
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 16px
}

a {
    color: #ff4081;
    font-weight: 500
}

blockquote {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.35;
    letter-spacing: .08em
}

blockquote:before {
    position: absolute;
    left: -.5em;
    content: "“"
}

blockquote:after {
    content: "”";
    margin-left: -.05em
}

mark {
    background-color: #f4ff81
}

dt {
    font-weight: 700
}

address {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-style: normal
}

ol,
ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--display-4 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.04em
}

.mdl-typography--display-4-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.04em;
    opacity: .54
}

.mdl-typography--display-3 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em
}

.mdl-typography--display-3-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em;
    opacity: .54
}

.mdl-typography--display-2 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px
}

.mdl-typography--display-2-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    opacity: .54
}

.mdl-typography--display-1 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px
}

.mdl-typography--display-1-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    opacity: .54
}

.mdl-typography--headline {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale
}

.mdl-typography--headline-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    opacity: .87
}

.mdl-typography--title {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em
}

.mdl-typography--title-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em;
    opacity: .87
}

.mdl-typography--subhead {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .04em
}

.mdl-typography--subhead-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .04em;
    opacity: .87
}

.mdl-typography--body-2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}

.mdl-typography--body-1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}

.mdl-typography--body-2-force-preferred-font {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}

.mdl-typography--body-1-force-preferred-font {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}

.mdl-typography--caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--caption-force-preferred-font {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--caption-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: .54
}

.mdl-typography--caption-force-preferred-font-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: .54
}

.mdl-typography--menu {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--menu-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    opacity: .87
}

.mdl-typography--button {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--button-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    opacity: .87
}

.mdl-typography--text-left {
    text-align: left
}

.mdl-typography--text-right {
    text-align: right
}

.mdl-typography--text-center {
    text-align: center
}

.mdl-typography--text-justify {
    text-align: justify
}

.mdl-typography--text-nowrap {
    white-space: nowrap
}

.mdl-typography--text-lowercase {
    text-transform: lowercase
}

.mdl-typography--text-uppercase {
    text-transform: uppercase
}

.mdl-typography--text-capitalize {
    text-transform: capitalize
}

.mdl-typography--font-thin {
    font-weight: 200 !important
}

.mdl-typography--font-light {
    font-weight: 300 !important
}

.mdl-typography--font-regular {
    font-weight: 400 !important
}

.mdl-typography--font-medium {
    font-weight: 500 !important
}

.mdl-typography--font-bold {
    font-weight: 700 !important
}

.mdl-typography--font-black {
    font-weight: 900 !important
}

.material-icons {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

.mdl-color-text--red {
    color: #f44336 !important
}

.mdl-color--red {
    background-color: #f44336 !important
}

.mdl-color-text--red-50 {
    color: #ffebee !important
}

.mdl-color--red-50 {
    background-color: #ffebee !important
}

.mdl-color-text--red-100 {
    color: #ffcdd2 !important
}

.mdl-color--red-100 {
    background-color: #ffcdd2 !important
}

.mdl-color-text--red-200 {
    color: #ef9a9a !important
}

.mdl-color--red-200 {
    background-color: #ef9a9a !important
}

.mdl-color-text--red-300 {
    color: #e57373 !important
}

.mdl-color--red-300 {
    background-color: #e57373 !important
}

.mdl-color-text--red-400 {
    color: #ef5350 !important
}

.mdl-color--red-400 {
    background-color: #ef5350 !important
}

.mdl-color-text--red-500 {
    color: #f44336 !important
}

.mdl-color--red-500 {
    background-color: #f44336 !important
}

.mdl-color-text--red-600 {
    color: #e53935 !important
}

.mdl-color--red-600 {
    background-color: #e53935 !important
}

.mdl-color-text--red-700 {
    color: #d32f2f !important
}

.mdl-color--red-700 {
    background-color: #d32f2f !important
}

.mdl-color-text--red-800 {
    color: #c62828 !important
}

.mdl-color--red-800 {
    background-color: #c62828 !important
}

.mdl-color-text--red-900 {
    color: #b71c1c !important
}

.mdl-color--red-900 {
    background-color: #b71c1c !important
}

.mdl-color-text--red-A100 {
    color: #ff8a80 !important
}

.mdl-color--red-A100 {
    background-color: #ff8a80 !important
}

.mdl-color-text--red-A200 {
    color: #ff5252 !important
}

.mdl-color--red-A200 {
    background-color: #ff5252 !important
}

.mdl-color-text--red-A400 {
    color: #ff1744 !important
}

.mdl-color--red-A400 {
    background-color: #ff1744 !important
}

.mdl-color-text--red-A700 {
    color: #d50000 !important
}

.mdl-color--red-A700 {
    background-color: #d50000 !important
}

.mdl-color-text--pink {
    color: #e91e63 !important
}

.mdl-color--pink {
    background-color: #e91e63 !important
}

.mdl-color-text--pink-50 {
    color: #fce4ec !important
}

.mdl-color--pink-50 {
    background-color: #fce4ec !important
}

.mdl-color-text--pink-100 {
    color: #f8bbd0 !important
}

.mdl-color--pink-100 {
    background-color: #f8bbd0 !important
}

.mdl-color-text--pink-200 {
    color: #f48fb1 !important
}

.mdl-color--pink-200 {
    background-color: #f48fb1 !important
}

.mdl-color-text--pink-300 {
    color: #f06292 !important
}

.mdl-color--pink-300 {
    background-color: #f06292 !important
}

.mdl-color-text--pink-400 {
    color: #ec407a !important
}

.mdl-color--pink-400 {
    background-color: #ec407a !important
}

.mdl-color-text--pink-500 {
    color: #e91e63 !important
}

.mdl-color--pink-500 {
    background-color: #e91e63 !important
}

.mdl-color-text--pink-600 {
    color: #d81b60 !important
}

.mdl-color--pink-600 {
    background-color: #d81b60 !important
}

.mdl-color-text--pink-700 {
    color: #c2185b !important
}

.mdl-color--pink-700 {
    background-color: #c2185b !important
}

.mdl-color-text--pink-800 {
    color: #ad1457 !important
}

.mdl-color--pink-800 {
    background-color: #ad1457 !important
}

.mdl-color-text--pink-900 {
    color: #880e4f !important
}

.mdl-color--pink-900 {
    background-color: #880e4f !important
}

.mdl-color-text--pink-A100 {
    color: #ff80ab !important
}

.mdl-color--pink-A100 {
    background-color: #ff80ab !important
}

.mdl-color-text--pink-A200 {
    color: #ff4081 !important
}

.mdl-color--pink-A200 {
    background-color: #ff4081 !important
}

.mdl-color-text--pink-A400 {
    color: #f50057 !important
}

.mdl-color--pink-A400 {
    background-color: #f50057 !important
}

.mdl-color-text--pink-A700 {
    color: #c51162 !important
}

.mdl-color--pink-A700 {
    background-color: #c51162 !important
}

.mdl-color-text--purple {
    color: #9c27b0 !important
}

.mdl-color--purple {
    background-color: #9c27b0 !important
}

.mdl-color-text--purple-50 {
    color: #f3e5f5 !important
}

.mdl-color--purple-50 {
    background-color: #f3e5f5 !important
}

.mdl-color-text--purple-100 {
    color: #e1bee7 !important
}

.mdl-color--purple-100 {
    background-color: #e1bee7 !important
}

.mdl-color-text--purple-200 {
    color: #ce93d8 !important
}

.mdl-color--purple-200 {
    background-color: #ce93d8 !important
}

.mdl-color-text--purple-300 {
    color: #ba68c8 !important
}

.mdl-color--purple-300 {
    background-color: #ba68c8 !important
}

.mdl-color-text--purple-400 {
    color: #ab47bc !important
}

.mdl-color--purple-400 {
    background-color: #ab47bc !important
}

.mdl-color-text--purple-500 {
    color: #9c27b0 !important
}

.mdl-color--purple-500 {
    background-color: #9c27b0 !important
}

.mdl-color-text--purple-600 {
    color: #8e24aa !important
}

.mdl-color--purple-600 {
    background-color: #8e24aa !important
}

.mdl-color-text--purple-700 {
    color: #7b1fa2 !important
}

.mdl-color--purple-700 {
    background-color: #7b1fa2 !important
}

.mdl-color-text--purple-800 {
    color: #6a1b9a !important
}

.mdl-color--purple-800 {
    background-color: #6a1b9a !important
}

.mdl-color-text--purple-900 {
    color: #4a148c !important
}

.mdl-color--purple-900 {
    background-color: #4a148c !important
}

.mdl-color-text--purple-A100 {
    color: #ea80fc !important
}

.mdl-color--purple-A100 {
    background-color: #ea80fc !important
}

.mdl-color-text--purple-A200 {
    color: #e040fb !important
}

.mdl-color--purple-A200 {
    background-color: #e040fb !important
}

.mdl-color-text--purple-A400 {
    color: #d500f9 !important
}

.mdl-color--purple-A400 {
    background-color: #d500f9 !important
}

.mdl-color-text--purple-A700 {
    color: #a0f !important
}

.mdl-color--purple-A700 {
    background-color: #a0f !important
}

.mdl-color-text--deep-purple {
    color: #673ab7 !important
}

.mdl-color--deep-purple {
    background-color: #673ab7 !important
}

.mdl-color-text--deep-purple-50 {
    color: #ede7f6 !important
}

.mdl-color--deep-purple-50 {
    background-color: #ede7f6 !important
}

.mdl-color-text--deep-purple-100 {
    color: #d1c4e9 !important
}

.mdl-color--deep-purple-100 {
    background-color: #d1c4e9 !important
}

.mdl-color-text--deep-purple-200 {
    color: #b39ddb !important
}

.mdl-color--deep-purple-200 {
    background-color: #b39ddb !important
}

.mdl-color-text--deep-purple-300 {
    color: #9575cd !important
}

.mdl-color--deep-purple-300 {
    background-color: #9575cd !important
}

.mdl-color-text--deep-purple-400 {
    color: #7e57c2 !important
}

.mdl-color--deep-purple-400 {
    background-color: #7e57c2 !important
}

.mdl-color-text--deep-purple-500 {
    color: #673ab7 !important
}

.mdl-color--deep-purple-500 {
    background-color: #673ab7 !important
}

.mdl-color-text--deep-purple-600 {
    color: #5e35b1 !important
}

.mdl-color--deep-purple-600 {
    background-color: #5e35b1 !important
}

.mdl-color-text--deep-purple-700 {
    color: #512da8 !important
}

.mdl-color--deep-purple-700 {
    background-color: #512da8 !important
}

.mdl-color-text--deep-purple-800 {
    color: #4527a0 !important
}

.mdl-color--deep-purple-800 {
    background-color: #4527a0 !important
}

.mdl-color-text--deep-purple-900 {
    color: #311b92 !important
}

.mdl-color--deep-purple-900 {
    background-color: #311b92 !important
}

.mdl-color-text--deep-purple-A100 {
    color: #b388ff !important
}

.mdl-color--deep-purple-A100 {
    background-color: #b388ff !important
}

.mdl-color-text--deep-purple-A200 {
    color: #7c4dff !important
}

.mdl-color--deep-purple-A200 {
    background-color: #7c4dff !important
}

.mdl-color-text--deep-purple-A400 {
    color: #651fff !important
}

.mdl-color--deep-purple-A400 {
    background-color: #651fff !important
}

.mdl-color-text--deep-purple-A700 {
    color: #6200ea !important
}

.mdl-color--deep-purple-A700 {
    background-color: #6200ea !important
}

.mdl-color-text--indigo {
    color: #3f51b5 !important
}

.mdl-color--indigo {
    background-color: #3f51b5 !important
}

.mdl-color-text--indigo-50 {
    color: #e8eaf6 !important
}

.mdl-color--indigo-50 {
    background-color: #e8eaf6 !important
}

.mdl-color-text--indigo-100 {
    color: #c5cae9 !important
}

.mdl-color--indigo-100 {
    background-color: #c5cae9 !important
}

.mdl-color-text--indigo-200 {
    color: #9fa8da !important
}

.mdl-color--indigo-200 {
    background-color: #9fa8da !important
}

.mdl-color-text--indigo-300 {
    color: #7986cb !important
}

.mdl-color--indigo-300 {
    background-color: #7986cb !important
}

.mdl-color-text--indigo-400 {
    color: #5c6bc0 !important
}

.mdl-color--indigo-400 {
    background-color: #5c6bc0 !important
}

.mdl-color-text--indigo-500 {
    color: #3f51b5 !important
}

.mdl-color--indigo-500 {
    background-color: #3f51b5 !important
}

.mdl-color-text--indigo-600 {
    color: #3949ab !important
}

.mdl-color--indigo-600 {
    background-color: #3949ab !important
}

.mdl-color-text--indigo-700 {
    color: #303f9f !important
}

.mdl-color--indigo-700 {
    background-color: #303f9f !important
}

.mdl-color-text--indigo-800 {
    color: #283593 !important
}

.mdl-color--indigo-800 {
    background-color: #283593 !important
}

.mdl-color-text--indigo-900 {
    color: #1a237e !important
}

.mdl-color--indigo-900 {
    background-color: #1a237e !important
}

.mdl-color-text--indigo-A100 {
    color: #8c9eff !important
}

.mdl-color--indigo-A100 {
    background-color: #8c9eff !important
}

.mdl-color-text--indigo-A200 {
    color: #536dfe !important
}

.mdl-color--indigo-A200 {
    background-color: #536dfe !important
}

.mdl-color-text--indigo-A400 {
    color: #3d5afe !important
}

.mdl-color--indigo-A400 {
    background-color: #3d5afe !important
}

.mdl-color-text--indigo-A700 {
    color: #304ffe !important
}

.mdl-color--indigo-A700 {
    background-color: #304ffe !important
}

.mdl-color-text--blue {
    color: #2196f3 !important
}

.mdl-color--blue {
    background-color: #2196f3 !important
}

.mdl-color-text--blue-50 {
    color: #e3f2fd !important
}

.mdl-color--blue-50 {
    background-color: #e3f2fd !important
}

.mdl-color-text--blue-100 {
    color: #bbdefb !important
}

.mdl-color--blue-100 {
    background-color: #bbdefb !important
}

.mdl-color-text--blue-200 {
    color: #90caf9 !important
}

.mdl-color--blue-200 {
    background-color: #90caf9 !important
}

.mdl-color-text--blue-300 {
    color: #64b5f6 !important
}

.mdl-color--blue-300 {
    background-color: #64b5f6 !important
}

.mdl-color-text--blue-400 {
    color: #42a5f5 !important
}

.mdl-color--blue-400 {
    background-color: #42a5f5 !important
}

.mdl-color-text--blue-500 {
    color: #2196f3 !important
}

.mdl-color--blue-500 {
    background-color: #2196f3 !important
}

.mdl-color-text--blue-600 {
    color: #1e88e5 !important
}

.mdl-color--blue-600 {
    background-color: #1e88e5 !important
}

.mdl-color-text--blue-700 {
    color: #1976d2 !important
}

.mdl-color--blue-700 {
    background-color: #1976d2 !important
}

.mdl-color-text--blue-800 {
    color: #1565c0 !important
}

.mdl-color--blue-800 {
    background-color: #1565c0 !important
}

.mdl-color-text--blue-900 {
    color: #0d47a1 !important
}

.mdl-color--blue-900 {
    background-color: #0d47a1 !important
}

.mdl-color-text--blue-A100 {
    color: #82b1ff !important
}

.mdl-color--blue-A100 {
    background-color: #82b1ff !important
}

.mdl-color-text--blue-A200 {
    color: #448aff !important
}

.mdl-color--blue-A200 {
    background-color: #448aff !important
}

.mdl-color-text--blue-A400 {
    color: #2979ff !important
}

.mdl-color--blue-A400 {
    background-color: #2979ff !important
}

.mdl-color-text--blue-A700 {
    color: #2962ff !important
}

.mdl-color--blue-A700 {
    background-color: #2962ff !important
}

.mdl-color-text--light-blue {
    color: #03a9f4 !important
}

.mdl-color--light-blue {
    background-color: #03a9f4 !important
}

.mdl-color-text--light-blue-50 {
    color: #e1f5fe !important
}

.mdl-color--light-blue-50 {
    background-color: #e1f5fe !important
}

.mdl-color-text--light-blue-100 {
    color: #b3e5fc !important
}

.mdl-color--light-blue-100 {
    background-color: #b3e5fc !important
}

.mdl-color-text--light-blue-200 {
    color: #81d4fa !important
}

.mdl-color--light-blue-200 {
    background-color: #81d4fa !important
}

.mdl-color-text--light-blue-300 {
    color: #4fc3f7 !important
}

.mdl-color--light-blue-300 {
    background-color: #4fc3f7 !important
}

.mdl-color-text--light-blue-400 {
    color: #29b6f6 !important
}

.mdl-color--light-blue-400 {
    background-color: #29b6f6 !important
}

.mdl-color-text--light-blue-500 {
    color: #03a9f4 !important
}

.mdl-color--light-blue-500 {
    background-color: #03a9f4 !important
}

.mdl-color-text--light-blue-600 {
    color: #039be5 !important
}

.mdl-color--light-blue-600 {
    background-color: #039be5 !important
}

.mdl-color-text--light-blue-700 {
    color: #0288d1 !important
}

.mdl-color--light-blue-700 {
    background-color: #0288d1 !important
}

.mdl-color-text--light-blue-800 {
    color: #0277bd !important
}

.mdl-color--light-blue-800 {
    background-color: #0277bd !important
}

.mdl-color-text--light-blue-900 {
    color: #01579b !important
}

.mdl-color--light-blue-900 {
    background-color: #01579b !important
}

.mdl-color-text--light-blue-A100 {
    color: #80d8ff !important
}

.mdl-color--light-blue-A100 {
    background-color: #80d8ff !important
}

.mdl-color-text--light-blue-A200 {
    color: #40c4ff !important
}

.mdl-color--light-blue-A200 {
    background-color: #40c4ff !important
}

.mdl-color-text--light-blue-A400 {
    color: #00b0ff !important
}

.mdl-color--light-blue-A400 {
    background-color: #00b0ff !important
}

.mdl-color-text--light-blue-A700 {
    color: #0091ea !important
}

.mdl-color--light-blue-A700 {
    background-color: #0091ea !important
}

.mdl-color-text--cyan {
    color: #00bcd4 !important
}

.mdl-color--cyan {
    background-color: #00bcd4 !important
}

.mdl-color-text--cyan-50 {
    color: #e0f7fa !important
}

.mdl-color--cyan-50 {
    background-color: #e0f7fa !important
}

.mdl-color-text--cyan-100 {
    color: #b2ebf2 !important
}

.mdl-color--cyan-100 {
    background-color: #b2ebf2 !important
}

.mdl-color-text--cyan-200 {
    color: #80deea !important
}

.mdl-color--cyan-200 {
    background-color: #80deea !important
}

.mdl-color-text--cyan-300 {
    color: #4dd0e1 !important
}

.mdl-color--cyan-300 {
    background-color: #4dd0e1 !important
}

.mdl-color-text--cyan-400 {
    color: #26c6da !important
}

.mdl-color--cyan-400 {
    background-color: #26c6da !important
}

.mdl-color-text--cyan-500 {
    color: #00bcd4 !important
}

.mdl-color--cyan-500 {
    background-color: #00bcd4 !important
}

.mdl-color-text--cyan-600 {
    color: #00acc1 !important
}

.mdl-color--cyan-600 {
    background-color: #00acc1 !important
}

.mdl-color-text--cyan-700 {
    color: #0097a7 !important
}

.mdl-color--cyan-700 {
    background-color: #0097a7 !important
}

.mdl-color-text--cyan-800 {
    color: #00838f !important
}

.mdl-color--cyan-800 {
    background-color: #00838f !important
}

.mdl-color-text--cyan-900 {
    color: #006064 !important
}

.mdl-color--cyan-900 {
    background-color: #006064 !important
}

.mdl-color-text--cyan-A100 {
    color: #84ffff !important
}

.mdl-color--cyan-A100 {
    background-color: #84ffff !important
}

.mdl-color-text--cyan-A200 {
    color: #18ffff !important
}

.mdl-color--cyan-A200 {
    background-color: #18ffff !important
}

.mdl-color-text--cyan-A400 {
    color: #00e5ff !important
}

.mdl-color--cyan-A400 {
    background-color: #00e5ff !important
}

.mdl-color-text--cyan-A700 {
    color: #00b8d4 !important
}

.mdl-color--cyan-A700 {
    background-color: #00b8d4 !important
}

.mdl-color-text--teal {
    color: #009688 !important
}

.mdl-color--teal {
    background-color: #009688 !important
}

.mdl-color-text--teal-50 {
    color: #e0f2f1 !important
}

.mdl-color--teal-50 {
    background-color: #e0f2f1 !important
}

.mdl-color-text--teal-100 {
    color: #b2dfdb !important
}

.mdl-color--teal-100 {
    background-color: #b2dfdb !important
}

.mdl-color-text--teal-200 {
    color: #80cbc4 !important
}

.mdl-color--teal-200 {
    background-color: #80cbc4 !important
}

.mdl-color-text--teal-300 {
    color: #4db6ac !important
}

.mdl-color--teal-300 {
    background-color: #4db6ac !important
}

.mdl-color-text--teal-400 {
    color: #26a69a !important
}

.mdl-color--teal-400 {
    background-color: #26a69a !important
}

.mdl-color-text--teal-500 {
    color: #009688 !important
}

.mdl-color--teal-500 {
    background-color: #009688 !important
}

.mdl-color-text--teal-600 {
    color: #00897b !important
}

.mdl-color--teal-600 {
    background-color: #00897b !important
}

.mdl-color-text--teal-700 {
    color: #00796b !important
}

.mdl-color--teal-700 {
    background-color: #00796b !important
}

.mdl-color-text--teal-800 {
    color: #00695c !important
}

.mdl-color--teal-800 {
    background-color: #00695c !important
}

.mdl-color-text--teal-900 {
    color: #004d40 !important
}

.mdl-color--teal-900 {
    background-color: #004d40 !important
}

.mdl-color-text--teal-A100 {
    color: #a7ffeb !important
}

.mdl-color--teal-A100 {
    background-color: #a7ffeb !important
}

.mdl-color-text--teal-A200 {
    color: #64ffda !important
}

.mdl-color--teal-A200 {
    background-color: #64ffda !important
}

.mdl-color-text--teal-A400 {
    color: #1de9b6 !important
}

.mdl-color--teal-A400 {
    background-color: #1de9b6 !important
}

.mdl-color-text--teal-A700 {
    color: #00bfa5 !important
}

.mdl-color--teal-A700 {
    background-color: #00bfa5 !important
}

.mdl-color-text--green {
    color: #4caf50 !important
}

.mdl-color--green {
    background-color: #4caf50 !important
}

.mdl-color-text--green-50 {
    color: #e8f5e9 !important
}

.mdl-color--green-50 {
    background-color: #e8f5e9 !important
}

.mdl-color-text--green-100 {
    color: #c8e6c9 !important
}

.mdl-color--green-100 {
    background-color: #c8e6c9 !important
}

.mdl-color-text--green-200 {
    color: #a5d6a7 !important
}

.mdl-color--green-200 {
    background-color: #a5d6a7 !important
}

.mdl-color-text--green-300 {
    color: #81c784 !important
}

.mdl-color--green-300 {
    background-color: #81c784 !important
}

.mdl-color-text--green-400 {
    color: #66bb6a !important
}

.mdl-color--green-400 {
    background-color: #66bb6a !important
}

.mdl-color-text--green-500 {
    color: #4caf50 !important
}

.mdl-color--green-500 {
    background-color: #4caf50 !important
}

.mdl-color-text--green-600 {
    color: #43a047 !important
}

.mdl-color--green-600 {
    background-color: #43a047 !important
}

.mdl-color-text--green-700 {
    color: #388e3c !important
}

.mdl-color--green-700 {
    background-color: #388e3c !important
}

.mdl-color-text--green-800 {
    color: #2e7d32 !important
}

.mdl-color--green-800 {
    background-color: #2e7d32 !important
}

.mdl-color-text--green-900 {
    color: #1b5e20 !important
}

.mdl-color--green-900 {
    background-color: #1b5e20 !important
}

.mdl-color-text--green-A100 {
    color: #b9f6ca !important
}

.mdl-color--green-A100 {
    background-color: #b9f6ca !important
}

.mdl-color-text--green-A200 {
    color: #69f0ae !important
}

.mdl-color--green-A200 {
    background-color: #69f0ae !important
}

.mdl-color-text--green-A400 {
    color: #00e676 !important
}

.mdl-color--green-A400 {
    background-color: #00e676 !important
}

.mdl-color-text--green-A700 {
    color: #00c853 !important
}

.mdl-color--green-A700 {
    background-color: #00c853 !important
}

.mdl-color-text--light-green {
    color: #8bc34a !important
}

.mdl-color--light-green {
    background-color: #8bc34a !important
}

.mdl-color-text--light-green-50 {
    color: #f1f8e9 !important
}

.mdl-color--light-green-50 {
    background-color: #f1f8e9 !important
}

.mdl-color-text--light-green-100 {
    color: #dcedc8 !important
}

.mdl-color--light-green-100 {
    background-color: #dcedc8 !important
}

.mdl-color-text--light-green-200 {
    color: #c5e1a5 !important
}

.mdl-color--light-green-200 {
    background-color: #c5e1a5 !important
}

.mdl-color-text--light-green-300 {
    color: #aed581 !important
}

.mdl-color--light-green-300 {
    background-color: #aed581 !important
}

.mdl-color-text--light-green-400 {
    color: #9ccc65 !important
}

.mdl-color--light-green-400 {
    background-color: #9ccc65 !important
}

.mdl-color-text--light-green-500 {
    color: #8bc34a !important
}

.mdl-color--light-green-500 {
    background-color: #8bc34a !important
}

.mdl-color-text--light-green-600 {
    color: #7cb342 !important
}

.mdl-color--light-green-600 {
    background-color: #7cb342 !important
}

.mdl-color-text--light-green-700 {
    color: #689f38 !important
}

.mdl-color--light-green-700 {
    background-color: #689f38 !important
}

.mdl-color-text--light-green-800 {
    color: #558b2f !important
}

.mdl-color--light-green-800 {
    background-color: #558b2f !important
}

.mdl-color-text--light-green-900 {
    color: #33691e !important
}

.mdl-color--light-green-900 {
    background-color: #33691e !important
}

.mdl-color-text--light-green-A100 {
    color: #ccff90 !important
}

.mdl-color--light-green-A100 {
    background-color: #ccff90 !important
}

.mdl-color-text--light-green-A200 {
    color: #b2ff59 !important
}

.mdl-color--light-green-A200 {
    background-color: #b2ff59 !important
}

.mdl-color-text--light-green-A400 {
    color: #76ff03 !important
}

.mdl-color--light-green-A400 {
    background-color: #76ff03 !important
}

.mdl-color-text--light-green-A700 {
    color: #64dd17 !important
}

.mdl-color--light-green-A700 {
    background-color: #64dd17 !important
}

.mdl-color-text--lime {
    color: #cddc39 !important
}

.mdl-color--lime {
    background-color: #cddc39 !important
}

.mdl-color-text--lime-50 {
    color: #f9fbe7 !important
}

.mdl-color--lime-50 {
    background-color: #f9fbe7 !important
}

.mdl-color-text--lime-100 {
    color: #f0f4c3 !important
}

.mdl-color--lime-100 {
    background-color: #f0f4c3 !important
}

.mdl-color-text--lime-200 {
    color: #e6ee9c !important
}

.mdl-color--lime-200 {
    background-color: #e6ee9c !important
}

.mdl-color-text--lime-300 {
    color: #dce775 !important
}

.mdl-color--lime-300 {
    background-color: #dce775 !important
}

.mdl-color-text--lime-400 {
    color: #d4e157 !important
}

.mdl-color--lime-400 {
    background-color: #d4e157 !important
}

.mdl-color-text--lime-500 {
    color: #cddc39 !important
}

.mdl-color--lime-500 {
    background-color: #cddc39 !important
}

.mdl-color-text--lime-600 {
    color: #c0ca33 !important
}

.mdl-color--lime-600 {
    background-color: #c0ca33 !important
}

.mdl-color-text--lime-700 {
    color: #afb42b !important
}

.mdl-color--lime-700 {
    background-color: #afb42b !important
}

.mdl-color-text--lime-800 {
    color: #9e9d24 !important
}

.mdl-color--lime-800 {
    background-color: #9e9d24 !important
}

.mdl-color-text--lime-900 {
    color: #827717 !important
}

.mdl-color--lime-900 {
    background-color: #827717 !important
}

.mdl-color-text--lime-A100 {
    color: #f4ff81 !important
}

.mdl-color--lime-A100 {
    background-color: #f4ff81 !important
}

.mdl-color-text--lime-A200 {
    color: #eeff41 !important
}

.mdl-color--lime-A200 {
    background-color: #eeff41 !important
}

.mdl-color-text--lime-A400 {
    color: #c6ff00 !important
}

.mdl-color--lime-A400 {
    background-color: #c6ff00 !important
}

.mdl-color-text--lime-A700 {
    color: #aeea00 !important
}

.mdl-color--lime-A700 {
    background-color: #aeea00 !important
}

.mdl-color-text--yellow {
    color: #ffeb3b !important
}

.mdl-color--yellow {
    background-color: #ffeb3b !important
}

.mdl-color-text--yellow-50 {
    color: #fffde7 !important
}

.mdl-color--yellow-50 {
    background-color: #fffde7 !important
}

.mdl-color-text--yellow-100 {
    color: #fff9c4 !important
}

.mdl-color--yellow-100 {
    background-color: #fff9c4 !important
}

.mdl-color-text--yellow-200 {
    color: #fff59d !important
}

.mdl-color--yellow-200 {
    background-color: #fff59d !important
}

.mdl-color-text--yellow-300 {
    color: #fff176 !important
}

.mdl-color--yellow-300 {
    background-color: #fff176 !important
}

.mdl-color-text--yellow-400 {
    color: #ffee58 !important
}

.mdl-color--yellow-400 {
    background-color: #ffee58 !important
}

.mdl-color-text--yellow-500 {
    color: #ffeb3b !important
}

.mdl-color--yellow-500 {
    background-color: #ffeb3b !important
}

.mdl-color-text--yellow-600 {
    color: #fdd835 !important
}

.mdl-color--yellow-600 {
    background-color: #fdd835 !important
}

.mdl-color-text--yellow-700 {
    color: #fbc02d !important
}

.mdl-color--yellow-700 {
    background-color: #fbc02d !important
}

.mdl-color-text--yellow-800 {
    color: #f9a825 !important
}

.mdl-color--yellow-800 {
    background-color: #f9a825 !important
}

.mdl-color-text--yellow-900 {
    color: #f57f17 !important
}

.mdl-color--yellow-900 {
    background-color: #f57f17 !important
}

.mdl-color-text--yellow-A100 {
    color: #ffff8d !important
}

.mdl-color--yellow-A100 {
    background-color: #ffff8d !important
}

.mdl-color-text--yellow-A200 {
    color: #ff0 !important
}

.mdl-color--yellow-A200 {
    background-color: #ff0 !important
}

.mdl-color-text--yellow-A400 {
    color: #ffea00 !important
}

.mdl-color--yellow-A400 {
    background-color: #ffea00 !important
}

.mdl-color-text--yellow-A700 {
    color: #ffd600 !important
}

.mdl-color--yellow-A700 {
    background-color: #ffd600 !important
}

.mdl-color-text--amber {
    color: #ffc107 !important
}

.mdl-color--amber {
    background-color: #ffc107 !important
}

.mdl-color-text--amber-50 {
    color: #fff8e1 !important
}

.mdl-color--amber-50 {
    background-color: #fff8e1 !important
}

.mdl-color-text--amber-100 {
    color: #ffecb3 !important
}

.mdl-color--amber-100 {
    background-color: #ffecb3 !important
}

.mdl-color-text--amber-200 {
    color: #ffe082 !important
}

.mdl-color--amber-200 {
    background-color: #ffe082 !important
}

.mdl-color-text--amber-300 {
    color: #ffd54f !important
}

.mdl-color--amber-300 {
    background-color: #ffd54f !important
}

.mdl-color-text--amber-400 {
    color: #ffca28 !important
}

.mdl-color--amber-400 {
    background-color: #ffca28 !important
}

.mdl-color-text--amber-500 {
    color: #ffc107 !important
}

.mdl-color--amber-500 {
    background-color: #ffc107 !important
}

.mdl-color-text--amber-600 {
    color: #ffb300 !important
}

.mdl-color--amber-600 {
    background-color: #ffb300 !important
}

.mdl-color-text--amber-700 {
    color: #ffa000 !important
}

.mdl-color--amber-700 {
    background-color: #ffa000 !important
}

.mdl-color-text--amber-800 {
    color: #ff8f00 !important
}

.mdl-color--amber-800 {
    background-color: #ff8f00 !important
}

.mdl-color-text--amber-900 {
    color: #ff6f00 !important
}

.mdl-color--amber-900 {
    background-color: #ff6f00 !important
}

.mdl-color-text--amber-A100 {
    color: #ffe57f !important
}

.mdl-color--amber-A100 {
    background-color: #ffe57f !important
}

.mdl-color-text--amber-A200 {
    color: #ffd740 !important
}

.mdl-color--amber-A200 {
    background-color: #ffd740 !important
}

.mdl-color-text--amber-A400 {
    color: #ffc400 !important
}

.mdl-color--amber-A400 {
    background-color: #ffc400 !important
}

.mdl-color-text--amber-A700 {
    color: #ffab00 !important
}

.mdl-color--amber-A700 {
    background-color: #ffab00 !important
}

.mdl-color-text--orange {
    color: #ff9800 !important
}

.mdl-color--orange {
    background-color: #ff9800 !important
}

.mdl-color-text--orange-50 {
    color: #fff3e0 !important
}

.mdl-color--orange-50 {
    background-color: #fff3e0 !important
}

.mdl-color-text--orange-100 {
    color: #ffe0b2 !important
}

.mdl-color--orange-100 {
    background-color: #ffe0b2 !important
}

.mdl-color-text--orange-200 {
    color: #ffcc80 !important
}

.mdl-color--orange-200 {
    background-color: #ffcc80 !important
}

.mdl-color-text--orange-300 {
    color: #ffb74d !important
}

.mdl-color--orange-300 {
    background-color: #ffb74d !important
}

.mdl-color-text--orange-400 {
    color: #ffa726 !important
}

.mdl-color--orange-400 {
    background-color: #ffa726 !important
}

.mdl-color-text--orange-500 {
    color: #ff9800 !important
}

.mdl-color--orange-500 {
    background-color: #ff9800 !important
}

.mdl-color-text--orange-600 {
    color: #fb8c00 !important
}

.mdl-color--orange-600 {
    background-color: #fb8c00 !important
}

.mdl-color-text--orange-700 {
    color: #f57c00 !important
}

.mdl-color--orange-700 {
    background-color: #f57c00 !important
}

.mdl-color-text--orange-800 {
    color: #ef6c00 !important
}

.mdl-color--orange-800 {
    background-color: #ef6c00 !important
}

.mdl-color-text--orange-900 {
    color: #e65100 !important
}

.mdl-color--orange-900 {
    background-color: #e65100 !important
}

.mdl-color-text--orange-A100 {
    color: #ffd180 !important
}

.mdl-color--orange-A100 {
    background-color: #ffd180 !important
}

.mdl-color-text--orange-A200 {
    color: #ffab40 !important
}

.mdl-color--orange-A200 {
    background-color: #ffab40 !important
}

.mdl-color-text--orange-A400 {
    color: #ff9100 !important
}

.mdl-color--orange-A400 {
    background-color: #ff9100 !important
}

.mdl-color-text--orange-A700 {
    color: #ff6d00 !important
}

.mdl-color--orange-A700 {
    background-color: #ff6d00 !important
}

.mdl-color-text--deep-orange {
    color: #ff5722 !important
}

.mdl-color--deep-orange {
    background-color: #ff5722 !important
}

.mdl-color-text--deep-orange-50 {
    color: #fbe9e7 !important
}

.mdl-color--deep-orange-50 {
    background-color: #fbe9e7 !important
}

.mdl-color-text--deep-orange-100 {
    color: #ffccbc !important
}

.mdl-color--deep-orange-100 {
    background-color: #ffccbc !important
}

.mdl-color-text--deep-orange-200 {
    color: #ffab91 !important
}

.mdl-color--deep-orange-200 {
    background-color: #ffab91 !important
}

.mdl-color-text--deep-orange-300 {
    color: #ff8a65 !important
}

.mdl-color--deep-orange-300 {
    background-color: #ff8a65 !important
}

.mdl-color-text--deep-orange-400 {
    color: #ff7043 !important
}

.mdl-color--deep-orange-400 {
    background-color: #ff7043 !important
}

.mdl-color-text--deep-orange-500 {
    color: #ff5722 !important
}

.mdl-color--deep-orange-500 {
    background-color: #ff5722 !important
}

.mdl-color-text--deep-orange-600 {
    color: #f4511e !important
}

.mdl-color--deep-orange-600 {
    background-color: #f4511e !important
}

.mdl-color-text--deep-orange-700 {
    color: #e64a19 !important
}

.mdl-color--deep-orange-700 {
    background-color: #e64a19 !important
}

.mdl-color-text--deep-orange-800 {
    color: #d84315 !important
}

.mdl-color--deep-orange-800 {
    background-color: #d84315 !important
}

.mdl-color-text--deep-orange-900 {
    color: #bf360c !important
}

.mdl-color--deep-orange-900 {
    background-color: #bf360c !important
}

.mdl-color-text--deep-orange-A100 {
    color: #ff9e80 !important
}

.mdl-color--deep-orange-A100 {
    background-color: #ff9e80 !important
}

.mdl-color-text--deep-orange-A200 {
    color: #ff6e40 !important
}

.mdl-color--deep-orange-A200 {
    background-color: #ff6e40 !important
}

.mdl-color-text--deep-orange-A400 {
    color: #ff3d00 !important
}

.mdl-color--deep-orange-A400 {
    background-color: #ff3d00 !important
}

.mdl-color-text--deep-orange-A700 {
    color: #dd2c00 !important
}

.mdl-color--deep-orange-A700 {
    background-color: #dd2c00 !important
}

.mdl-color-text--brown {
    color: #795548 !important
}

.mdl-color--brown {
    background-color: #795548 !important
}

.mdl-color-text--brown-50 {
    color: #efebe9 !important
}

.mdl-color--brown-50 {
    background-color: #efebe9 !important
}

.mdl-color-text--brown-100 {
    color: #d7ccc8 !important
}

.mdl-color--brown-100 {
    background-color: #d7ccc8 !important
}

.mdl-color-text--brown-200 {
    color: #bcaaa4 !important
}

.mdl-color--brown-200 {
    background-color: #bcaaa4 !important
}

.mdl-color-text--brown-300 {
    color: #a1887f !important
}

.mdl-color--brown-300 {
    background-color: #a1887f !important
}

.mdl-color-text--brown-400 {
    color: #8d6e63 !important
}

.mdl-color--brown-400 {
    background-color: #8d6e63 !important
}

.mdl-color-text--brown-500 {
    color: #795548 !important
}

.mdl-color--brown-500 {
    background-color: #795548 !important
}

.mdl-color-text--brown-600 {
    color: #6d4c41 !important
}

.mdl-color--brown-600 {
    background-color: #6d4c41 !important
}

.mdl-color-text--brown-700 {
    color: #5d4037 !important
}

.mdl-color--brown-700 {
    background-color: #5d4037 !important
}

.mdl-color-text--brown-800 {
    color: #4e342e !important
}

.mdl-color--brown-800 {
    background-color: #4e342e !important
}

.mdl-color-text--brown-900 {
    color: #3e2723 !important
}

.mdl-color--brown-900 {
    background-color: #3e2723 !important
}

.mdl-color-text--grey {
    color: #9e9e9e !important
}

.mdl-color--grey {
    background-color: #9e9e9e !important
}

.mdl-color-text--grey-50 {
    color: #fafafa !important
}

.mdl-color--grey-50 {
    background-color: #fafafa !important
}

.mdl-color-text--grey-100 {
    color: #f5f5f5 !important
}

.mdl-color--grey-100 {
    background-color: #f5f5f5 !important
}

.mdl-color-text--grey-200 {
    color: #eee !important
}

.mdl-color--grey-200 {
    background-color: #eee !important
}

.mdl-color-text--grey-300 {
    color: #e0e0e0 !important
}

.mdl-color--grey-300 {
    background-color: #e0e0e0 !important
}

.mdl-color-text--grey-400 {
    color: #bdbdbd !important
}

.mdl-color--grey-400 {
    background-color: #bdbdbd !important
}

.mdl-color-text--grey-500 {
    color: #9e9e9e !important
}

.mdl-color--grey-500 {
    background-color: #9e9e9e !important
}

.mdl-color-text--grey-600 {
    color: #757575 !important
}

.mdl-color--grey-600 {
    background-color: #757575 !important
}

.mdl-color-text--grey-700 {
    color: #616161 !important
}

.mdl-color--grey-700 {
    background-color: #616161 !important
}

.mdl-color-text--grey-800 {
    color: #424242 !important
}

.mdl-color--grey-800 {
    background-color: #424242 !important
}

.mdl-color-text--grey-900 {
    color: #212121 !important
}

.mdl-color--grey-900 {
    background-color: #212121 !important
}

.mdl-color-text--blue-grey {
    color: #607d8b !important
}

.mdl-color--blue-grey {
    background-color: #607d8b !important
}

.mdl-color-text--blue-grey-50 {
    color: #eceff1 !important
}

.mdl-color--blue-grey-50 {
    background-color: #eceff1 !important
}

.mdl-color-text--blue-grey-100 {
    color: #cfd8dc !important
}

.mdl-color--blue-grey-100 {
    background-color: #cfd8dc !important
}

.mdl-color-text--blue-grey-200 {
    color: #b0bec5 !important
}

.mdl-color--blue-grey-200 {
    background-color: #b0bec5 !important
}

.mdl-color-text--blue-grey-300 {
    color: #90a4ae !important
}

.mdl-color--blue-grey-300 {
    background-color: #90a4ae !important
}

.mdl-color-text--blue-grey-400 {
    color: #78909c !important
}

.mdl-color--blue-grey-400 {
    background-color: #78909c !important
}

.mdl-color-text--blue-grey-500 {
    color: #607d8b !important
}

.mdl-color--blue-grey-500 {
    background-color: #607d8b !important
}

.mdl-color-text--blue-grey-600 {
    color: #546e7a !important
}

.mdl-color--blue-grey-600 {
    background-color: #546e7a !important
}

.mdl-color-text--blue-grey-700 {
    color: #455a64 !important
}

.mdl-color--blue-grey-700 {
    background-color: #455a64 !important
}

.mdl-color-text--blue-grey-800 {
    color: #37474f !important
}

.mdl-color--blue-grey-800 {
    background-color: #37474f !important
}

.mdl-color-text--blue-grey-900 {
    color: #263238 !important
}

.mdl-color--blue-grey-900 {
    background-color: #263238 !important
}

.mdl-color--black {
    background-color: #000 !important
}

.mdl-color-text--black {
    color: #000 !important
}

.mdl-color--white {
    background-color: #fff !important
}

.mdl-color-text--white {
    color: #fff !important
}

.mdl-color--primary {
    background-color: #3f51b5 !important
}

.mdl-color--primary-contrast {
    background-color: #fff !important
}

.mdl-color--primary-dark {
    background-color: #303f9f !important
}

.mdl-color--accent {
    background-color: #ff4081 !important
}

.mdl-color--accent-contrast {
    background-color: #fff !important
}

.mdl-color-text--primary {
    color: #3f51b5 !important
}

.mdl-color-text--primary-contrast {
    color: #fff !important
}

.mdl-color-text--primary-dark {
    color: #303f9f !important
}

.mdl-color-text--accent {
    color: #ff4081 !important
}

.mdl-color-text--accent-contrast {
    color: #fff !important
}

.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-ripple.is-animating {
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1)
}

.mdl-ripple.is-visible {
    opacity: .3
}

.mdl-animation--default {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px
}

.mdl-badge:not([data-badge]) {
    margin-right: auto
}

.mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px
}

.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px
}

.mdl-badge[data-badge]:after {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ff4081;
    color: #fff
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #ff4081;
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 0 1px gray
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 10px
}

.mdl-badge.mdl-badge--overlap:after {
    right: -10px
}

.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, .2)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

.mdl-button:active {
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button.mdl-button--colored {
    color: #3f51b5
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

input.mdl-button[type=submit] {
    -webkit-appearance: none
}

.mdl-button--raised {
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--raised.mdl-button--colored {
    background: #3f51b5;
    color: #fff
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #fff
}

.mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    position: relative;
    line-height: normal
}

.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--fab.mdl-button--colored {
    background: #ff4081;
    color: #fff
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:active {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #fff
}

.mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal
}

.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0
}

.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}

.mdl-button--primary.mdl-button--primary {
    color: #3f51b5
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #fff
}

.mdl-button--primary.mdl-button--primary.mdl-button--fab,
.mdl-button--primary.mdl-button--primary.mdl-button--raised {
    color: #fff;
    background-color: #3f51b5
}

.mdl-button--accent.mdl-button--accent {
    color: #ff4081
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #fff
}

.mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdl-button--accent.mdl-button--accent.mdl-button--raised {
    color: #fff;
    background-color: #ff4081
}

.mdl-button.mdl-button--disabled.mdl-button--disabled,
.mdl-button[disabled][disabled] {
    color: rgba(0, 0, 0, .26);
    cursor: default;
    background-color: transparent
}

.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
.mdl-button--fab[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
.mdl-button--raised[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26);
    box-shadow: none
}

.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
.mdl-button--colored[disabled][disabled] {
    color: rgba(0, 0, 0, .26)
}

.mdl-button .material-icons {
    vertical-align: middle
}

.mdl-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.mdl-card__media {
    background-color: #ff4081;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box
}

.mdl-card__title {
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px 16px;
    perspective-origin: 165px 56px;
    -ms-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box
}

.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.mdl-card__title-text {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -ms-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0
}

.mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(0, 0, 0, .54);
    margin: 0
}

.mdl-card__supporting-text {
    color: rgba(0, 0, 0, .54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px 16px;
    width: 90%
}

.mdl-card__supporting-text.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    padding: 8px;
    box-sizing: border-box
}

.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.mdl-card--expand {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px
}

.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0
}

.mdl-checkbox.is-upgraded {
    padding-left: 24px
}

.mdl-checkbox__input {
    line-height: 24px
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    appearance: none;
    border: none
}

.mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
    z-index: 2
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #3f51b5
}

.mdl-checkbox.is-disabled .mdl-checkbox__box-outline,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(63, 81, 181, .26);
    background-color: rgba(63, 81, 181, .26)
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url(/images/tick-mask.svg?embed);
    mask: url(/images/tick-mask.svg?embed);
    background: 0 0;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #3f51b5 url(/images/tick.svg?embed)
}

.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, .26) url(/images/tick.svg?embed)
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.mdl-checkbox.is-disabled .mdl-checkbox__label,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: #3f51b5
}

.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container {
    cursor: auto
}

.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-chip {
    height: 32px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, .87);
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap
}

.mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block
}

.mdl-chip__action {
    height: 24px;
    width: 24px;
    background: 0 0;
    opacity: .54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0, 0, 0, .87);
    border: none;
    outline: 0;
    overflow: hidden
}

.mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px
}

.mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-chip:active {
    background-color: #d6d6d6
}

.mdl-chip--deletable {
    padding-right: 4px
}

.mdl-chip--contact {
    padding-left: 0
}

.mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: #fff
}

.mdl-data-table thead {
    padding-bottom: 3px
}

.mdl-data-table thead .mdl-data-table__select {
    margin-top: 0
}

.mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background-color
}

.mdl-data-table tbody tr.is-selected {
    background-color: #e0e0e0
}

.mdl-data-table tbody tr:hover {
    background-color: #eee
}

.mdl-data-table td,
.mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right
}

.mdl-data-table td:first-of-type,
.mdl-data-table th:first-of-type {
    padding-left: 24px
}

.mdl-data-table td:last-of-type,
.mdl-data-table th:last-of-type {
    padding-right: 24px
}

.mdl-data-table td {
    position: relative;
    vertical-align: middle;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding-top: 12px;
    box-sizing: border-box
}

.mdl-data-table td .mdl-data-table__select {
    vertical-align: middle
}

.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    padding-bottom: 8px;
    box-sizing: border-box
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending,
.mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: rgba(0, 0, 0, .87)
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    content: "\e5d8";
    margin-right: 5px;
    vertical-align: sub
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
    cursor: pointer
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
    color: rgba(0, 0, 0, .26)
}

.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    content: "\e5db"
}

.mdl-data-table__select {
    width: 16px
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left
}

.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2);
    width: 280px
}

.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem
}

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mdl-dialog__actions>* {
    margin-right: 8px;
    height: 36px
}

.mdl-dialog__actions>:first-child {
    margin-right: 0
}

.mdl-dialog__actions--full-width {
    padding: 0 0 8px 0
}

.mdl-dialog__actions--full-width>* {
    height: 48px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right
}

.mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0, 0, 0, .54)
}

.mdl-mega-footer {
    padding: 16px 40px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--top-section:after,
.mdl-mega-footer__bottom-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__top-section:after {
    content: "";
    display: block;
    clear: both
}

.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
    margin-bottom: 16px
}

.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
    margin-bottom: 16px
}

.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
    display: block;
    margin-bottom: 16px;
    color: inherit;
    text-decoration: none
}

@media screen and (min-width:760px) {

    .mdl-mega-footer--left-section,
    .mdl-mega-footer__left-section {
        float: left
    }

    .mdl-mega-footer--right-section,
    .mdl-mega-footer__right-section {
        float: right
    }

    .mdl-mega-footer--right-section a,
    .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle
    }
}

.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
    display: block;
    position: relative
}

@media screen and (min-width:760px) {

    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer__drop-down-section {
        width: 33%
    }

    .mdl-mega-footer--drop-down-section:nth-child(1),
    .mdl-mega-footer--drop-down-section:nth-child(2),
    .mdl-mega-footer__drop-down-section:nth-child(1),
    .mdl-mega-footer__drop-down-section:nth-child(2) {
        float: left
    }

    .mdl-mega-footer--drop-down-section:nth-child(3),
    .mdl-mega-footer__drop-down-section:nth-child(3) {
        float: right
    }

    .mdl-mega-footer--drop-down-section:nth-child(3):after,
    .mdl-mega-footer__drop-down-section:nth-child(3):after {
        clear: right
    }

    .mdl-mega-footer--drop-down-section:nth-child(4),
    .mdl-mega-footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right
    }

    .mdl-mega-footer--middle-section:after,
    .mdl-mega-footer__middle-section:after {
        content: "";
        display: block;
        clear: both
    }

    .mdl-mega-footer--bottom-section,
    .mdl-mega-footer__bottom-section {
        padding-top: 0
    }
}

@media screen and (min-width:1024px) {

    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer--drop-down-section:nth-child(3),
    .mdl-mega-footer--drop-down-section:nth-child(4),
    .mdl-mega-footer__drop-down-section,
    .mdl-mega-footer__drop-down-section:nth-child(3),
    .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left
    }
}

.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: 0;
    margin-top: -16px;
    cursor: pointer;
    z-index: 1;
    opacity: 0
}

.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after {
    font-family: "Material Icons";
    content: "\e5ce"
}

.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
    display: none
}

.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
    font-family: "Material Icons";
    content: "\e5cf"
}

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e0e0e0
}

.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 23.8px;
    height: 23.8px;
    background-size: cover
}

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

.mdl-mega-footer--link-list:after,
.mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: ""
}

.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 20px
}

.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

@media screen and (min-width:760px) {

    .mdl-mega-footer--heading-checkbox,
    .mdl-mega-footer__heading-checkbox {
        display: none
    }

    .mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after {
        content: ""
    }

    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
    .mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,
    .mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
        display: block
    }

    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
        content: ""
    }
}

.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px
}

.mdl-logo {
    margin-bottom: 16px;
    color: #fff
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px
}

@media screen and (min-width:760px) {
    .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px
    }
}

.mdl-mini-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mini-footer:after {
    content: "";
    display: block
}

.mdl-mini-footer .mdl-logo {
    line-height: 36px
}

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px
}

@media screen and (min-width:760px) {

    .mdl-mini-footer--link-list li,
    .mdl-mini-footer__link-list li {
        line-height: 36px
    }
}

.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
    display: inline-block;
    -ms-flex-order: 0;
    order: 0
}

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
    display: inline-block;
    -ms-flex-order: 1;
    order: 1
}

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-icon-toggle {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0
}

.mdl-icon-toggle__input {
    line-height: 32px
}

.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    appearance: none;
    border: none
}

.mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
}

.mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #3f51b5
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto;
    transition: none
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, .12)
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63, 81, 181, .26)
}

.mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-list {
    display: block;
    padding: 8px 0;
    list-style: none
}

.mdl-list__item {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .04em;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    min-height: 48px;
    box-sizing: border-box;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    cursor: default;
    color: rgba(0, 0, 0, .87);
    overflow: hidden
}

.mdl-list__item .mdl-list__item-primary-content {
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-right: 32px
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
    margin-right: 16px
}

.mdl-list__item .mdl-list__item-secondary-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 16px
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
    display: inline
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(0, 0, 0, .54)
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
    padding: 0 0 0 16px
}

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: #757575
}

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #757575;
    font-size: 40px;
    color: #fff
}

.mdl-list__item--two-line {
    height: 72px
}

.mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
    float: left
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left;
    margin-top: 6px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
    height: 36px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 18px;
    color: rgba(0, 0, 0, .54);
    display: block;
    padding: 0
}

.mdl-list__item--three-line {
    height: 88px
}

.mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block
}

.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left
}

.mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px
}

.mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: rgba(0, 0, 0, .54);
    display: block;
    padding: 0
}

.mdl-menu__container {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1
}

.mdl-menu__container.is-animating,
.mdl-menu__container.is-visible {
    z-index: 999;
    visibility: visible
}

.mdl-menu__outline {
    display: block;
    background: #fff;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    will-change: transform;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 999
}

.mdl-menu__outline.mdl-menu--bottom-right {
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.mdl-menu__outline.mdl-menu--top-left {
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.mdl-menu__outline.mdl-menu--top-right {
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999
}

.mdl-menu.is-animating {
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), clip .3s cubic-bezier(.4, 0, .2, 1)
}

.mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0
}

.mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0
}

.mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0
}

.mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto
}

.mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0, 0, 0, .87);
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1
}

.mdl-menu__item::-moz-focus-inner {
    border: 0
}

.mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mdl-menu__item[data-mdl-disabled],
.mdl-menu__item[disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto
}

.mdl-menu__item[data-mdl-disabled]:hover,
.mdl-menu__item[disabled]:hover {
    background-color: transparent
}

.mdl-menu__item[data-mdl-disabled]:focus,
.mdl-menu__item[disabled]:focus {
    background-color: transparent
}

.mdl-menu__item[data-mdl-disabled] .mdl-ripple,
.mdl-menu__item[disabled] .mdl-ripple {
    background: 0 0
}

.mdl-menu__item:hover {
    background-color: #eee
}

.mdl-menu__item:focus {
    outline: 0;
    background-color: #eee
}

.mdl-menu__item:active {
    background-color: #e0e0e0
}

.mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%
}

.mdl-progress>.bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0%;
    transition: width .2s cubic-bezier(.4, 0, .2, 1)
}

.mdl-progress>.progressbar {
    background-color: #3f51b5;
    z-index: 1;
    left: 0
}

.mdl-progress>.bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #3f51b5, #3f51b5);
    z-index: 0;
    left: 0
}

.mdl-progress>.auxbar {
    right: 0
}

@supports (-webkit-appearance:none) {

    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,
    .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #3f51b5, #3f51b5);
        -webkit-mask: url(/images/buffer.svg?embed);
        mask: url(/images/buffer.svg?embed)
    }
}

.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,
.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), linear-gradient(to right, #3f51b5, #3f51b5)
}

.mdl-progress.mdl-progress--indeterminate>.bar1,
.mdl-progress.mdl-progress__indeterminate>.bar1 {
    background-color: #3f51b5;
    animation-name: indeterminate1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.mdl-progress.mdl-progress--indeterminate>.bar3,
.mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-image: none;
    background-color: #3f51b5;
    animation-name: indeterminate2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes indeterminate1 {
    0% {
        left: 0;
        width: 0%
    }

    50% {
        left: 25%;
        width: 75%
    }

    75% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate2 {
    0% {
        left: 0;
        width: 0%
    }

    50% {
        left: 0;
        width: 0%
    }

    75% {
        left: 0;
        width: 25%
    }

    100% {
        left: 100%;
        width: 0%
    }
}

.mdl-navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box
}

.mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}

.mdl-navigation__link .material-icons {
    vertical-align: middle
}

.mdl-layout {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
    display: none
}

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
    display: none
}

.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%
}

.mdl-layout-title,
.mdl-layout__title {
    display: block;
    position: relative;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em;
    font-weight: 400;
    box-sizing: border-box
}

.mdl-layout-spacer {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdl-layout__drawer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #fafafa;
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5
}

.mdl-layout__drawer.is-visible {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content {
    overflow: hidden
}

.mdl-layout__drawer>* {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mdl-layout__drawer>.mdl-layout-title,
.mdl-layout__drawer>.mdl-layout__title {
    line-height: 64px;
    padding-left: 40px
}

@media screen and (max-width:1024px) {

    .mdl-layout__drawer>.mdl-layout-title,
    .mdl-layout__drawer>.mdl-layout__title {
        line-height: 56px;
        padding-left: 16px
    }
}

.mdl-layout__drawer .mdl-navigation {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 16px
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px 40px;
    margin: 0;
    color: #757575
}

@media screen and (max-width:1024px) {
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px 16px
    }
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: #e0e0e0
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #e0e0e0;
    color: #000
}

@media screen and (min-width:1025px) {
    .mdl-layout--fixed-drawer>.mdl-layout__drawer {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 4
}

.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: #fff;
    background-color: inherit
}

@media screen and (max-width:1024px) {
    .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px
    }
}

@media screen and (max-width:1024px) {
    .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, .5)
    }
}

@media screen and (min-width:1025px) {
    .mdl-layout__drawer-button {
        line-height: 54px
    }

    .mdl-layout--fixed-drawer>.mdl-layout__drawer-button,
    .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
    .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none
    }
}

.mdl-layout__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: #3f51b5;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: max-height, box-shadow
}

@media screen and (max-width:1024px) {
    .mdl-layout__header {
        min-height: 56px
    }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px)
}

@media screen and (min-width:1025px) {
    .mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px
    }
}

.mdl-layout__header>.mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block
}

@media screen and (max-width:1024px) {
    .mdl-layout__header>.mdl-layout-icon {
        left: 16px;
        top: 12px
    }
}

.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon {
    display: none
}

.mdl-layout__header.is-compact {
    max-height: 64px
}

@media screen and (max-width:1024px) {
    .mdl-layout__header.is-compact {
        max-height: 56px
    }
}

.mdl-layout__header.is-compact.has-tabs {
    height: 112px
}

@media screen and (max-width:1024px) {
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px
    }
}

@media screen and (max-width:1024px) {
    .mdl-layout__header {
        display: none
    }

    .mdl-layout--fixed-header>.mdl-layout__header {
        display: -ms-flexbox;
        display: flex
    }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none
}

.mdl-layout__header--seamed {
    box-shadow: none
}

.mdl-layout__header--scroll {
    box-shadow: none
}

.mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden
}

.mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mdl-layout__header-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px
}

.mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px
}

@media screen and (min-width:1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 40px
    }
}

@media screen and (max-width:1024px) {
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px
    }

    .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px
    }
}

.mdl-layout__header-row>* {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%
}

.mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:1024px) {
    .mdl-layout__header-row .mdl-navigation {
        height: 56px
    }
}

.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: #fff;
    line-height: 64px;
    padding: 0 24px
}

@media screen and (max-width:1024px) {
    .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px
    }
}

.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, .5);
    visibility: visible
}

@supports (pointer-events:auto) {
    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none
    }

    .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1
    }
}

.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.mdl-layout--fixed-drawer>.mdl-layout__content {
    margin-left: 240px
}

.mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible
}

@media screen and (max-width:1024px) {
    .mdl-layout--fixed-drawer>.mdl-layout__content {
        margin-left: 0
    }

    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden
    }
}

.mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -ms-flexbox;
    display: flex;
    background-color: #3f51b5;
    overflow-y: hidden;
    overflow-x: scroll
}

.mdl-layout__tab-bar::-webkit-scrollbar {
    display: none
}

.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px)
}

@media screen and (min-width:1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 16px;
        width: calc(100% - 32px)
    }
}

@media screen and (max-width:1024px) {
    .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px
    }

    .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%
}

.mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.mdl-layout__container>.mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0
}

.mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: #3f51b5;
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
    position: relative;
    left: -4px
}

@media screen and (max-width:1024px) {
    .mdl-layout__tab-bar-button {
        width: 60px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none
}

.mdl-layout__tab-bar-button .material-icons {
    line-height: 48px
}

.mdl-layout__tab-bar-button.is-active {
    color: #fff
}

.mdl-layout__tab-bar-left-button {
    left: 0
}

.mdl-layout__tab-bar-right-button {
    right: 0
}

.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .6);
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .mdl-layout__tab {
        padding: 0 12px 0 12px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: #fff
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #ff4081;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}

.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: #fff
}

.mdl-layout__tab-panel {
    display: block
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block
}

.mdl-radio {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 24px;
    margin: 0;
    padding-left: 0
}

.mdl-radio.is-upgraded {
    padding-left: 24px
}

.mdl-radio__button {
    line-height: 24px
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    appearance: none;
    border: none
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 50%;
    z-index: 2
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #3f51b5
}

.mdl-radio.is-disabled .mdl-radio__outer-circle,
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: transform;
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: #3f51b5
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.mdl-radio.is-disabled .mdl-radio__inner-circle,
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1)
}

.mdl-radio__label {
    cursor: pointer
}

.mdl-radio.is-disabled .mdl-radio__label,
fieldset[disabled] .mdl-radio .mdl-radio__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-radio__ripple-container .mdl-ripple {
    background: #3f51b5
}

.mdl-radio.is-disabled .mdl-radio__ripple-container,
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container {
    cursor: auto
}

.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple {
    background: 0 0
}

_:-ms-input-placeholder,
:root .mdl-slider.mdl-slider.is-upgraded {
    -ms-appearance: none;
    height: 32px;
    margin: 0
}

.mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px
}

.mdl-slider.is-upgraded {
    appearance: none;
    height: 2px;
    background: 0 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    padding: 0;
    color: #3f51b5;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    z-index: 1;
    cursor: pointer
}

.mdl-slider.is-upgraded::-moz-focus-outer {
    border: 0
}

.mdl-slider.is-upgraded::-ms-tooltip {
    display: none
}

.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: 0 0
}

.mdl-slider.is-upgraded::-moz-range-track {
    background: 0 0;
    border: none
}

.mdl-slider.is-upgraded::-ms-track {
    background: 0 0;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none
}

.mdl-slider.is-upgraded::-ms-fill-lower {
    padding: 0;
    background: linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0)
}

.mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, .26) 16px, rgba(0, 0, 0, .26) 0)
}

.mdl-slider.is-upgraded::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #3f51b5;
    border: none;
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1)
}

.mdl-slider.is-upgraded::-moz-range-thumb {
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background-image: none;
    background: #3f51b5;
    border: none
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, .26)
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, .26)
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background-image: none;
    background: #3f51b5;
    transform: scale(1.5)
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
    background-image: none;
    background: #3f51b5;
    transform: scale(1.5)
}

.mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #3f51b5;
    -ms-transform: scale(.375);
    transform: scale(.375);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1)
}

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #3f51b5 0, #3f51b5 37.5%, rgba(63, 81, 181, .26) 37.5%, rgba(63, 81, 181, .26) 100%);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mdl-slider.is-upgraded:active::-ms-thumb {
    background: #3f51b5;
    -ms-transform: scale(.5625);
    transform: scale(.5625)
}

.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid rgba(0, 0, 0, .26);
    background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid rgba(0, 0, 0, .26);
    background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid rgba(0, 0, 0, .26);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value:active+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 9px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border: 1.5px solid rgba(0, 0, 0, .26);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 66.67%, rgba(0, 0, 0, .26) 66.67%, rgba(0, 0, 0, .26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, rgba(0, 0, 0, .12) 0, rgba(0, 0, 0, .12) 25%, rgba(0, 0, 0, .26) 25%, rgba(0, 0, 0, .26) 37.5%, rgba(0, 0, 0, .12) 37.5%, rgba(0, 0, 0, .12) 100%);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    -ms-transform: scale(.5625);
    transform: scale(.5625);
    background: radial-gradient(circle closest-side, transparent 0, transparent 77.78%, rgba(0, 0, 0, .26) 77.78%, rgba(0, 0, 0, .26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
    margin-left: 9px
}

.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb {
    transform: scale(.667);
    background: rgba(0, 0, 0, .26)
}

.mdl-slider.is-upgraded:disabled::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb {
    transform: scale(.667);
    background: rgba(0, 0, 0, .26)
}

.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower {
    background-color: rgba(0, 0, 0, .26);
    left: -6px
}

.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb {
    border: 3px solid rgba(0, 0, 0, .26);
    background: 0 0;
    transform: scale(.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb {
    border: 3px solid rgba(0, 0, 0, .26);
    background: 0 0;
    transform: scale(.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded:disabled::-ms-thumb,
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded:disabled:focus::-ms-thumb {
    -ms-transform: scale(.25);
    transform: scale(.25);
    background: rgba(0, 0, 0, .26)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb {
    -ms-transform: scale(.25);
    transform: scale(.25);
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, rgba(0, 0, 0, .26) 50%, rgba(0, 0, 0, .26) 100%)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    margin-right: 6px;
    background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, .26) 25px, rgba(0, 0, 0, .26) 0)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none
}

.mdl-slider__container {
    height: 18px;
    position: relative;
    background: 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.mdl-slider__background-flex {
    background: 0 0;
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    -ms-transform: translate(0, -1px);
    transform: translate(0, -1px)
}

.mdl-slider__background-lower {
    background: #3f51b5;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0
}

.mdl-slider__background-upper {
    background: rgba(0, 0, 0, .26);
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    transition: left .18s cubic-bezier(.4, 0, .2, 1)
}

.mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    will-change: transform;
    -ms-transform: translate(0, 80px);
    transform: translate(0, 80px);
    transition: transform .25s cubic-bezier(.4, 0, 1, 1);
    pointer-events: none
}

@media (max-width:479px) {
    .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px
    }
}

@media (min-width:480px) {
    .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        -ms-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px)
    }
}

.mdl-snackbar--active {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

@media (min-width:480px) {
    .mdl-snackbar--active {
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: #fff;
    float: left
}

.mdl-snackbar__action {
    background: 0 0;
    border: none;
    color: #ff4081;
    float: right;
    text-transform: uppercase;
    padding: 14px 24px 14px 12px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: 0;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.mdl-snackbar__action::-moz-focus-inner {
    border: 0
}

.mdl-snackbar__action:not([aria-hidden]) {
    opacity: 1;
    pointer-events: auto
}

.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px
}

.mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."
}

.mdl-spinner.is-upgraded.is-active {
    animation: mdl-spinner__container-rotate 1.568s linear infinite
}

@keyframes mdl-spinner__container-rotate {
    to {
        transform: rotate(360deg)
    }
}

.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mdl-spinner__layer-1 {
    border-color: #42a5f5
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-2 {
    border-color: #f44336
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-3 {
    border-color: #fdd835
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-4 {
    border-color: #4caf50
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }

    25% {
        transform: rotate(270deg)
    }

    37.5% {
        transform: rotate(405deg)
    }

    50% {
        transform: rotate(540deg)
    }

    62.5% {
        transform: rotate(675deg)
    }

    75% {
        transform: rotate(810deg)
    }

    87.5% {
        transform: rotate(945deg)
    }

    to {
        transform: rotate(1080deg)
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: .99
    }

    25% {
        opacity: .99
    }

    26% {
        opacity: 0
    }

    89% {
        opacity: 0
    }

    90% {
        opacity: .99
    }

    100% {
        opacity: .99
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0
    }

    15% {
        opacity: 0
    }

    25% {
        opacity: .99
    }

    50% {
        opacity: .99
    }

    51% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: .99
    }

    75% {
        opacity: .99
    }

    76% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    75% {
        opacity: .99
    }

    90% {
        opacity: .99
    }

    100% {
        opacity: 0
    }
}

.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%
}

.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__circle-clipper.mdl-spinner__left {
    float: left
}

.mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%
}

.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -ms-transform: rotate(129deg);
    transform: rotate(129deg)
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -ms-transform: rotate(-129deg);
    transform: rotate(-129deg)
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@keyframes mdl-spinner__left-spin {
    from {
        transform: rotate(130deg)
    }

    50% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(130deg)
    }
}

@keyframes mdl-spinner__right-spin {
    from {
        transform: rotate(-130deg)
    }

    50% {
        transform: rotate(5deg)
    }

    to {
        transform: rotate(-130deg)
    }
}

.mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible
}

.mdl-switch.is-upgraded {
    padding-left: 28px
}

.mdl-switch {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-switch__input {
    line-height: 24px
}

.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    appearance: none;
    border: none
}

.mdl-switch__track {
    background: rgba(0, 0, 0, .26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63, 81, 181, .5)
}

.mdl-switch.is-disabled .mdl-switch__track,
.mdl-switch__track fieldset[disabled] .mdl-switch {
    background: rgba(0, 0, 0, .12);
    cursor: auto
}

.mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: left
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: #3f51b5;
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mdl-switch.is-disabled .mdl-switch__thumb,
.mdl-switch__thumb fieldset[disabled] .mdl-switch {
    background: #bdbdbd;
    cursor: auto
}

.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(63, 81, 181, .26);
    background-color: rgba(63, 81, 181, .26)
}

.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    left: 24px
}

.mdl-switch.is-disabled .mdl-switch__label,
.mdl-switch__label fieldset[disabled] .mdl-switch {
    color: #bdbdbd;
    cursor: auto
}

.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    transition-duration: .4s;
    transition-timing-function: step-end;
    transition-property: left
}

.mdl-switch__ripple-container .mdl-ripple {
    background: #3f51b5
}

.mdl-switch.is-disabled .mdl-switch__ripple-container,
.mdl-switch__ripple-container fieldset[disabled] .mdl-switch {
    cursor: auto
}

.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px
}

.mdl-tabs {
    display: block;
    width: 100%
}

.mdl-tabs__tab-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}

.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .54);
    overflow: hidden
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, .87)
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #3f51b5;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #3f51b5
}

.mdl-tabs__panel {
    display: block
}

.mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }

    100% {
        opacity: 1;
        width: 100%
    }
}

.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px
}

.mdl-textfield--align-right {
    text-align: right
}

.mdl-textfield--full-width {
    width: 100%
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: block;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit
}

.mdl-textfield__input[type=number] {
    -moz-appearance: textfield
}

.mdl-textfield__input[type=number]::-webkit-inner-spin-button,
.mdl-textfield__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: 0
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none
}

.mdl-textfield.is-disabled .mdl-textfield__input,
fieldset[disabled] .mdl-textfield .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, .26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.mdl-textfield.has-placeholder .mdl-textfield__label,
.mdl-textfield.is-dirty .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
fieldset[disabled] .mdl-textfield .mdl-textfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #3f51b5;
    font-size: 12px;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px
}

.mdl-textfield__label:after {
    background-color: #3f51b5;
    bottom: 20px;
    content: "";
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000
}

.mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    display: inline-block;
    max-width: .1px
}

.mdl-textfield.is-dirty .mdl-textfield__expandable-holder,
.mdl-textfield.is-focused .mdl-textfield__expandable-holder {
    max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0
}

.mdl-tooltip {
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-transform-origin: top center;
    transform-origin: top center;
    z-index: 999;
    background: rgba(97, 97, 97, .9);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center
}

.mdl-tooltip.is-active {
    animation: pulse .2s cubic-bezier(0, 0, .2, 1) forwards
}

.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(.99)
    }

    100% {
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}

.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2)
}

.mdl-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mdl-grid.mdl-grid--no-spacing {
    padding: 0
}

.mdl-cell {
    box-sizing: border-box
}

.mdl-cell--top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdl-cell--middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.mdl-cell--bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.mdl-cell--stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.mdl-grid.mdl-grid--no-spacing>.mdl-cell {
    margin: 0
}

.mdl-cell--order-1 {
    -ms-flex-order: 1;
    order: 1
}

.mdl-cell--order-2 {
    -ms-flex-order: 2;
    order: 2
}

.mdl-cell--order-3 {
    -ms-flex-order: 3;
    order: 3
}

.mdl-cell--order-4 {
    -ms-flex-order: 4;
    order: 4
}

.mdl-cell--order-5 {
    -ms-flex-order: 5;
    order: 5
}

.mdl-cell--order-6 {
    -ms-flex-order: 6;
    order: 6
}

.mdl-cell--order-7 {
    -ms-flex-order: 7;
    order: 7
}

.mdl-cell--order-8 {
    -ms-flex-order: 8;
    order: 8
}

.mdl-cell--order-9 {
    -ms-flex-order: 9;
    order: 9
}

.mdl-cell--order-10 {
    -ms-flex-order: 10;
    order: 10
}

.mdl-cell--order-11 {
    -ms-flex-order: 11;
    order: 11
}

.mdl-cell--order-12 {
    -ms-flex-order: 12;
    order: 12
}

@media (max-width:479px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell {
        width: 100%
    }

    .mdl-cell--hide-phone {
        display: none !important
    }

    .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%
    }
}

@media (min-width:480px) and (max-width:839px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell {
        width: 50%
    }

    .mdl-cell--hide-tablet {
        display: none !important
    }

    .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%
    }
}

@media (min-width:840px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell {
        width: 33.3333333333%
    }

    .mdl-cell--hide-desktop {
        display: none !important
    }

    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%
    }

    .mdl-cell--8-offset,
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%
    }

    .mdl-cell--9-offset,
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%
    }

    .mdl-cell--10-offset,
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%
    }

    .mdl-cell--11-offset,
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%
    }
}

.sg-block-spinner,
.sg-boot-overlay {
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.sg-block-spinner {
    z-index: 9999;
    position: absolute;
    background: rgba(255, 255, 255, .5)
}

.sg-boot-overlay {
    display: none;
    position: fixed
}

.sg-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding: 35px;
    border-radius: 4px;
    background-color: rgba(34, 34, 34, .4);
    white-space: nowrap;
    color: #fff;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sg-spinner:after,
.sg-spinner:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 100%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.sg-spinner:before {
    border: 4px solid #e6e6e6
}

.sg-spinner:after {
    border: 4px solid transparent;
    border-top-color: #0457a7;
    animation: kf-spinner 1s infinite linear
}

@keyframes kf-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.sg-header__global-nav__breadcrumb,
.sg-header__global-nav__breadcrumb--headsup,
.sg-header__global-nav__breadcrumb--hr {
    z-index: 96;
    position: fixed;
    width: 100%;
    top: 78px;
    left: 0;
    padding: 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    -ms-transform: unset !important;
    transform: unset !important
}

.sg-header__global-nav__breadcrumb--contact,
.sg-header__global-nav__breadcrumb--headsup--contact,
.sg-header__global-nav__breadcrumb--hr--contact {
    position: unset
}

.sg-header__global-nav__breadcrumb--contact ul,
.sg-header__global-nav__breadcrumb--headsup--contact ul,
.sg-header__global-nav__breadcrumb--hr--contact ul {
    max-width: 1046px;
    padding: 8px 0 !important
}

.sg-header__global-nav__breadcrumb ul,
.sg-header__global-nav__breadcrumb--headsup ul,
.sg-header__global-nav__breadcrumb--hr ul {
    width: 1192px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 8px 16px;
    line-height: 1
}

@media (max-width:640px) {

    .sg-header__global-nav__breadcrumb ul,
    .sg-header__global-nav__breadcrumb--headsup ul,
    .sg-header__global-nav__breadcrumb--hr ul {
        width: 90%
    }
}

.sg-header__global-nav__breadcrumb li,
.sg-header__global-nav__breadcrumb--headsup li,
.sg-header__global-nav__breadcrumb--hr li {
    color: #999;
    font-size: 12px;
    position: relative;
    padding-right: 16px
}

.sg-header__global-nav__breadcrumb li h1,
.sg-header__global-nav__breadcrumb--headsup li h1,
.sg-header__global-nav__breadcrumb--hr li h1 {
    position: relative;
    margin: 0;
    color: #999;
    font-size: 12px;
    letter-spacing: 0 !important
}

.sg-header__global-nav__breadcrumb li a,
.sg-header__global-nav__breadcrumb--headsup li a,
.sg-header__global-nav__breadcrumb--hr li a {
    vertical-align: middle;
    color: #999;
    font-size: 12px;
    text-decoration: none
}

.sg-header__global-nav__breadcrumb li a:hover,
.sg-header__global-nav__breadcrumb--headsup li a:hover,
.sg-header__global-nav__breadcrumb--hr li a:hover {
    color: #0457a7
}

.sg-header__global-nav__breadcrumb li:not(:last-child)::after,
.sg-header__global-nav__breadcrumb--headsup li:not(:last-child)::after,
.sg-header__global-nav__breadcrumb--hr li:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    right: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--right--black-f716ee679d.svg);
    top: 55%;
    opacity: .3
}

.sg-header__global-nav__breadcrumb li:not(:first-child),
.sg-header__global-nav__breadcrumb--headsup li:not(:first-child),
.sg-header__global-nav__breadcrumb--hr li:not(:first-child) {
    padding-left: 8px
}

.sg-header__global-nav__breadcrumb p,
.sg-header__global-nav__breadcrumb--headsup p,
.sg-header__global-nav__breadcrumb--hr p {
    margin: 0 8px;
    padding: 0;
    line-height: 1;
    color: #999;
    font-size: 10px
}

@media (max-width:808px) {

    .sg-header__global-nav__breadcrumb,
    .sg-header__global-nav__breadcrumb--headsup,
    .sg-header__global-nav__breadcrumb--hr {
        display: none
    }
}

.sg-header__global-nav__breadcrumb--hr {
    position: relative;
    top: 0;
    height: 32px
}

.sg-header__global-nav__breadcrumb--headsup {
    top: 118px
}

.sg-header__border {
    z-index: 99;
    position: fixed;
    width: 100%;
    top: 126px;
    left: 0;
    padding: 0;
    border-top: 1px solid #e5e5e5;
    background-color: #fff
}

@media (max-width:808px) {
    .sg-header__border {
        display: none
    }
}

.sg-header__global-nav__top {
    position: relative;
    padding: 24px 0;
    margin: 0 auto;
    width: 1160px
}

.sg-header__global-nav__top .sg-logo__hrmos--ats__wrapper {
    line-height: 0
}

.sg-header__global-nav__top .sg-logo__hrmos--ats__wrapper .sg-logo__hrmos {
    vertical-align: top
}

@media (max-width:1160px) {
    .sg-header__global-nav__top {
        width: 90%
    }
}

@media (max-width:808px) {
    .sg-header__global-nav__top {
        display: none
    }
}

.sg-footer-group-service {
    background-color: #f3f5f6;
    color: #0457a7
}

.sg-footer-group-service__wrapper {
    width: 100%;
    max-width: 1160px;
    padding: 56px 0 72px;
    margin: 0 auto
}

@media (max-width:1160px) {
    .sg-footer-group-service__wrapper {
        width: 90%;
        padding: 40px 0
    }
}

.sg-footer-group-service__heading {
    margin: 0 auto 16px;
    text-align: left;
    font-size: 16px;
    font-weight: 700
}

@media (max-width:768px) {
    .sg-footer-group-service__heading {
        margin: 0 auto 28px
    }
}

@media (max-width:768px) {
    .sg-footer-group-service__link-list {
        margin-bottom: 28px
    }

    .sg-footer-group-service__link-list:last-child {
        margin-bottom: 0
    }
}

.sg-footer-group-service__link-list dt {
    font-size: 14px
}

.sg-footer-group-service__link-list dt:first-child {
    margin-left: 0
}

.sg-footer-group-service__link-list dd {
    font-size: 16px
}

.sg-footer-group-service__link-list dd,
.sg-footer-group-service__link-list dt {
    margin-top: 12px;
    margin-left: 10px;
    line-height: 20px;
    display: inline-block
}

@media (max-width:768px) {

    .sg-footer-group-service__link-list dd,
    .sg-footer-group-service__link-list dt {
        line-height: 1.8;
        display: block;
        margin-top: 0;
        margin-left: 0
    }
}

.sg-footer-group-service__link-list dd>span.is-pc,
.sg-footer-group-service__link-list dt>span.is-pc {
    display: inline-block
}

@media (max-width:768px) {

    .sg-footer-group-service__link-list dd>span.is-pc,
    .sg-footer-group-service__link-list dt>span.is-pc {
        display: none
    }
}

.sg-footer-group-service__link-list dd>.g-blank,
.sg-footer-group-service__link-list dt>.g-blank {
    position: relative
}

.sg-footer-group-service__link-list dd>.g-blank[target=_blank]::before,
.sg-footer-group-service__link-list dt>.g-blank[target=_blank]::before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -22px;
    bottom: 1px
}

@media (max-width:860px) {

    .sg-footer-group-service__link-list dd>.g-blank[target=_blank]::before,
    .sg-footer-group-service__link-list dt>.g-blank[target=_blank]::before {
        bottom: -5px
    }
}

.sg-footer-group-service__link-list dd a,
.sg-footer-group-service__link-list dt a {
    color: #0457a7;
    text-decoration: none
}

.sg-footer-group-service__link-list dd .t-blank,
.sg-footer-group-service__link-list dt .t-blank {
    position: relative
}

.sg-footer-group-service__link-list dd .t-blank[target=_blank]::before,
.sg-footer-group-service__link-list dt .t-blank[target=_blank]::before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -22px;
    top: 13px
}

@media (max-width:768px) {

    .sg-footer-group-service__link-list dd .t-blank[target=_blank]::before,
    .sg-footer-group-service__link-list dt .t-blank[target=_blank]::before {
        top: 10px
    }
}

@media (min-width:768px) {

    .sg-footer-group-service__link-list dd a,
    .sg-footer-group-service__link-list dt a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    .sg-footer-group-service__link-list dd a::after,
    .sg-footer-group-service__link-list dt a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: #0457a7;
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        -ms-transform-origin: left top;
        transform-origin: left top;
        transition-delay: .1s
    }

    .sg-footer-group-service__link-list dd a:hover::after,
    .sg-footer-group-service__link-list dt a:hover::after {
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1)
    }

    .sg-footer-group-service__link-list dd a:visited,
    .sg-footer-group-service__link-list dt a:visited {
        color: #0457a7
    }
}

.sg-footer-group-service__link-list dd {
    font-size: 14px
}

@media (max-width:768px) {
    .sg-footer-group-service__link-list dd {
        margin-top: 8px
    }
}

.sg-footer-group-service__link-list dd:nth-child(3) {
    margin-left: 0
}

a {
    color: #2693ff
}

html {
    scroll-behavior: smooth
}

iframe {
    background-color: #fff
}

iframe.wc-webchat {
    background-color: transparent !important
}

img {
    width: auto;
    height: auto
}

.mdl-layout {
    height: auto
}

.mdl-layout__container {
    position: relative
}

footer .mdl-mega-footer__heading,
footer .mdl-mega-footer__heading_sec,
footer .mdl-mega-footer__right-heading {
    font-size: 16px;
    font-weight: 700;
    color: #0457a7;
    line-height: 24px;
    margin: 0 auto;
    text-align: left
}

footer .mdl-mega-footer__heading input[type=checkbox],
footer .mdl-mega-footer__heading_sec input[type=checkbox],
footer .mdl-mega-footer__right-heading input[type=checkbox] {
    display: none
}

footer .mdl-mega-footer__heading a,
footer .mdl-mega-footer__heading_sec a,
footer .mdl-mega-footer__right-heading a {
    font-weight: 700
}

@media (max-width:1160px) {

    footer .mdl-mega-footer__heading,
    footer .mdl-mega-footer__heading_sec,
    footer .mdl-mega-footer__right-heading {
        margin: 0 auto 16px
    }
}

@media (max-width:768px) {

    footer .mdl-mega-footer__heading,
    footer .mdl-mega-footer__heading_sec,
    footer .mdl-mega-footer__right-heading {
        border-bottom: 1px solid #d4d2d2;
        line-height: 3;
        width: 90%;
        margin: 12px 5% 0;
        padding: 0;
        position: relative
    }

    footer .mdl-mega-footer__heading:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__heading:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list+.mdl-mega-footer__sonar-group,
    footer .mdl-mega-footer__heading_sec:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__heading_sec:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list+.mdl-mega-footer__sonar-group,
    footer .mdl-mega-footer__right-heading:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__right-heading:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list+.mdl-mega-footer__sonar-group {
        max-height: 100%;
        opacity: 1
    }

    footer .mdl-mega-footer__heading:has(input[type=checkbox]:checked)::after,
    footer .mdl-mega-footer__heading_sec:has(input[type=checkbox]:checked)::after,
    footer .mdl-mega-footer__right-heading:has(input[type=checkbox]:checked)::after {
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    footer .mdl-mega-footer__heading input[type=checkbox],
    footer .mdl-mega-footer__heading_sec input[type=checkbox],
    footer .mdl-mega-footer__right-heading input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: block
    }

    footer .mdl-mega-footer__heading input[type=checkbox]:checked~::after,
    footer .mdl-mega-footer__heading_sec input[type=checkbox]:checked~::after,
    footer .mdl-mega-footer__right-heading input[type=checkbox]:checked~::after {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    footer .mdl-mega-footer__heading input[type=checkbox]:checked~.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__heading_sec input[type=checkbox]:checked~.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__right-heading input[type=checkbox]:checked~.mdl-mega-footer__link-list {
        max-height: 100%;
        opacity: 1
    }

    footer .mdl-mega-footer__heading a,
    footer .mdl-mega-footer__heading_sec a,
    footer .mdl-mega-footer__right-heading a {
        width: 100%;
        display: block;
        text-decoration: none;
        pointer-events: none
    }

    footer .mdl-mega-footer__heading:after,
    footer .mdl-mega-footer__heading_sec:after,
    footer .mdl-mega-footer__right-heading:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 2px;
        top: 40%;
        transition: transform .3s ease
    }
}

footer .mdl-mega-footer__subheading {
    margin: 0 auto 8px;
    margin-top: 0 !important;
    text-align: left;
    overflow: hidden
}

footer .mdl-mega-footer__subheading a {
    font-size: 12px;
    font-weight: 700;
    color: #0457a7;
    line-height: 24px
}

@media (max-width:768px) {
    footer .mdl-mega-footer__subheading a {
        font-size: 14px;
        margin-top: 10px !important
    }
}

footer .mdl-mega-footer__heading_sec {
    position: relative;
    overflow: hidden;
    margin-top: 16px
}

@media (max-width:768px) {
    footer .mdl-mega-footer__heading_sec:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }

    footer .mdl-mega-footer__heading_sec.group:after {
        display: none
    }
}

footer .mdl-mega-footer__right-heading .pc-none {
    display: none
}

@media (max-width:369px) {
    footer .mdl-mega-footer__right-heading .pc-none {
        display: block
    }
}

footer .mdl-mega-footer__right-heading:after {
    content: none
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__right-heading {
        margin-top: 32px
    }
}

@media (max-width:768px) {
    footer .mdl-mega-footer__right-heading {
        border-bottom: none;
        text-align: center
    }
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__heading_atsnewgrads {
        margin-top: 30px
    }
}

footer .mdl-mega-footer__first-section {
    padding: 47px 0 0;
    color: #0457a7;
    background-color: #fafafa
}

footer .mdl-mega-footer__first-section::after {
    content: "";
    display: block;
    clear: both
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__first-section {
        padding: 40px 0 0
    }
}

footer .mdl-mega-footer__first-section .sg-layout__wrapper {
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1160px;
    max-width: 100%;
    margin: 0 auto
}

@media (min-width:1160px-1px) {
    footer .mdl-mega-footer__first-section .sg-layout__wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__first-section .sg-layout__wrapper {
        width: 90%;
        margin-top: 32px
    }
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__first-section .sg-layout__wrapper {
        display: block
    }
}

@media (max-width:768px) {
    footer .mdl-mega-footer__first-section .sg-layout__wrapper {
        width: 100%;
        margin-top: 0
    }

    footer .mdl-mega-footer__first-section .sg-layout__wrapper .mdl-mega-footer__link-list li {
        position: relative
    }

    footer .mdl-mega-footer__first-section .sg-layout__wrapper .mdl-mega-footer__link-list li a {
        width: 100%;
        display: block
    }

    footer .mdl-mega-footer__first-section .sg-layout__wrapper .mdl-mega-footer__link-list li:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper {
    max-width: 1160px;
    width: 1160px;
    margin: 0 auto;
    border-bottom: 1px solid #d4d2d2;
    float: unset;
    padding: 0 0 36px 0 !important
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 {
    margin-top: 18px;
    text-align: left
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a {
    color: #0457a7
}

@media (min-width:768px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a:visited {
        color: #0457a7
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: inherit
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a {
    color: #0457a7
}

@media (min-width:768px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a:visited {
        color: #0457a7
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li.show_in_sp {
    display: none
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a {
    color: inherit;
    text-decoration: none;
    margin-right: 20px
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper {
        width: 90% !important
    }
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper {
        width: 90% !important
    }
}

@media (max-width:768px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper {
        border-bottom: unset;
        padding: 0 !important;
        width: 100% !important
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a {
        line-height: 3
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul {
        display: block;
        border: none;
        padding: 0 !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .25s ease, opacity .25s ease, padding-top .25s ease
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li {
        line-height: 3;
        position: relative
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li.show_in_sp {
        display: block
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li.show_in_sp a {
        font-weight: 700
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

footer .mdl-mega-footer__middle-section {
    padding: 44px 0 0;
    color: #0457a7;
    background-color: #fafafa
}

footer .mdl-mega-footer__middle-section::after {
    content: "";
    display: block;
    clear: both
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__middle-section {
        padding: 12px 0 40px
    }
}

footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1160px;
    max-width: 100%;
    margin: 0 auto
}

footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice {
    margin-top: 11px
}

@media (max-width:768px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice {
        margin-top: 0
    }
}

footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading {
    overflow: hidden;
    text-align: left;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0
}

footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading a {
    font-weight: 700;
    font-size: 16px
}

@media (max-width:768px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading {
        position: relative;
        line-height: 3;
        margin: 0 5%
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading a {
        font-size: 14px;
        font-weight: 500
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading:first-child {
        margin-top: 0
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading::after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

@media (min-width:1160px-1px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
        width: 90%;
        margin-top: 32px
    }
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
        display: block
    }
}

@media (max-width:768px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
        width: 100%;
        margin-top: 0
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__left-section__first .mdl-mega-footer__heading {
        margin: 0 5% 0
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__link-list {
        border: none;
        padding: 0 !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .15s cubic-bezier(.4, 0, .2, 1), opacity .1s ease-in-out, padding-top .1s ease-in-out
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__link-list li {
        position: relative
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__link-list li a {
        width: 100%;
        display: block
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__link-list li:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

footer .sg-logo__hrmos--logo__wrapper {
    line-height: 0;
    margin: 0 24px 0 0
}

footer .sg-logo__hrmos--logo__wrapper img {
    width: 110px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    footer .sg-logo__hrmos--logo__wrapper {
        width: 90%;
        margin: 0 5%
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper,
footer .mdl-mega-footer__left-section {
    margin-bottom: 0;
    padding: 0;
    text-align: left
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper li,
footer .mdl-mega-footer__left-section li {
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper li,
    footer .mdl-mega-footer__left-section li {
        line-height: 3;
        margin: 0 5%
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .suffix_link_sp,
footer .mdl-mega-footer__left-section .suffix_link_sp {
    display: none
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .suffix_link_sp,
    footer .mdl-mega-footer__left-section .suffix_link_sp {
        display: inline-block
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a,
footer .mdl-mega-footer__left-section a {
    color: #0457a7
}

@media (min-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a,
    footer .mdl-mega-footer__left-section a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a:hover::before,
    footer .mdl-mega-footer__left-section a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a:visited,
    footer .mdl-mega-footer__left-section a:visited {
        color: #0457a7
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a::before,
    footer .mdl-mega-footer__left-section a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list,
footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list {
    margin-bottom: 0
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a,
footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a {
    color: #0457a7
}

@media (min-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a:hover::before,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a:visited,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a:visited {
        color: #0457a7
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a::before,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list {
        margin-top: 0
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group,
footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group {
    margin-top: 16px
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .25s ease, opacity .25s ease, padding-top .25s ease
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__heading,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__heading {
        border-bottom: unset;
        border-top: 1px solid #d4d2d2
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__heading a,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__heading a {
        pointer-events: auto
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__heading::after,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__heading::after {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
        -ms-transform: unset;
        transform: unset;
        right: 2px;
        top: 55%;
        background-position: center center
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__link-list,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__link-list {
        max-height: 100%;
        opacity: 1
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__link-list li::after,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__link-list li::after {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
        -ms-transform: unset;
        transform: unset;
        right: 2px;
        top: 55%;
        background-position: center center
    }
}

@media (max-width:1080px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper,
    footer .mdl-mega-footer__left-section {
        width: 200px
    }
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper,
    footer .mdl-mega-footer__left-section {
        width: 100%;
        clear: both
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__subheading,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__subheading {
        position: relative;
        line-height: 3;
        margin: 16px 5% 5px 5%
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__subheading a,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__subheading a {
        width: 100%;
        display: block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__subheading:after,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__subheading:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a[target=_blank]:after,
footer .mdl-mega-footer__left-section a[target=_blank]:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    top: 55%;
    width: 10px;
    height: 10px;
    right: -15px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg)
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a[target=_blank],
    footer .mdl-mega-footer__left-section a[target=_blank] {
        right: 20px
    }
}

footer .mdl-mega-footer__right-section {
    width: 200px;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    float: right
}

footer .mdl-mega-footer__right-section>.telLink {
    margin-bottom: 0;
    line-height: 1
}

footer .mdl-mega-footer__right-section>.telLink img {
    width: 200px
}

@media (max-width:808px) {
    footer .mdl-mega-footer__right-section>.telLink {
        margin-bottom: 4px
    }
}

@media (min-width:640px) {
    footer .mdl-mega-footer__right-section>.telLink a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none
    }
}

footer .mdl-mega-footer__right-section>small {
    display: block;
    margin: 16px 0 24px;
    font-size: 12px;
    vertical-align: middle
}

footer .mdl-mega-footer__right-section .footer__button--pri {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

footer .mdl-mega-footer__right-section .footer__button--pri a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

footer .mdl-mega-footer__right-section .footer__button--pri a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

footer .mdl-mega-footer__right-section .footer__button--pri a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

footer .mdl-mega-footer__right-section .footer__button--pri a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

footer .mdl-mega-footer__right-section .footer__button--pri {
    border-color: #0457a7;
    background-color: #0457a7
}

footer .mdl-mega-footer__right-section .footer__button--pri a span {
    color: #fff;
    transition-delay: .2s
}

footer .mdl-mega-footer__right-section .footer__button--pri a span:hover {
    color: #0457a7;
    transition-delay: .1s
}

footer .mdl-mega-footer__right-section .footer__button--pri a::before {
    background: #fff
}

footer .mdl-mega-footer__right-section .footer__button--pri {
    width: 100%;
    max-width: 200px;
    height: 29px;
    margin: 0
}

@media (max-width:768px) {
    footer .mdl-mega-footer__right-section .footer__button--pri {
        max-width: 182px;
        margin: 0 auto
    }
}

footer .mdl-mega-footer__right-section .footer__button--pri>a>span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0;
    font-size: 15px;
    line-height: 1.2;
    z-index: 0
}

@media (max-width:320px) {
    footer .mdl-mega-footer__right-section .footer__button--pri>a>span {
        width: 100%;
        font-size: 12px
    }
}

footer .mdl-mega-footer__right-section .footer__button--pri>a.kintai_contact:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    top: 60%;
    width: 10px;
    height: 10px;
    right: 12px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg)
}

footer .mdl-mega-footer__right-section a {
    margin-left: 0
}

footer .mdl-mega-footer__right-section h2 span {
    font-size: 12px;
    font-weight: 400;
    margin-left: 1rem
}

footer .mdl-mega-footer__right-section h3 {
    overflow: hidden;
    margin: 0;
    width: 200px;
    line-height: 40px;
    text-align: center;
    font-size: 12px
}

footer .mdl-mega-footer__right-section h3>span {
    position: relative;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    text-align: left
}

footer .mdl-mega-footer__right-section h3>span::after,
footer .mdl-mega-footer__right-section h3>span::before {
    position: absolute;
    top: 50%;
    content: "";
    width: 400%;
    height: 1px;
    background-color: #ccc
}

footer .mdl-mega-footer__right-section h3>span::before {
    right: 100%
}

footer .mdl-mega-footer__right-section h3>span::after {
    left: 100%
}

@media (max-width:768px) {
    footer .mdl-mega-footer__right-section h3 {
        width: 100%
    }
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__right-section {
        width: 100%;
        clear: both
    }
}

@media (max-width:808px) {
    footer .mdl-mega-footer__right-section {
        text-align: center
    }
}

footer .sg-footer-bottom {
    background-color: #fafafa;
    padding: 40px 0 56px 0
}

footer .sg-footer-bottom__wrapper {
    width: 100%;
    max-width: 1160px;
    padding: 36px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 12px
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper {
        width: 90%;
        padding: 17px 0 0
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 440px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 40px
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company {
        display: block;
        max-width: 100%
    }
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company {
        margin-bottom: 4px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .company {
    margin-bottom: 12px;
    margin-left: 0;
    font-size: 14px
}

footer .sg-footer-bottom__wrapper .flex-item__company .company a {
    color: #0457a7;
    text-decoration: none
}

footer .sg-footer-bottom__wrapper .flex-item__company .company .t-blank {
    position: relative
}

footer .sg-footer-bottom__wrapper .flex-item__company .company .t-blank[target=_blank]::before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -22px;
    top: 13px
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .company .t-blank[target=_blank]::before {
        top: 10px
    }
}

@media (min-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .company a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .company a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: #0457a7;
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        -ms-transform-origin: left top;
        transform-origin: left top;
        transition-delay: .1s
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .company a:hover::after {
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1)
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .company a:visited {
        color: #0457a7
    }
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .company {
        margin-left: 26px
    }
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .company {
        margin-left: 26px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:640px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series {
        display: block
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li {
    display: inline-block;
    position: relative
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li {
        margin-bottom: 12px;
        padding-left: 18px
    }
}

@media (max-width:640px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li {
        display: block
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:before {
        position: absolute;
        top: 12px;
        left: -16px;
        border-top: 1px solid #0457a7;
        content: "";
        width: 8px;
        color: #0457a7
    }
}

@media (max-width:640px) and (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:before {
        left: 0
    }
}

@media (max-width:640px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:after {
        display: none
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child {
    padding-right: 56px
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child {
        padding-right: 40px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child:before {
    position: absolute;
    top: 12px;
    left: -16px;
    border-top: 1px solid #0457a7;
    content: "";
    width: 8px;
    color: #0457a7
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child:before {
        left: 0
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child:after {
    position: absolute;
    top: 8px;
    right: 18px;
    content: "";
    width: 1px;
    height: 10px;
    background: #ccc
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child:after {
        right: 2px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li a {
    color: #0457a7;
    text-decoration: none
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li .t-blank {
    position: relative
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li .t-blank[target=_blank]::before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -22px;
    top: 13px
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li .t-blank[target=_blank]::before {
        top: 10px
    }
}

@media (min-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .series>li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: #0457a7;
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        -ms-transform-origin: left top;
        transform-origin: left top;
        transition-delay: .1s
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .series>li a:hover::after {
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1)
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .series>li a:visited {
        color: #0457a7
    }
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos {
        display: block
    }
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li {
    margin-right: 18px
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li a {
    color: #0457a7;
    text-decoration: none
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li .t-blank {
    position: relative
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li .t-blank[target=_blank]::before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -22px;
    top: 13px
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos li .t-blank[target=_blank]::before {
        top: 10px
    }
}

@media (min-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .sg-footer-bottom__wrapper .flex-item__hrmos li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: #0457a7;
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        -ms-transform-origin: left top;
        transform-origin: left top;
        transition-delay: .1s
    }

    footer .sg-footer-bottom__wrapper .flex-item__hrmos li a:hover::after {
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1)
    }

    footer .sg-footer-bottom__wrapper .flex-item__hrmos li a:visited {
        color: #0457a7
    }
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li:last-of-type {
    margin-right: 0
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos li:last-of-type {
        margin-bottom: 0
    }
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos li {
        margin-bottom: 12px;
        margin-left: 26px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li>a span {
    font-size: 11px
}

footer .sg-footer-bottom__wrapper .privacy-group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr;
    grid-template-columns: 50px 1fr;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px;
    margin-left: auto;
    margin-top: 24px
}

@media (max-width:1080px) {
    footer .sg-footer-bottom__wrapper .privacy-group {
        margin-left: 26px
    }
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .privacy-group {
        margin-left: 26px
    }
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .privacy-group {
        margin-left: 26px
    }
}

footer .sg-footer-bottom__wrapper .privacy-group .privacy-link {
    display: block
}

footer .sg-footer-bottom__wrapper .privacy-group .privacy-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 126px 1fr;
    grid-template-columns: 126px 1fr;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

footer .sg-footer-bottom__wrapper .privacy-group .privacy-text .text {
    font-weight: 400;
    font-size: 9px;
    line-height: 1.6;
    letter-spacing: 0;
    color: #333
}

@media (max-width:480px) {
    footer .sg-footer-bottom__wrapper .privacy-group {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        text-align: center;
        gap: 16px;
        margin-top: 20px;
        padding-bottom: 26px
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-link {
        height: 50px
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-link img {
        height: 100%
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-text {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-text img {
        height: 69px;
        margin: 0 auto
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-text .text {
        max-width: 216px;
        margin: 0 auto;
        text-align: left
    }
}

.mdl-button {
    height: 46px;
    background-color: #fff;
    line-height: 48px !important;
    text-decoration: none !important;
    color: #0457a7
}

@media (min-width:641px) {
    .mdl-button {
        font-size: 16px;
        font-family: Lato, "Noto Sans JP", sans-serif !important
    }
}

@media (max-width:640px) {
    .mdl-button {
        font-size: 14px;
        font-family: Lato, "Noto Sans JP", sans-serif !important
    }
}

.mdl-button.mdl-button--colored,
.mdl-layout--raised.mdl-button--colored {
    background-color: #0457a7 !important
}

.mdl-button.mdl-button--colored:active,
.mdl-button.mdl-button--colored:focus:not(:active),
.mdl-button.mdl-button--colored:hover,
.mdl-layout--raised.mdl-button--colored:active,
.mdl-layout--raised.mdl-button--colored:focus:not(:active),
.mdl-layout--raised.mdl-button--colored:hover {
    background-color: rgb(5.1929824561, 112.9473684211, 216.8070175439) !important
}

.mdl-button--fab {
    min-height: 56px
}

@media (max-width:1280px) {
    .mdl-button--large {
        min-width: 50%
    }
}

@media (min-width:1281px) {
    .mdl-button--large {
        min-width: 640px
    }
}

.mdl-dialog {
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    width: auto;
    opacity: 0;
    background-color: #fff;
    transition: opacity 450ms cubic-bezier(.19, 1, .22, 1), display 450ms cubic-bezier(.19, 1, .22, 1);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mdl-dialog .mdl-button {
    text-shadow: none
}

@media (max-width:1160px) {
    .mdl-dialog {
        width: 100%
    }

    .mdl-dialog iframe {
        width: 100%;
        height: calc(56.25vw - 16px - 20px)
    }
}

.mdl-dialog--shown {
    display: block;
    opacity: 1
}

.mdl-navigation__link {
    text-decoration: none;
    line-height: 38px !important;
    font-size: 16px
}

.mdl-navigation__link.is-bordered {
    margin: 0 10px;
    border: 1px solid #fff
}

.mdl-navigation__link.is-bordered:hover {
    color: #fff
}

.mdl-navigation__link.mdl-button {
    line-height: 92px !important
}

div.mdl-navigation__link:hover {
    background-color: none !important
}

div.mdl-navigation__link .mdl-button {
    width: 100%;
    color: #fff
}

.mdl-card__supporting-text {
    margin: 0;
    line-height: 1.5;
    color: #333
}

.mdl-card__supporting-text+.mdl-card__supporting-text {
    padding-top: 0
}

.mdl-cell .mdl-card {
    width: 100%
}

.sg-logo__hrmos {
    width: 110px;
    height: 32px
}

@media (max-width:640px) {
    .sg-logo__hrmos {
        width: 82px;
        height: 24px
    }
}

.sg-logo__hrmos--ats {
    width: 145px;
    height: 32px
}

@media (max-width:640px) {
    .sg-logo__hrmos--ats {
        width: 109px;
        height: 24px
    }
}

.sg-logo__hrmos--internal {
    width: 148px;
    height: auto
}

@media (max-width:640px) {
    .sg-logo__hrmos--internal {
        width: 109px;
        height: auto
    }
}

.sg-logo__hrmos--cor {
    width: 169px;
    height: 33px
}

@media (max-width:640px) {
    .sg-logo__hrmos--cor {
        width: 126.5px;
        height: 24px
    }
}

.sg-logo__hrmos--per {
    width: 146px;
    height: 33px
}

@media (max-width:640px) {
    .sg-logo__hrmos--per {
        width: 109px;
        height: 24px
    }
}

.sg-logo__hrmos--tm {
    width: 170px;
    height: 32px
}

@media (max-width:640px) {
    .sg-logo__hrmos--tm {
        width: 127.4px;
        height: 24px
    }
}

.sg-logo__hrmos--keihi {
    width: 146px;
    height: 32px
}

@media (max-width:640px) {
    .sg-logo__hrmos--keihi {
        width: 109px;
        height: 24px
    }
}

.sg-logo__hrmos--payroll {
    width: 178px;
    height: 32px
}

@media (max-width:640px) {
    .sg-logo__hrmos--payroll {
        width: 124px;
        height: 24px
    }
}

.sg-logo__bizreach {
    width: 154px;
    height: 26px
}

.sg-layout__wrapper--middle {
    width: 768px
}

.sg-layout__content--no-hero {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.button__cta {
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #e73858;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:320px) {
    .button__cta {
        text-align: left
    }
}

.button__cta:active,
.button__cta:hover {
    opacity: .6
}

.button__cta--secondary {
    display: inline-block;
    padding: 20px 30px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 18px;
    color: #0080ca;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 3px 3px 0 #004268;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.button__cta--secondary:active,
.button__cta--secondary:hover {
    opacity: .6
}

.button__cta--secondary.after:after,
.button__cta--secondary:before {
    right: 20px !important;
    background-image: url(/b2b-assets/images/landing/ats/05_rec/icon-triangle--right--blue-34a07210a7.svg) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important
}

.icon-triangle--right {
    position: relative
}

.icon-triangle--right.after:after,
.icon-triangle--right:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 10px;
    height: 14px;
    background-image: url(/b2b-assets/images/landing/ats/05_rec/icon-triangle--right-7f35df9b60.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%)
}

@media only screen and (max-width:320px) {

    .icon-triangle--right.after:after,
    .icon-triangle--right:before {
        top: 37%
    }
}

.icon-triangle--right:before {
    left: 0
}

@media only screen and (max-width:320px) {
    .icon-triangle--right:before {
        top: 25%
    }
}

.icon-triangle--right.after:before {
    display: none
}

.icon-triangle--right.after:after {
    left: auto;
    right: 0
}

header {
    z-index: 100;
    position: fixed;
    display: block !important;
    top: 0;
    right: 0;
    left: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    transition: top 1.25s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (min-width:320px) and (max-width:568px) {
    header {
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        -webkit-align-items: center
    }
}

header.fixed+main {
    margin-top: 112px
}

header.fixed+main.sg-ex-top--hr,
header.fixed+main.sg-ex-top--hr-top {
    margin-top: 78px
}

@media screen and (max-width:768px) {

    header.fixed+main.sg-ex-top--hr,
    header.fixed+main.sg-ex-top--hr-top {
        margin-top: 56px
    }
}

header.fixed .header-lp-hr {
    position: relative;
    background-image: linear-gradient(90deg, #007df1, #5500e0);
    z-index: 1;
    margin: 0
}

header.fixed .header-lp-hr>img {
    position: absolute;
    top: 8px;
    left: 40px;
    z-index: 2
}

@media (max-width:1300px) {
    header.fixed .header-lp-hr>img {
        left: 16px
    }
}

header.fixed .header-lp-hr>a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px
}

header.fixed .header-lp-hr>a>span {
    display: block;
    max-width: 1158px;
    width: 100%;
    margin: 0 auto
}

@media (max-width:1260px) {
    header.fixed .header-lp-hr>a>span {
        padding-left: 45px
    }
}

@media (max-width:768px) {
    header.fixed .header-lp-hr>a>span {
        font-size: 9px;
        line-height: 1.5
    }
}

header.fixed .l-drawer__icon.drawer-icon-headsup {
    top: 60px
}

@media (max-width:640px) {
    header.fixed .l-drawer__icon.drawer-icon-headsup {
        top: 48px
    }
}

header.fixed .l-drawer__icon.drawer-icon-hrTop {
    top: 10px
}

header.fixed .active-hr {
    padding-top: 18px
}

header.fixed .headsup-sp-menu {
    padding-top: 35px
}

header.fixed .popup-sp-menu {
    padding-top: 46px
}

header.fixed .header-lp-headsup {
    position: relative;
    background: #eaeaea;
    z-index: 1;
    height: 40px;
    margin: 0
}

header.fixed .header-lp-headsup>img {
    position: absolute;
    top: 8px;
    left: 40px;
    z-index: 2
}

@media (max-width:1300px) {
    header.fixed .header-lp-headsup>img {
        left: 16px
    }
}

header.fixed .header-lp-headsup>a {
    color: #0457a7;
    text-decoration: none;
    display: block;
    padding: 12px;
    line-height: 1;
    font-size: 14px;
    font-weight: 700
}

header.fixed .header-lp-headsup>a>span {
    display: block;
    max-width: 1274px;
    width: 100%;
    margin: 0 auto
}

@media (max-width:768px) {
    header.fixed .header-lp-headsup>a>span {
        font-size: 10px;
        line-height: 1.5
    }
}

header.fixed .headsup-p-top {
    padding-top: 40px
}

header.fixed .headsup-p-top-cam {
    padding-top: 44px
}

header .sg-header__global-nav__series {
    display: block;
    background: #e8e8e8
}

header .sg-header__global-nav__series--wrapper {
    display: block;
    margin: 0 auto;
    width: 100%;
    min-width: 1160px
}

header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    line-height: 24px;
    -ms-flex-pack: start;
    justify-content: flex-start
}

header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a {
    color: #0457a7
}

@media (min-width:768px) {
    header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a:visited {
        color: #0457a7
    }

    header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li {
    display: block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 0 0 24px
}

header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li:first-child {
    margin: 0
}

@media (min-width:1480px) {
    header .sg-header__global-nav__series--wrapper {
        width: 1306px
    }
}

@media (max-width:808px) {
    header .sg-header__global-nav__series--wrapper {
        display: none
    }
}

header .sg-header__global-nav__service {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    line-height: 24px;
    position: relative
}

header .sg-header__global-nav__service li {
    margin: 0;
    display: block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    border-right: 1px solid #cecece
}

header .sg-header__global-nav__service li>a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    height: 58px;
    width: 218px;
    color: #333;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer
}

header .sg-header__global-nav__service li>a:hover {
    color: #0457a7
}

header .sg-header__global-nav__service li:first-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece
}

header .sg-header__global-nav__service li:last-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    margin-left: auto
}

header .sg-header__global-nav__service li.service__ats {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__ats>a {
    display: block;
    padding: 14px 16px 0 33px;
    line-height: 1.4
}

@media (max-width:1210px) {
    header .sg-header__global-nav__service li.service__ats>a {
        padding: 14px 16px 0 13px
    }
}

header .sg-header__global-nav__service li.service__ats>a>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey
}

header .sg-header__global-nav__service li.service__ats>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_ats-02eae11875.svg) no-repeat 50% 50%;
    left: 50px;
    top: 17px;
    width: 23px;
    height: 23px
}

@media (max-width:1210px) {
    header .sg-header__global-nav__service li.service__ats>a:before {
        left: 40px
    }
}

header .sg-header__global-nav__service li.service__ats>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__ats>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_ats_select-433bd4afc8.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__ats.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_ats_select-433bd4afc8.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__hr {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__hr>a {
    display: block;
    padding: 14px 16px 0 45px;
    line-height: 1.4;
    letter-spacing: -1px
}

@media (max-width:1210px) {
    header .sg-header__global-nav__service li.service__hr>a {
        padding: 14px 16px 0 23px
    }
}

header .sg-header__global-nav__service li.service__hr>a>span {
    display: block;
    position: relative;
    left: -4px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey;
    letter-spacing: 0
}

header .sg-header__global-nav__service li.service__hr>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_hr-35021b2877.svg) no-repeat 50% 50%;
    left: 25px;
    top: 17px;
    width: 23px;
    height: 23px
}

@media (max-width:1210px) {
    header .sg-header__global-nav__service li.service__hr>a:before {
        left: 13px
    }
}

header .sg-header__global-nav__service li.service__hr>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__hr>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_hr_select-59bc6d73a2.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__hr.service__select>a>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__hr.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_hr_select-59bc6d73a2.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__select-hr:first-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #e8e8e8
}

header .sg-header__global-nav__service li.service__kintai {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__kintai>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4;
    padding: 5px 0 0
}

header .sg-header__global-nav__service li.service__kintai>a>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey
}

header .sg-header__global-nav__service li.service__kintai>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_kintai-e47488bd7e.svg) no-repeat 50% 50%;
    left: 50px;
    width: 21px;
    height: 21px
}

header .sg-header__global-nav__service li.service__kintai>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__kintai>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_kintai_select-5a28a81f55.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__kintai.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_kintai_select-5a28a81f55.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__select-kintai:first-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #e8e8e8
}

header .sg-header__global-nav__service li.service__nencho {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__nencho>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4;
    padding: 5px 0 0
}

header .sg-header__global-nav__service li.service__nencho>a>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey
}

header .sg-header__global-nav__service li.service__nencho>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_nencho-2f0ba6e30e.svg) no-repeat 50% 50%;
    left: 50px;
    width: 21px;
    height: 21px
}

header .sg-header__global-nav__service li.service__nencho>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__nencho>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_nencho_select-aa71076260.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__nencho.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_nencho_select-aa71076260.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__select-nencho:first-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #e8e8e8
}

header .sg-header__global-nav__service li.service__keihi {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__keihi>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4;
    padding: 5px 0 0
}

header .sg-header__global-nav__service li.service__keihi>a>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey
}

header .sg-header__global-nav__service li.service__keihi>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_keihi-ec57e2f0f2.svg) no-repeat 50% 50%;
    left: 50px;
    width: 21px;
    height: 21px
}

header .sg-header__global-nav__service li.service__keihi>a[target=_blank]::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 60px;
    top: 30px
}

header .sg-header__global-nav__service li.service__keihi>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__keihi>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_keihi-select-36c9067098.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__keihi>a:hover[target=_blank]::after {
    background-image: url(/b2b-assets/images/common/icon-target_blank-secondary-3d288ed306.svg)
}

header .sg-header__global-nav__service li.service__keihi.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_keihi-select-36c9067098.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__select {
    position: relative;
    background: #fff;
    border-left: none;
    border-right: none
}

header .sg-header__global-nav__service li.service__select>a {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__select:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-top: 5px solid #0457a7
}

header .sg-header__global-nav__basic {
    width: 1192px;
    display: -ms-flexbox;
    display: flex;
    padding: 26px 16px 20px;
    margin: 0 auto
}

@media (max-width:808px) {
    header .sg-header__global-nav__basic {
        display: none
    }
}

@media (max-width:768px) {
    header .sg-header__global-nav__basic {
        width: 100%
    }
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper {
    line-height: 0;
    margin-right: 50px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper.p-logo_series {
    width: 93px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper a {
    position: relative;
    text-decoration: none
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper a p {
    position: absolute;
    top: -20px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    color: #0457a7
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper a span.ats-saiyou {
    display: inline-block;
    color: #0457a7;
    padding: 10px 5px;
    border: 1px solid #0457a7;
    margin-left: 15px;
    font-size: 12px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--ats,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--cor,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--keihi,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--kintai,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nencho,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nippo,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payroll,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payslip,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--per,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--tm,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--workflow {
    vertical-align: top
}

@media (max-width:768px) {

    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--ats,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--cor,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--keihi,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--kintai,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nencho,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nippo,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payroll,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payslip,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--per,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--tm,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--workflow {
        margin-left: 5%
    }
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--kintai {
    width: 148px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nencho,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payslip {
    width: 185px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nippo,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--workflow {
    width: 150px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--keihi {
    width: 173px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payroll {
    width: 180px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrso {
    width: 240px;
    height: auto
}

@media (max-width:1160px) {
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrso {
        margin-left: 5%
    }
}

@media (max-width:640px) {
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrso {
        width: 160px
    }
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop {
    margin-right: 0
}

@media screen and (max-width:1160px) {
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop {
        zoom: .8
    }
}

@media screen and (max-width:910px) {
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop {
        zoom: .7
    }
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop a {
    display: block
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop a img {
    width: 200px;
    height: auto
}

header .sg-header__global-nav__basic nav {
    margin: 0 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

header .sg-header__global-nav__basic nav>ul {
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    gap: 40px
}

header .sg-header__global-nav__basic nav>ul>li {
    margin-right: 0;
    overflow: hidden;
    padding-top: 2px
}

header .sg-header__global-nav__basic nav>ul>li a {
    color: #0457a7
}

@media (min-width:768px) {
    header .sg-header__global-nav__basic nav>ul>li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    header .sg-header__global-nav__basic nav>ul>li a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    header .sg-header__global-nav__basic nav>ul>li a:visited {
        color: #0457a7
    }

    header .sg-header__global-nav__basic nav>ul>li a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

header .sg-header__global-nav__basic nav>ul>li a {
    font-weight: 700
}

header .sg-header__global-nav__basic nav>ul>li:last-child {
    margin-right: 0
}

header .sg-header__global-nav__basic nav .nav__cta-series {
    position: relative
}

header .sg-header__global-nav__basic nav .nav__cta-series::before {
    content: "ハーモス製品がまるわかり！";
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: -19px;
    left: 10px;
    color: #0457a7;
    font-weight: 700;
    font-size: 10px
}

header .sg-header__global-nav__basic nav .nav__cta-series .pg-layout__buttons__sec {
    width: 146px
}

header .sg-header__global-nav__basic nav .nav__cta-series .pg-layout__buttons__sec a span {
    width: 100%;
    font-size: 14px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec {
    width: 128px;
    height: 30px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a span {
    width: 124px;
    height: 26px;
    padding: 3px 5px 5px;
    line-height: 20px;
    font-size: 15px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec {
    margin: 0 0 0 16px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec>a:hover {
    opacity: 1
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__pri {
    border-color: #0457a7;
    background-color: #0457a7
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a span:hover {
    color: #0457a7;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec {
    border-color: #0457a7;
    background-color: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a span {
    color: #0457a7;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a span:hover {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a::before {
    background: #0457a7
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec .ga_nencho__header-request[target=_blank]:after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-secondary-3d288ed306.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 12px;
    top: 50%
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec .ga_nencho__header-request[target=_blank]:hover::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-white-411c95e03e.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 12px;
    top: 50%
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec .ga_nencho__header-request>span {
    padding: 3px 16px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub {
    border-color: #e73858;
    background-color: #e73858
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span:hover {
    color: #e73858;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.nencho--lb,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc.nencho--lb {
    width: 176px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.nencho--lb>a>span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc.nencho--lb>a>span {
    width: 172px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a[target=_blank]::after,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a[target=_blank]::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-white-411c95e03e.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 12px;
    top: 50%
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a[target=_blank]:hover::after,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a[target=_blank]:hover::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-accent-4feace3523.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 12px;
    top: 50%
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a[target=_blank]>span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a[target=_blank]>span {
    padding: 3px 16px 3px 0
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc.keihi-cta {
    width: 116px;
    margin: 0
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc.keihi-cta a span {
    width: 112px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub {
    border-color: #e73858;
    background-color: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span {
    color: #e73858;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span:hover {
    color: #fff;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a::before {
    background: #e73858
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.hr-cta {
    width: 143px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.hr-cta a>span {
    width: 140px;
    padding: 3px 8px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.keihi-cta {
    width: 116px;
    margin-left: 16px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.keihi-cta a span {
    width: 112px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz {
    border-color: #b6111c;
    background-color: #b6111c
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a span:hover {
    color: #b6111c;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc {
    border-color: #e73858;
    background-color: #e73858
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a span:hover {
    color: #e73858;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub {
    border-color: #b6111c;
    background-color: #b6111c
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span:hover {
    color: #b6111c;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub {
    background-color: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a::before {
    background: #b6111c
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span {
    color: #b6111c
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span:hover {
    color: #fff
}

header .sg-header__global-nav__basic nav .header--lb {
    width: 150px
}

header .sg-header__global-nav__basic nav .header--lb>a>span {
    width: 150px
}

header .sg-header__global-nav__basic nav .sg-nav__simulator--wrapper {
    position: relative
}

header .sg-header__global-nav__basic nav .sg-nav__simulator--wrapper p {
    position: absolute
}

header .sg-header__global-nav__basic nav .sg-nav__simulator--wrapper__top {
    top: -22px;
    padding-left: 16px;
    font-size: 10px
}

header .sg-header__global-nav__basic nav .sg-nav__simulator--wrapper__bottom {
    bottom: -34px;
    padding-left: 72px;
    font-size: 10px
}

header .sg-header__global-nav__basic .sg-login {
    position: relative;
    overflow: visible !important;
    margin-right: 16px !important;
    font-weight: 700
}

@media (max-width:640px) {
    header .sg-header__global-nav__basic .sg-login {
        display: none
    }
}

header .sg-header__global-nav__basic .sg-login:hover>label::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

header .sg-header__global-nav__basic .sg-login>ul {
    position: absolute;
    z-index: 99;
    display: none;
    width: 230px;
    height: 210px;
    top: 40px;
    right: -160px;
    padding: 16px;
    background: #fff;
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .1)
}

header .sg-header__global-nav__basic .sg-login>ul>li {
    display: list-item;
    margin: 0 !important
}

header .sg-header__global-nav__basic .sg-login>ul>li>p {
    margin: 0;
    line-height: 1.6;
    font-size: 12px;
    color: #666
}

header .sg-header__global-nav__basic .sg-login>ul>li>ul {
    padding: 8px 0 8px 16px
}

header .sg-header__global-nav__basic .sg-login>ul>li>ul>li {
    display: list-item;
    color: #0457a7
}

header .sg-header__global-nav__basic .sg-login>ul>li>ul>li>a {
    overflow: hidden
}

header .sg-header__global-nav__basic .sg-login>input[type=checkbox] {
    display: none
}

header .sg-header__global-nav__basic .sg-login .login__checkbox:checked~.login__menu {
    display: block
}

header .sg-header__global-nav__basic .sg-login .login__checkbox:checked~label::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

header .sg-header__global-nav__basic .sg-login>label {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #0457a7
}

header .sg-header__global-nav__basic .sg-login>label::before {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0457a7;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

header .pg-layout__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

header .pg-layout__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

header .pg-layout__button {
    border: 2px solid #e73858;
    overflow: hidden;
    border-radius: 8px
}

header .pg-layout__button__link {
    margin: 0;
    position: relative;
    backface-visibility: hidden;
    text-decoration: none;
    padding: 8px 12px;
    background-color: #e73858;
    display: inline-block
}

header .pg-layout__button__link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%);
    transition-delay: .1s;
    z-index: 0
}

header .pg-layout__button__link span {
    color: #fff;
    transition-delay: .2s;
    z-index: 1;
    position: relative
}

header .pg-layout__button__link:hover span {
    color: #e73858;
    transition-delay: .1s
}

header .pg-layout__button__link:hover::before {
    -ms-transform: translate(0);
    transform: translate(0)
}

@media (max-width:808px) {
    header {
        border-bottom: none
    }
}

header::-webkit-scrollbar {
    display: none
}

header .sg-header__global-nav__basic {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 26px 16px 20px;
    width: 1192px;
    background: #fff
}

header .sg-header__global-nav__basic nav {
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1100px) {
    header .sg-header__global-nav__basic nav>ul {
        gap: 12px
    }
}

header .sg-header__global-nav__basic.p-ats {
    width: 1254px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-ats nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-ats nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-ats .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-ats .pg-series__ats:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-ats.pt-b {
    padding: 0
}

header .sg-header__global-nav__basic.p-ats.pt-b .sg-logo__hrmos--wrapper {
    padding-top: 26px;
    padding-left: 16px
}

header .sg-header__global-nav__basic.p-hr {
    width: 1280px;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    padding: 26px 16px 21px
}

header .sg-header__global-nav__basic.p-hr .sg-logo__hrmos--wrapper {
    width: 14.03%;
    margin-right: 24px
}

header .sg-header__global-nav__basic.p-hr .sg-logo__hrmos--wrapper a img {
    height: auto
}

header .sg-header__global-nav__basic.p-hr nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-hr nav>ul>li {
    margin-right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

header .sg-header__global-nav__basic.p-hr nav>ul>li a {
    font-size: 14px
}

header .sg-header__global-nav__basic.p-hr nav>ul>li:last-child a {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu {
    font-size: 14px;
    font-weight: 700;
    color: #0457a7;
    cursor: pointer;
    position: relative;
    z-index: 10;
    margin-right: 20px;
    padding-right: 16px;
    overflow: unset
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu::before {
    content: "";
    width: 126%;
    height: 60px;
    position: absolute;
    top: 0;
    left: -13%
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu::after {
    content: "";
    width: 6px;
    height: 6px;
    border-left: 1px solid #0457a7;
    border-bottom: 1px solid #0457a7;
    position: absolute;
    bottom: 10px;
    right: 3px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu>span {
    overflow: hidden;
    line-height: 24px;
    position: relative;
    display: block
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu>span::before {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0457a7;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu:hover>span::before {
    -ms-transform: translate(0);
    transform: translate(0);
    overflow: hidden
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content {
    animation: hover_menu .5s;
    cursor: default;
    display: none;
    width: 100vw;
    position: fixed;
    top: 79px;
    left: 0;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .16);
    z-index: 1
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner {
    margin: 0 auto;
    background: #fff;
    padding: 24px 0 40px
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .content_heading {
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    gap: 24px;
    margin: 0 auto 16px;
    max-width: 800px
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .content_heading a {
    display: block;
    position: relative;
    margin: 0;
    padding-right: 22px;
    overflow: hidden
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .content_heading a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/b2b-assets/images/common/hr/icon_hr_arrow-48e03d339a.svg) no-repeat
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list {
    display: -ms-flexbox;
    display: flex;
    max-width: 800px;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list>li {
    overflow: hidden;
    width: calc(25% - 16px);
    border-bottom: 1px solid #eaeaea
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list>li a {
    display: block;
    font-weight: 400;
    padding: 8px;
    position: relative;
    margin: 0
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list>li a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 9px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/b2b-assets/images/common/hr/icon_hr_arrow-48e03d339a.svg) no-repeat
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list.list-scene {
    width: 80.2%
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list.list-scene>li {
    width: calc(33.3333333333% - 16px)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap {
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading {
    border-radius: 8px;
    padding: 0 16px 0 56px;
    font-weight: 700;
    font-size: 12px;
    color: #333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 16px center;
    background-color: #e2eff7
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading span {
    display: block;
    font-size: 14px
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading.business {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_business-bac9bcb25a.svg)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading.industry {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_industry-1eade53bc0.svg)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading.scale {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_scale-2fc5570e3a.svg)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap+.list-wrap {
    padding-top: 16px;
    border-top: 1px solid #eaeaea
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content:hover {
    display: block;
    cursor: pointer
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu:hover>.sg-hr-headmenu__content,
header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content:hover {
    display: block
}

header .sg-header__global-nav__basic.p-hr .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 16px
}

header .sg-header__global-nav__basic.p-hr .sg-headermenu_series span {
    font-size: 14px
}

header .sg-header__global-nav__basic.p-hr .sg-headermenu_series::after {
    width: 6px;
    height: 6px;
    bottom: 10px
}

header .sg-header__global-nav__basic.p-hr .pg-series__hr:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-hrTop {
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1360px;
    width: 100%;
    height: 78px;
    padding-inline: 20px
}

header .sg-header__global-nav__basic.p-hrTop .sg-headermenu_series {
    margin: 0
}

header .sg-header__global-nav__basic.p-kintai {
    width: 1280px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-kintai nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-kintai nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-kintai .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-kintai .pg-series__kintai:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-keihi {
    width: 1270px;
    box-sizing: content-box;
    -ms-flex-align: center;
    align-items: center
}

header .sg-header__global-nav__basic.p-keihi nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-keihi nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-keihi .pg-layout__buttons__acc a[target=_blank]::after {
    right: 6px
}

header .sg-header__global-nav__basic.p-keihi .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-keihi .pg-series__keihi:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-nencho {
    width: 1270px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-nencho nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-nencho nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-nencho .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-nencho .pg-series__nencho:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-nippo,
header .sg-header__global-nav__basic.p-payslip,
header .sg-header__global-nav__basic.p-workflow {
    width: 1158px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-nippo nav>ul,
header .sg-header__global-nav__basic.p-payslip nav>ul,
header .sg-header__global-nav__basic.p-workflow nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-nippo nav>ul>li,
header .sg-header__global-nav__basic.p-payslip nav>ul>li,
header .sg-header__global-nav__basic.p-workflow nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-nippo nav>ul>li>a,
header .sg-header__global-nav__basic.p-payslip nav>ul>li>a,
header .sg-header__global-nav__basic.p-workflow nav>ul>li>a {
    margin-right: 8px
}

header .sg-header__global-nav__basic.p-nippo .sg-headermenu_series,
header .sg-header__global-nav__basic.p-payslip .sg-headermenu_series,
header .sg-header__global-nav__basic.p-workflow .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-payroll {
    width: 1160px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-payroll nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-payroll nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-payroll .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-payroll .pg-series__jinji:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-logo__hrmos--wrapper.p-logo_ats {
    margin: 0
}

header .sg-header__global__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

@media screen and (max-width:1160px) {
    header .sg-header__global__right {
        zoom: .8;
        gap: 20px
    }
}

header .sp-header__global__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

header .sp-header__global__link {
    margin-right: 0;
    font-size: 14px;
    letter-spacing: .02em
}

header .pg-layuout__buttonSeries {
    margin-left: 0
}

header .sg-header__global__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1100px) {
    header .sg-headermenu_series {
        margin-right: 20px
    }
}

header main {
    margin-top: 108px
}

@media (max-width:808px) {
    header main {
        margin-top: 80px
    }
}

@media (max-width:640px) {
    header main {
        margin-top: 56px
    }
}

header .pg-layout__buttons__tel a {
    display: block;
    margin: 0;
    color: #0457a7;
    font-family: Lato, "Noto Sans JP", sans-serif !important;
    text-decoration: none
}

header .pg-layout__buttons__tel .top_area {
    font-size: 16px;
    font-weight: 700
}

header .pg-layout__buttons__tel .bottom_area {
    font-size: 10px;
    display: block;
    text-align: right;
    line-height: 1;
    margin-right: 12px
}

header .sg-headermenu_series {
    color: #0457a7;
    font-weight: 700;
    margin-right: 40px;
    position: relative;
    z-index: 10;
    padding-right: 22px;
    cursor: pointer;
    height: 24px
}

header .sg-headermenu_series:before {
    content: "";
    width: 126%;
    height: 60px;
    position: absolute;
    top: 0;
    left: -13%
}

header .sg-headermenu_series:after {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 1px solid #07549b;
    border-bottom: 1px solid #07549b;
    position: absolute;
    bottom: 9px;
    right: 3px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .sg-headermenu_series span {
    overflow: hidden;
    line-height: 24px;
    position: relative;
    display: block;
    font-size: 15px
}

header .sg-headermenu_series.ats_menu {
    height: 100%;
    padding: 20px 28px 17px 16px;
    background: #b61a1c;
    position: relative;
    overflow: hidden;
    border: 2px solid #b61a1c
}

header .sg-headermenu_series.ats_menu:after {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: absolute;
    bottom: 50%;
    right: 5px;
    -ms-transform: rotate(-45deg) translateX(-50%);
    transform: rotate(-45deg) translateX(-50%);
    transition: .3s ease
}

header .sg-headermenu_series.ats_menu>span {
    color: #fff;
    line-height: 1.3
}

header .sg-headermenu_series.ats_menu>span::before {
    display: none
}

header .sg-headermenu_series.ats_menu:hover::after {
    bottom: 40%
}

header .sg-headermenu_series.series_menu {
    padding-top: 26px
}

header .sg-headermenu_series.series_menu::after {
    bottom: -15px
}

@media (min-width:768px) {
    header .sg-headermenu_series span::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }

    header .sg-headermenu_series:hover span::before,
    header .sg-headermenu_series__content:hover {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }
}

header .sg-headermenu_series__content {
    animation: hover_menu .5s;
    cursor: default;
    display: none;
    left: 0;
    position: fixed;
    top: 79px;
    z-index: 1;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .16)
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap {
    background: #0457a7
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item {
    background: #fff;
    width: 217px;
    height: 224px;
    margin-right: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item:last-child {
    margin-right: 0
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item>a {
    padding: 23px 0
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_text {
    font-size: 16px;
    font-weight: 700;
    color: #0457a7;
    margin-bottom: 20px
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_img {
    max-width: 73px;
    width: 100%
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_btn {
    background: #b6111c;
    border-radius: 5px;
    width: 169px;
    margin: 20px auto 0;
    position: relative;
    overflow: hidden;
    border: 2px solid #b61a1c
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%);
    background: #fff
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_btn>span {
    display: block;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item:hover {
    cursor: pointer
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item:hover .pg-series_btn>span {
    color: #b61a1c;
    position: relative
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item:hover .pg-series_btn::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

@keyframes hover_menu {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

header .sg-headermenu_series:hover+.sg-headermenu_series__content,
header .sg-headermenu_series__content:hover {
    display: block
}

header .sg-headermenu_series__wrap {
    padding: 34px 20px 20px;
    width: 100vw;
    background: #fff
}

header .sg-headermenu_series__wrap .nav__series_link {
    margin: 20px auto 0
}

header .sg-headermenu_series__wrap .nav__series_link a {
    position: relative;
    font-size: 14px;
    color: #0257a6;
    font-weight: 700;
    text-decoration: none;
    margin: 0 auto;
    width: fit-content;
    display: block;
    padding-right: 20px
}

header .sg-headermenu_series__wrap .nav__series_link a:before {
    content: "";
    width: 5px;
    height: 5px;
    border-left: 1px solid #07549b;
    border-bottom: 1px solid #07549b;
    position: absolute;
    bottom: 6px;
    right: 3px;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

header .pg-headermenu__service {
    max-width: 1036px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

header .pg-headermenu__service li {
    display: block;
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .1);
    transition: .3s ease;
    position: relative;
    overflow: hidden;
    width: calc((100% - 40px)/ 5);
    height: 213px
}

header .pg-headermenu__service li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-150%);
    transform: translate(-150%)
}

header .pg-headermenu__service li:hover {
    margin-top: -10px
}

header .pg-headermenu__service li:hover:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .pg-headermenu__service li a {
    display: block;
    text-decoration: none;
    color: #005a96;
    padding: 14px 14px 6px;
    margin: 0
}

header .pg-headermenu__service li figure {
    display: block;
    max-width: 152px;
    margin: 0 auto !important
}

header .pg-headermenu__service .pg-series__ats:before {
    background: #d6414b
}

header .pg-headermenu__service .pg-series__hr:before {
    background: #00acab
}

header .pg-headermenu__service .pg-series__kintai:before {
    background: #f8d14b
}

header .pg-headermenu__service .pg-series__keihi:before {
    background: #fd9b4b
}

header .pg-headermenu__service .pg-series__jinji:before {
    background: #4fb117
}

header .pg-headermenu__service .pg-series_text {
    font-size: 10px;
    color: #7b7b7b;
    text-align: center;
    margin: 0
}

header .pg-headermenu__service .pg-series__name {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    line-height: 1;
    margin-bottom: 10px;
    color: #0457a7
}

header .pg-headermenu__service .pg-series__name .p-small {
    font-size: 13px
}

header .sg-headermenu_series__content .pg-top_link {
    display: block;
    margin: 8px 0 0 auto;
    width: fit-content;
    font-size: 12px;
    padding-left: 16px;
    position: relative;
    transition: .5s;
    color: #07549b
}

header .sg-headermenu_series__content .pg-top_link:before {
    content: "";
    width: 5px;
    height: 5px;
    border-left: 1px solid #07549b;
    border-bottom: 1px solid #07549b;
    position: absolute;
    bottom: 6px;
    left: 3px;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

header .sg-headermenu_series__content .pg-top_link:hover {
    opacity: .5;
    text-decoration: underline !important
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service>li {
    margin-bottom: 12px
}

header .nav__other-service_wrap .nav__series_link {
    margin: 20px auto 0
}

header .nav__other-service_wrap .nav__series_link a {
    position: relative;
    font-size: 14px;
    color: #0257a6;
    font-weight: 700;
    text-decoration: none;
    margin: 0 auto;
    width: fit-content;
    display: block;
    padding-right: 20px
}

header .nav__other-service_wrap .nav__series_link a:before {
    content: "";
    width: 5px;
    height: 5px;
    border-left: 1px solid #07549b;
    border-bottom: 1px solid #07549b;
    position: absolute;
    bottom: 6px;
    right: 3px;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

header .nav__other-service a {
    margin: 0;
    display: block
}

header .nav__other-service a.bdbnr {
    border: 1px solid #e5e5e5
}

header .nav__download_btn {
    background: #fff;
    padding: 14px 25px 40px;
    margin-bottom: 160px
}

header .nav__download_btn .text {
    font-size: 12px;
    color: #0257a6;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0
}

header .nav__download_btn a {
    font-size: 18px;
    background: #0257a6;
    width: 100%;
    display: block;
    border-radius: 3px;
    font-weight: 700;
    text-align: center;
    padding: 20px;
    text-decoration: none
}

header .sg-header_global-nav__sp {
    width: 100%;
    height: 80px;
    display: none;
    background: #fff;
    border-bottom: 1px solid #e6e6e6
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp {
        height: 56px
    }
}

header .sg-header_global-nav__sp a {
    text-decoration: none
}

header .sg-header_global-nav__sp a span.ats-saiyou {
    display: inline-block;
    color: #0457a7;
    border: 1px solid #0457a7;
    padding: 5px;
    margin-left: 0;
    font-size: 12px;
    line-height: 1
}

header .sg-header_global-nav__sp .sg-logo__hrmos,
header .sg-header_global-nav__sp .sg-logo__hrmos--ats,
header .sg-header_global-nav__sp .sg-logo__hrmos--cor,
header .sg-header_global-nav__sp .sg-logo__hrmos--internal,
header .sg-header_global-nav__sp .sg-logo__hrmos--keihi,
header .sg-header_global-nav__sp .sg-logo__hrmos--kintai,
header .sg-header_global-nav__sp .sg-logo__hrmos--nencho,
header .sg-header_global-nav__sp .sg-logo__hrmos--nippo,
header .sg-header_global-nav__sp .sg-logo__hrmos--payroll,
header .sg-header_global-nav__sp .sg-logo__hrmos--payslip,
header .sg-header_global-nav__sp .sg-logo__hrmos--per,
header .sg-header_global-nav__sp .sg-logo__hrmos--tm,
header .sg-header_global-nav__sp .sg-logo__hrmos--workflow {
    margin: 24px
}

@media (max-width:640px) {

    header .sg-header_global-nav__sp .sg-logo__hrmos,
    header .sg-header_global-nav__sp .sg-logo__hrmos--ats,
    header .sg-header_global-nav__sp .sg-logo__hrmos--cor,
    header .sg-header_global-nav__sp .sg-logo__hrmos--internal,
    header .sg-header_global-nav__sp .sg-logo__hrmos--keihi,
    header .sg-header_global-nav__sp .sg-logo__hrmos--kintai,
    header .sg-header_global-nav__sp .sg-logo__hrmos--nencho,
    header .sg-header_global-nav__sp .sg-logo__hrmos--nippo,
    header .sg-header_global-nav__sp .sg-logo__hrmos--payroll,
    header .sg-header_global-nav__sp .sg-logo__hrmos--payslip,
    header .sg-header_global-nav__sp .sg-logo__hrmos--per,
    header .sg-header_global-nav__sp .sg-logo__hrmos--tm,
    header .sg-header_global-nav__sp .sg-logo__hrmos--workflow {
        margin: 16px
    }
}

header .sg-header_global-nav__sp .sg-logo__hrmos--kintai,
header .sg-header_global-nav__sp .sg-logo__hrmos--nippo,
header .sg-header_global-nav__sp .sg-logo__hrmos--workflow {
    width: 180px
}

@media (max-width:640px) {

    header .sg-header_global-nav__sp .sg-logo__hrmos--kintai,
    header .sg-header_global-nav__sp .sg-logo__hrmos--nippo,
    header .sg-header_global-nav__sp .sg-logo__hrmos--workflow {
        width: 121px
    }
}

header .sg-header_global-nav__sp .sg-logo__hrmos--nencho,
header .sg-header_global-nav__sp .sg-logo__hrmos--payslip {
    width: 180px
}

@media (max-width:640px) {

    header .sg-header_global-nav__sp .sg-logo__hrmos--nencho,
    header .sg-header_global-nav__sp .sg-logo__hrmos--payslip {
        width: 150px
    }
}

header .sg-header_global-nav__sp .sg-logo__hrmos--keihi {
    width: 200px
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .sg-logo__hrmos--keihi {
        width: 174px
    }
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp .sg-logo__hrmos--keihi {
        width: 146px
    }
}

header .sg-header_global-nav__sp .sg-logo__hrmos--payroll {
    width: 180px
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .sg-logo__hrmos--payroll {
        width: 124px
    }
}

header .sg-header_global-nav__sp__series {
    background: #e8e8e8;
    width: 100%;
    height: 40px;
    display: none
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp__series {
        display: block
    }
}

@media (max-width:470px) {
    header .sg-header_global-nav__sp__series {
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll
    }
}

header .sg-header_global-nav__sp__series--wrapper>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

header .sg-header_global-nav__sp__series--wrapper>ul>li {
    width: 25%;
    padding: 8px;
    font-size: 10px;
    text-align: center;
    position: relative
}

@media (max-width:470px) {
    header .sg-header_global-nav__sp__series--wrapper>ul>li {
        width: 94px
    }
}

header .sg-header_global-nav__sp__series--wrapper>ul>li>a {
    text-decoration: none;
    color: #444
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats {
    background-color: #e8e8e8;
    height: 40px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats>a {
    padding-left: 10px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_ats-02eae11875.svg) no-repeat 50% 50%;
    background-size: 100%;
    left: 12px;
    top: 13px;
    width: 12px;
    height: 12px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats.service__select {
    background-color: #0457a7
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats.service__select>a {
    color: #fff
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_ats_select_sp-dd810a7c42.svg) no-repeat 50% 50%
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr {
    background-color: #e8e8e8;
    height: 40px;
    border-left: 1px solid #cecece
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr>a {
    padding-left: 14px;
    display: block;
    line-height: 1.2
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_hr-35021b2877.svg) no-repeat 50% 50%;
    background-size: 100%;
    left: 8px;
    top: 13px;
    width: 12px;
    height: 15px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr.service__select {
    background-color: #0457a7;
    border-left: none
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr.service__select>a {
    color: #fff
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_hr_select_sp-b10a3c63a6.svg) no-repeat 50% 50%
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai {
    background-color: #e8e8e8;
    height: 40px;
    border-left: 1px solid #cecece
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai>a {
    padding-left: 14px;
    display: block
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_kintai-e47488bd7e.svg) no-repeat 50% 50%;
    background-size: 100%;
    left: 10px;
    top: 13px;
    width: 13px;
    height: 13px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai.service__select {
    background-color: #0457a7;
    border-left: none
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai.service__select>a {
    color: #fff
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_kintai_select_sp-f602acd345.svg) no-repeat 50% 50%
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__keihi {
    background-color: #e8e8e8;
    height: 40px;
    border-left: 1px solid #cecece
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__keihi>a {
    padding-left: 3px;
    display: block
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__keihi>a::before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_keihi-ec57e2f0f2.svg) no-repeat 50% 50%;
    background-size: 100%;
    left: 10px;
    top: 13px;
    width: 13px;
    height: 13px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__keihi>a[target=_blank]::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 4px;
    top: 20px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__other {
    background-color: #e8e8e8;
    height: 40px;
    border-left: 1px solid #cecece
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__other>a {
    display: block;
    line-height: 1.2
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__other.service__select {
    background-color: #0457a7;
    border-left: none
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__other.service__select>a {
    color: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox {
    display: none
}

header .sg-header_global-nav__sp .l-drawer__icon {
    cursor: pointer;
    display: block;
    width: 56px;
    height: 60px;
    position: absolute;
    top: 20px;
    right: 0;
    margin: 10px;
    z-index: 4
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp .l-drawer__icon {
        top: 20px;
        height: 36px
    }
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .l-drawer__icon {
        top: 10px;
        height: 36px
    }
}

header .sg-header_global-nav__sp .l-drawer__icon-parts,
header .sg-header_global-nav__sp .l-drawer__icon-parts:after,
header .sg-header_global-nav__sp .l-drawer__icon-parts:before {
    background-color: #0457a7;
    display: block;
    width: 26px;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

header .sg-header_global-nav__sp .l-drawer__icon-parts:after,
header .sg-header_global-nav__sp .l-drawer__icon-parts:before {
    content: " "
}

header .sg-header_global-nav__sp .l-drawer__icon-parts:before {
    top: 16px
}

header .sg-header_global-nav__sp .l-drawer__icon-parts:after {
    top: 8px
}

header .sg-header_global-nav__sp .l-drawer__overlay {
    background: #000;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -2;
    transition: transform .7s ease-out
}

header .sg-header_global-nav__sp .l-drawer__menu {
    background: #f3f5f6;
    color: #000;
    max-width: 100%;
    width: 100vw;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    -ms-transform: translateY(-100vh);
    transform: translateY(-100vh);
    z-index: -1;
    margin-top: 80px;
    height: calc(100vh - 80px)
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp .l-drawer__menu {
        height: calc(100vh - 80px)
    }
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .l-drawer__menu {
        height: calc(100vh - 56px);
        margin-top: 56px
    }
}

header .sg-header_global-nav__sp .l-drawer__menu>ul {
    background: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__icon .l-drawer__icon-parts {
    background: 0 0;
    transition: transform .7s ease-out
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__icon .l-drawer__icon-parts:before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: transform .7s ease-out;
    top: 8px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__icon .l-drawer__icon-parts:after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: transform .7s ease-out;
    top: 8px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__overlay {
    opacity: .3;
    pointer-events: auto
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu {
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .7s ease-out
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item {
    line-height: 14px;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item__series {
    padding-left: 20px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item a {
    color: #333;
    display: block;
    height: 46px;
    padding: 16px 0 16px 24px;
    text-decoration: none
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item a {
        width: 100%;
        display: table;
        padding: 16px 32px 16px 24px;
        line-height: 1.4
    }
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item a:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    right: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--right--black-f716ee679d.svg);
    right: 24px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details summary {
    padding: 16px 0 16px 24px;
    position: relative;
    list-style-type: none;
    line-height: 1.4
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details summary:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    right: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--right--black-f716ee679d.svg);
    right: 24px;
    -ms-transform: translate(0, -65%) rotate(90deg);
    transform: translate(0, -65%) rotate(90deg);
    transition: transform .4s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details summary::-webkit-details-marker {
    display: none
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer {
    border-top: 1px solid #e6e6e6
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .l-drawer__item {
    border-bottom: 0;
    line-height: 12px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .l-drawer__item a {
    padding: 12px 32px 16px;
    color: #0457a7;
    height: 40px;
    font-size: 12px;
    font-weight: 400
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .l-drawer__item a.top-item {
    font-size: 14px;
    font-weight: 700
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .list-heading {
    background: #e2eff7;
    padding: 8px 24px 8px 60px;
    font-size: 12px;
    font-weight: 700;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 28px center;
    background-color: #e2eff7
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .list-heading.business {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_business-bac9bcb25a.svg)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .list-heading.industry {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_industry-1eade53bc0.svg)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .list-heading.scale {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_scale-2fc5570e3a.svg)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details[open] summary::after {
    -ms-transform: translate(0, -65%) rotate(-90deg);
    transform: translate(0, -65%) rotate(-90deg)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item::marker {
    content: ""
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .sg-logo__hrmos__wrapper {
    padding: 24px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper {
    position: relative;
    margin: 24px 0 32px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper__bottom,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper__top {
    position: absolute;
    width: 340px;
    left: calc(50% - 170px)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper__top {
    top: -24px;
    text-align: center
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper__bottom {
    bottom: -40px;
    text-align: right
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta {
    background: #fff;
    padding: 24px 0;
    display: block
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta:nth-child(n+3) {
    padding-top: 0
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta-series {
    position: relative;
    padding-top: 40px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta-series::before {
    content: "ハーモス製品がまるわかり！";
    display: block;
    position: absolute;
    width: 100%;
    top: 16px;
    text-align: center;
    color: #0457a7;
    font-weight: 700;
    font-size: 14px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a:hover::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a:hover::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a:hover::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a:hover::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
    width: 340px;
    height: 56px
}

@media (max-width:808px) {

    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span {
        width: 336px
    }
}

@media screen and (max-width:480px) {

    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
        width: 90%
    }

    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
    margin: 0 auto
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a:hover,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a:hover,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a:hover,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a:hover,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a:hover {
    opacity: 1
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a[target=_blank]:after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a[target=_blank]:after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a[target=_blank]:after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a[target=_blank]:after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a[target=_blank]:after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-white-411c95e03e.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a[target=_blank]:hover::after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a[target=_blank]:hover::after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a[target=_blank]:hover::after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a[target=_blank]:hover::after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a[target=_blank]:hover::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-accent-4feace3523.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri {
    border-color: #0457a7;
    background-color: #0457a7
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span:hover {
    color: #0457a7;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a::before {
    background: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
    border-color: #0457a7;
    background-color: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span {
    color: #0457a7;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span:hover {
    color: #fff;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a::before {
    background: #0457a7
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc {
    border-color: #e73858;
    background-color: #e73858
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span:hover {
    color: #e73858;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a::before {
    background: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub {
    border-color: #e73858;
    background-color: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span {
    color: #e73858;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span:hover {
    color: #fff;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a::before {
    background: #e73858
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc {
    border-color: #e73858;
    background-color: #e73858
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span:hover {
    color: #e73858;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a::before {
    background: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service {
    background: #f3f5f6;
    margin: 0;
    padding: 24px 32px 48px;
    text-align: center
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service {
        padding: 24px
    }

    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service.payroll,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service.series {
        padding: 24px
    }
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service>li {
    margin-bottom: 24px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service>li img {
    width: 100%
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service__series>a {
    color: #0457a7;
    text-decoration: none;
    position: relative
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service__series>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 59%;
    right: -24px;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp {
        display: block
    }
}

header.fixed {
    position: fixed;
    z-index: 100
}

@media (max-width:808px) {
    header.fixed+main {
        margin-top: 80px
    }
}

header.fixed:has(.p-internal-bizreach) {
    border-bottom: none;
    background: 0 0;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

header.fixed:has(.p-internal-bizreach) .sg-logo__hrmos--internal.first {
    display: inline-block
}

header.fixed:has(.p-internal-bizreach) .sg-logo__hrmos--internal.second {
    display: none
}

header.fixed:has(.p-internal-bizreach):has(.scroll) {
    background: #fff
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-logo__hrmos--internal.first {
    display: none
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-logo__hrmos--internal.second {
    display: inline-block
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header__global-nav__basic nav>ul>li a {
    color: #000e64
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header__global-nav__basic nav>ul>li a::before {
    background-color: #000e64
}

@media (max-width:1344px) {
    header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header__global-nav__basic {
        padding: 15.5px 16px 20px
    }
}

@media (max-width:1170px) {
    header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header__global-nav__basic nav .pg-layout__buttons__acc {
        width: 138px
    }

    header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub {
        width: 138px
    }
}

@media (max-width:960px) {
    header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header__global-nav__basic {
        display: none
    }
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header_global-nav__sp a img.sg-logo__hrmos--ats {
    filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(2777%) hue-rotate(198deg) brightness(93%) contrast(97%)
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) a img.sg-logo__hrmos--ats {
    filter: unset
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) a img.sg-logo__hrmos--internal {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(181deg) brightness(103%) contrast(103%)
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header_global-nav__sp .l-drawer__icon .l-drawer__icon-parts {
    background-color: #0457a7
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header_global-nav__sp .l-drawer__icon .l-drawer__icon-parts::before {
    background-color: #0457a7
}

header.fixed:has(.p-internal-bizreach):has(.scroll) .sg-header_global-nav__sp .l-drawer__icon .l-drawer__icon-parts::after {
    background-color: #0457a7
}

header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic {
    background: unset;
    width: 100%;
    padding: 20px 48px
}

header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic nav>ul>li a {
    color: #fff;
    margin-right: unset;
    font-size: 14px
}

header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic nav>ul>li a::before {
    background-color: #fff
}

header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic nav .pg-layout__buttons__acc {
    border-radius: 30px !important;
    border-color: #b6111c;
    background-color: #b6111c;
    margin: 0 0 0 36px;
    width: 178px;
    height: 36px
}

header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span {
    width: 100%;
    height: 32px;
    padding: 5px;
    font-size: 14px
}

header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span:hover {
    color: #b6111c
}

header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub {
    border-radius: 30px !important;
    width: 178px;
    height: 36px
}

header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span {
    width: 100%;
    height: 32px;
    padding: 5px;
    font-size: 14px
}

@media (max-width:1344px) {
    header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic {
        padding: 15.5px 16px 20px
    }
}

@media (max-width:1170px) {
    header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic nav .pg-layout__buttons__acc {
        width: 128px
    }

    header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub {
        width: 128px
    }
}

@media (max-width:970px) {
    header.fixed:has(.p-internal-bizreach) .sg-header__global-nav__basic {
        display: none
    }
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp {
    background: unset;
    border-bottom: unset
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) {
    background: #000e64
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) .l-drawer__icon-parts {
    background-color: unset
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) .l-drawer__icon-parts::before {
    background-color: #fff
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) .l-drawer__icon-parts::after {
    background-color: #fff
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__icon .l-drawer__icon-parts {
    background-color: #fff
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__icon .l-drawer__icon-parts::before {
    background-color: #fff
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__icon .l-drawer__icon-parts::after {
    background-color: #fff
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu {
    background: #000e64
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>ul {
    background: 0 0;
    padding: 20px 0
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>ul .l-drawer__item {
    font-size: 16px;
    color: #fff;
    border-bottom: unset
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>ul .l-drawer__item a {
    color: inherit;
    padding: 20px 40px;
    display: block
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>ul .l-drawer__item a::after {
    display: none
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta {
    background: 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 40px
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__acc {
    border-radius: 30px !important;
    border-color: #b6111c;
    background-color: #b6111c;
    width: 313px
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__acc a {
    font-size: 16px
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__acc a span {
    width: 100%
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri {
    border-radius: 30px !important;
    width: 313px;
    border-color: #b6111c;
    background-color: #fff
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri a {
    font-size: 16px
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri a::before {
    background-color: #b6111c
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri a span {
    width: 100%;
    color: #b6111c
}

header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri a span:hover {
    color: #fff
}

@media (max-width:960px) {
    header.fixed:has(.p-internal-bizreach) .sg-header_global-nav__sp {
        display: block
    }
}

header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic {
    width: 100%;
    padding: 20px 48px
}

header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic nav>ul>li a {
    color: #071049;
    margin-right: unset;
    font-size: 14px
}

header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic nav>ul>li a::before {
    background-color: #000e64
}

header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic nav .pg-layout__buttons__acc {
    border-radius: 30px !important;
    border-color: #b6111c;
    background-color: #b6111c;
    margin: 0 0 0 36px;
    width: 178px;
    height: 36px
}

header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span {
    width: 100%;
    height: 32px;
    padding: 5px;
    font-size: 14px
}

header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span:hover {
    color: #b6111c
}

header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub {
    border-radius: 30px !important;
    width: 178px;
    height: 36px
}

header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span {
    width: 100%;
    height: 32px;
    padding: 5px
}

@media (max-width:1344px) {
    header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic {
        padding: 20px 16px 20px
    }
}

@media (max-width:1170px) {
    header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic nav .pg-layout__buttons__acc {
        width: 138px
    }

    header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub {
        width: 138px
    }
}

@media (max-width:970px) {
    header.fixed:has(.p-internal-biz-child) .sg-header__global-nav__basic {
        display: none
    }
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) {
    background: #000e64;
    border-bottom: unset
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(181deg) brightness(103%) contrast(103%)
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) .l-drawer__icon .l-drawer__icon-parts:before {
    background-color: #fff
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp:has(.l-drawer__checkbox:checked) .l-drawer__icon .l-drawer__icon-parts:after {
    background-color: #fff
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu {
    background: #000e64
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>ul {
    background: 0 0;
    padding: 20px 0
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>ul .l-drawer__item {
    font-size: 16px;
    color: #fff;
    border-bottom: unset
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>ul .l-drawer__item a {
    color: inherit;
    padding: 20px 40px;
    display: block
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>ul .l-drawer__item a::after {
    display: none
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta {
    background: 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 40px
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__acc {
    border-radius: 30px !important;
    border-color: #b6111c;
    background-color: #b6111c;
    width: 313px
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__acc a {
    font-size: 16px
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__acc a span {
    width: 100%
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri {
    border-radius: 30px !important;
    width: 313px;
    border-color: #b6111c;
    background-color: #fff
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri a {
    font-size: 16px
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri a::before {
    background-color: #b6111c
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri a span {
    width: 100%;
    color: #b6111c
}

header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp .l-drawer__menu>.nav__cta .pg-layout__buttons__pri a span:hover {
    color: #fff
}

@media (max-width:960px) {
    header.fixed:has(.p-internal-biz-child) .sg-header_global-nav__sp {
        display: block
    }
}

header.static {
    position: static;
    background-color: #196eb4
}

header nav a {
    margin-right: 20px;
    color: #fff
}

header nav a:focus,
header nav a:hover {
    text-decoration: none !important
}

header .button__cta--wrapper {
    display: inline-block;
    margin-right: 20px;
    border-radius: 4px;
    background-color: #fff
}

header .button__cta,
header .button__cta--secondary {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 10px 20px !important;
    border: 0 !important;
    font-size: 16px !important
}

header .button__cta--secondary {
    border: 1px solid #0080ca;
    box-shadow: none
}

header .button__cta--secondary:focus,
header .button__cta--secondary:hover {
    color: #0080ca !important
}

header.simulator {
    background-color: #d5ebff
}

header.simulator>div {
    background-color: #d5ebff
}

.icon-triangle--bottom {
    position: relative
}

.icon-triangle--bottom:after {
    display: block;
    position: absolute;
    top: 50%;
    left: auto;
    right: 20px;
    width: 10px;
    height: 14px;
    background-image: url(/b2b-assets/images/landing/ats/05_rec/icon-triangle--right--blue-34a07210a7.svg);
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg)
}

@media (max-width:760px) {
    .icon-triangle--bottom:after {
        width: 6px;
        height: 10px;
        right: 10px
    }
}

.sg-layout__sub-contents {
    text-align: center
}

.sg-layout__sub-contents a {
    font-size: 14px;
    color: #666
}

.sg-layout__sub-contents .mdl-cell {
    margin: 0 auto
}

.sg-layout__sub-contents--faq .mdl-list__item>a {
    -ms-flex-pack: center;
    justify-content: center
}

.sg-layout__sub-contents--faq .mdl-list__item>a:hover {
    text-decoration: underline
}

@media (max-width:640px) {
    .sg-layout__sub-contents--media .mdl-list__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 0;
        padding-left: 0
    }
}

.sg-layout__sub-contents--media .mdl-list__item>a {
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:640px) {
    .sg-layout__sub-contents--media .mdl-list__item>a {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
}

.sg-layout__sub-contents--media .mdl-list__item>a>time {
    line-height: 1.5
}

.sg-layout__sub-contents--media .mdl-list__item>a>.sg-layout__tag {
    margin-left: 1em;
    min-width: 5.5em
}

.sg-layout__sub-contents--media .mdl-list__item>a>span {
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.5;
    text-overflow: ellipsis
}

@media (min-width:641px) {
    .sg-layout__sub-contents--media .mdl-list__item>a>span {
        max-width: 35%;
        margin-left: 1em
    }
}

@media (max-width:640px) {
    .sg-layout__sub-contents--media .mdl-list__item>a>span {
        width: 100%;
        margin-top: .5em
    }
}

.sg-layout__sub-contents--media .mdl-list__item>a:hover>span {
    text-decoration: underline
}

.sg-layout__section {
    padding-top: 40px;
    padding-bottom: 40px
}

.sg-layout__section .sg-layout__headline {
    margin-top: 0
}

.sg-layout__section .sg-layout-other-headline {
    font-size: 36px;
    color: #002c4a;
    font-weight: 700
}

@media (max-width:640px) {
    .sg-layout__section .sg-layout-other-headline {
        margin: 0 auto 30px;
        font-size: 26px
    }
}

.sg-layout__section--series,
.sg-layout__section--seriescom {
    background: #fff;
    padding: 80px 0
}

.sg-layout__section--series h2,
.sg-layout__section--seriescom h2 {
    padding-top: 64px;
    margin: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700
}

.sg-layout__section--series h2.content__title__center,
.sg-layout__section--seriescom h2.content__title__center {
    text-align: center
}

@media (max-width:808px) {

    .sg-layout__section--series h2,
    .sg-layout__section--seriescom h2 {
        padding-top: 40px;
        font-size: 24px
    }
}

@media (max-width:640px) {

    .sg-layout__section--series h2,
    .sg-layout__section--seriescom h2 {
        line-height: 1.4
    }
}

.sg-layout__section--series h2,
.sg-layout__section--seriescom h2 {
    padding: 0;
    text-align: center
}

.sg-layout__section--series ul,
.sg-layout__section--seriescom ul {
    width: 1160px;
    margin: 32px auto 0
}

@media (max-width:640px) {

    .sg-layout__section--series,
    .sg-layout__section--seriescom {
        padding: 40px 0 0
    }

    .sg-layout__section--series h2,
    .sg-layout__section--seriescom h2 {
        font-size: 1.4rem;
        line-height: 1
    }
}

.sg-layout__section--series ul li {
    display: inline-block;
    width: 380.6666666667px;
    border-right: 1px solid #0457a7;
    text-align: center
}

.sg-layout__section--series ul li>a {
    display: block;
    text-decoration: none
}

.sg-layout__section--series ul li>a img {
    height: 40px
}

.sg-layout__section--series ul li>a p {
    font-size: 16px;
    color: #0457a7
}

.sg-layout__section--series ul li>a:hover {
    opacity: .6
}

.sg-layout__section--series ul li:last-child {
    margin-right: 0;
    border-right: none
}

@media (max-width:1160px) {
    .sg-layout__section--series ul {
        width: 100%
    }

    .sg-layout__section--series ul li {
        width: calc(33.3333333333% - 6px)
    }
}

@media (max-width:768px) {
    .sg-layout__section--series ul {
        padding: 0 5%
    }

    .sg-layout__section--series ul li {
        padding: 0 8px
    }

    .sg-layout__section--series ul li img {
        width: 75%
    }
}

@media (max-width:640px) {
    .sg-layout__section--series ul li {
        display: block;
        width: 100%;
        margin-top: 40px;
        padding-bottom: 40px;
        border-right: none;
        border-bottom: 1px solid #e6e6e6
    }

    .sg-layout__section--series ul li:last-child {
        border-bottom: none
    }
}

.sg-layout__section--seriescom ul {
    display: -ms-flexbox;
    display: flex
}

.sg-layout__section--seriescom ul li {
    width: 360px;
    margin-right: 35px
}

.sg-layout__section--seriescom ul li:last-child {
    margin-right: 0
}

.sg-layout__section--seriescom ul li>div {
    padding: 24px 0
}

.sg-layout__section--seriescom ul li>div p {
    text-align: left;
    line-height: 1.7;
    font-size: 16px;
    margin: 0
}

.sg-layout__section--seriescom ul li>a {
    display: block;
    padding: 60px 24px 24px;
    color: #333;
    border: 1px solid #e6e6e6;
    text-decoration: none;
    text-align: center;
    position: relative;
    overflow: hidden
}

.sg-layout__section--seriescom ul li>a figure img {
    height: 32px
}

@media (max-width:1160px) {
    .sg-layout__section--seriescom ul li>a figure img {
        height: 32px
    }
}

.sg-layout__section--seriescom ul li>a>p {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 24px;
    z-index: 20;
    padding: 0;
    margin: auto;
    transition: .5s
}

.sg-layout__section--seriescom ul li>a .active {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 32px;
    left: 1px;
    opacity: 0;
    margin: auto;
    transition: .5s
}

.sg-layout__section--seriescom ul li>a:hover p {
    color: #fff
}

.sg-layout__section--seriescom ul li>a:hover .active {
    opacity: 1
}

.sg-layout__section--seriescom ul li>a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout__section--seriescom ul li>a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #0457a7;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

@media (max-width:1160px) {
    .sg-layout__section--seriescom ul {
        width: 90%;
        margin: 5% auto 0
    }

    .sg-layout__section--seriescom ul li {
        width: 30.3333333333%;
        margin-right: 3%
    }
}

@media (max-width:768px) {
    .sg-layout__section--seriescom ul {
        display: block
    }

    .sg-layout__section--seriescom ul li {
        width: 100%;
        padding: 0 5%;
        margin-bottom: 40px
    }
}

.sg-layout__section--seriescom__description {
    display: block;
    padding: 32px;
    margin: 0
}

.sg-layout__section--footer-bnr {
    margin: auto;
    padding: 60px 0;
    max-width: 90%
}

@media (max-width:640px) {
    .sg-layout__section--footer-bnr {
        width: 90%;
        padding: 30px 0
    }
}

.sg-layout__section--footer-bnr-bizreach {
    margin: auto;
    width: 1160px;
    max-width: 90%;
    padding: 0 0 60px
}

@media (max-width:640px) {
    .sg-layout__section--footer-bnr-bizreach {
        width: 90%;
        padding: 30px 0
    }
}

.sg-layout__section--cta {
    background: #0457a7;
    padding: 80px 0
}

.sg-layout__section--cta h2 {
    padding-top: 64px;
    margin: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700
}

.sg-layout__section--cta h2.content__title__center {
    text-align: center
}

@media (max-width:808px) {
    .sg-layout__section--cta h2 {
        padding-top: 40px;
        font-size: 24px
    }
}

@media (max-width:640px) {
    .sg-layout__section--cta h2 {
        line-height: 1.4
    }
}

.sg-layout__section--cta h2 {
    padding: 0;
    text-align: center;
    color: #fff
}

.sg-layout__section--cta li {
    margin: 24px auto 0
}

.sg-layout__section--cta li:last-child {
    margin: 16px auto 0
}

.sg-layout__section--cta .sg-layout__buttons__pri,
.sg-layout__section--cta .sg-layout__buttons__sec {
    border-color: #fff
}

@media (max-width:808px) {
    .sg-layout__section--cta h2 {
        padding-top: 0
    }
}

@media (max-width:640px) {
    .sg-layout__section--cta {
        padding: 40px 0
    }

    .sg-layout__section--cta h2 {
        font-size: 18px;
        line-height: 1.5;
        padding: 0 24px
    }
}

.sg-layout__section--accent {
    background-color: #f3f5f6
}

.sg-layout__section--bottom-arrow {
    position: relative
}

.sg-layout__section--bottom-arrow:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top-color: #fff;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.sg-layout__section--bottom-arrow.sg-layout__section--accent:after {
    border-top-color: #f3f5f6
}

.sg-layout__section--bottom-arrow+.sg-layout__section {
    padding-top: 60px
}

.sg-layout__headline {
    padding: 0;
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    color: #333
}

@media (max-width:640px) {
    .sg-layout__headline {
        font-size: 26px;
        line-height: 1.5
    }
}

.sg-layout__headline>img {
    width: auto;
    height: 42px
}

.sg-layout__headline .note {
    font-size: 12px;
    color: grey
}

.sg-layout__wrapper .sg-layout__headline {
    padding-right: 0;
    padding-left: 0
}

body {
    counter-reset: chapter-number section-number part-number
}

.sg-layout__headline--chapter-number {
    counter-increment: chapter-number
}

.sg-layout__headline--chapter-number:before {
    content: "第" counter(chapter-number) "条（"
}

.sg-layout__headline--chapter-number:after {
    content: "）"
}

.sg-layout__headline--section-number {
    counter-increment: section-number
}

.sg-layout__headline--section-number:before {
    content: "第" counter(section-number) "章";
    margin-right: .5em
}

.sg-layout__headline--part-number {
    counter-increment: part-number
}

.sg-layout__headline--part-number:before {
    content: "第" counter(section-number) "部";
    margin-right: .5em
}

.sg-layout__social-list {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 15px
}

@media (max-width:990px) and (min-width:761px) {
    .sg-layout__social-list {
        margin-top: -10px
    }
}

.sg-layout__social-list>.mdl-cell,
.sg-layout__social-list>.mdl-cell>.mdl-button {
    display: block;
    width: 40px;
    height: 40px
}

.sg-layout__social-list>.mdl-cell>.mdl-button {
    padding: 7.5px;
    background-color: transparent
}

.sg-layout__social-list>.mdl-cell>.mdl-button>img {
    display: block;
    width: 25px;
    height: 25px
}

.sg-layout__social-list>.mdl-cell {
    margin: 0 20px 0 0
}

.sg-layout__tag {
    display: inline-block;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #0457a7;
    white-space: nowrap;
    font-size: 12px;
    color: #0457a7
}

a.sg-layout__tag {
    transition: color .3s cubic-bezier(.19, 1, .22, 1), border-color .3s cubic-bezier(.19, 1, .22, 1)
}

a.sg-layout__tag:hover {
    border-color: rgb(5.1929824561, 112.9473684211, 216.8070175439);
    color: rgb(5.1929824561, 112.9473684211, 216.8070175439)
}

.sg-layout__buttons__pri {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.sg-layout__buttons__pri a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.sg-layout__buttons__pri a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.sg-layout__buttons__pri a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout__buttons__pri a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.sg-layout__buttons__pri {
    max-width: 400px;
    height: 56px
}

.sg-layout__buttons__pri a span {
    width: 396px;
    height: 52px
}

@media screen and (max-width:480px) {
    .sg-layout__buttons__pri {
        width: 90%
    }

    .sg-layout__buttons__pri a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

@media screen and (max-width:320px) {
    .sg-layout__buttons__pri a span {
        font-size: 14px
    }
}

.sg-layout__buttons__pri {
    border-color: #0457a7;
    background-color: #0457a7
}

.sg-layout__buttons__pri a span {
    color: #fff;
    transition-delay: .2s
}

.sg-layout__buttons__pri a span:hover {
    color: #0457a7;
    transition-delay: .1s
}

.sg-layout__buttons__pri a::before {
    background: #fff
}

.sg-layout__buttons__pri--auto {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.sg-layout__buttons__pri--auto a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.sg-layout__buttons__pri--auto a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.sg-layout__buttons__pri--auto a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout__buttons__pri--auto a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.sg-layout__buttons__pri--auto {
    width: 128px;
    height: 30px
}

.sg-layout__buttons__pri--auto a span {
    width: 124px;
    height: 26px;
    padding: 3px 5px 5px;
    line-height: 20px;
    font-size: 15px
}

.sg-layout__buttons__pri--auto {
    border-color: #0457a7;
    background-color: #0457a7
}

.sg-layout__buttons__pri--auto a span {
    color: #fff;
    transition-delay: .2s
}

.sg-layout__buttons__pri--auto a span:hover {
    color: #0457a7;
    transition-delay: .1s
}

.sg-layout__buttons__pri--auto a::before {
    background: #fff
}

.sg-layout__buttons__pri--auto {
    margin: 0 0 0 auto;
    height: 34px
}

@media (max-width:990px) {
    .sg-layout__buttons__pri--auto {
        display: none
    }
}

.sg-layout__buttons__sec {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.sg-layout__buttons__sec a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.sg-layout__buttons__sec a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.sg-layout__buttons__sec a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout__buttons__sec a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.sg-layout__buttons__sec {
    max-width: 400px;
    height: 56px
}

.sg-layout__buttons__sec a span {
    width: 396px;
    height: 52px
}

@media screen and (max-width:480px) {
    .sg-layout__buttons__sec {
        width: 90%
    }

    .sg-layout__buttons__sec a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

@media screen and (max-width:320px) {
    .sg-layout__buttons__sec a span {
        font-size: 14px
    }
}

.sg-layout__buttons__sec {
    border-color: #0457a7;
    background-color: #fff
}

.sg-layout__buttons__sec a span {
    color: #0457a7;
    transition-delay: .1s
}

.sg-layout__buttons__sec a span:hover {
    color: #fff;
    transition-delay: .2s
}

.sg-layout__buttons__sec a::before {
    background: #0457a7
}

.sg-layout__buttons__sec--auto {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.sg-layout__buttons__sec--auto a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.sg-layout__buttons__sec--auto a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.sg-layout__buttons__sec--auto a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout__buttons__sec--auto a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.sg-layout__buttons__sec--auto {
    width: 128px;
    height: 30px
}

.sg-layout__buttons__sec--auto a span {
    width: 124px;
    height: 26px;
    padding: 3px 5px 5px;
    line-height: 20px;
    font-size: 15px
}

.sg-layout__buttons__sec--auto {
    border-color: #0457a7;
    background-color: #fff
}

.sg-layout__buttons__sec--auto a span {
    color: #0457a7;
    transition-delay: .1s
}

.sg-layout__buttons__sec--auto a span:hover {
    color: #fff;
    transition-delay: .2s
}

.sg-layout__buttons__sec--auto a::before {
    background: #0457a7
}

.sg-layout__buttons__sec--auto {
    margin: 0 0 0 auto;
    height: 34px
}

@media (max-width:990px) {
    .sg-layout__buttons__sec--auto {
        display: none
    }
}

.sg-layout__buttons__pro {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.sg-layout__buttons__pro a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.sg-layout__buttons__pro a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.sg-layout__buttons__pro a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout__buttons__pro a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.sg-layout__buttons__pro {
    max-width: 400px;
    height: 56px
}

.sg-layout__buttons__pro a span {
    width: 396px;
    height: 52px
}

@media screen and (max-width:480px) {
    .sg-layout__buttons__pro {
        width: 90%
    }

    .sg-layout__buttons__pro a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

@media screen and (max-width:320px) {
    .sg-layout__buttons__pro a span {
        font-size: 14px
    }
}

.sg-layout__buttons__pro {
    border-color: #f3f5f6;
    background-color: #f3f5f6
}

.sg-layout__buttons__pro a span {
    color: grey;
    transition-delay: .2s
}

.sg-layout__buttons__pro a span:hover {
    color: grey;
    transition-delay: .1s
}

.sg-layout__buttons__pro a::before {
    background: #f3f5f6
}

.sg-layout__buttons__acc {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.sg-layout__buttons__acc a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.sg-layout__buttons__acc a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.sg-layout__buttons__acc a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout__buttons__acc a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.sg-layout__buttons__acc {
    max-width: 400px;
    height: 56px
}

.sg-layout__buttons__acc a span {
    width: 396px;
    height: 52px
}

@media screen and (max-width:480px) {
    .sg-layout__buttons__acc {
        width: 90%
    }

    .sg-layout__buttons__acc a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

@media screen and (max-width:320px) {
    .sg-layout__buttons__acc a span {
        font-size: 14px
    }
}

.sg-layout__buttons__acc {
    border-color: #e73858;
    background-color: #e73858
}

.sg-layout__buttons__acc a span {
    color: #fff;
    transition-delay: .2s
}

.sg-layout__buttons__acc a span:hover {
    color: #e73858;
    transition-delay: .1s
}

.sg-layout__buttons__acc a::before {
    background: #fff
}

.sg-layout__buttons__sub {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.sg-layout__buttons__sub a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.sg-layout__buttons__sub a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.sg-layout__buttons__sub a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout__buttons__sub a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.sg-layout__buttons__sub {
    max-width: 400px;
    height: 56px
}

.sg-layout__buttons__sub a span {
    width: 396px;
    height: 52px
}

@media screen and (max-width:480px) {
    .sg-layout__buttons__sub {
        width: 90%
    }

    .sg-layout__buttons__sub a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

@media screen and (max-width:320px) {
    .sg-layout__buttons__sub a span {
        font-size: 14px
    }
}

.sg-layout__buttons__sub {
    border-color: #e73858;
    background-color: #fff
}

.sg-layout__buttons__sub a span {
    color: #e73858;
    transition-delay: .1s
}

.sg-layout__buttons__sub a span:hover {
    color: #fff;
    transition-delay: .2s
}

.sg-layout__buttons__sub a::before {
    background: #e73858
}

.sg-layout__buttons__biz {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.sg-layout__buttons__biz a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.sg-layout__buttons__biz a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.sg-layout__buttons__biz a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout__buttons__biz a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.sg-layout__buttons__biz {
    max-width: 400px;
    height: 56px
}

.sg-layout__buttons__biz a span {
    width: 396px;
    height: 52px
}

@media screen and (max-width:480px) {
    .sg-layout__buttons__biz {
        width: 90%
    }

    .sg-layout__buttons__biz a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

@media screen and (max-width:320px) {
    .sg-layout__buttons__biz a span {
        font-size: 14px
    }
}

.sg-layout__buttons__biz {
    border-color: #b6111c;
    background-color: #b6111c
}

.sg-layout__buttons__biz a span {
    color: #fff;
    transition-delay: .2s
}

.sg-layout__buttons__biz a span:hover {
    color: #b6111c;
    transition-delay: .1s
}

.sg-layout__buttons__biz a::before {
    background: #fff
}

.pg-companies--customers ul,
.sg-companies--customers ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

@media only screen and (min-width:320px) and (max-width:568px) {

    .pg-companies--customers ul,
    .sg-companies--customers ul {
        display: -webkit-flex;
        -webkit-justify-content: center;
        -webkit-flex-wrap: wrap
    }
}

.pg-companies--customers ul>li,
.sg-companies--customers ul>li {
    width: 70px;
    margin: 6px 12px
}

.pg-companies--customers small,
.sg-companies--customers small {
    display: block;
    text-align: right;
    color: #999
}

@media (max-width:990px) {

    .pg-companies--customers small,
    .sg-companies--customers small {
        text-align: center
    }
}

.pg-companies--customers,
.sg-companies--customers {
    padding: 64px 0 72px
}

@media (max-width:640px) {

    .pg-companies--customers,
    .sg-companies--customers {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 40px
    }
}

.pg-companies--customers h2,
.sg-companies--customers h2 {
    text-align: center;
    font-size: 24px;
    color: #333
}

@media (max-width:990px) {

    .pg-companies--customers h2,
    .sg-companies--customers h2 {
        font-size: 20px
    }
}

.pg-companies--customers h2,
.sg-companies--customers h2 {
    margin: 0 auto 58px;
    text-align: center;
    font-weight: 700;
    line-height: 1.5
}

@media (max-width:640px) {

    .pg-companies--customers h2,
    .sg-companies--customers h2 {
        margin-bottom: 32px;
        text-align: justify
    }

    .pg-companies--customers h2 br,
    .sg-companies--customers h2 br {
        display: none
    }
}

.pg-companies--customers ul,
.sg-companies--customers ul {
    max-width: 800px;
    margin: 0 auto
}

@media (max-width:640px) {

    .pg-companies--customers ul,
    .sg-companies--customers ul {
        width: 100%;
        margin: 0 auto 8px
    }
}

.pg-companies--customers ul li,
.sg-companies--customers ul li {
    width: 100px
}

@media (max-width:640px) {

    .pg-companies--customers ul li,
    .sg-companies--customers ul li {
        width: 80px
    }
}

@media (max-width:320px) {

    .pg-companies--customers ul li,
    .sg-companies--customers ul li {
        margin: 6px 8px
    }
}

.pg-companies--customers.kintai ul li,
.sg-companies--customers.kintai ul li {
    width: 128px
}

.pg-companies--customers small,
.sg-companies--customers small {
    max-width: 700px;
    margin: 0 auto
}

@media (max-width:768px) {

    .pg-companies--customers small,
    .sg-companies--customers small {
        text-align: right
    }
}

@media (max-width:640px) {

    .pg-companies--customers small,
    .sg-companies--customers small {
        width: 100%;
        margin: 0 auto 8px
    }
}

.pg-companies--customers--2clum {
    padding: 24px 0 72px
}

.pg-companies--customers--2clum ul {
    max-width: 564px;
    margin: 0 auto
}

@media (max-width:1160px) {
    .pg-companies--customers--2clum ul {
        width: 100%;
        margin: 0 auto 8px
    }
}

.pg-companies--customers--2clum ul li {
    width: 80px
}

.pg-companies--customers--2clum small {
    max-width: 564px
}

@media (max-width:1160px) {
    .pg-companies--customers--2clum small {
        width: 100%
    }
}

.contents_wrapper {
    overflow: hidden
}

.contents_wrapper__doc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    font-size: 16px
}

@media (max-width:808px) {
    .contents_wrapper__doc {
        display: block
    }
}

.contents_wrapper__doc--left {
    display: block;
    width: 824px
}

.contents_wrapper__doc--left .contents__company__information {
    padding: .5rem 1.75rem;
    background: #f3f3f3
}

.contents_wrapper__doc--left .contents__company__information .content__headline--parenthesis {
    font-size: 1.25rem
}

.contents_wrapper__doc--left .contents__company__signature {
    padding-top: 56px;
    text-align: right;
    font-style: normal
}

.contents_wrapper__doc--left .contents__company__signature>dl>dt {
    font-weight: 700
}

.contents_wrapper__doc--left .contents__company__signature>dl>dd dl {
    margin: 0
}

.contents_wrapper__doc--left .contents__company__signature>dl>dd dl>* {
    display: inline-block
}

.contents_wrapper__doc--left .contents__company__signature>dl>dd p {
    margin: 0
}

.contents_wrapper__doc--left .contents__company__signature>time {
    display: block
}

@media (max-width:808px) {
    .contents_wrapper__doc--left {
        width: 100%
    }
}

.contents_wrapper__doc--right {
    width: 330px;
    padding-left: 56px;
    display: block
}

.contents_wrapper__doc--right ul li {
    border-top: 1px solid #e6e6e6
}

.contents_wrapper__doc--right ul li:last-child {
    border-bottom: 1px solid #e6e6e6
}

.contents_wrapper__doc--right ul li a {
    display: block;
    width: 100%;
    position: relative;
    padding: 16px 0 16px 16px;
    line-height: 1.7;
    font-size: 16px;
    color: #333;
    text-decoration: none
}

.contents_wrapper__doc--right ul li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
}

.contents_wrapper__doc--right ul li a:active,
.contents_wrapper__doc--right ul li a:hover {
    color: #0457a7
}

.contents_wrapper__doc--right ul .current a {
    color: #333;
    font-weight: 700
}

.contents_wrapper__doc--right ul .current a:hover {
    color: #333
}

@media (max-width:808px) {
    .contents_wrapper__doc--right {
        width: 100%;
        padding-left: 0
    }

    .contents_wrapper__doc--right ul {
        padding-top: 0
    }

    .contents_wrapper__doc--right ul li:first-child {
        border-top: none
    }
}

.contents_wrapper__doc--right ul {
    padding-top: 64px
}

@media (max-width:808px) {
    .contents_wrapper__doc--right ul {
        padding-top: 0
    }
}

.contents_wrapper__doc--right .terms-nav_note {
    display: inline-block;
    padding-top: 16px
}

.content__container {
    width: 100%;
    max-width: 1160px;
    margin: 112px auto 72px;
    padding: 0;
    line-height: 1.75;
    font-size: .875rem
}

.content__container--midl {
    width: 860px
}

.content__container--midl.no-indent .content__container--topline.indent {
    text-indent: 1.8em
}

.content__container--midl.no-indent .content__container--topline.indent::before {
    display: none
}

.content__container--spl {
    max-width: 680px;
    width: 100%
}

.content__container--spl .content__container--topline.indent {
    text-indent: 1.8em
}

.content__container--spl .content__container--topline.indent::before {
    display: none
}

@media (max-width:1160px) {
    .content__container {
        width: 90%
    }
}

@media (max-width:808px) {
    .content__container {
        margin: 80px auto 72px
    }
}

@media (max-width:640px) {
    .content__container {
        margin-top: 56px auto 72px
    }
}

.content__container .content__section {
    margin-top: 0
}

.content__container .content__section p {
    line-height: 1.7;
    margin-bottom: 0;
    font-size: 16px
}

.content__container .content__section>p a {
    display: inline-block;
    color: #2693ff;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.content__container .content__section>p a:active,
.content__container .content__section>p a:hover {
    opacity: .6;
    text-decoration: none
}

.content__container .content__section__link {
    margin-top: 32px
}

.content__container .content__section__link a {
    padding-left: 16px;
    position: relative
}

.content__container .content__section__link a::before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
}

.content__container .content__section__link a[target=_blank]::after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    top: 60%;
    width: 10px;
    height: 10px;
    right: -16px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg)
}

.content__container .content__section__link--02 {
    margin-top: 8px
}

.content__container .content__section__link--02 a {
    padding-left: 16px;
    position: relative
}

.content__container .content__section__link--02 a::before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
}

.content__container .content__section__link--02 a::after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    top: 60%;
    width: 10px;
    height: 10px;
    right: -16px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg)
}

.content__container .content__section .text-right {
    display: block;
    text-align: right
}

.content__container .content__section .content__list__nor li {
    list-style-type: none;
    position: relative;
    padding: 0 0 16px 14px;
    font-size: 16px
}

.content__container .content__section .content__list__nor li::before {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 2px;
    top: 10px;
    content: "";
    background: #0457a7
}

.content__container .content__section .content__list__nor li:last-child {
    padding-bottom: 0
}

.content__container .content__section .content__list__nor {
    margin-top: 24px
}

.content__container .content__section .content__list__nor li {
    padding: 0 0 4px 14px
}

.content__container .content__section .content__list__definition {
    margin-top: 24px
}

.content__container .content__section .content__list__definition dt {
    list-style-type: none;
    position: relative;
    padding: 0 0 4px 14px;
    font-size: 16px
}

.content__container .content__section .content__list__definition dt::before {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 2px;
    top: 11px;
    content: "";
    background: #0457a7
}

.content__container .content__section .content__list__definition dt:last-child {
    padding-bottom: 0
}

.content__container .content__section .content__list__definition dd {
    margin: 0 0 16px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.7
}

.content__container .content__section .content__list__definition dd:last-child {
    margin: 0
}

.content__container .content__section .content__list__definition dd p {
    margin-bottom: 0
}

.content__container .content__section .content__list__symple {
    margin-top: 56px
}

.content__container .content__section .content__list__symple li {
    list-style-type: none;
    position: relative;
    padding: 0 0 16px 14px;
    font-size: 16px
}

.content__container .content__section .content__list__symple li::before {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 2px;
    top: 10px;
    content: "";
    background: #0457a7
}

.content__container .content__section .content__list__symple li:last-child {
    padding-bottom: 0
}

.content__container .content__section .content__list__symple li {
    margin-top: 40px;
    padding: 0 0 0 24px
}

.content__container .content__section .content__list__symple li::before {
    width: 8px;
    height: 8px;
    top: 10px
}

.content__container .content__section .content__list__symple li h2 {
    padding: 0;
    font-size: 20px
}

.content__container .content__section .content__list__symple li p {
    margin: 8px 0 0 0
}

.content__container .content__section__detail {
    margin-top: 24px
}

.content__container .content__section__detail-indent {
    margin-left: 32px
}

@media (max-width:767px) {
    .content__container .content__section__detail-indent {
        margin-left: 16px
    }
}

.content__container .content__section__detail-indent>h3 {
    padding: 40px 0 16px;
    font-size: 20px
}

.content__container .content__section__detail-indent>figure {
    margin-top: 16px;
    text-align: center
}

.content__container .content__section__detail-indent>figure figcaption {
    margin-top: 16px;
    font-size: 14px;
    color: grey
}

.content__container .content__section__detail-img {
    margin-top: 24px
}

.content__container .content__section__detail-img figcaption {
    margin-top: 8px;
    text-align: center
}

.content__container .content__table {
    width: 100%;
    border: 1px solid #e6e6e6;
    margin-bottom: 40px;
    font-size: 16px
}

.content__container .content__table th {
    line-height: 1.5;
    padding: 20px;
    font-weight: 700;
    text-align: center;
    background-color: #f3f5f6
}

.content__container .content__table th:first-child {
    border-right: 1px solid #e6e6e6
}

.content__container .content__table tr {
    border-bottom: 1px solid #e6e6e6
}

.content__container .content__table td {
    padding: 20px;
    line-height: 1.5;
    text-align: left
}

.content__container .content__table td:first-child {
    background-color: #f3f5f6;
    width: 36%;
    border-right: 1px solid #e6e6e6
}

.content__container .content__table {
    width: 100%;
    margin-top: 40px
}

.content__container .content__table td.width10,
.content__container .content__table th.width10 {
    width: 10%
}

.content__container .content__table td.width15,
.content__container .content__table th.width15 {
    width: 15%
}

.content__container .content__table td.width20,
.content__container .content__table th.width20 {
    width: 20%
}

.content__container .content__table td.width25,
.content__container .content__table th.width25 {
    width: 25%
}

.content__container .content__table td.width30,
.content__container .content__table th.width30 {
    width: 30%
}

.content__container .content__table td.width35,
.content__container .content__table th.width35 {
    width: 35%
}

.content__container .content__table td.width40,
.content__container .content__table th.width40 {
    width: 40%
}

.content__container .content__table td.width45,
.content__container .content__table th.width45 {
    width: 45%
}

.content__container .content__table td.width50,
.content__container .content__table th.width50 {
    width: 50%
}

.content__container .content__table td.width55,
.content__container .content__table th.width55 {
    width: 55%
}

.content__container .content__table td.width60,
.content__container .content__table th.width60 {
    width: 60%
}

.content__container .content__table td.width65,
.content__container .content__table th.width65 {
    width: 65%
}

.content__container .content__table td.width70,
.content__container .content__table th.width70 {
    width: 70%
}

.content__container .content__table td.width75,
.content__container .content__table th.width75 {
    width: 75%
}

.content__container .content__table td.width80,
.content__container .content__table th.width80 {
    width: 80%
}

.content__container .content__table td.width85,
.content__container .content__table th.width85 {
    width: 85%
}

.content__container .content__table td.width90,
.content__container .content__table th.width90 {
    width: 90%
}

.content__container .content__table td:nth-child(n+2),
.content__container .content__table th:nth-child(n+2) {
    border-left: 1px solid #e6e6e6
}

.content__container .content__table td.bk_white,
.content__container .content__table th.bk_white {
    background: #fff
}

.content__container .content__table td.long-url {
    word-break: break-all
}

.content__container .content__table td.long-url>a {
    position: relative;
    text-decoration: none
}

.content__container .content__table td.long-url>a::after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    top: 60%;
    width: 10px;
    height: 10px;
    right: -16px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    top: initial;
    -ms-transform: initial;
    transform: initial;
    bottom: 2px
}

.content__container .content__table td.long-url>a:hover {
    opacity: .6
}

.content__container .content__table td.note {
    margin-top: 20px;
    font-size: 12px;
    color: grey
}

.content__container .content__table2 {
    border: 1px solid #e6e6e6;
    max-width: 800px;
    width: 100%;
    margin-top: 50px
}

.content__container .content__table2 thead tr td {
    background-color: #f3f5f6;
    width: 50%;
    padding: 14px;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    font-weight: 700
}

.content__container .content__table2 tbody tr td {
    padding: 14px;
    border: 1px solid #e6e6e6;
    font-size: 16px
}

.content__container h1 {
    padding-top: 64px;
    margin: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700
}

.content__container h1.content__title__center {
    text-align: center
}

@media (max-width:808px) {
    .content__container h1 {
        padding-top: 40px;
        font-size: 24px
    }
}

@media (max-width:640px) {
    .content__container h1 {
        line-height: 1.4
    }
}

.content__container h2 {
    margin: 0;
    padding-top: 56px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width:808px) {
    .content__container h2 {
        padding-top: 40px;
        font-size: 18px
    }
}

.content__container h3 {
    margin: 0;
    padding-top: 40px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 700
}

@media (max-width:808px) {
    .content__container h3 {
        font-size: 16px
    }
}

.content__container ol {
    padding-top: 40px;
    font-size: 16px;
    line-height: 1.7
}

.content__container .content__container--topline {
    padding-top: 40px;
    font-size: 16px;
    line-height: 1.7
}

.content__container .content__container--topline .text-right {
    display: block;
    text-align: right
}

.content__container .content__container--topline .note {
    font-size: 12px;
    color: grey
}

.content__container .content__container--topline.indent {
    counter-increment: indent-number
}

.content__container .content__container--topline.indent:first-of-type {
    text-indent: 1.8em
}

.content__container .content__container--topline.indent:not(:first-of-type)::before {
    content: counter(indent-number) "　"
}

.content__container .headline__chapter__number {
    counter-increment: chapter-number
}

.content__container .headline__chapter__number::before {
    content: "第" counter(chapter-number) "条　"
}

.content__container .content__description {
    text-align: center
}

@media (min-width:768px) and (max-width:1159px) {
    .content__container .content__description {
        text-align: left
    }
}

@media (max-width:767px) {
    .content__container .content__description {
        text-align: left
    }
}

.content__container .content__list__normal li {
    list-style-type: none;
    position: relative;
    padding: 0 0 16px 14px;
    font-size: 16px
}

.content__container .content__list__normal li::before {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 2px;
    top: 10px;
    content: "";
    background: #0457a7
}

.content__container .content__list__normal li:last-child {
    padding-bottom: 0
}

.content__container .content__list__order {
    padding-left: 1.5rem;
    list-style: decimal
}

.content__container .content__list__order--parenthesis {
    padding-top: 0
}

.content__container .content__list__order--parenthesis>li {
    counter-increment: ordered-parenthesis
}

.content__container .content__list__order--parenthesis>li::before {
    float: left;
    content: "(" counter(ordered-parenthesis) ")";
    margin-right: .5rem
}

.content__container .content__list__order--parenthesis>li .note {
    font-size: 12px;
    color: grey
}

.content__container .content__list__order.section-order {
    padding-bottom: 40px
}

@media (max-width:768px) {
    .content__container .content__list__order.section-order {
        padding-top: 0;
        padding-bottom: 20px
    }
}

.content__container .content__list__order.section-order li {
    padding-bottom: 15px
}

.content__container .content__list--definitions {
    margin-top: 0;
    overflow: hidden
}

.content__container .content__list--definitions dt {
    float: left;
    font-weight: 400
}

.content__container .content__list--definitions dt::after {
    content: "："
}

.content__container .content__list--unordered {
    padding-top: 40px
}

.content__container .content__list__dot {
    margin-left: 30px;
    margin-top: 10px
}

@media (max-width:425px) {
    .content__container .content__list__dot {
        margin-left: 0
    }
}

.content__container .content__list__dot li {
    list-style-type: none;
    position: relative;
    padding: 0 0 16px 14px;
    font-size: 16px
}

.content__container .content__list__dot li::before {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 2px;
    top: 10px;
    content: "";
    background: #0457a7
}

.content__container .content__list__dot li:last-child {
    padding-bottom: 0
}

.content__container .content__list__dot li {
    padding-left: 15px;
    padding-bottom: 5px !important
}

.content__container .content__list__dot li::before {
    background: #333
}

@media (max-width:425px) {
    .content__container .content__list__dot li {
        font-size: 14px
    }
}

.content__container .content__list__dot a {
    position: relative;
    margin-right: 19px
}

.content__container .content__list__dot a[target=_blank]::before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -20px;
    bottom: -1px
}

.pg-integration {
    max-width: 900px;
    width: 100%;
    margin: 112px auto 72px;
    padding: 0 24px
}

@media (max-width:768px) {
    .pg-integration {
        margin: 80px auto 72px
    }
}

@media (max-width:640px) {
    .pg-integration {
        margin: 56px auto
    }
}

.pg-integration__head {
    margin: 0 0 56px;
    padding-top: 64px
}

.pg-integration__head h1 {
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 40px
}

@media (max-width:768px) {
    .pg-integration__head {
        margin: 0 0 32px
    }

    .pg-integration__head h1 {
        font-size: 24px
    }
}

.pg-integration__section {
    margin: 0 0 56px
}

@media (max-width:768px) {
    .pg-integration__section {
        margin: 0 0 32px
    }
}

.pg-integration__title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: #333;
    margin: 0 0 16px
}

@media (max-width:768px) {
    .pg-integration__title {
        font-size: 18px;
        margin: 0 0 10px
    }
}

.pg-integration__list {
    list-style: decimal;
    padding-left: 16px
}

.pg-integration__list--2 {
    list-style: none;
    counter-reset: my-counter;
    padding-left: 0
}

.pg-integration__list--2 li {
    counter-increment: my-counter;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    gap: 4px
}

.pg-integration__list--2 li::before {
    content: "(" counter(my-counter) ") ";
    color: #333
}

.pg-integration__list li {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0;
    color: #333
}

.pg-integration__list li:not(:last-child) {
    margin-bottom: 4px
}

@media (max-width:768px) {
    .pg-integration__list li {
        font-size: 14px
    }
}

.pg-integration p {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0;
    color: #333
}

.pg-integration p.no_margin {
    margin: 0
}

@media (max-width:768px) {
    .pg-integration p {
        font-size: 14px
    }
}

.pg-layout-pr {
    padding-top: 40px
}

.pg-layout-pr img {
    width: 280px;
    height: 152px;
    border: 1px solid #e6e6e6
}

.pg-layout-pr ul li {
    display: -ms-flexbox;
    display: flex
}

.pg-layout-pr ul li a {
    text-decoration: none;
    color: #333;
    padding-bottom: 32px;
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.pg-layout-pr ul li a:hover {
    color: #0457a7
}

.pg-layout-pr ul li a[target=_blank] div h3:after {
    margin: 0 5px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    background-size: contain;
    vertical-align: middle
}

.pg-layout-pr ul li a time {
    margin-right: 24px;
    color: #333
}

.pg-layout-pr ul li a .sg-top__pr__doc {
    margin-left: 24px;
    border-bottom: 1px solid #f3f5f6;
    width: 620px
}

.pg-layout-pr ul li a .sg-top__pr__doc>h3 {
    margin-top: 24px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4
}

.pg-layout-pr__blank {
    width: 10px;
    height: 10px;
    margin-bottom: 3px
}

@media (max-width:860px) {
    .pg-layout-pr ul li a .sg-top__pr__doc time {
        margin-bottom: 8px
    }

    .pg-layout-pr ul li a .sg-top__pr__doc>h3 {
        margin: 8px 0 24px
    }
}

@media (max-width:640px) {
    .pg-layout-pr {
        padding-top: 0;
        margin: 40px auto
    }

    .pg-layout-pr ul li {
        display: inline-block;
        width: 100%;
        margin-bottom: 0
    }

    .pg-layout-pr ul li a {
        display: block;
        position: relative;
        padding: 0
    }

    .pg-layout-pr ul li a img {
        width: 100%;
        height: auto
    }

    .pg-layout-pr ul li a .sg-top__pr__doc {
        width: 100%;
        margin-left: 0;
        margin-top: 16px
    }

    .pg-layout-pr ul li a .sg-top__pr__doc>h3 {
        margin: 0 0 40px
    }
}

.pg-news__tag__categories,
.pg-news__tag__label {
    display: inline-block;
    min-width: 106px;
    max-height: 40px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    border-radius: 4px
}

@media (max-width:320px) {

    .pg-news__tag__categories,
    .pg-news__tag__label {
        min-width: 85px;
        font-size: 10px
    }
}

.pg-news__tag__categories {
    padding: 4px 0;
    margin: 0 8px 8px 0;
    color: #0457a7;
    background: #d2e7fd
}

@media (max-width:640px) {
    .pg-news__tag__categories {
        margin: 0 8px 8px 0
    }
}

.pg-news__tag__label {
    padding: 4px 8px;
    margin: 0 8px 0 0;
    border: 1px solid #baddff;
    color: #0457a7;
    background: #fff
}

@media (max-width:640px) {
    .pg-news__tag__label {
        margin: 0 0 8px !important
    }
}

.sg-layout__section--customers ul li h3 {
    padding: 8px 0 16px;
    font-size: 20px;
    font-weight: 700
}

@media (max-width:768px) {
    .sg-layout__section--customers ul li h3 {
        padding: 0 0 8px
    }
}

.sg-layout__section--customers .sg-layout__section--customers__tag {
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    margin-bottom: 60px
}

@media (max-width:1280px) {
    .sg-layout__section--customers .sg-layout__section--customers__tag {
        width: 100%;
        padding: 0;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

@media (max-width:768px) {
    .sg-layout__section--customers .sg-layout__section--customers__tag {
        margin-bottom: 0
    }
}

.sg-layout__section--customers .sg-layout__section--customers__tag li {
    display: inline-block;
    width: auto;
    margin: 8px 8px 0 0;
    padding: 3px 6px;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
    color: #0457a7;
    font-size: 11px
}

.sg-layout__section--customers .sg-layout__section--customers__tag li:nth-child(-n+3) {
    margin-top: 8px
}

@media (max-width:768px) {

    .sg-layout__section--customers .sg-layout__section--customers__tag li:first-child,
    .sg-layout__section--customers .sg-layout__section--customers__tag li:nth-child(n+2) {
        margin-top: 8px
    }
}

.sg-layout__section--customers .sg-layout__buttons__sec {
    margin: 32px auto 0
}

@media (max-width:768px) {
    .sg-layout__section--customers .sg-layout__buttons__sec {
        margin-top: 0
    }
}

@media (max-width:640px) {
    .sg-layout__section--customers .sg-layout__buttons__sec {
        margin-top: 48px
    }
}

.jsc-solutions,
.jsc-support,
.jsc-tool {
    padding-top: 100px;
    margin-top: -100px
}

@media (min-width:809px) {

    .is-on,
    .is-on__series {
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
    }

    .is-on .sg-header__global-nav__series,
    .is-on__series .sg-header__global-nav__series {
        visibility: visible;
        transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
    }

    .is-off,
    .is-off__series {
        -ms-transform: translateY(-64px);
        transform: translateY(-64px);
        transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
    }

    .is-off .sg-header__global-nav__series,
    .is-off__series .sg-header__global-nav__series {
        visibility: hidden;
        transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
    }

    .is-on__thanks {
        display: block
    }

    .is-off__thanks {
        display: none
    }
}

.is-pc {
    display: block
}

@media (max-width:768px) {
    .is-pc {
        display: none
    }
}

.is-sp {
    display: none
}

@media (max-width:768px) {
    .is-sp {
        display: block
    }
}

.is-sp_mdl {
    display: none
}

@media (max-width:480px) {
    .is-sp_mdl {
        display: block
    }
}

.is-sp_min {
    display: none
}

@media (max-width:320px) {
    .is-sp_min {
        display: block
    }
}

.is-sp_mdl-min {
    display: none
}

@media screen and (min-width:321px) and (max-width:768px) {
    .is-sp_mdl-min {
        display: block
    }
}

.iconTringRight {
    position: relative;
    padding-left: 16px;
    text-decoration: underline
}

.iconTringRight:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
}

.iconTringRight:hover {
    opacity: 1
}

.iconblankLeft {
    position: relative
}

.iconblankLeft:before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    top: 60%;
    width: 10px;
    height: 10px;
    right: -16px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg)
}

.iconblankRight {
    position: relative
}

.iconblankRight:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    top: 60%;
    width: 10px;
    height: 10px;
    right: -16px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg)
}

.action-close>.footer_banner_close_btn {
    position: absolute;
    right: 0;
    top: -40px;
    font-size: 40px;
    padding: 0;
    color: #bdc3d1;
    border: none;
    background: 0 0;
    cursor: pointer
}

@media (max-width:640px) {
    .action-close>.footer_banner_close_btn {
        right: 0
    }
}

.action-close>.footer_banner_close_btn2 {
    position: absolute;
    right: 0;
    top: -52px;
    font-size: 34px;
    padding: 0;
    color: #fff;
    width: 42px;
    height: 42px;
    line-height: 1;
    padding-bottom: 3px;
    border: none;
    background: 0 0;
    cursor: pointer
}

.action-close>.footer_banner_close_btn2:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: 38px;
    height: 38px;
    border: 2px solid #f79809;
    background-color: #f79809;
    border-radius: 50%
}

.action-close>.footer_banner_close_btn2:hover {
    color: #f79809
}

.action-close>.footer_banner_close_btn2:hover:after {
    border: 2px solid #f79809;
    background-color: #fff
}

@media (max-width:640px) {
    .action-close>.footer_banner_close_btn2 {
        right: 0;
        top: -48px;
        font-size: 30px;
        width: 35px;
        height: 40px
    }

    .action-close>.footer_banner_close_btn2:after {
        width: 32px;
        height: 32px
    }

    .action-close>.footer_banner_close_btn2:hover {
        font-size: 28px
    }
}

.section-footer_banner_wrapper {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1000;
    width: 260px;
    height: 130px
}

.section-footer_banner_wrapper a {
    text-decoration: none;
    display: block;
    cursor: pointer
}

.section-footer_banner_wrapper .section-footer_banner {
    position: relative;
    width: 260px;
    height: 130px;
    margin: 0 20px 20px auto;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #f3f5f6;
    border-radius: 4px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3)
}

@media (max-width:320px) {
    .section-footer_banner_wrapper .section-footer_banner {
        margin: 0 auto 8px
    }
}

.section-footer_banner_wrapper .section-footer_banner .banner_copy {
    width: 160px
}

.section-footer_banner_wrapper .section-footer_banner .banner_man {
    position: absolute;
    width: 50px;
    top: 13px;
    right: 23px;
    z-index: 1
}

.section-footer_banner_wrapper .section-footer_banner__cta {
    color: #fff
}

.section-footer_banner_wrapper .section-footer_banner__cta p {
    color: #fff;
    background-color: #e73858;
    padding: 5px 50px;
    margin-top: 12px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 4px
}

@media (max-width:640px) {
    .section-footer_banner_wrapper .section-footer_banner {
        margin: 0 auto 20px
    }
}

.section-movie_banner_wrapper {
    position: fixed;
    bottom: -300px;
    right: 24px;
    z-index: 1000;
    width: 272px;
    height: 190px;
    display: block;
    padding: 16px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2)
}

.section-movie_banner_wrapper>a {
    text-decoration: none;
    display: block;
    cursor: pointer
}

.section-movie_banner_wrapper>a video {
    border: 1px solid #f3f5f6
}

.section-movie_banner_wrapper>p {
    text-align: center;
    color: #0457a7;
    padding: 4px 0
}

@media (max-width:640px) {
    .section-movie_banner_wrapper {
        width: 210px;
        height: 160px
    }

    .section-movie_banner_wrapper>a video {
        width: 180px
    }
}

.section-campaign_banner_wrapper {
    position: fixed;
    bottom: -300px;
    right: 24px;
    z-index: 1000;
    width: 345px;
    height: 244px;
    display: block;
    border-radius: 16px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2)
}

.section-campaign_banner_wrapper>a {
    text-decoration: none;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 16px
}

.section-campaign_banner_wrapper>a img {
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.section-campaign_banner_wrapper>a:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width:640px) {
    .section-campaign_banner_wrapper {
        width: 210px;
        height: 141px;
        border-radius: 8px
    }

    .section-campaign_banner_wrapper>a {
        border-radius: 8px
    }
}

.is-off__banner,
.is-off__fiexd-sp-footer,
.is-off__side-banner,
.is-on__banner,
.is-on__fiexd-sp-footer,
.is-on__side-banner {
    -ms-transform: translateY(-324px);
    transform: translateY(-324px);
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.is-on__banner {
    -ms-transform: translateY(-324px);
    transform: translateY(-324px)
}

.is-off__banner {
    -ms-transform: translateY(300px);
    transform: translateY(300px)
}

.is-on__side-banner {
    -ms-transform: translateY(350px);
    transform: translateY(350px)
}

.is-off__side-banner {
    -ms-transform: translateY(-200px);
    transform: translateY(-200px)
}

.is-on__fiexd-sp-footer {
    -ms-transform: translateY(-324px);
    transform: translateY(-324px)
}

.is-off__fiexd-sp-footer {
    -ms-transform: translateY(324px);
    transform: translateY(324px)
}

.fixed-banner-top {
    position: fixed;
    bottom: -300px;
    right: 24px;
    width: 100%;
    max-width: 220px;
    height: auto;
    display: block;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
    border-radius: 8px;
    z-index: 99
}

@media (max-width:640px) {
    .fixed-banner-top {
        display: none
    }
}

.fixed-banner-top>a {
    text-decoration: none;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px
}

.fixed-banner-top>a>figure img {
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.fixed-banner-top>a>figure:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.fixed-banner-top .close-btn {
    position: absolute;
    font-size: 40px;
    padding: 0;
    color: #bdc3d1;
    border: none;
    background: 0 0;
    width: 52px;
    height: 52px;
    display: block;
    z-index: 1;
    cursor: pointer
}

.fixed-banner-top .close-btn .close {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 0;
    background-color: #0457a7;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    -ms-transform: scale(.52);
    transform: scale(.52);
    cursor: pointer
}

.fixed-banner-top .close-btn .close.pink {
    background-color: #e84a84
}

.fixed-banner-top .close-btn .close::before,
.fixed-banner-top .close-btn .close:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 11px;
    left: 23px;
    width: 6px;
    height: 30px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #fff
}

.fixed-banner-top .close-btn .close::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fixed-banner-top .close-btn .close:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fixed-banner-top .close-btn {
    right: -16px;
    top: -44px
}

.fixed-banner-top .is-on__banner {
    -ms-transform: translateY(-324px);
    transform: translateY(-324px);
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.fixed-banner-top .is-off__banner {
    -ms-transform: translateY(300px);
    transform: translateY(300px);
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.is-none {
    display: none !important
}

.fixed-banner-top_test {
    background: url(/b2b-assets/images/page-hr/top/img_footer-floating_bnr_biz_b.webp)
}

.fixed-banner-top .is-test-img {
    display: none !important
}

.fixed-banner-top.is-test-atsbnr .is-test-img {
    display: block !important
}

.fixed-banner-top.is-test-atsbnr .is-default-img {
    display: none !important
}

.fixed-banner-top-sp .is-sp {
    display: none
}

@media (max-width:860px) {
    .fixed-banner-top-sp .is-pc {
        display: none !important
    }

    .fixed-banner-top-sp .is-sp {
        display: block
    }
}

@media (max-width:640px) {
    .fixed-banner-top-sp {
        display: block;
        max-width: 90%;
        right: 5%
    }

    .fixed-banner-top-sp .close-btn .close {
        background-color: #888
    }
}

.sg-layout-other-document {
    margin-top: 0;
    padding: 80px 0
}

@media (max-width:640px) {
    .sg-layout-other-document {
        padding: 40px 0
    }
}

.sg-layout-other-document h2 {
    margin: 0;
    padding-top: 56px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width:808px) {
    .sg-layout-other-document h2 {
        padding-top: 40px;
        font-size: 18px
    }
}

.sg-layout-other-document h2 {
    margin: 0;
    padding-top: 0;
    font-size: 24px;
    text-align: center
}

@media (max-width:808px) {
    .sg-layout-other-document h2 {
        padding-top: 0
    }
}

@media (max-width:640px) {
    .sg-layout-other-document h2 {
        font-size: 18px;
        margin: 0 0 24px
    }
}

.sg-layout-other-document ul {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: center;
    width: 1200px
}

@media (max-width:1200px) {
    .sg-layout-other-document ul {
        width: 100%;
        padding: 0 20px
    }
}

@media (max-width:808px) {
    .sg-layout-other-document ul {
        padding: 0
    }
}

@media (max-width:640px) {
    .sg-layout-other-document ul {
        width: 90%
    }
}

.sg-layout-other-document ul li {
    width: 360px;
    margin: 32px 20px 88px;
    position: relative
}

@media (max-width:1200px) {
    .sg-layout-other-document ul li {
        width: calc(33.3333333333% - 40px)
    }
}

@media (max-width:808px) {
    .sg-layout-other-document ul li {
        width: calc(50% - 48px);
        margin: 24px 24px 88px
    }
}

@media (max-width:640px) {
    .sg-layout-other-document ul li {
        width: auto;
        margin: 0 0 88px
    }

    .sg-layout-other-document ul li+li {
        margin-top: 48px
    }
}

.sg-layout-other-document ul li figure div {
    overflow: hidden;
    border: 1px solid #e6e6e6
}

@media (max-width:640px) {
    .sg-layout-other-document ul li figure div {
        height: auto
    }
}

.sg-layout-other-document ul li figure a {
    text-decoration: none
}

.sg-layout-other-document ul li .pg-layout__buttons__sec {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.sg-layout-other-document ul li .pg-layout__buttons__sec a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.sg-layout-other-document ul li .pg-layout__buttons__sec a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.sg-layout-other-document ul li .pg-layout__buttons__sec a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.sg-layout-other-document ul li .pg-layout__buttons__sec a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.sg-layout-other-document ul li .pg-layout__buttons__sec {
    max-width: 400px;
    height: 56px
}

.sg-layout-other-document ul li .pg-layout__buttons__sec a span {
    width: 396px;
    height: 52px
}

@media screen and (max-width:480px) {
    .sg-layout-other-document ul li .pg-layout__buttons__sec {
        width: 90%
    }

    .sg-layout-other-document ul li .pg-layout__buttons__sec a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

@media screen and (max-width:320px) {
    .sg-layout-other-document ul li .pg-layout__buttons__sec a span {
        font-size: 14px
    }
}

.sg-layout-other-document ul li .pg-layout__buttons__sec {
    border-color: #0457a7;
    background-color: #fff
}

.sg-layout-other-document ul li .pg-layout__buttons__sec a span {
    color: #0457a7;
    transition-delay: .1s
}

.sg-layout-other-document ul li .pg-layout__buttons__sec a span:hover {
    color: #fff;
    transition-delay: .2s
}

.sg-layout-other-document ul li .pg-layout__buttons__sec a::before {
    background: #0457a7
}

.sg-layout-other-document ul li .pg-layout__buttons__sec {
    position: absolute;
    bottom: -72px;
    left: 0;
    right: 0;
    width: 360px
}

.sg-layout-other-document ul li .pg-layout__buttons__sec a span {
    width: 360px
}

@media (max-width:1200px) {
    .sg-layout-other-document ul li .pg-layout__buttons__sec {
        width: 100%
    }

    .sg-layout-other-document ul li .pg-layout__buttons__sec a span {
        width: 100%
    }
}

.sg-layout-other-document ul li img {
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.sg-layout-other-document ul li a:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.sg-layout-other-document ul li figcaption {
    padding-top: 18px
}

@media (max-width:640px) {
    .sg-layout-other-document ul li figcaption {
        padding-top: 24px
    }
}

.sg-layout-other-document ul li h3 {
    margin: 0;
    padding-top: 40px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 700
}

@media (max-width:808px) {
    .sg-layout-other-document ul li h3 {
        font-size: 16px
    }
}

.sg-layout-other-document ul li h3 {
    color: #333;
    font-size: 20px;
    margin: 0;
    padding-top: 0
}

@media (max-width:640px) {
    .sg-layout-other-document ul li h3 {
        font-size: 18px
    }
}

.sg-layout-other-document ul li p {
    margin-top: 16px;
    margin-bottom: 0;
    padding: 0;
    color: #333;
    line-height: 1.7;
    text-align: justify;
    font-size: 16px;
    font-weight: 400
}

@media (max-width:880px) {
    .sg-layout-other-document ul li p {
        font-weight: 400
    }
}

.pg-layout-section__cta {
    padding: 80px 0;
    margin-top: 0;
    background-color: #0457a7
}

@media (max-width:640px) {
    .pg-layout-section__cta {
        padding: 40px 0
    }
}

.pg-layout-section__cta>h2 {
    margin: 0;
    padding-top: 56px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width:808px) {
    .pg-layout-section__cta>h2 {
        padding-top: 40px;
        font-size: 18px
    }
}

.pg-layout-section__cta>h2 {
    padding: 0;
    color: #fff;
    text-align: center
}

@media (max-width:640px) {
    .pg-layout-section__cta>h2 {
        padding: 0
    }
}

.pg-layout-section__cta>ul {
    display: -ms-flexbox;
    display: flex;
    width: 640px;
    margin: 40px auto 0
}

.pg-layout-section__cta>ul li {
    position: relative
}

.pg-layout-section__cta>ul li:first-child {
    margin: 0 40px 0 0
}

.pg-layout-section__cta>ul li a picture img {
    width: 300px
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc,
.pg-layout-section__cta>ul li .pg-layout__buttons--sec {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc a,
.pg-layout-section__cta>ul li .pg-layout__buttons--sec a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc a span,
.pg-layout-section__cta>ul li .pg-layout__buttons--sec a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc a:hover::before,
.pg-layout-section__cta>ul li .pg-layout__buttons--sec a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc a::before,
.pg-layout-section__cta>ul li .pg-layout__buttons--sec a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc,
.pg-layout-section__cta>ul li .pg-layout__buttons--sec {
    max-width: 400px;
    height: 56px
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc a span,
.pg-layout-section__cta>ul li .pg-layout__buttons--sec a span {
    width: 396px;
    height: 52px
}

@media screen and (max-width:480px) {

    .pg-layout-section__cta>ul li .pg-layout__buttons--acc,
    .pg-layout-section__cta>ul li .pg-layout__buttons--sec {
        width: 90%
    }

    .pg-layout-section__cta>ul li .pg-layout__buttons--acc a span,
    .pg-layout-section__cta>ul li .pg-layout__buttons--sec a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

@media screen and (max-width:320px) {

    .pg-layout-section__cta>ul li .pg-layout__buttons--acc a span,
    .pg-layout-section__cta>ul li .pg-layout__buttons--sec a span {
        font-size: 14px
    }
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc,
.pg-layout-section__cta>ul li .pg-layout__buttons--sec {
    border-color: #fff !important;
    margin: 24px 0 0
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc a span,
.pg-layout-section__cta>ul li .pg-layout__buttons--sec a span {
    width: 100%;
    font-size: 18px
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc {
    border-color: #e73858;
    background-color: #e73858
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc a span {
    color: #fff;
    transition-delay: .2s
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc a span:hover {
    color: #e73858;
    transition-delay: .1s
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc a::before {
    background: #fff
}

.pg-layout-section__cta>ul li .pg-layout__buttons--acc {
    width: 300px;
    font-size: 18px
}

.pg-layout-section__cta>ul li .pg-layout__buttons--sec {
    border-color: #0457a7;
    background-color: #fff
}

.pg-layout-section__cta>ul li .pg-layout__buttons--sec a span {
    color: #0457a7;
    transition-delay: .1s
}

.pg-layout-section__cta>ul li .pg-layout__buttons--sec a span:hover {
    color: #fff;
    transition-delay: .2s
}

.pg-layout-section__cta>ul li .pg-layout__buttons--sec a::before {
    background: #0457a7
}

.pg-layout-section__cta>ul li .pg-layout__buttons--sec {
    width: 300px;
    font-size: 18px
}

.pg-layout-section__cta>ul li .pg-layout__buttons--badge {
    z-index: 20;
    position: absolute;
    bottom: 28px;
    right: -40px;
    width: 48px;
    height: 48px;
    padding: 8px 4px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    line-height: 2;
    border-radius: 50%;
    border: solid 2px #fff;
    background-color: #e73858
}

@media (max-width:768px) {
    .pg-layout-section__cta>ul li .pg-layout__buttons--badge {
        right: -20px;
        width: 50px;
        height: 50px;
        padding: 8px;
        font-size: 12px;
        line-height: 2.2
    }
}

@media (max-width:320px) {
    .pg-layout-section__cta>ul li .pg-layout__buttons--badge {
        right: -2px
    }
}

.pg-layout-section__cta>ul li .pg-layout__buttons--badge {
    bottom: 68px;
    right: -20px
}

@media (max-width:768px) {
    .pg-layout-section__cta>ul li .pg-layout__buttons--badge {
        bottom: 50px
    }
}

.pg-layout-section__cta>ul li p.note {
    text-align: right;
    font-size: 12px;
    color: #fff
}

@media (max-width:640px) {
    .pg-layout-section__cta>ul {
        display: block;
        width: 300px;
        margin: 24px auto 0
    }

    .pg-layout-section__cta>ul li:first-child {
        margin: 0 0 50px
    }
}

.pg-layout-section__cta>p {
    width: 640px;
    margin: 24px auto 0;
    text-align: right
}

.pg-layout-section__cta>p>a {
    color: #fff
}

@media (max-width:640px) {
    .pg-layout-section__cta>p {
        width: 90%
    }
}

.pg-section__top--company {
    max-width: 1160px;
    margin: 0 auto;
    padding: 40px 0 !important;
    background-color: #fff
}

@media (max-width:768px) {
    .pg-section__top--company {
        width: 90%;
        padding-top: 40px
    }
}

.pg-section__top--company__label {
    display: block;
    background-color: #fff;
    font-weight: 700;
    text-align: center
}

.pg-section__top--company__label::before {
    z-index: -1;
    left: 0;
    bottom: 50%;
    width: 100%;
    height: 1px;
    background-color: #fff;
    content: ""
}

.pg-section__top--company__content {
    margin: 16px auto 0
}

@media (max-width:640px) {
    .pg-section__top--company__content {
        padding: 0
    }
}

.pg-section__top--company__content ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:640px) {
    .pg-section__top--company__content ul {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.pg-section__top--company__content ul li {
    width: 100px;
    padding: 5px;
    margin: 5px
}

@media (max-width:640px) {
    .pg-section__top--company__content ul li {
        width: 29%;
        padding: 0;
        margin: 6px
    }
}

.pg-section__top--company__content p {
    text-align: right;
    font-size: 10px;
    color: #999;
    margin-bottom: 0
}

@media (max-width:640px) {
    .pg-section__top--company__content p {
        text-align: center
    }
}

.pg-section__top--company__content small {
    display: block;
    text-align: right;
    padding-right: 58px
}

@media (max-width:640px) {
    .pg-section__top--company__content small {
        padding-right: 0
    }
}

.pg-section__migratory--nav {
    background-color: #d5ebff;
    padding: 64px 0
}

@media (max-width:768px) {
    .pg-section__migratory--nav {
        padding: 40px 0
    }
}

.pg-section__migratory--nav div {
    max-width: 1160px;
    margin: 0 auto
}

@media (max-width:768px) {
    .pg-section__migratory--nav div {
        width: 90%
    }
}

.pg-section__migratory--nav div h2 {
    margin: 0;
    padding-top: 56px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width:808px) {
    .pg-section__migratory--nav div h2 {
        padding-top: 40px;
        font-size: 18px
    }
}

.pg-section__migratory--nav div h2 {
    padding: 0 0 40px;
    color: #0457a7;
    text-align: center
}

@media (max-width:640px) {
    .pg-section__migratory--nav div h2 {
        padding-top: 16px
    }
}

.pg-section__migratory--nav div h2 span {
    display: block;
    font-size: 20px
}

@media (max-width:768px) {
    .pg-section__migratory--nav div h2 span {
        font-size: 16px;
        margin-bottom: 8px
    }
}

@media (max-width:320px) {
    .pg-section__migratory--nav div h2 span {
        font-size: 14px
    }
}

.pg-section__migratory--nav div ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto
}

@media (max-width:768px) {
    .pg-section__migratory--nav div ul {
        width: 100%;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.pg-section__migratory--nav div ul li {
    margin: 24px 32px 0 0
}

.pg-section__migratory--nav div ul li:nth-child(-n+4) {
    margin-top: 0
}

.pg-section__migratory--nav div ul li:last-child,
.pg-section__migratory--nav div ul li:nth-child(4n) {
    margin-right: 0
}

@media (max-width:968px) {
    .pg-section__migratory--nav div ul li:nth-child(3n) {
        margin-right: 0
    }

    .pg-section__migratory--nav div ul li:nth-child(4n) {
        margin-top: 24px;
        margin-right: 24px
    }
}

@media (max-width:768px) {
    .pg-section__migratory--nav div ul li {
        width: 47.5%
    }

    .pg-section__migratory--nav div ul li:nth-child(3) {
        margin-top: 24px
    }

    .pg-section__migratory--nav div ul li:nth-child(n+1) {
        margin-right: 5%
    }

    .pg-section__migratory--nav div ul li:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:470px) {
    .pg-section__migratory--nav div ul li {
        margin-right: 0;
        margin-top: 24px;
        width: 48%
    }

    .pg-section__migratory--nav div ul li:first-child,
    .pg-section__migratory--nav div ul li:nth-child(2) {
        margin-top: 0
    }

    .pg-section__migratory--nav div ul li:nth-child(odd) {
        margin-right: 4%
    }
}

.pg-section__migratory--nav div ul li a {
    text-decoration: none
}

.pg-section__migratory--nav div ul li a:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.pg-section__migratory--nav div ul li a figure {
    background-color: #fff;
    padding: 8px;
    width: 218px;
    overflow: hidden
}

@media (max-width:768px) {
    .pg-section__migratory--nav div ul li a figure {
        width: 100%
    }
}

.pg-section__migratory--nav div ul li a figure img {
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.pg-section__migratory--nav div ul li a p {
    position: relative;
    margin: 8px 0 0;
    padding: 0 0 0 16px
}

.pg-section__migratory--nav div ul li a p:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--ter-f8460dab6d.svg)
}

.bk-none {
    background: 0 0
}

.bk-lightblue {
    background-color: #d5ebff
}

.bk-blue {
    background-color: #0457a7
}

.bk-glay {
    background-color: #f3f5f6
}

.jsc-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(255, 255, 255, .6)
}

.jsc-overlay .is-hide {
    display: none
}

.jsc-overlay .loader,
.jsc-overlay .loader:after,
.jsc-overlay .loader:before {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
    animation: Loading 1.8s infinite ease-in-out
}

.jsc-overlay .loader {
    display: block;
    margin: 45vh auto;
    position: relative;
    color: #0457a7;
    font-size: 10px;
    text-indent: -9999em;
    animation-delay: -.16s
}

.jsc-overlay .loader:after,
.jsc-overlay .loader:before {
    content: "";
    position: absolute;
    top: 0
}

.jsc-overlay .loader:before {
    left: -3.5em;
    animation-delay: -.32s
}

.jsc-overlay .loader:after {
    left: 3.5em
}

@keyframes Loading {

    0%,
    100%,
    80% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.sg-section-hr-document-inner {
    max-width: 1080px;
    width: 100%;
    margin: 40px auto 0;
    background: #fff;
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .1);
    transition: .2s ease;
    position: relative;
    top: 0;
    overflow: hidden;
    border-radius: 15px
}

@media (max-width:1080px) {
    .sg-section-hr-document-inner {
        width: 90%
    }
}

@media (max-width:768px) {
    .sg-section-hr-document-inner {
        max-width: 400px
    }
}

.sg-section-hr-document-inner .flex-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sg-section-hr-document-inner .flex-item>div {
    padding: 50px 22px
}

@media (max-width:864px) {
    .sg-section-hr-document-inner .flex-item>div {
        padding: 40px 22px 25px
    }

    .sg-section-hr-document-inner .flex-item>div:last-child {
        padding: 0 22px 45px
    }
}

.sg-section-hr-document-inner .flex-item figure {
    max-width: 348px;
    width: 100%;
    margin: 0 auto
}

@media (max-width:864px) {
    .sg-section-hr-document-inner .flex-item figure {
        max-width: 600px
    }
}

.sg-section-hr-document-inner .flex-item h2 {
    font-size: 31px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    margin-top: 0;
    color: #0457a7
}

@media (max-width:480px) {
    .sg-section-hr-document-inner .flex-item h2 {
        font-size: 24px
    }
}

.sg-section-hr-document-inner .flex-item h2 span {
    font-size: 19px;
    font-weight: 700;
    position: relative
}

@media (max-width:480px) {
    .sg-section-hr-document-inner .flex-item h2 span {
        font-size: 16px
    }
}

.sg-section-hr-document-inner .flex-item h2 span::after,
.sg-section-hr-document-inner .flex-item h2 span::before {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 20px;
    top: 0;
    background: #333
}

.sg-section-hr-document-inner .flex-item h2 span::before {
    left: -15px;
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.sg-section-hr-document-inner .flex-item h2 span::after {
    right: -15px;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.sg-section-hr-document-inner .sg-layout-request-btn {
    max-width: 339px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    color: #fff;
    border-radius: 10px
}

.sg-section-hr-document-inner .sg-layout-request-btn span {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

@media (max-width:480px) {
    .sg-section-hr-document-inner .sg-layout-request-btn span {
        font-size: 16px;
        padding: 17px
    }
}

.sg-section-hr-document-inner a {
    text-decoration: none;
    color: #333
}

.section-recent_award {
    display: block;
    margin: 0 auto;
    max-width: 1040px
}

@media (max-width:768px) {
    .section-recent_award {
        margin-top: 40px;
        width: 90%
    }
}

.section-recent_award>div {
    background: #fff;
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .1);
    padding: 32px 40px 40px;
    margin-bottom: 8px
}

@media (max-width:768px) {
    .section-recent_award>div {
        padding: 32px 40px 24px
    }
}

.section-recent_award>div h2 {
    line-height: 1;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    margin: 0 0 16px 32px
}

@media (max-width:768px) {
    .section-recent_award>div h2 {
        margin: 0 0 16px
    }
}

.section-recent_award>div>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700
}

@media (max-width:768px) {
    .section-recent_award>div>ul {
        display: block
    }

    .section-recent_award>div>ul>li {
        margin-top: 24px
    }
}

.section-recent_award>div>ul>li {
    display: block;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 32px;
    text-align: center
}

@media (max-width:640px) {
    .section-recent_award>div>ul>li {
        display: block;
        margin: 32px auto
    }
}

.section-recent_award>div>ul>li:first-child {
    margin-left: -68px
}

@media (max-width:768px) {
    .section-recent_award>div>ul>li:first-child {
        margin-left: 0
    }
}

@media (max-width:640px) {
    .section-recent_award>div>ul>li img {
        width: auto;
        display: block
    }
}

.section-recent_award>div>ul>li>.boxilaward {
    height: 100px;
    margin: 0 0 10px
}

@media (max-width:640px) {
    .section-recent_award>div>ul>li>.boxilaward {
        margin: 0 auto 10px;
        height: auto
    }
}

.section-recent_award>div>ul>li>.gridaward {
    height: 100px;
    margin: 0 0 10px
}

@media (max-width:640px) {
    .section-recent_award>div>ul>li>.gridaward {
        margin: 10px auto
    }
}

.section-recent_award>div>ul>li .forbes {
    height: 50px;
    margin: 25px 0
}

@media (max-width:640px) {
    .section-recent_award>div>ul>li .forbes {
        margin: 10px auto
    }
}

@media (max-width:640px) {
    .section-recent_award>div>ul>li div {
        margin: 8px auto;
        text-align: center
    }
}

.section-recent_award>div>ul>li div span {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 1
}

@media (max-width:640px) {
    .section-recent_award>div>ul>li div span {
        text-align: center
    }
}

.section-recent_award>div>ul>li div h3 {
    display: inline;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px !important
}

@media (max-width:768px) {
    .section-recent_award>div>ul>li div h3 {
        font-size: 13px
    }
}

.section-recent_award>div>ul>li div h3 span {
    display: inline;
    font-size: 10px;
    color: grey
}

.section-recent_award>p {
    font-size: 10px;
    text-align: right;
    color: grey
}

.pg-footer-bnr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1064px;
    max-width: 100%;
    margin: 0 auto
}

@media (max-width:768px) {
    .pg-footer-bnr {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0
    }
}

.pg-footer-bnr--bizreach {
    margin-top: -32px
}

.pg-footer-bnr__item {
    width: calc(50% - 16px);
    margin: 32px 0 0
}

.pg-footer-bnr__item div {
    padding: 16px 0
}

@media (max-width:768px) {
    .pg-footer-bnr__item {
        width: 100%;
        margin: 32px 0 0
    }
}

.pg-footer-bnr__item:nth-child(1),
.pg-footer-bnr__item:nth-child(2) {
    margin-top: 0
}

@media (max-width:768px) {
    .pg-footer-bnr__item:not(:first-child) {
        margin-top: 24px
    }
}

.pg-footer-bnr__item--dl2 {
    background: url(/b2b-assets/images/footer-bnr/bnr_footer_dl_bg-ddb3382d18.webp) center center/cover no-repeat
}

.pg-footer-bnr__item--hrmostrend {
    border: 1px solid #c1c1c1;
    background: url(/b2b-assets/images/footer-bnr/bnr_footer_hrmostrend_bg_left-6704744583.webp) no-repeat left center/contain, url(/b2b-assets/images/footer-bnr/bnr_footer_hrmostrend_bg_right-25890543d1.webp) no-repeat right center/contain;
    background-color: #fff
}

.pg-footer-bnr__item--kintai-stamping {
    border: 1px solid #c1c1c1;
    background: url(/b2b-assets/images/footer-bnr/bnr_footer_kintai-stamping_bg_left-2f1be96caa.png) no-repeat left center/contain, url(/b2b-assets/images/footer-bnr/bnr_footer_kintai-stamping_bg_right-522fd0d7b9.png) no-repeat right center/contain
}

.pg-footer-bnr__item--bizreach {
    max-width: 564px;
    max-height: 136px;
    background: url(/b2b-assets/images/footer-bnr/bnr_footer_bizreach_bg-3bc015d600.webp) right center/cover no-repeat
}

@media (max-width:768px) {
    .pg-footer-bnr__item--bizreach {
        max-width: 100%;
        max-height: inherit
    }
}

@media (max-width:640px) {
    .pg-footer-bnr__item--bizreach {
        background-position: right -8px center
    }
}

.pg-footer-bnr__item--hrsosw {
    border: 1px solid #eaeaea;
    background: url(/b2b-assets/images/footer-bnr/bnr_footer_hrsosw_bg-81ba1d177a.jpg) center center/cover no-repeat;
    padding-bottom: 20px
}

.pg-footer-bnr__item--seminar {
    border: 1px solid #c1c1c1;
    background: url(/b2b-assets/images/footer-bnr/bnr_footer_seminar_bg-c7e5b99680.webp) no-repeat center center/cover
}

.pg-footer-bnr__item a {
    display: block;
    height: 100%
}

.pg-footer-bnr__item a div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: inherit;
    overflow: hidden
}

.pg-footer-bnr__item a img {
    width: 90%;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    backface-visibility: hidden
}

.pg-footer-bnr__item a:hover img {
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width:768px) {
    .pg-footer-bnr__item a:hover img {
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.fixed-banner {
    position: fixed;
    width: 100%;
    max-width: 327px;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3)
}

@media (max-width:420px) {
    .fixed-banner {
        width: 90%;
        max-width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0
    }
}

.fixed-banner__inner {
    position: relative
}

.fixed-banner__inner .close-btn {
    position: absolute;
    right: 40px;
    top: -50px;
    font-size: 40px;
    padding: 0;
    color: #bdc3d1;
    border: none;
    background: 0 0;
    cursor: pointer
}

.fixed-banner__inner .close-btn .close {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    border: 0;
    background-color: #bfbfbf;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    -ms-transform: scale(.52);
    transform: scale(.52);
    cursor: pointer
}

.fixed-banner__inner .close-btn .close::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 12px;
    left: 24px;
    width: 6px;
    height: 32px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fixed-banner__inner .close-btn .close:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 12px;
    left: 24px;
    width: 6px;
    height: 32px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fixed-banner__inner>a>figure {
    overflow: hidden
}

.fixed-banner__inner>a>figure>img {
    transition: transform 1s cubic-bezier(.19, 1, .22, 1)
}

.fixed-banner__inner>a>figure>img:hover {
    -ms-transform: scale(1.1) translateX(0);
    transform: scale(1.1) translateX(0)
}

.is-off__fixed-banner {
    -ms-transform: translateY(300px);
    transform: translateY(300px);
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.is-on__fixed-banner {
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.fixed-bottom-streamline {
    position: fixed;
    bottom: -324px;
    right: 0;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
    z-index: 99;
    background-color: rgba(4, 87, 167, .9);
    padding: 24px 0 36px
}

@media (max-width:640px) {
    .fixed-bottom-streamline {
        display: none
    }
}

.fixed-bottom-streamline .button {
    gap: 4px 0
}

.fixed-bottom-streamline .button p {
    color: #fff;
    font-size: 18px;
    line-height: 1.6
}

.fixed-bottom-streamline .button .cp-button__sub .cp-button__link {
    padding: 14px 16px;
    font-size: 24px
}

.fixed-bottom-streamline>a {
    text-decoration: none;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px
}

.fixed-bottom-streamline>a>figure img {
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.fixed-bottom-streamline>a>figure:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.fixed-bottom-streamline .is-on__banner {
    -ms-transform: translateY(-324px);
    transform: translateY(-324px);
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

.fixed-bottom-streamline .is-off__banner {
    -ms-transform: translateY(300px);
    transform: translateY(300px);
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1)
}

body {
    position: relative
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
    width: 100%;
    margin-top: 4px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #d2e3f4;
    background: #eef6fe;
    font-size: 20px;
    box-sizing: border-box;
    appearance: none
}

@media (max-width:640px) {
    :focus {
        outline: 0
    }
}

textarea:-ms-input-placeholder,
textarea::-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea::placeholder {
    color: #999
}

.select-wrapper {
    position: relative
}

.select-wrapper:after {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    content: "";
    position: absolute;
    top: 28px;
    right: 9px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-width: 8px;
    border-top-color: #999
}

.select-wrapper:-moz-focusring {
    text-shadow: 0
}

select {
    margin-top: 5px;
    padding: 0 10px;
    width: 100%;
    height: 50px;
    border: 1px solid #d2e3f4;
    border-radius: 2px;
    background: #eef6fe;
    font-size: 18px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: .01px;
    text-overflow: ""
}

option {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

.hidden-element {
    display: none
}

a.input-assist-start {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 12px;
    height: 56px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    appearance: none;
    border: 0;
    border-radius: 4px;
    background-color: #e73858;
    text-decoration: none;
    color: #fff;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1);
    line-height: 30px !important
}

@media (max-width:990px) {
    a.input-assist-start {
        width: 100%
    }
}

a.input-assist-start:active,
a.input-assist-start:focus,
a.input-assist-start:hover {
    opacity: .6
}

.is-submit-wrap,
.is-submit-wrap--all {
    display: block;
    position: relative;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    border-color: #e73858;
    border-radius: 3px;
    background-color: #e73858;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1)
}

.is-submit-wrap--all:hover::before,
.is-submit-wrap:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.is-submit-wrap--all:hover>.is-submit-text,
.is-submit-wrap:hover>.is-submit-text {
    color: #e73858;
    font-weight: 700
}

.is-submit-wrap--all::before,
.is-submit-wrap::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.is-submit-wrap--all {
    width: 400px;
    margin: 20px auto !important
}

@media (max-width:640px) {
    .is-submit-wrap--all {
        width: 100%
    }
}

.is-submit-text {
    position: absolute;
    width: 100%;
    line-height: 56px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

input[type=submit] {
    display: block;
    position: relative;
    margin: 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid #e73858;
    border-radius: 3px;
    background-color: transparent;
    width: 100%;
    height: 56px;
    font-size: 20px;
    color: #fff;
    transition-delay: .2s
}

input[type=submit]:hover {
    color: #e73858;
    transition-delay: .1s
}

.pg-layout-campaign__inner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto
}

@media screen and (max-width:990px) {
    .pg-layout-campaign__inner {
        max-width: 580px
    }
}

@media screen and (max-width:768px) {
    .pg-layout-campaign__inner {
        padding-right: 20px;
        padding-left: 20px
    }
}

.pg-ats-contact .sg-layout__wrapper,
.pg-contact .sg-layout__wrapper,
.pg-saiyo-contact .sg-layout__wrapper,
.pg-saiyo-landing-customers .sg-layout__wrapper,
.pg-saiyo-simulator .sg-layout__wrapper {
    margin: 0 auto
}

.pg-ats-contact .sg-layout__wrapper .flex-item__form div form,
.pg-contact .sg-layout__wrapper .flex-item__form div form,
.pg-saiyo-contact .sg-layout__wrapper .flex-item__form div form,
.pg-saiyo-landing-customers .sg-layout__wrapper .flex-item__form div form,
.pg-saiyo-simulator .sg-layout__wrapper .flex-item__form div form {
    overflow: hidden
}

.pg-ats-contact .sg-layout__wrapper .privacy-logo,
.pg-contact .sg-layout__wrapper .privacy-logo,
.pg-saiyo-contact .sg-layout__wrapper .privacy-logo,
.pg-saiyo-landing-customers .sg-layout__wrapper .privacy-logo,
.pg-saiyo-simulator .sg-layout__wrapper .privacy-logo {
    text-align: right;
    width: 100%;
    max-width: 580px;
    margin: 0 auto
}

@media screen and (max-width:990px) {

    .pg-ats-contact .sg-layout__wrapper .privacy-logo,
    .pg-contact .sg-layout__wrapper .privacy-logo,
    .pg-saiyo-contact .sg-layout__wrapper .privacy-logo,
    .pg-saiyo-landing-customers .sg-layout__wrapper .privacy-logo,
    .pg-saiyo-simulator .sg-layout__wrapper .privacy-logo {
        margin: 12px auto 0
    }
}

.pg-ats-contact .sg-layout__wrapper .privacy-logo>img,
.pg-contact .sg-layout__wrapper .privacy-logo>img,
.pg-saiyo-contact .sg-layout__wrapper .privacy-logo>img,
.pg-saiyo-landing-customers .sg-layout__wrapper .privacy-logo>img,
.pg-saiyo-simulator .sg-layout__wrapper .privacy-logo>img {
    max-width: 60px
}

.pg-ats-contact .sg-headline__h1,
.pg-contact .sg-headline__h1,
.pg-saiyo-contact .sg-headline__h1,
.pg-saiyo-landing-customers .sg-headline__h1,
.pg-saiyo-simulator .sg-headline__h1 {
    padding-top: 64px;
    margin: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700
}

.pg-ats-contact .sg-headline__h1.content__title__center,
.pg-contact .sg-headline__h1.content__title__center,
.pg-saiyo-contact .sg-headline__h1.content__title__center,
.pg-saiyo-landing-customers .sg-headline__h1.content__title__center,
.pg-saiyo-simulator .sg-headline__h1.content__title__center {
    text-align: center
}

@media (max-width:808px) {

    .pg-ats-contact .sg-headline__h1,
    .pg-contact .sg-headline__h1,
    .pg-saiyo-contact .sg-headline__h1,
    .pg-saiyo-landing-customers .sg-headline__h1,
    .pg-saiyo-simulator .sg-headline__h1 {
        padding-top: 40px;
        font-size: 24px
    }
}

@media (max-width:640px) {

    .pg-ats-contact .sg-headline__h1,
    .pg-contact .sg-headline__h1,
    .pg-saiyo-contact .sg-headline__h1,
    .pg-saiyo-landing-customers .sg-headline__h1,
    .pg-saiyo-simulator .sg-headline__h1 {
        line-height: 1.4
    }
}

.pg-ats-contact .sg-headline__h1,
.pg-contact .sg-headline__h1,
.pg-saiyo-contact .sg-headline__h1,
.pg-saiyo-landing-customers .sg-headline__h1,
.pg-saiyo-simulator .sg-headline__h1 {
    text-align: center;
    padding-bottom: 56px
}

.pg-ats-contact .sg-headline__h1--core,
.pg-ats-contact .sg-headline__h1--perf,
.pg-contact .sg-headline__h1--core,
.pg-contact .sg-headline__h1--perf,
.pg-saiyo-contact .sg-headline__h1--core,
.pg-saiyo-contact .sg-headline__h1--perf,
.pg-saiyo-landing-customers .sg-headline__h1--core,
.pg-saiyo-landing-customers .sg-headline__h1--perf,
.pg-saiyo-simulator .sg-headline__h1--core,
.pg-saiyo-simulator .sg-headline__h1--perf {
    text-align: left;
    padding: 0 0 56px
}

@media (max-width:808px) {

    .pg-ats-contact .sg-headline__h1--core,
    .pg-ats-contact .sg-headline__h1--perf,
    .pg-contact .sg-headline__h1--core,
    .pg-contact .sg-headline__h1--perf,
    .pg-saiyo-contact .sg-headline__h1--core,
    .pg-saiyo-contact .sg-headline__h1--perf,
    .pg-saiyo-landing-customers .sg-headline__h1--core,
    .pg-saiyo-landing-customers .sg-headline__h1--perf,
    .pg-saiyo-simulator .sg-headline__h1--core,
    .pg-saiyo-simulator .sg-headline__h1--perf {
        padding: 20px 0 40px
    }
}

@media (max-width:640px) {

    .pg-ats-contact .sg-headline__h1--core,
    .pg-ats-contact .sg-headline__h1--perf,
    .pg-contact .sg-headline__h1--core,
    .pg-contact .sg-headline__h1--perf,
    .pg-saiyo-contact .sg-headline__h1--core,
    .pg-saiyo-contact .sg-headline__h1--perf,
    .pg-saiyo-landing-customers .sg-headline__h1--core,
    .pg-saiyo-landing-customers .sg-headline__h1--perf,
    .pg-saiyo-simulator .sg-headline__h1--core,
    .pg-saiyo-simulator .sg-headline__h1--perf {
        font-size: 24px
    }
}

.pg-ats-contact .sg-headline__h1--ats,
.pg-contact .sg-headline__h1--ats,
.pg-saiyo-contact .sg-headline__h1--ats,
.pg-saiyo-landing-customers .sg-headline__h1--ats,
.pg-saiyo-simulator .sg-headline__h1--ats {
    text-align: left;
    padding: 0 0 32px
}

@media (max-width:808px) {

    .pg-ats-contact .sg-headline__h1--ats,
    .pg-contact .sg-headline__h1--ats,
    .pg-saiyo-contact .sg-headline__h1--ats,
    .pg-saiyo-landing-customers .sg-headline__h1--ats,
    .pg-saiyo-simulator .sg-headline__h1--ats {
        padding: 20px 0 32px
    }
}

@media (max-width:640px) {

    .pg-ats-contact .sg-headline__h1--ats,
    .pg-contact .sg-headline__h1--ats,
    .pg-saiyo-contact .sg-headline__h1--ats,
    .pg-saiyo-landing-customers .sg-headline__h1--ats,
    .pg-saiyo-simulator .sg-headline__h1--ats {
        font-size: 24px
    }
}

.pg-ats-contact .sg-headline__h2,
.pg-contact .sg-headline__h2,
.pg-saiyo-contact .sg-headline__h2,
.pg-saiyo-landing-customers .sg-headline__h2,
.pg-saiyo-simulator .sg-headline__h2 {
    margin: 0;
    padding-top: 56px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width:808px) {

    .pg-ats-contact .sg-headline__h2,
    .pg-contact .sg-headline__h2,
    .pg-saiyo-contact .sg-headline__h2,
    .pg-saiyo-landing-customers .sg-headline__h2,
    .pg-saiyo-simulator .sg-headline__h2 {
        padding-top: 40px;
        font-size: 18px
    }
}

.pg-ats-contact .sg-headline__h2,
.pg-contact .sg-headline__h2,
.pg-saiyo-contact .sg-headline__h2,
.pg-saiyo-landing-customers .sg-headline__h2,
.pg-saiyo-simulator .sg-headline__h2 {
    margin: 32px 0 40px;
    padding-top: 0;
    font-size: 24px
}

@media (max-width:808px) {

    .pg-ats-contact .sg-headline__h2,
    .pg-contact .sg-headline__h2,
    .pg-saiyo-contact .sg-headline__h2,
    .pg-saiyo-landing-customers .sg-headline__h2,
    .pg-saiyo-simulator .sg-headline__h2 {
        padding-top: 0
    }
}

@media (max-width:640px) {

    .pg-ats-contact .sg-headline__h2,
    .pg-contact .sg-headline__h2,
    .pg-saiyo-contact .sg-headline__h2,
    .pg-saiyo-landing-customers .sg-headline__h2,
    .pg-saiyo-simulator .sg-headline__h2 {
        font-size: 24px
    }
}

.sg-layout__section.thanks {
    padding: 0 0 64px
}

.sg-layout__section.thanks.comprising {
    padding: 0
}

.sg-layout__section.thanks.modal-check {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 72px
}

.sg-layout__section.thanks.modal-check h1 {
    color: #0457a7
}

@media (max-width:768px) {
    .sg-layout__section.thanks.modal-check h1 {
        padding-top: 50px
    }
}

.sg-layout__section.thanks.modal-check::after,
.sg-layout__section.thanks.modal-check::before {
    position: absolute;
    content: "";
    display: block
}

.sg-layout__section.thanks.modal-check::before {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #2693ff;
    top: 40px
}

.sg-layout__section.thanks.modal-check::after {
    width: 15px;
    height: 23px;
    border-right: 7px solid #fff;
    border-bottom: 7px solid #fff;
    top: 50px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sg-layout__section.thanks.modal-check .sg-layout__buttons__sec {
    width: 100%
}

@media (max-width:768px) {
    .sg-layout__section.thanks.modal-check .sg-layout__buttons__sec {
        width: 85%
    }
}

.sg-layout__section.thanks .sg-headline__h2.center {
    text-align: center
}

.sg-layout__section.thanks .sg-layout__buttons__sec {
    margin-top: 40px
}

.sg-layout__section.thanks .sg-layout__buttons__sec.round {
    border-radius: 30px !important
}

.sg-layout__section.thanks .pg-layout__thanks-note {
    text-align: center;
    margin-top: 40px;
    padding: 24px;
    background-color: #f3f5f6;
    font-size: 12px;
    line-height: 1.7
}

@media (max-width:420px) {
    .sg-layout__section.thanks .pg-layout__thanks-note {
        text-align: left
    }
}

.sg-layout__section.thanks p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0 !important
}

.sg-layout__section.thanks p.sg-title {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%
}

.sg-layout__section.thanks.three_min .sg-layout__buttons__acc span {
    font-size: 19px;
    padding: 16px 0
}

@media (max-width:480px) {
    .sg-layout__section.thanks.three_min .sg-layout__buttons__acc {
        width: 100%
    }

    .sg-layout__section.thanks.three_min .sg-layout__buttons__acc a span {
        width: 100%;
        font-size: 16px
    }
}

.sg-layout__section.thanks.ats_set .sg-layout__buttons__acc {
    max-width: 420px
}

.sg-layout__section.thanks.ats_set .sg-layout__buttons__acc span {
    font-size: 18px;
    padding: 16px 0
}

@media (max-width:480px) {
    .sg-layout__section.thanks.ats_set .sg-layout__buttons__acc {
        width: 100%
    }

    .sg-layout__section.thanks.ats_set .sg-layout__buttons__acc a span {
        width: 100%;
        font-size: 14px
    }
}

.sg-layout__section.thanks.ats_interview .pg-layout__thanks-text {
    margin-bottom: 40px
}

.sg-layout__section.thanks .sg-tels {
    background-color: #e8f4fc;
    border-radius: 12px;
    padding: 36px 0;
    max-width: 600px;
    margin: 56px auto 0;
    text-align: center
}

.sg-layout__section.thanks .sg-tels__text {
    color: #0457a7;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 23px !important;
    margin-bottom: 8px !important
}

.sg-layout__section.thanks .sg-tels__img {
    width: 260px
}

.sg-layout__section.thanks .sg-tels__time {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    letter-spacing: 0;
    color: #0457a7
}

.sg-layout__section.campaign {
    padding: 64px 0
}

@media (max-width:768px) {
    .sg-layout__section.campaign {
        padding: 32px 0
    }
}

.sg-layout__section.campaign .sg-headline__h1 {
    padding: 0;
    margin-bottom: 56px
}

@media (max-width:768px) {
    .sg-layout__section.campaign .sg-headline__h1 {
        font-size: 20px;
        margin-bottom: 32px
    }
}

.sg-layout__section.campaign .pg-layout__buttons__cpthanks {
    margin: 0 auto 48px
}

@media (max-width:768px) {
    .sg-layout__section.campaign .pg-layout__buttons__cpthanks {
        width: 100%;
        margin: 0 auto 40px
    }
}

.sg-layout__section.campaign .content {
    width: 100%;
    max-width: 768px;
    padding: 0;
    margin: 0 auto 24px
}

.sg-layout__section.campaign .content__list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto
}

.sg-layout__section.campaign .content__list>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

@media (max-width:640px) {
    .sg-layout__section.campaign .content__list>li {
        width: 100%
    }
}

.sg-layout__section.campaign .content__list>li figure {
    margin: 0 auto
}

.sg-layout__section.campaign .content__list>li figure>img {
    width: 100%;
    max-width: 100%
}

.sg-layout__section.campaign .content__list>li figure>figcaption {
    margin-top: 16px
}

.sg-layout__section.campaign .content__list>li figure>figcaption .note {
    display: inline-block;
    font-size: 12px;
    text-align: left;
    color: grey
}

.sg-layout__section.campaign .content__list--col1 {
    width: 100%;
    max-width: 400px
}

.sg-layout__section.campaign .content__list--col2 {
    width: calc(50% - 16px)
}

.sg-layout__section.campaign .content__list--col2:first-of-type {
    margin-right: 32px
}

@media (max-width:640px) {
    .sg-layout__section.campaign .content__list--col2:first-of-type {
        margin-right: 0;
        margin-bottom: 16px
    }
}

.pg-ats-contact .sg-headline__h2.is-left,
.pg-contact .sg-headline__h2.is-left,
.pg-saiyo-contact .sg-headline__h2.is-left,
.pg-saiyo-landing-customers .sg-headline__h2.is-left,
.pg-saiyo-simulator .sg-headline__h2.is-left {
    text-align: left
}

.pg-ats-contact .sg-headline__h2>small,
.pg-contact .sg-headline__h2>small,
.pg-saiyo-contact .sg-headline__h2>small,
.pg-saiyo-landing-customers .sg-headline__h2>small,
.pg-saiyo-simulator .sg-headline__h2>small {
    display: inline-block;
    line-height: 1.25;
    font-size: .75em
}

.pg-ats-contact .sg-headline__h2+p,
.pg-contact .sg-headline__h2+p,
.pg-saiyo-contact .sg-headline__h2+p,
.pg-saiyo-landing-customers .sg-headline__h2+p,
.pg-saiyo-simulator .sg-headline__h2+p {
    margin-top: 20px
}

.pg-ats-contact .sg-headline__h3,
.pg-contact .sg-headline__h3,
.pg-saiyo-contact .sg-headline__h3,
.pg-saiyo-landing-customers .sg-headline__h3,
.pg-saiyo-simulator .sg-headline__h3 {
    font-size: 18px;
    margin-top: 0;
    padding-top: 0;
    color: #0457a7;
    font-weight: 700;
    line-height: 1.5
}

.pg-ats-contact dl dt,
.pg-contact dl dt,
.pg-saiyo-contact dl dt,
.pg-saiyo-landing-customers dl dt,
.pg-saiyo-simulator dl dt {
    font-size: 16px
}

.pg-ats-contact dl dd,
.pg-contact dl dd,
.pg-saiyo-contact dl dd,
.pg-saiyo-landing-customers dl dd,
.pg-saiyo-simulator dl dd {
    margin-left: 0
}

.pg-ats-contact .content__list__normal,
.pg-contact .content__list__normal,
.pg-saiyo-contact .content__list__normal,
.pg-saiyo-landing-customers .content__list__normal,
.pg-saiyo-simulator .content__list__normal {
    padding-top: 0
}

.pg-ats-contact .content__list__normal li,
.pg-contact .content__list__normal li,
.pg-saiyo-contact .content__list__normal li,
.pg-saiyo-landing-customers .content__list__normal li,
.pg-saiyo-simulator .content__list__normal li {
    font-size: 16px
}

.pg-ats-contact .content__list__normal li>ol,
.pg-contact .content__list__normal li>ol,
.pg-saiyo-contact .content__list__normal li>ol,
.pg-saiyo-landing-customers .content__list__normal li>ol,
.pg-saiyo-simulator .content__list__normal li>ol {
    padding-top: 4px
}

.pg-ats-contact .content__list__normal li>ol>li,
.pg-contact .content__list__normal li>ol>li,
.pg-saiyo-contact .content__list__normal li>ol>li,
.pg-saiyo-landing-customers .content__list__normal li>ol>li,
.pg-saiyo-simulator .content__list__normal li>ol>li {
    font-size: 14px
}

.pg-ats-contact .content__list__normal li>ol>li:before,
.pg-contact .content__list__normal li>ol>li:before,
.pg-saiyo-contact .content__list__normal li>ol>li:before,
.pg-saiyo-landing-customers .content__list__normal li>ol>li:before,
.pg-saiyo-simulator .content__list__normal li>ol>li:before {
    background: grey
}

.pg-ats-contact .content__list__flow,
.pg-contact .content__list__flow,
.pg-saiyo-contact .content__list__flow,
.pg-saiyo-landing-customers .content__list__flow,
.pg-saiyo-simulator .content__list__flow {
    padding-top: 0;
    margin: 0 0 40px !important;
    counter-reset: flow-item
}

.pg-ats-contact .content__list__flow li,
.pg-contact .content__list__flow li,
.pg-saiyo-contact .content__list__flow li,
.pg-saiyo-landing-customers .content__list__flow li,
.pg-saiyo-simulator .content__list__flow li {
    background: #f3f5f6;
    padding: 20px 20px 20px 78px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative
}

@media (max-width:640px) {

    .pg-ats-contact .content__list__flow li,
    .pg-contact .content__list__flow li,
    .pg-saiyo-contact .content__list__flow li,
    .pg-saiyo-landing-customers .content__list__flow li,
    .pg-saiyo-simulator .content__list__flow li {
        padding: 16px 16px 16px 60px
    }
}

.pg-ats-contact .content__list__flow li::before,
.pg-contact .content__list__flow li::before,
.pg-saiyo-contact .content__list__flow li::before,
.pg-saiyo-landing-customers .content__list__flow li::before,
.pg-saiyo-simulator .content__list__flow li::before {
    counter-increment: flow-item;
    content: counter(flow-item);
    display: block;
    width: 36px;
    height: 36px;
    font-family: Lato, "Noto Sans JP", sans-serif;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #0457a7;
    position: absolute;
    top: 50%;
    left: 26px;
    margin-top: -18px
}

@media (max-width:640px) {

    .pg-ats-contact .content__list__flow li::before,
    .pg-contact .content__list__flow li::before,
    .pg-saiyo-contact .content__list__flow li::before,
    .pg-saiyo-landing-customers .content__list__flow li::before,
    .pg-saiyo-simulator .content__list__flow li::before {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        left: 16px;
        margin-top: -14px
    }
}

.pg-ats-contact .content__list__flow li .note,
.pg-contact .content__list__flow li .note,
.pg-saiyo-contact .content__list__flow li .note,
.pg-saiyo-landing-customers .content__list__flow li .note,
.pg-saiyo-simulator .content__list__flow li .note {
    color: grey;
    font-size: 12px
}

.pg-ats-contact .content__list__flow li.is-pc,
.pg-contact .content__list__flow li.is-pc,
.pg-saiyo-contact .content__list__flow li.is-pc,
.pg-saiyo-landing-customers .content__list__flow li.is-pc,
.pg-saiyo-simulator .content__list__flow li.is-pc {
    display: block
}

@media (max-width:990px) {

    .pg-ats-contact .content__list__flow li.is-pc,
    .pg-contact .content__list__flow li.is-pc,
    .pg-saiyo-contact .content__list__flow li.is-pc,
    .pg-saiyo-landing-customers .content__list__flow li.is-pc,
    .pg-saiyo-simulator .content__list__flow li.is-pc {
        display: none
    }
}

.pg-ats-contact .content__list__flow li.is-sp,
.pg-contact .content__list__flow li.is-sp,
.pg-saiyo-contact .content__list__flow li.is-sp,
.pg-saiyo-landing-customers .content__list__flow li.is-sp,
.pg-saiyo-simulator .content__list__flow li.is-sp {
    display: none
}

@media (max-width:990px) {

    .pg-ats-contact .content__list__flow li.is-sp,
    .pg-contact .content__list__flow li.is-sp,
    .pg-saiyo-contact .content__list__flow li.is-sp,
    .pg-saiyo-landing-customers .content__list__flow li.is-sp,
    .pg-saiyo-simulator .content__list__flow li.is-sp {
        display: block
    }
}

.pg-ats-contact .is-left__bold,
.pg-contact .is-left__bold,
.pg-saiyo-contact .is-left__bold,
.pg-saiyo-landing-customers .is-left__bold,
.pg-saiyo-simulator .is-left__bold {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px
}

.pg-ats-contact form,
.pg-contact form,
.pg-saiyo-contact form,
.pg-saiyo-landing-customers form,
.pg-saiyo-simulator form {
    position: relative;
    overflow: hidden;
    width: 540px;
    max-width: 100%;
    margin: 0 auto
}

.pg-ats-contact form+p,
.pg-contact form+p,
.pg-saiyo-contact form+p,
.pg-saiyo-landing-customers form+p,
.pg-saiyo-simulator form+p {
    margin-top: 20px
}

.pg-ats-contact .required-annotation,
.pg-contact .required-annotation,
.pg-saiyo-contact .required-annotation,
.pg-saiyo-landing-customers .required-annotation,
.pg-saiyo-simulator .required-annotation {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 16px
}

.pg-ats-contact fieldset,
.pg-contact fieldset,
.pg-saiyo-contact fieldset,
.pg-saiyo-landing-customers fieldset,
.pg-saiyo-simulator fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.pg-ats-contact fieldset+fieldset,
.pg-contact fieldset+fieldset,
.pg-saiyo-contact fieldset+fieldset,
.pg-saiyo-landing-customers fieldset+fieldset,
.pg-saiyo-simulator fieldset+fieldset {
    margin-top: 20px
}

.pg-ats-contact fieldset.pg_hm_check_function,
.pg-ats-contact fieldset.pg_request_details,
.pg-ats-contact fieldset.work-bottleneck,
.pg-contact fieldset.pg_hm_check_function,
.pg-contact fieldset.pg_request_details,
.pg-contact fieldset.work-bottleneck,
.pg-saiyo-contact fieldset.pg_hm_check_function,
.pg-saiyo-contact fieldset.pg_request_details,
.pg-saiyo-contact fieldset.work-bottleneck,
.pg-saiyo-landing-customers fieldset.pg_hm_check_function,
.pg-saiyo-landing-customers fieldset.pg_request_details,
.pg-saiyo-landing-customers fieldset.work-bottleneck,
.pg-saiyo-simulator fieldset.pg_hm_check_function,
.pg-saiyo-simulator fieldset.pg_request_details,
.pg-saiyo-simulator fieldset.work-bottleneck {
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.pg-ats-contact fieldset.pg_hm_check_function>div,
.pg-ats-contact fieldset.pg_request_details>div,
.pg-ats-contact fieldset.work-bottleneck>div,
.pg-contact fieldset.pg_hm_check_function>div,
.pg-contact fieldset.pg_request_details>div,
.pg-contact fieldset.work-bottleneck>div,
.pg-saiyo-contact fieldset.pg_hm_check_function>div,
.pg-saiyo-contact fieldset.pg_request_details>div,
.pg-saiyo-contact fieldset.work-bottleneck>div,
.pg-saiyo-landing-customers fieldset.pg_hm_check_function>div,
.pg-saiyo-landing-customers fieldset.pg_request_details>div,
.pg-saiyo-landing-customers fieldset.work-bottleneck>div,
.pg-saiyo-simulator fieldset.pg_hm_check_function>div,
.pg-saiyo-simulator fieldset.pg_request_details>div,
.pg-saiyo-simulator fieldset.work-bottleneck>div {
    margin-bottom: 16px
}

.pg-ats-contact fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox],
.pg-ats-contact fieldset.pg_request_details>div>ul>li>input[type=checkbox],
.pg-ats-contact fieldset.work-bottleneck>div>ul>li>input[type=checkbox],
.pg-contact fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox],
.pg-contact fieldset.pg_request_details>div>ul>li>input[type=checkbox],
.pg-contact fieldset.work-bottleneck>div>ul>li>input[type=checkbox],
.pg-saiyo-contact fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox],
.pg-saiyo-contact fieldset.pg_request_details>div>ul>li>input[type=checkbox],
.pg-saiyo-contact fieldset.work-bottleneck>div>ul>li>input[type=checkbox],
.pg-saiyo-landing-customers fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox],
.pg-saiyo-landing-customers fieldset.pg_request_details>div>ul>li>input[type=checkbox],
.pg-saiyo-landing-customers fieldset.work-bottleneck>div>ul>li>input[type=checkbox],
.pg-saiyo-simulator fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox],
.pg-saiyo-simulator fieldset.pg_request_details>div>ul>li>input[type=checkbox],
.pg-saiyo-simulator fieldset.work-bottleneck>div>ul>li>input[type=checkbox] {
    display: none
}

.pg-ats-contact fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-ats-contact fieldset.pg_request_details>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-ats-contact fieldset.work-bottleneck>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-contact fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-contact fieldset.pg_request_details>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-contact fieldset.work-bottleneck>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-saiyo-contact fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-saiyo-contact fieldset.pg_request_details>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-saiyo-contact fieldset.work-bottleneck>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-saiyo-landing-customers fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-saiyo-landing-customers fieldset.pg_request_details>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-saiyo-landing-customers fieldset.work-bottleneck>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-saiyo-simulator fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-saiyo-simulator fieldset.pg_request_details>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-saiyo-simulator fieldset.work-bottleneck>div>ul>li>input[type=checkbox]:checked+label:after {
    position: absolute;
    top: 2px;
    left: -32px;
    width: 5px;
    height: 12px;
    border: 0 solid #0457a7;
    border-right-width: 3px;
    border-bottom-width: 3px;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    z-index: 30
}

.pg-ats-contact fieldset.pg_hm_check_function>div>ul>li>label,
.pg-ats-contact fieldset.pg_request_details>div>ul>li>label,
.pg-ats-contact fieldset.work-bottleneck>div>ul>li>label,
.pg-contact fieldset.pg_hm_check_function>div>ul>li>label,
.pg-contact fieldset.pg_request_details>div>ul>li>label,
.pg-contact fieldset.work-bottleneck>div>ul>li>label,
.pg-saiyo-contact fieldset.pg_hm_check_function>div>ul>li>label,
.pg-saiyo-contact fieldset.pg_request_details>div>ul>li>label,
.pg-saiyo-contact fieldset.work-bottleneck>div>ul>li>label,
.pg-saiyo-landing-customers fieldset.pg_hm_check_function>div>ul>li>label,
.pg-saiyo-landing-customers fieldset.pg_request_details>div>ul>li>label,
.pg-saiyo-landing-customers fieldset.work-bottleneck>div>ul>li>label,
.pg-saiyo-simulator fieldset.pg_hm_check_function>div>ul>li>label,
.pg-saiyo-simulator fieldset.pg_request_details>div>ul>li>label,
.pg-saiyo-simulator fieldset.work-bottleneck>div>ul>li>label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: -6px;
    margin-top: 6px;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.pg-ats-contact fieldset.pg_hm_check_function>div>ul>li>label:active,
.pg-ats-contact fieldset.pg_hm_check_function>div>ul>li>label:hover,
.pg-ats-contact fieldset.pg_request_details>div>ul>li>label:active,
.pg-ats-contact fieldset.pg_request_details>div>ul>li>label:hover,
.pg-ats-contact fieldset.work-bottleneck>div>ul>li>label:active,
.pg-ats-contact fieldset.work-bottleneck>div>ul>li>label:hover,
.pg-contact fieldset.pg_hm_check_function>div>ul>li>label:active,
.pg-contact fieldset.pg_hm_check_function>div>ul>li>label:hover,
.pg-contact fieldset.pg_request_details>div>ul>li>label:active,
.pg-contact fieldset.pg_request_details>div>ul>li>label:hover,
.pg-contact fieldset.work-bottleneck>div>ul>li>label:active,
.pg-contact fieldset.work-bottleneck>div>ul>li>label:hover,
.pg-saiyo-contact fieldset.pg_hm_check_function>div>ul>li>label:active,
.pg-saiyo-contact fieldset.pg_hm_check_function>div>ul>li>label:hover,
.pg-saiyo-contact fieldset.pg_request_details>div>ul>li>label:active,
.pg-saiyo-contact fieldset.pg_request_details>div>ul>li>label:hover,
.pg-saiyo-contact fieldset.work-bottleneck>div>ul>li>label:active,
.pg-saiyo-contact fieldset.work-bottleneck>div>ul>li>label:hover,
.pg-saiyo-landing-customers fieldset.pg_hm_check_function>div>ul>li>label:active,
.pg-saiyo-landing-customers fieldset.pg_hm_check_function>div>ul>li>label:hover,
.pg-saiyo-landing-customers fieldset.pg_request_details>div>ul>li>label:active,
.pg-saiyo-landing-customers fieldset.pg_request_details>div>ul>li>label:hover,
.pg-saiyo-landing-customers fieldset.work-bottleneck>div>ul>li>label:active,
.pg-saiyo-landing-customers fieldset.work-bottleneck>div>ul>li>label:hover,
.pg-saiyo-simulator fieldset.pg_hm_check_function>div>ul>li>label:active,
.pg-saiyo-simulator fieldset.pg_hm_check_function>div>ul>li>label:hover,
.pg-saiyo-simulator fieldset.pg_request_details>div>ul>li>label:active,
.pg-saiyo-simulator fieldset.pg_request_details>div>ul>li>label:hover,
.pg-saiyo-simulator fieldset.work-bottleneck>div>ul>li>label:active,
.pg-saiyo-simulator fieldset.work-bottleneck>div>ul>li>label:hover {
    opacity: 1
}

.pg-ats-contact fieldset.pg_hm_check_function>div>ul>li>label:after,
.pg-ats-contact fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-ats-contact fieldset.pg_request_details>div>ul>li>label:after,
.pg-ats-contact fieldset.pg_request_details>div>ul>li>label:before,
.pg-ats-contact fieldset.work-bottleneck>div>ul>li>label:after,
.pg-ats-contact fieldset.work-bottleneck>div>ul>li>label:before,
.pg-contact fieldset.pg_hm_check_function>div>ul>li>label:after,
.pg-contact fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-contact fieldset.pg_request_details>div>ul>li>label:after,
.pg-contact fieldset.pg_request_details>div>ul>li>label:before,
.pg-contact fieldset.work-bottleneck>div>ul>li>label:after,
.pg-contact fieldset.work-bottleneck>div>ul>li>label:before,
.pg-saiyo-contact fieldset.pg_hm_check_function>div>ul>li>label:after,
.pg-saiyo-contact fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-saiyo-contact fieldset.pg_request_details>div>ul>li>label:after,
.pg-saiyo-contact fieldset.pg_request_details>div>ul>li>label:before,
.pg-saiyo-contact fieldset.work-bottleneck>div>ul>li>label:after,
.pg-saiyo-contact fieldset.work-bottleneck>div>ul>li>label:before,
.pg-saiyo-landing-customers fieldset.pg_hm_check_function>div>ul>li>label:after,
.pg-saiyo-landing-customers fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-saiyo-landing-customers fieldset.pg_request_details>div>ul>li>label:after,
.pg-saiyo-landing-customers fieldset.pg_request_details>div>ul>li>label:before,
.pg-saiyo-landing-customers fieldset.work-bottleneck>div>ul>li>label:after,
.pg-saiyo-landing-customers fieldset.work-bottleneck>div>ul>li>label:before,
.pg-saiyo-simulator fieldset.pg_hm_check_function>div>ul>li>label:after,
.pg-saiyo-simulator fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-saiyo-simulator fieldset.pg_request_details>div>ul>li>label:after,
.pg-saiyo-simulator fieldset.pg_request_details>div>ul>li>label:before,
.pg-saiyo-simulator fieldset.work-bottleneck>div>ul>li>label:after,
.pg-saiyo-simulator fieldset.work-bottleneck>div>ul>li>label:before {
    content: "";
    display: block;
    position: absolute
}

.pg-ats-contact fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-ats-contact fieldset.pg_request_details>div>ul>li>label:before,
.pg-ats-contact fieldset.work-bottleneck>div>ul>li>label:before,
.pg-contact fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-contact fieldset.pg_request_details>div>ul>li>label:before,
.pg-contact fieldset.work-bottleneck>div>ul>li>label:before,
.pg-saiyo-contact fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-saiyo-contact fieldset.pg_request_details>div>ul>li>label:before,
.pg-saiyo-contact fieldset.work-bottleneck>div>ul>li>label:before,
.pg-saiyo-landing-customers fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-saiyo-landing-customers fieldset.pg_request_details>div>ul>li>label:before,
.pg-saiyo-landing-customers fieldset.work-bottleneck>div>ul>li>label:before,
.pg-saiyo-simulator fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-saiyo-simulator fieldset.pg_request_details>div>ul>li>label:before,
.pg-saiyo-simulator fieldset.work-bottleneck>div>ul>li>label:before {
    top: 0;
    left: -40px;
    width: 20px;
    height: 20px;
    border: 1px solid #d2e3f4;
    background: #eef6fe;
    border-radius: 2px
}

.pg-ats-contact fieldset legend,
.pg-contact fieldset legend,
.pg-saiyo-contact fieldset legend,
.pg-saiyo-landing-customers fieldset legend,
.pg-saiyo-simulator fieldset legend {
    display: block;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #0457a7
}

.pg-ats-contact fieldset legend.agree-personal-information,
.pg-contact fieldset legend.agree-personal-information,
.pg-saiyo-contact fieldset legend.agree-personal-information,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information,
.pg-saiyo-simulator fieldset legend.agree-personal-information {
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.pg-ats-contact fieldset legend.agree-personal-information>input[type=checkbox],
.pg-contact fieldset legend.agree-personal-information>input[type=checkbox],
.pg-saiyo-contact fieldset legend.agree-personal-information>input[type=checkbox],
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>input[type=checkbox],
.pg-saiyo-simulator fieldset legend.agree-personal-information>input[type=checkbox] {
    display: none
}

.pg-ats-contact fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after,
.pg-contact fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after,
.pg-saiyo-contact fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after,
.pg-saiyo-simulator fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after {
    position: absolute;
    top: 2px;
    left: 7px;
    width: 5px;
    height: 12px;
    border: 0 solid #0457a7;
    border-right-width: 3px;
    border-bottom-width: 3px;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.pg-ats-contact fieldset legend.agree-personal-information>label,
.pg-contact fieldset legend.agree-personal-information>label,
.pg-saiyo-contact fieldset legend.agree-personal-information>label,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>label,
.pg-saiyo-simulator fieldset legend.agree-personal-information>label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: -6px;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.pg-ats-contact fieldset legend.agree-personal-information>label:active,
.pg-ats-contact fieldset legend.agree-personal-information>label:hover,
.pg-contact fieldset legend.agree-personal-information>label:active,
.pg-contact fieldset legend.agree-personal-information>label:hover,
.pg-saiyo-contact fieldset legend.agree-personal-information>label:active,
.pg-saiyo-contact fieldset legend.agree-personal-information>label:hover,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>label:active,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>label:hover,
.pg-saiyo-simulator fieldset legend.agree-personal-information>label:active,
.pg-saiyo-simulator fieldset legend.agree-personal-information>label:hover {
    opacity: 1
}

.pg-ats-contact fieldset legend.agree-personal-information>label:after,
.pg-ats-contact fieldset legend.agree-personal-information>label:before,
.pg-contact fieldset legend.agree-personal-information>label:after,
.pg-contact fieldset legend.agree-personal-information>label:before,
.pg-saiyo-contact fieldset legend.agree-personal-information>label:after,
.pg-saiyo-contact fieldset legend.agree-personal-information>label:before,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>label:after,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>label:before,
.pg-saiyo-simulator fieldset legend.agree-personal-information>label:after,
.pg-saiyo-simulator fieldset legend.agree-personal-information>label:before {
    content: "";
    display: block;
    position: absolute
}

.pg-ats-contact fieldset legend.agree-personal-information>label:before,
.pg-contact fieldset legend.agree-personal-information>label:before,
.pg-saiyo-contact fieldset legend.agree-personal-information>label:before,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>label:before,
.pg-saiyo-simulator fieldset legend.agree-personal-information>label:before {
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #d2e3f4;
    background: #eef6fe;
    border-radius: 2px
}

.pg-ats-contact fieldset legend.agree-personal-information>label>a,
.pg-contact fieldset legend.agree-personal-information>label>a,
.pg-saiyo-contact fieldset legend.agree-personal-information>label>a,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>label>a,
.pg-saiyo-simulator fieldset legend.agree-personal-information>label>a {
    margin-left: 2.2em;
    color: #333;
    text-decoration: underline
}

.pg-ats-contact fieldset legend.agree-personal-information>label>a:active,
.pg-ats-contact fieldset legend.agree-personal-information>label>a:hover,
.pg-contact fieldset legend.agree-personal-information>label>a:active,
.pg-contact fieldset legend.agree-personal-information>label>a:hover,
.pg-saiyo-contact fieldset legend.agree-personal-information>label>a:active,
.pg-saiyo-contact fieldset legend.agree-personal-information>label>a:hover,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>label>a:active,
.pg-saiyo-landing-customers fieldset legend.agree-personal-information>label>a:hover,
.pg-saiyo-simulator fieldset legend.agree-personal-information>label>a:active,
.pg-saiyo-simulator fieldset legend.agree-personal-information>label>a:hover {
    text-decoration: none;
    color: #0457a7
}

.pg-ats-contact fieldset legend+ul,
.pg-contact fieldset legend+ul,
.pg-saiyo-contact fieldset legend+ul,
.pg-saiyo-landing-customers fieldset legend+ul,
.pg-saiyo-simulator fieldset legend+ul {
    margin-top: 10px;
    font-size: 16px
}

@media (max-width:990px) {

    .pg-ats-contact fieldset legend+ul,
    .pg-contact fieldset legend+ul,
    .pg-saiyo-contact fieldset legend+ul,
    .pg-saiyo-landing-customers fieldset legend+ul,
    .pg-saiyo-simulator fieldset legend+ul {
        margin-top: 4px
    }
}

.pg-ats-contact fieldset legend+ul>li>label,
.pg-contact fieldset legend+ul>li>label,
.pg-saiyo-contact fieldset legend+ul>li>label,
.pg-saiyo-landing-customers fieldset legend+ul>li>label,
.pg-saiyo-simulator fieldset legend+ul>li>label {
    cursor: pointer;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.pg-ats-contact fieldset legend+ul>li>label:hover,
.pg-contact fieldset legend+ul>li>label:hover,
.pg-saiyo-contact fieldset legend+ul>li>label:hover,
.pg-saiyo-landing-customers fieldset legend+ul>li>label:hover,
.pg-saiyo-simulator fieldset legend+ul>li>label:hover {
    opacity: .6
}

.pg-ats-contact fieldset legend+ul>li+li,
.pg-contact fieldset legend+ul>li+li,
.pg-saiyo-contact fieldset legend+ul>li+li,
.pg-saiyo-landing-customers fieldset legend+ul>li+li,
.pg-saiyo-simulator fieldset legend+ul>li+li {
    margin-top: 4px
}

.pg-ats-contact fieldset *+legend,
.pg-contact fieldset *+legend,
.pg-saiyo-contact fieldset *+legend,
.pg-saiyo-landing-customers fieldset *+legend,
.pg-saiyo-simulator fieldset *+legend {
    margin-top: 20px
}

.pg-ats-contact fieldset span,
.pg-contact fieldset span,
.pg-saiyo-contact fieldset span,
.pg-saiyo-landing-customers fieldset span,
.pg-saiyo-simulator fieldset span {
    display: none;
    font-size: 16px;
    color: #e73858;
    font-weight: 700;
    line-height: 1.5
}

.pg-ats-contact fieldset.is-multi-column,
.pg-contact fieldset.is-multi-column,
.pg-saiyo-contact fieldset.is-multi-column,
.pg-saiyo-landing-customers fieldset.is-multi-column,
.pg-saiyo-simulator fieldset.is-multi-column {
    font-size: 0
}

.pg-ats-contact fieldset.is-multi-column>div,
.pg-contact fieldset.is-multi-column>div,
.pg-saiyo-contact fieldset.is-multi-column>div,
.pg-saiyo-landing-customers fieldset.is-multi-column>div,
.pg-saiyo-simulator fieldset.is-multi-column>div {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top
}

.pg-ats-contact fieldset.is-multi-column>div+div,
.pg-contact fieldset.is-multi-column>div+div,
.pg-saiyo-contact fieldset.is-multi-column>div+div,
.pg-saiyo-landing-customers fieldset.is-multi-column>div+div,
.pg-saiyo-simulator fieldset.is-multi-column>div+div {
    margin-left: 20px
}

.pg-ats-contact fieldset+p,
.pg-contact fieldset+p,
.pg-saiyo-contact fieldset+p,
.pg-saiyo-landing-customers fieldset+p,
.pg-saiyo-simulator fieldset+p {
    margin: 20px 0;
    font-size: 16px
}

.pg-ats-contact em,
.pg-contact em,
.pg-saiyo-contact em,
.pg-saiyo-landing-customers em,
.pg-saiyo-simulator em {
    color: #e73858;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    vertical-align: middle
}

.pg-ats-contact small.note,
.pg-contact small.note,
.pg-saiyo-contact small.note,
.pg-saiyo-landing-customers small.note,
.pg-saiyo-simulator small.note {
    color: grey;
    font-weight: 400
}

.pg-ats-contact .description,
.pg-contact .description,
.pg-saiyo-contact .description,
.pg-saiyo-landing-customers .description,
.pg-saiyo-simulator .description {
    margin: 8px 0 0;
    text-align: justify;
    font-size: 12px;
    color: #666
}

@media (min-width:991px) {

    .pg-ats-contact:not(.is-multi-column) .sg-layout__wrapper,
    .pg-contact:not(.is-multi-column) .sg-layout__wrapper,
    .pg-saiyo-contact:not(.is-multi-column) .sg-layout__wrapper,
    .pg-saiyo-landing-customers:not(.is-multi-column) .sg-layout__wrapper,
    .pg-saiyo-simulator:not(.is-multi-column) .sg-layout__wrapper {
        width: 990px
    }
}

@media (max-width:990px) {

    .pg-ats-contact:not(.is-multi-column) .sg-layout__wrapper,
    .pg-contact:not(.is-multi-column) .sg-layout__wrapper,
    .pg-saiyo-contact:not(.is-multi-column) .sg-layout__wrapper,
    .pg-saiyo-landing-customers:not(.is-multi-column) .sg-layout__wrapper,
    .pg-saiyo-simulator:not(.is-multi-column) .sg-layout__wrapper {
        padding-right: 20px;
        padding-left: 20px
    }
}

.pg-ats-contact:not(.is-multi-column) .sg-layout__wrapper>p,
.pg-contact:not(.is-multi-column) .sg-layout__wrapper>p,
.pg-saiyo-contact:not(.is-multi-column) .sg-layout__wrapper>p,
.pg-saiyo-landing-customers:not(.is-multi-column) .sg-layout__wrapper>p,
.pg-saiyo-simulator:not(.is-multi-column) .sg-layout__wrapper>p {
    text-align: center;
    margin-bottom: 40px
}

@media (max-width:420px) {

    .pg-ats-contact:not(.is-multi-column) .sg-layout__wrapper>p,
    .pg-contact:not(.is-multi-column) .sg-layout__wrapper>p,
    .pg-saiyo-contact:not(.is-multi-column) .sg-layout__wrapper>p,
    .pg-saiyo-landing-customers:not(.is-multi-column) .sg-layout__wrapper>p,
    .pg-saiyo-simulator:not(.is-multi-column) .sg-layout__wrapper>p {
        text-align: left
    }
}

.pg-ats-contact:not(.is-multi-column) .sg-layout__wrapper>p+.caution,
.pg-contact:not(.is-multi-column) .sg-layout__wrapper>p+.caution,
.pg-saiyo-contact:not(.is-multi-column) .sg-layout__wrapper>p+.caution,
.pg-saiyo-landing-customers:not(.is-multi-column) .sg-layout__wrapper>p+.caution,
.pg-saiyo-simulator:not(.is-multi-column) .sg-layout__wrapper>p+.caution {
    background: #f2f3f5 !important;
    padding: 25px;
    margin-top: 20px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 16px
}

.pg-ats-contact:not(.is-multi-column) .sg-headline__h2+*,
.pg-contact:not(.is-multi-column) .sg-headline__h2+*,
.pg-saiyo-contact:not(.is-multi-column) .sg-headline__h2+*,
.pg-saiyo-landing-customers:not(.is-multi-column) .sg-headline__h2+*,
.pg-saiyo-simulator:not(.is-multi-column) .sg-headline__h2+* {
    margin-top: 40px
}

@media (min-width:991px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper,
    .pg-contact.is-multi-column>.sg-layout__wrapper,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 40px
    }
}

@media (max-width:990px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper,
    .pg-contact.is-multi-column>.sg-layout__wrapper,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (min-width:991px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary {
        padding-right: 20px
    }
}

@media (max-width:990px) and (min-width:591px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary {
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width:591px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary {
        max-width: 580px;
        min-width: 400px
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3 {
    text-align: center
}

@media (max-width:590px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3 {
        text-align: left
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3.is-left,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3.is-left,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3.is-left,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3.is-left,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3.is-left {
    text-align: left
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3+p,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3+p,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3+p,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3+p,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3+p {
    margin-top: 20px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__sub+p,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__sub+p,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__sub+p,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__sub+p,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.sg-headline__sub+p {
    margin-top: 10px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__h3,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__h3,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__h3,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__h3,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__h3 {
    margin-bottom: 20px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__sub,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__sub,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__sub,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__sub,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>*+.sg-headline__sub {
    margin-top: 20px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers {
    padding: 20px 0
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    list-style: none
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul>li,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul>li,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul>li,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul>li,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>ul>li {
    width: 16.6666666667%;
    margin: 10px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small {
    display: block;
    color: #999
}

@media (min-width:991px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small {
        width: 390px;
        margin: 0 auto;
        text-align: right
    }
}

@media (max-width:990px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary>.customers>small {
        text-align: center
    }
}

@media (min-width:641px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary ul,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary ul,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary ul,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary ul,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary ul {
        margin-right: auto;
        margin-left: auto
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list {
    margin: 0 0 40px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list>p,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list>p,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list>p,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list>p,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .summary-list>p {
    font-size: 16px !important
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_request__h3,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_request__h3,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_request__h3,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_request__h3,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_request__h3 {
    margin: 24px 0 16px;
    padding: 0
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left {
    margin-right: 24px !important
}

@media (max-width:768px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left {
        margin-right: 16px !important
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left>img,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left>img,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left>img,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left>img,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .left>img {
    width: 100%;
    max-width: 100%
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right {
    display: block;
    -ms-flex-align: center;
    align-items: center
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img {
    width: 100%;
    max-width: 194px;
    margin: 0 0 16px
}

@media (max-width:420px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right>img {
        max-width: 187px
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right .last,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right .last,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right .last,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right .last,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .flex-item-request .right .last {
    margin: 0
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary p.is-left,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary p.is-left,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary p.is-left,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary p.is-left,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary p.is-left {
    margin-top: 20px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    margin: 40px 0
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3 {
    background-color: #f3f5f6;
    padding: 12px;
    text-align: center;
    margin: 0;
    font-size: 20px;
    font-weight: 700
}

@media (max-width:640px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des h3 {
        font-size: 16px
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper {
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

@media (max-width:1120px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper {
        display: block
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img {
    width: 250px;
    height: 172px
}

@media (max-width:1120px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>img {
        width: 100%;
        height: auto
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div {
    margin-left: 16px
}

@media (max-width:1120px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div {
        margin-left: 0
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p {
    font-size: 14px;
    margin-bottom: 0
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child {
    margin-bottom: 16px
}

@media (max-width:1120px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p:first-child {
        margin-top: 16px
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p .note,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p .note,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p .note,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p .note,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper>div p .note {
    font-size: 12px;
    color: grey
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr {
    padding: 16px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr>img,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr>img,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr>img,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr>img,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr>img {
    margin-bottom: 16px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.4
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child {
    margin-bottom: 16px
}

@media (max-width:1120px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p:first-child {
        margin-top: 16px
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p>.note,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p>.note,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p>.note,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p>.note,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr p>.note {
    line-height: 1.4;
    font-size: 10px;
    color: #666
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li {
    margin-left: 1em;
    text-indent: -1em;
    line-height: 1.4
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li>.note,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li>.note,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li>.note,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li>.note,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des__wrapper_hr ul li>.note {
    line-height: 1.4;
    font-size: 10px;
    color: #666
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des>.note,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des>.note,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des>.note,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des>.note,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des>.note {
    margin: 0 16px 16px;
    display: block;
    line-height: 1.4;
    font-size: 10px;
    color: #666;
    background: #f3f5f6;
    padding: 16px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam {
    border: none;
    border-radius: 10px;
    padding: 16px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam>h3,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam>h3,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam>h3,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam>h3,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ex-cam>h3 {
    background-color: #fff;
    padding: 0;
    color: #0f3b58
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam {
    padding: 16px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3 {
    background-color: #fff;
    padding: 0;
    color: #0457a7
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3 span.note,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3 span.note,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3 span.note,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3 span.note,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary .pg_campaign_des.ats-cam>h3 span.note {
    font-size: 10px;
    color: #666
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary ol,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary ol,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary ol,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary ol,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary ol {
    margin-top: 10px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure {
    position: relative
}

@media (max-width:990px) and (min-width:640px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: inherit
    }

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img {
        width: calc(50% - 10px) !important;
        height: calc((50% - 10px) * 300 / 420)
    }

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(even),
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(even),
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(even),
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(even),
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(even) {
        margin-left: 20px
    }

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+3),
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+3),
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+3),
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+3),
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+3) {
        margin-top: 20px
    }
}

@media (min-width:991px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+2),
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+2),
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+2),
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+2),
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img:nth-child(n+2) {
        margin-top: 20px
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure:before,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure:before,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure:before,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure:before,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure:before {
    z-index: 3;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure img {
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p {
    margin-top: 20px;
    text-align: justify
}

@media (min-width:641px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p {
        margin-right: auto;
        margin-left: auto
    }

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p.is-left,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p.is-left,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p.is-left,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p.is-left,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure+p.is-left {
        margin-left: 0
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure.is-left,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure.is-left,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure.is-left,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure.is-left,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__summary figure.is-left {
    margin-left: 0
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai,
.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner {
    text-align: right;
    position: relative
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai a:hover,
.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner a:hover,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai a:hover,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner a:hover,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai a:hover,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner a:hover,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai a:hover,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner a:hover,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai a:hover,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner a:hover {
    opacity: .6
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before,
.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--ter-f8460dab6d.svg);
    left: auto
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner {
    margin: 16px 0 0
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-partner:before {
    right: 246px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai {
    margin: 8px 0 0
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .to-kintai:before {
    right: 230px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #e6e6e6
}

@media (min-width:991px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div {
        max-width: 580px
    }
}

@media (min-width:591px) and (max-width:990px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div {
        max-width: 580px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width:991px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div {
        margin-left: 32px
    }
}

@media (max-width:990px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div {
        margin-top: 16px
    }
}

@media (max-width:640px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div {
        padding: 0;
        border-radius: 0;
        border: none
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>.sg-headline__h3+*,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>.sg-headline__h3+*,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>.sg-headline__h3+*,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>.sg-headline__h3+*,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>.sg-headline__h3+* {
    margin-top: 20px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a {
    color: #0457a7
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:active,
.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:hover,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:active,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:hover,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:active,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:hover,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:active,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:hover,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:active,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div>p>a:hover {
    text-decoration: none
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div form,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div form,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div form,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div form,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div form {
    width: 580px;
    margin-top: 20px;
    padding: 20px 0 0;
    border-top: 1px solid #e6e6e6
}

@media (max-width:990px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div:first-child,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div:first-child,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form>div:first-child,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form>div:first-child,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form>div:first-child {
        margin-top: 32px
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo {
    margin-left: 32px
}

@media screen and (max-width:990px) {

    .pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo,
    .pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo,
    .pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo,
    .pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo,
    .pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .privacy-logo {
        margin: 12px 0 0 32px
    }
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .select-wrapper:after,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .select-wrapper:after,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form .select-wrapper:after,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form .select-wrapper:after,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form .select-wrapper:after {
    top: 20px
}

.pg-ats-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form select,
.pg-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form select,
.pg-saiyo-contact.is-multi-column>.sg-layout__wrapper>.flex-item__form select,
.pg-saiyo-landing-customers.is-multi-column>.sg-layout__wrapper>.flex-item__form select,
.pg-saiyo-simulator.is-multi-column>.sg-layout__wrapper>.flex-item__form select {
    height: auto;
    padding: 8px;
    background: #fff;
    font-size: 16px
}

.pg-contact form {
    width: 100%;
    margin: 0 auto 24px
}

.pg-contact form+p {
    margin-top: 20px
}

.pg-contact form fieldset.is-center-column {
    text-align: center
}

.pg-contact form fieldset.is-center-column legend.agree-personal-information a {
    color: #2693ff
}

.pg-contact form .description {
    padding-bottom: 0;
    font-size: 12px
}

.is-left__price {
    margin-bottom: 32px;
    transition: .2s ease
}

.is-left__price:hover {
    cursor: pointer;
    opacity: .8
}

.pop-up {
    display: none;
    opacity: 0;
    transition: .3s ease
}

.pop-up.on {
    display: block;
    position: fixed;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background: rgba(0, 0, 0, .37);
    z-index: 99
}

.pop-up.on figure {
    position: relative;
    display: block;
    padding-top: 80px;
    width: 100%;
    height: 100%
}

.pop-up.on figure img {
    display: block;
    position: relative;
    width: 95%;
    max-width: 1467px;
    margin: 0 auto;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 16px 20px 0 rgba(150, 150, 150, .2)
}

@media (max-width:940px) {
    .pop-up.on figure img {
        width: 100%;
        height: auto
    }
}

.pop-up.on figure span {
    display: block;
    position: absolute;
    top: 17px;
    right: 32px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #1bacab;
    transition: .2s ease
}

@media (max-width:1130px) {
    .pop-up.on figure span {
        right: 16px
    }
}

.pop-up.on figure span:hover {
    background-color: #fff;
    cursor: pointer
}

.pop-up.on figure span:hover::after,
.pop-up.on figure span:hover::before {
    background-color: #1bacab
}

.pop-up.on figure span::after,
.pop-up.on figure span::before {
    position: absolute;
    content: "";
    display: block;
    top: 12px;
    left: 23px;
    width: 4px;
    height: 25px;
    background-color: #fff
}

.pop-up.on figure span::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pop-up.on figure span::after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sg-layout__section--series h2 {
    font-size: 24px
}

.pg-saiyo-landing-customers>.sg-layout__wrapper>*+p {
    margin-top: 20px
}

.pg-saiyo-landing-customers>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h2 {
    padding-top: 20px;
    letter-spacing: 0 !important
}

@media (max-width:590px) {
    .pg-saiyo-landing-customers>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h2 {
        padding-top: 10px;
        padding-bottom: 15px
    }
}

.pg-saiyo-landing-customers>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h2 small {
    font-size: 18px
}

.pg-saiyo-landing-customers>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3 {
    margin-bottom: 40px;
    text-align: left !important
}

.pg-saiyo-landing-customers>.sg-layout__wrapper>.flex-item__summary>.sg-headline__h3+* {
    margin-top: 20px
}

.pg-saiyo-landing-customers>.sg-layout__wrapper>.flex-item__summary>ul {
    max-width: inherit !important
}

.pg-saiyo-landing-customers>.sg-layout__wrapper>.flex-item__summary>ul>li {
    text-align: justify
}

.pg-saiyo-landing-customers>.sg-layout__wrapper>.flex-item__summary>p {
    text-align: justify
}

.pg-saiyo-simulator {
    padding-top: 4px;
    background: #d5ebff
}

@media (max-width:808px) {
    .pg-saiyo-simulator {
        overflow: hidden
    }
}

.pg-saiyo-simulator .sg-headline__h2 {
    position: relative;
    width: 860px;
    margin: 32px auto;
    padding: 0;
    background-color: transparent;
    text-align: center
}

.pg-saiyo-simulator .sg-headline__h2 span {
    color: #0457a7;
    font-size: 16px;
    display: block;
    padding-bottom: 8px
}

@media (max-width:768px) {
    .pg-saiyo-simulator .sg-headline__h2 span.is-pc {
        display: none
    }
}

.pg-saiyo-simulator .sg-headline__h2 em {
    color: #0457a7;
    font-size: 45px
}

@media (max-width:768px) {
    .pg-saiyo-simulator .sg-headline__h2 {
        width: 100%;
        font-size: 30px
    }
}

@media (max-width:320px) {
    .pg-saiyo-simulator .sg-headline__h2 {
        margin: 0 auto
    }
}

.pg-saiyo-simulator .sg-headline__h2 img.is-sp {
    width: 90%;
    margin: 0 auto
}

.pg-saiyo-simulator .sg-headline__h2 img.balloon {
    z-index: 1;
    position: absolute;
    top: -20px;
    left: 20px;
    width: 118px
}

@media (max-width:768px) {
    .pg-saiyo-simulator .sg-headline__h2 img.balloon {
        display: none
    }
}

.pg-saiyo-simulator .sg-headline__h2 img.man {
    z-index: 1;
    position: absolute;
    top: -23px;
    right: 20px;
    width: 125px
}

@media (max-width:768px) {
    .pg-saiyo-simulator .sg-headline__h2 img.man {
        display: none
    }
}

.pg-saiyo-simulator .sg-layout__wrapper {
    position: relative;
    background: #fff;
    border-radius: 10px
}

@media (min-width:769px) {
    .pg-saiyo-simulator .sg-layout__wrapper {
        width: 860px !important;
        padding: 80px
    }
}

@media (max-width:768px) {
    .pg-saiyo-simulator .sg-layout__wrapper {
        width: 90%;
        padding: 10% 5%
    }
}

@media (max-width:320px) {
    .pg-saiyo-simulator .sg-layout__wrapper {
        margin-top: 28px !important
    }
}

.pg-saiyo-simulator .sg-layout__wrapper p {
    margin-bottom: 0;
    font-size: 16px
}

.pg-saiyo-simulator .sg-layout__wrapper p.simulator-notice {
    margin-bottom: 24px
}

.pg-saiyo-simulator .sg-layout__wrapper p.lead {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.925
}

.pg-saiyo-simulator .sg-layout__wrapper p.required-annotation {
    letter-spacing: .13em
}

@media (max-width:768px) {
    .pg-saiyo-simulator .sg-layout__wrapper p.required-annotation {
        letter-spacing: 0
    }
}

.pg-saiyo-simulator .sg-layout__wrapper>form {
    padding: 0
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question {
    margin-top: 24px
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question.is-question02 li {
    -ms-flex: none;
    flex: none
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question.is-question02 li label {
    padding-left: 19px;
    padding-right: 19px
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question ul {
    margin-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .7rem
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question li {
    -ms-flex: 1;
    flex: 1;
    width: fit-content
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question>div span {
    padding-top: 8px
}

@media (max-width:808px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question legend {
        line-height: 1.5
    }
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question legend img {
    vertical-align: baseline;
    padding-right: 4px
}

@media (max-width:640px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question legend img {
        width: 48px
    }
}

@media (max-width:808px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question legend {
        line-height: 1.5
    }
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question input[type=radio] {
    display: none
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question input[type=radio]:checked+label {
    opacity: 1;
    background-color: #2693ff;
    color: #fff
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question input[type=radio]:checked+label:after {
    position: absolute;
    top: 1px;
    left: 0;
    width: fit-content;
    height: 100%;
    background-color: #2693ff;
    border-radius: 50px;
    opacity: 1;
    z-index: -1;
    color: #fff
}

@media (max-width:640px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question input[type=radio]:checked+label:after {
        top: 3px;
        width: 100%
    }
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 9px 0;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1);
    border-radius: 20px;
    text-align: center;
    font-size: 16px;
    letter-spacing: .02em;
    box-sizing: border-box
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label sup {
    vertical-align: top;
    font-size: 12px;
    margin-top: -1px;
    display: inline-block
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label:after,
.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label:before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #2693ff;
    border-radius: 20px
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label:active,
.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label:hover {
    opacity: 1;
    background-color: #2693ff;
    color: #fff
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label:active:before,
.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label:hover:before {
    border: none
}

@media (max-width:640px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label {
        width: 100%
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label:before {
        width: calc(100% - 2px)
    }
}

@media (max-width:640px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label {
        font-size: 14px
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label small {
        font-size: 10px
    }
}

@media (max-width:320px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question label {
        font-size: 12px
    }
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question .attention {
    color: #aaa;
    font-size: 12px
}

.pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question .dropdown-button {
    display: none
}

@media (max-width:768px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question>div {
        position: relative
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question ul {
        width: 100%;
        height: 147px;
        padding: 18px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 8px;
        -ms-flex-flow: column;
        flex-flow: column;
        overflow-y: scroll;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        bottom: 0;
        left: 50%;
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        z-index: 10
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question ul.is-show {
        opacity: 1;
        pointer-events: auto
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question ul li {
        width: 100%
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question ul li label {
        width: 100%;
        font-size: 16px;
        letter-spacing: .08em;
        text-align: center
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question ul li label::after,
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question ul li label::before {
        border: none;
        border-radius: 0
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question input[type=radio]:checked+label {
        top: 0;
        border-radius: 4px
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question input[type=radio]:checked+label::after {
        top: 0;
        border-radius: 4px
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question .dropdown-button {
        width: 100%;
        height: 52px;
        border: 1px solid #2693ff;
        border-radius: 999px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question .dropdown-button p {
        font-size: 16px;
        letter-spacing: .08em
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question .dropdown-button p.placeholder {
        color: #aaa
    }

    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question .dropdown-button::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-top: 11px solid #333;
        border-bottom: 0;
        position: absolute;
        top: 50%;
        right: 34px;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media (max-width:768px) and (max-width:768px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question .dropdown-button::before {
        right: 24px
    }
}

@media (max-width:768px) {
    .pg-saiyo-simulator .sg-layout__wrapper>form .simulator-question .attention {
        display: none
    }
}

.pg-saiyo-simulator .sg-layout__wrapper>.bottom_man {
    position: absolute;
    bottom: 20px;
    left: 28px;
    width: 120px;
    z-index: 1
}

@media (max-width:768px) {
    .pg-saiyo-simulator .sg-layout__wrapper>.bottom_man {
        display: none
    }
}

.pg-saiyo-simulator-partner form {
    overflow: unset
}

.pg-saiyo-simulator-partner .simulator-submit {
    width: 100%;
    border: 1px solid #b6111c;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-top: 40px
}

.pg-saiyo-simulator-partner .simulator-submit-button {
    width: 100%;
    height: 100%;
    padding: 16px;
    transition-delay: .2s;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: center
}

.pg-saiyo-simulator-partner .simulator-submit::after {
    content: "";
    transition: .4s cubic-bezier(.645, .045, .355, 1);
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    background: #b6111c
}

.pg-saiyo-simulator-partner .simulator-submit:hover .simulator-submit-button {
    color: #b6111c;
    transition-delay: .1s
}

.pg-saiyo-simulator-partner .simulator-submit:hover::after {
    left: 101%
}

.pg-saiyo-simulator-partner .simulator-result {
    display: none
}

.result__container {
    max-width: 100%;
    width: 100%
}

.simulator-result {
    margin-top: 40px
}

.simulator-result .sg-headline__h2 {
    width: auto;
    margin: auto
}

.simulator-result .sg-headline__h2:first-of-type {
    padding: 0 !important
}

.simulator-result .sg-layout__wrapper>p {
    margin: 8px 0 0 !important
}

.simulator-result .pg-saiyo-simulator__annotations {
    margin-bottom: 0 !important
}

.pg-saiyo-simulator__result,
.simulator-result {
    padding-bottom: 35px;
    padding-top: 0;
    background-color: #d5ebff
}

.pg-saiyo-simulator__result .sg-layout__wrapper,
.simulator-result .sg-layout__wrapper {
    max-width: 1160px;
    max-height: 393px;
    margin: auto;
    background-color: #fff;
    border-radius: 24px;
    padding: 50px 77px
}

.pg-saiyo-simulator__result .sg-layout__wrapper>.sg-headline__h1,
.simulator-result .sg-layout__wrapper>.sg-headline__h1 {
    display: -ms-grid;
    display: grid;
    text-align: center;
    font-size: 56px;
    margin: 0;
    color: #0457a7;
    font-weight: 900;
    line-height: 1.4
}

.pg-saiyo-simulator__result .sg-layout__wrapper>.sg-headline__h1>small,
.simulator-result .sg-layout__wrapper>.sg-headline__h1>small {
    font-size: 28px;
    color: #333;
    opacity: 1;
    color: #0457a7;
    line-height: 1.5;
    font-weight: 900;
    letter-spacing: .01em
}

.pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status,
.simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr)
}

.pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item:not(:first-child),
.simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item:not(:first-child) {
    border-left: 1px solid #d4d2d2
}

.pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>h2,
.simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>h2 {
    text-align: center !important;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0 !important;
    margin-top: 18px;
    margin-bottom: 22px
}

.pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>p,
.simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>p {
    font-size: 24px;
    text-align: center !important;
    line-height: 40px;
    letter-spacing: 1.44px;
    font-weight: 700;
    margin: 18px 0
}

.pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>p>span,
.simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>p>span {
    margin: 0 4px;
    font-family: Lato, "Noto Sans JP", sans-serif;
    font-size: 64px;
    letter-spacing: 4.08px;
    line-height: 40px;
    font-size: 68px;
    vertical-align: -2px;
    font-weight: 900;
    color: #e73858
}

.pg-saiyo-simulator__result .pg-saiyo-simulator__annotations,
.simulator-result .pg-saiyo-simulator__annotations {
    display: -ms-flexbox;
    display: flex;
    margin: 12px auto 0;
    max-width: 1160px
}

@media (max-width:1160px) {

    .pg-saiyo-simulator__result .pg-saiyo-simulator__annotations,
    .simulator-result .pg-saiyo-simulator__annotations {
        margin: 12px 24px 0 24px
    }
}

.pg-saiyo-simulator__result .pg-saiyo-simulator__annotations span,
.simulator-result .pg-saiyo-simulator__annotations span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    color: #333
}

@media (max-width:991px) {

    .pg-saiyo-simulator__result,
    .simulator-result {
        padding-bottom: 21px
    }

    .pg-saiyo-simulator__result .sg-layout__wrapper,
    .simulator-result .sg-layout__wrapper {
        padding: 40px 0 20px 0;
        margin: 0 24px;
        max-height: 605px
    }

    .pg-saiyo-simulator__result .sg-layout__wrapper>.sg-headline__h1,
    .simulator-result .sg-layout__wrapper>.sg-headline__h1 {
        display: -ms-grid;
        display: grid;
        text-align: center;
        font-size: 32px;
        margin: 0;
        color: #0457a7;
        font-weight: 900;
        line-height: 1.4;
        margin-bottom: 28px
    }

    .pg-saiyo-simulator__result .sg-layout__wrapper>.sg-headline__h1>small,
    .simulator-result .sg-layout__wrapper>.sg-headline__h1>small {
        font-size: 20px
    }

    .pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status,
    .simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status {
        display: block;
        padding: 0 25px
    }

    .pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item:not(:first-child),
    .simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item:not(:first-child) {
        border-top: 1px solid #d4d2d2;
        border-left: none
    }

    .pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>h2,
    .simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>h2 {
        font-size: 20px;
        margin: 20px 0
    }

    .pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>p,
    .simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>p {
        font-size: 20px;
        margin: 20px 0
    }

    .pg-saiyo-simulator__result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>p>span,
    .simulator-result .sg-layout__wrapper>.pg-saiyo-simulator__result-status>.pg-saiyo-simulator__result-item>p>span {
        font-size: 52px
    }

    .pg-saiyo-simulator__result .pg-saiyo-simulator__annotations,
    .simulator-result .pg-saiyo-simulator__annotations {
        display: -ms-flexbox;
        display: flex;
        margin: 12px auto 0;
        max-width: 1160px
    }
}

@media (max-width:991px) and (max-width:1160px) {

    .pg-saiyo-simulator__result .pg-saiyo-simulator__annotations,
    .simulator-result .pg-saiyo-simulator__annotations {
        margin: 26px 24px 0 24px
    }
}

@media (max-width:991px) {

    .pg-saiyo-simulator__result .pg-saiyo-simulator__annotations span,
    .simulator-result .pg-saiyo-simulator__annotations span {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.6;
        color: #333
    }
}

.pg-simulator-reduction-steps {
    max-width: 1160px;
    margin: auto;
    padding: 80px 0
}

.pg-simulator-reduction-steps__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    color: #0457a7;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0
}

@media (max-width:1160px) {
    .pg-simulator-reduction-steps__title {
        font-size: 24px
    }
}

.pg-simulator-reduction-steps__caption {
    color: #0457a7;
    gap: 30px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 21px
}

.pg-simulator-reduction-steps__caption::after,
.pg-simulator-reduction-steps__caption::before {
    content: "";
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    border-top: 1px dashed #0457a7;
    opacity: .5;
    margin: 0 8px
}

.pg-simulator-reduction-steps__caption p {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0
}

.pg-simulator-reduction-steps__caption p::after {
    content: "...";
    position: relative;
    top: -5px
}

.pg-simulator-reduction-steps__block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.pg-simulator-reduction-steps__block hr {
    display: none
}

.pg-simulator-reduction-steps__item {
    max-height: 610px;
    padding: 31px 25px 36px 25px;
    border: 1px solid #0457a7;
    border-radius: 24px
}

.pg-simulator-reduction-steps__item .item1 p {
    color: #333
}

.pg-simulator-reduction-steps__item img {
    width: auto;
    height: auto;
    margin-bottom: 12px
}

.pg-simulator-reduction-steps__item img:nth-child(2n) {
    display: block;
    margin: 20px auto
}

.pg-simulator-reduction-steps__item span {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    display: -ms-grid;
    display: grid;
    color: #333
}

.pg-simulator-reduction-steps__item p {
    color: #0457a7;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    font-size: 18px;
    margin: 0;
    text-align: center;
    height: 58px;
    white-space: pre-line
}

.pg-simulator-reduction-steps__item hr {
    display: none
}

.pg-simulator-reduction-steps__item .item2 {
    margin: 20px auto
}

.pg-simulator-reduction-steps__item .item2 .pc {
    display: block;
    margin: auto;
    white-space: pre-line
}

.pg-simulator-reduction-steps__item .item2 .mobile {
    display: none
}

@media (max-width:991px) {
    .pg-simulator-reduction-steps {
        padding: 40px 23px 20px 23px
    }

    .pg-simulator-reduction-steps__title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0;
        color: #0457a7;
        text-align: center;
        margin-bottom: 20px
    }

    .pg-simulator-reduction-steps__caption {
        gap: 5px;
        margin-bottom: 20px
    }

    .pg-simulator-reduction-steps__block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pg-simulator-reduction-steps__block hr {
        display: block;
        margin: 0
    }

    .pg-simulator-reduction-steps__block hr:nth-of-type(3) {
        display: none
    }

    .pg-simulator-reduction-steps__item {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: 1fr 30px 1fr;
        column-gap: 12px;
        border: none;
        padding: 0
    }

    .pg-simulator-reduction-steps__item .item1,
    .pg-simulator-reduction-steps__item .item3 {
        display: block
    }

    .pg-simulator-reduction-steps__item .item1 img,
    .pg-simulator-reduction-steps__item .item3 img {
        width: auto;
        height: auto;
        max-width: 100%
    }

    .pg-simulator-reduction-steps__item .item2 {
        display: block;
        top: -15%;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pg-simulator-reduction-steps__item .item2 img {
        width: 20px;
        height: auto
    }
}

@media (max-width:991px) and (max-width:420px) {
    .pg-simulator-reduction-steps__item .item2 {
        top: 0
    }

    .pg-simulator-reduction-steps__item .item2 img {
        width: 15px;
        height: 15px
    }
}

@media (max-width:991px) {
    .pg-simulator-reduction-steps__item .item2 .pc {
        display: none
    }

    .pg-simulator-reduction-steps__item .item2 .mobile {
        display: block;
        white-space: pre-line
    }
}

@media (max-width:768px) {
    .pg-simulator-reduction-steps__title {
        font-size: 24px
    }

    .pg-simulator-reduction-steps__caption p {
        font-size: 12px
    }

    .pg-simulator-reduction-steps__caption p::after {
        content: "...";
        position: relative;
        top: -3px
    }

    .pg-simulator-reduction-steps__item {
        -ms-grid-columns: 1fr auto 1fr;
        grid-template-columns: 1fr auto 1fr;
        column-gap: 2px
    }

    .pg-simulator-reduction-steps__item .item2 {
        display: block;
        top: -10%;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pg-simulator-reduction-steps__item .item2 img {
        width: 20px;
        height: auto
    }
}

@media (max-width:768px) and (max-width:420px) {
    .pg-simulator-reduction-steps__item .item2 {
        top: 0
    }

    .pg-simulator-reduction-steps__item .item2 img {
        width: 15px;
        height: 15px
    }
}

@media (max-width:768px) {
    .pg-simulator-reduction-steps__item .item2 .pc {
        display: none
    }

    .pg-simulator-reduction-steps__item .item2 .mobile {
        display: block;
        white-space: pre-line
    }

    .pg-simulator-reduction-steps__item span {
        font-size: 12px
    }

    .pg-simulator-reduction-steps__item p {
        font-size: 12px;
        white-space: pre-line
    }

    .pg-simulator-reduction-steps__item hr {
        margin: 20px 0
    }
}

.pg-simulator-reduction-feedback {
    background-color: #0457a7;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pg-simulator-reduction-feedback__inner {
    padding: 80px 60px 80px 85px
}

.pg-simulator-reduction-feedback__title-pc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0 !important;
    text-align: center;
    margin: 0
}

.pg-simulator-reduction-feedback__title-pc span {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: -5px
}

.pg-simulator-reduction-feedback__title-pc span strong {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0 !important
}

.pg-simulator-reduction-feedback__title-sp {
    display: none
}

.pg-simulator-reduction-feedback__review {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 40px
}

.pg-simulator-reduction-feedback__review .img-pc {
    display: block;
    width: 144px;
    height: 144px;
    border-radius: 50%;
    position: absolute;
    top: 38px;
    left: -75px;
    z-index: 2
}

.pg-simulator-reduction-feedback__review .img-sp {
    display: none
}

.pg-simulator-reduction-feedback__review .author-sp {
    display: none
}

.pg-simulator-reduction-feedback__cta p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .1em;
    position: relative;
    padding-top: 40px;
    margin-bottom: 8px
}

.pg-simulator-reduction-feedback__cta p::after,
.pg-simulator-reduction-feedback__cta p::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 1px;
    border-top: 1px solid #fff;
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    margin: 0 12px
}

.pg-simulator-reduction-feedback__cta p::after {
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.pg-simulator-reduction-feedback__cta .pg-simulator-reduction-feedback__cta-button {
    position: relative;
    max-width: 320px;
    margin: auto;
    border-radius: 8px;
    background-color: #e73858;
    overflow: hidden;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #e73858
}

.pg-simulator-reduction-feedback__cta .pg-simulator-reduction-feedback__cta-button a {
    text-decoration: none;
    z-index: 2;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0;
    color: #fff;
    height: 56px;
    width: 100%
}

.pg-simulator-reduction-feedback__cta .pg-simulator-reduction-feedback__cta-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: left;
    transform-origin: left;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    z-index: 1
}

.pg-simulator-reduction-feedback__cta .pg-simulator-reduction-feedback__cta-button:hover::before {
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.pg-simulator-reduction-feedback__cta .pg-simulator-reduction-feedback__cta-button:hover {
    background-color: #fff
}

.pg-simulator-reduction-feedback__cta .pg-simulator-reduction-feedback__cta-button:hover a {
    color: #e73858
}

.pg-simulator-reduction-feedback__content {
    background-color: #fff;
    padding: 46px 42px 46px 113px;
    border-radius: 24px;
    max-width: 1002px;
    margin: auto
}

.pg-simulator-reduction-feedback__text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0 !important;
    margin-bottom: 0
}

.pg-simulator-reduction-feedback__text .highlight {
    background-color: #d5ebff
}

.pg-simulator-reduction-feedback .author-pc {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    color: #333;
    margin-top: 12px
}

@media (max-width:860px) {
    .pg-simulator-reduction-feedback .img-pc {
        display: none
    }

    .pg-simulator-reduction-feedback__inner {
        padding: 80px 60px 80px 60px
    }

    .pg-simulator-reduction-feedback__content {
        background-color: #fff;
        padding: 40px 18px;
        border-radius: 24px;
        max-width: 1002px;
        margin: auto
    }

    .pg-simulator-reduction-feedback__content .author-pc {
        display: none
    }

    .pg-simulator-reduction-feedback__review {
        display: block;
        margin-top: 20px
    }

    .pg-simulator-reduction-feedback__review .author-block {
        display: -ms-flexbox;
        display: flex;
        -ms-grid-column-align: center;
        justify-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 12px
    }

    .pg-simulator-reduction-feedback__review .author-block .img-sp {
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 12px
    }

    .pg-simulator-reduction-feedback__review .author-block .author-sp {
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0 !important
    }

    .pg-simulator-reduction-feedback__cta p {
        padding-top: 24px
    }
}

@media (max-width:768px) {
    .pg-simulator-reduction-feedback__inner {
        padding: 40px 24px
    }

    .pg-simulator-reduction-feedback__title-pc {
        display: none
    }

    .pg-simulator-reduction-feedback__title-sp {
        display: -ms-grid;
        display: grid;
        padding: 0
    }

    .pg-simulator-reduction-feedback__title-sp p {
        font-size: 32px;
        color: #fff;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0 !important;
        text-align: center;
        margin-bottom: 0
    }

    .pg-simulator-reduction-feedback__title-sp p span {
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 15px;
        text-align: center;
        line-height: 1.4
    }

    .pg-simulator-reduction-feedback__text {
        font-size: 16px;
        margin-bottom: 12px
    }

    .pg-simulator-reduction-feedback__text .highlight {
        background-color: #d5ebff
    }

    .pg-simulator-reduction-feedback .author-pc {
        display: none
    }

    .pg-simulator-reduction-feedback__author {
        font-size: 12px
    }
}

.lp-sections-features {
    background-color: #fff;
    padding: 80px 0
}

.lp-sections-features__layout {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0
}

.lp-sections-features__h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    color: #0457a7;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0
}

.lp-sections-features .lp-features__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none
}

.lp-sections-features .lp-features__item {
    -ms-flex: 1 1 calc(33.333% - 16px);
    flex: 1 1 calc(33.333% - 16px);
    background-color: #e2f1ff;
    border-radius: 24px;
    padding: 24px 22px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05)
}

.lp-sections-features .lp-features__item h3 {
    min-height: 33px;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 16px 0;
    color: #333;
    letter-spacing: .02em;
    line-height: 1.5
}

@media (max-width:1068px) {
    .lp-sections-features .lp-features__item h3 {
        min-height: 66px
    }
}

.lp-sections-features .lp-features__item img {
    margin-bottom: 16px
}

.lp-sections-features .lp-features__item p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    letter-spacing: .02em;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0
}

@media (max-width:768px) {
    .lp-sections-features {
        padding: 40px 0 24px 0;
        background-color: #fff
    }

    .lp-sections-features__h2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 0;
        text-align: center;
        margin-bottom: 32px
    }

    .lp-sections-features .lp-features__list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        margin: 0 19px
    }

    .lp-sections-features .lp-features__item {
        padding: 20px 12px;
        border-radius: 16px;
        background-color: #e2f1ff
    }

    .lp-sections-features .lp-features__item h3 {
        font-size: 16px;
        margin-bottom: 12px;
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: 0;
        color: #333;
        min-height: 0
    }
}

@media (max-width:768px) and (max-width:521px) {
    .lp-sections-features .lp-features__item h3 {
        height: 48px
    }
}

@media (max-width:768px) {
    .lp-sections-features .lp-features__item .lp-features__row {
        display: block
    }

    .lp-sections-features .lp-features__item .lp-features__row img {
        width: 158px;
        height: auto;
        margin-bottom: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 8px
    }

    .lp-sections-features .lp-features__item .lp-features__row p {
        font-size: 12px;
        line-height: 1.6;
        font-weight: 500;
        color: #333;
        margin-top: 8px
    }

    .lp-sections-features .lp-features__item:nth-child(3) {
        grid-column: 1/-1;
        justify-self: center;
        width: 50%
    }
}

.lp-sections-company {
    background-color: #f9f9f9
}

.lp-sections-company img {
    width: 100%;
    height: auto
}

.lp-sections-company__layout ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

@media only screen and (min-width:320px) and (max-width:568px) {
    .lp-sections-company__layout ul {
        display: -webkit-flex;
        -webkit-justify-content: center;
        -webkit-flex-wrap: wrap
    }
}

.lp-sections-company__layout ul>li {
    width: 70px;
    margin: 6px 12px
}

.lp-sections-company__layout small {
    display: block;
    text-align: right;
    color: #999
}

@media (max-width:990px) {
    .lp-sections-company__layout small {
        text-align: center
    }
}

.lp-sections-company__layout {
    max-width: 1160px;
    font-size: 24px;
    padding: 56px 0;
    margin: 0 auto
}

@media (max-width:768px) {
    .lp-sections-company__layout {
        max-width: 100%;
        padding: 40px 5%
    }
}

.lp-sections-company__layout .lp-title__h3 {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 42px;
    color: #0457a7
}

@media (max-width:860px) {
    .lp-sections-company__layout .lp-title__h3 {
        font-size: 22px;
        margin-bottom: 24px;
        margin-top: 0;
        line-height: 33px
    }
}

.lp-sections-company__layout ul {
    width: 90%;
    margin: 20px auto 0
}

@media (max-width:768px) {
    .lp-sections-company__layout ul {
        margin: 0 auto;
        padding: 20px 80px
    }
}

@media (max-width:640px) {
    .lp-sections-company__layout ul {
        width: 100%;
        padding: 20px 0
    }
}

.lp-sections-company__layout ul li {
    width: 100px
}

@media (max-width:640px) {
    .lp-sections-company__layout ul li {
        width: 80px
    }
}

@media (max-width:320px) {
    .lp-sections-company__layout ul li {
        margin: 6px 8px
    }
}

.lp-sections-company__layout small {
    width: auto;
    margin-left: 80%;
    font-size: 10px
}

.lp-sections-company__layout-logo {
    background-color: #fff
}

.lp-sections-company__layout-logo .partner-subtitle {
    color: #0457a7;
    font-size: 24px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: 0 !important;
    text-align: center;
    padding-top: 28px
}

.lp-sections-company__layout-logo .partner-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 65px 20px
}

.lp-sections-company__layout-logo .partner-heading:first-of-type {
    margin: 30px 65px 20px
}

@media (max-width:640px) {
    .lp-sections-company__layout-logo .partner-heading {
        margin: 0 65px
    }
}

.lp-sections-company__layout-logo .partner-heading span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #0457a7;
    font-family: Lato, "Noto Sans JP", sans-serif;
    text-align: center;
    margin: 0 16px
}

@media (max-width:640px) {
    .lp-sections-company__layout-logo .partner-heading span {
        font-size: 14px
    }
}

.lp-sections-company__layout-logo .partner-heading::after,
.lp-sections-company__layout-logo .partner-heading::before {
    content: "";
    border-top: 1px dotted #e6e6e6;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.lp-sections-company__layout-logo ul {
    max-width: 1000px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:1160px) {
    .lp-sections-company__layout-logo ul.no-wrap {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit
    }
}

.lp-sections-company__layout-logo ul li {
    width: 115px;
    margin: 0 5px
}

@media (max-width:768px) {
    .lp-sections-company__layout-logo ul li {
        width: 90px;
        margin: 5px
    }
}

.lp-sections-company__layout-logo small {
    max-width: 1000px;
    width: 100%;
    display: block;
    text-align: right;
    color: grey;
    margin: 0 auto;
    padding-bottom: 43px
}

.pg-what-can-do .pg-group__title {
    color: #0457a7;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0 !important;
    font-size: 40px;
    text-align: center;
    margin-top: 84px;
    margin-bottom: 40px
}

@media (max-width:860px) {
    .pg-what-can-do .pg-group__title {
        margin-top: 40px;
        font-size: 24px
    }
}

.pg-what-can-do__list .item {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 560px 1fr;
    grid-template-columns: 560px 1fr;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    margin: 0 auto 65px;
    max-width: 1150px
}

.pg-what-can-do__list .item:last-child {
    margin-bottom: 0
}

.pg-what-can-do__list .item__child {
    position: relative
}

.pg-what-can-do__list .item__child .content {
    padding: 84px 0
}

.pg-what-can-do__list .item__child .content:before {
    position: absolute;
    content: "";
    top: 0;
    left: calc((100vw - 1096px)/ 2 * -1);
    width: calc(50vw + 400px);
    height: 100%;
    background-color: #e2eff7;
    border-top-right-radius: 120px;
    border-bottom-right-radius: 120px;
    z-index: -1
}

.pg-what-can-do__list .item__child .content__title {
    font-weight: 700;
    line-height: 1.5;
    color: #333;
    font-size: 24px;
    margin: 0;
    text-align: left;
    font-feature-settings: "palt" off;
    letter-spacing: 0 !important;
    background-color: #0457a7;
    width: 126px;
    color: #fff;
    border-radius: 1000px;
    font-size: 24px;
    height: 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:860px) {
    .pg-what-can-do__list .item__child .content__title {
        width: 84px;
        font-size: 16px
    }
}

.pg-what-can-do__list .item__child .content__subtitle {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
    letter-spacing: 0 !important;
    margin-top: 32px;
    margin-bottom: 0
}

@media (max-width:860px) {
    .pg-what-can-do__list .item__child .content__subtitle {
        margin-top: 12px;
        font-size: 24px
    }
}

.pg-what-can-do__list .item__child .content__desc {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #333;
    text-align: left;
    margin: 0;
    padding: 24px 0 0 0
}

.pg-what-can-do__list .item__child .content__desc-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 12px
}

@media (max-width:860px) {
    .pg-what-can-do__list .item__child .content__desc-line {
        margin: 0 0 12px
    }
}

.pg-what-can-do__list .item__child .content__desc-line .icon-check {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 5px
}

.pg-what-can-do__list .item__child .content__desc-line span {
    font-size: 16px;
    display: inline-block;
    -ms-flex: 1;
    flex: 1;
    line-height: 26px
}

.pg-what-can-do__list .item__child .content__desc-line span strong {
    color: #0457a7;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0 !important
}

@media (max-width:860px) {
    .pg-what-can-do__list .item__child .content__desc-line span {
        line-height: 1.6;
        font-size: 14px
    }
}

.pg-what-can-do__list .item__child .img {
    height: auto;
    width: auto
}

.pg-what-can-do__list .item__child .img img {
    height: auto;
    width: auto
}

.pg-what-can-do__list .item:nth-child(2n) {
    -ms-grid-columns: 1fr 575px;
    grid-template-columns: 1fr 575px
}

.pg-what-can-do__list .item:nth-child(2n) .item__child:nth-child(1) {
    -ms-flex-order: 2;
    order: 2
}

.pg-what-can-do__list .item:nth-child(2n) .item__child:nth-child(2) {
    -ms-flex-order: 1;
    order: 1
}

.pg-what-can-do__list .item:nth-child(2n) .item__child .content:before {
    left: unset;
    right: calc((100vw - 1150px)/ 2 * -1);
    border-radius: unset;
    border-top-left-radius: 120px;
    border-bottom-left-radius: 120px
}

.pg-what-can-do__list .item:nth-child(2n) .item__child .content__title {
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    font-size: 28px;
    text-align: left
}

@media (max-width:860px) {
    .pg-what-can-do__list .item:nth-child(2n) .item__child .content__title {
        width: 84px;
        font-size: 16px
    }
}

.pg-what-can-do__list .item:nth-child(2n) .item__child .content__subtitle {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
    letter-spacing: 0 !important;
    margin-top: 32px;
    margin-bottom: 0
}

@media (max-width:860px) {
    .pg-what-can-do__list .item:nth-child(2n) .item__child .content__subtitle {
        margin-top: 12px;
        font-size: 24px
    }
}

.pg-what-can-do__list .item:nth-child(2n) .item__child .content__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    text-align: left;
    margin: 0;
    padding-right: 0
}

.pg-what-can-do__list .item:nth-child(2n) .item__child .img {
    height: 301.5px;
    width: auto
}

.pg-what-can-do__list .item:nth-child(2n) .item__child .img img {
    height: 100%
}

@media (max-width:1160px) {
    .pg-what-can-do__list .item__child .content {
        padding: 120px 20px
    }
}

@media (max-width:1160px) and (max-width:420px) {
    .pg-what-can-do__list .item__child .content {
        padding: 120px 0
    }
}

@media (max-width:1160px) {
    .pg-what-can-do__list .item__child .content::before {
        left: -5vw;
        width: 80vw
    }

    .pg-what-can-do__list .item__child .img {
        height: 201.5px;
        width: auto
    }

    .pg-what-can-do__list .item__child .img img {
        height: auto;
        object-fit: cover
    }

    .pg-what-can-do__list .item:nth-child(2n) .item__child .content:before {
        right: 0;
        width: 80vw
    }

    .pg-what-can-do__list .item:nth-child(2n) .item__child .img {
        height: auto;
        width: auto
    }

    .pg-what-can-do__list .item:nth-child(2n) .item__child .img img {
        height: 100%
    }
}

@media (max-width:860px) {
    .pg-what-can-do__list .item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 0
    }

    .pg-what-can-do__list .item__child {
        width: 100%
    }

    .pg-what-can-do__list .item__child .content {
        padding: 51px 25px 25px 24px
    }

    .pg-what-can-do__list .item__child .content__inner {
        margin: 55px 24px 30px 0
    }

    .pg-what-can-do__list .item__child .content:before {
        left: -24px;
        width: calc(100vw - 5px);
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px
    }

    .pg-what-can-do__list .item__child .content__title {
        letter-spacing: 0 !important
    }

    .pg-what-can-do__list .item__child .content__desc {
        padding: 24px 15px 0 0
    }

    .pg-what-can-do__list .item__child .content__desc p span {
        font-size: 12px
    }

    .pg-what-can-do__list .item__child .content__desc p span strong {
        font-size: 16px
    }

    .pg-what-can-do__list .item__child .img {
        text-align: right;
        margin-bottom: -72px
    }

    .pg-what-can-do__list .item:nth-child(2n) {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 30px
    }

    .pg-what-can-do__list .item:nth-child(2n) .item__child .content {
        padding: 51px 4px 35px 30px
    }

    .pg-what-can-do__list .item:nth-child(2n) .item__child .content:before {
        right: 0;
        width: calc(100vw - 24px);
        border-top-left-radius: 80px;
        border-bottom-left-radius: 80px
    }

    .pg-what-can-do__list .item:nth-child(2n) .item__child .img {
        text-align: left;
        height: 201.5px
    }
}

@media (max-width:860px) {
    .pg-what-can-do__list .item__child .img img {
        height: 100%
    }
}

@media (max-width:640px) {
    .pg-what-can-do__list .item__child .content__desc {
        font-size: 14px
    }

    .pg-what-can-do__list .item__child .img img {
        width: 100%;
        height: auto;
        max-width: 366px
    }
}

.lp-sections-testimonials {
    background-color: #fff
}

.lp-sections-testimonials .lp-testimonials {
    padding: 84px 24px;
    max-width: 1112px;
    margin: auto
}

.lp-sections-testimonials .lp-testimonials__label {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0 !important;
    color: #0457a7;
    margin-bottom: 35px;
    margin-top: 0
}

.lp-sections-testimonials .lp-testimonials__content {
    border: 1px solid #0457a7;
    border-radius: 24px;
    padding: 111px 87px 50px 87px;
    background-color: #fff;
    position: relative
}

.lp-sections-testimonials .lp-testimonials__title {
    color: #fff;
    background-color: #0457a7;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0 !important;
    width: 416px;
    height: 69px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    margin-bottom: 71px;
    position: absolute;
    top: -30px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card {
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column-align: center;
    justify-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card img {
    width: 100px;
    height: 100px;
    margin-right: 25px
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body {
    background-color: #f4f5f7;
    padding: 27px 76px 24px 40px;
    border-radius: 12px;
    position: relative;
    width: 774px
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: #f4f5f7;
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body p {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0 !important;
    color: #333;
    margin-bottom: 0
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body .pc {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0 !important;
    color: #333
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body .sp {
    display: none
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card:nth-of-type(2) .lp-testimonial-card__image {
    margin-left: 25px;
    margin-right: 0
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card:nth-of-type(2) .lp-testimonial-card__body {
    padding: 27px 60px 24px 40px;
    width: 774px
}

.lp-sections-testimonials .lp-testimonials .lp-testimonial-card:nth-of-type(2) .lp-testimonial-card__body::before {
    left: auto;
    right: -15px;
    clip-path: polygon(100% 50%, 0 0, 0 100%)
}

@media (max-width:1001px) {
    .lp-sections-testimonials .lp-testimonials {
        padding: 40px 0;
        max-width: 1070px;
        margin: auto 24px
    }

    .lp-sections-testimonials .lp-testimonials__label {
        font-size: 20px
    }

    .lp-sections-testimonials .lp-testimonials__content {
        padding: 48px 23px 20px 23px
    }

    .lp-sections-testimonials .lp-testimonials__title {
        font-size: 20px;
        white-space: nowrap;
        width: 284px;
        height: 54px
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card {
        display: -ms-flexbox;
        display: flex;
        -ms-grid-column-align: center;
        justify-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 12px
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card img {
        max-width: 48px;
        height: 48px;
        margin-right: 15px
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body {
        padding: 15px 13px 15px 19px
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -10px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        background-color: #f4f5f7;
        clip-path: polygon(0 50%, 100% 0, 100% 100%)
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body p {
        font-size: 12px
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body .pc {
        display: none
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card__body .sp {
        display: block;
        font-size: 12px
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card:nth-of-type(2) .lp-testimonial-card__image {
        margin-left: 10px;
        margin-right: 0
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card:nth-of-type(2) .lp-testimonial-card__body {
        padding: 24px 13px 24px 19px
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card:nth-of-type(2) .lp-testimonial-card__body::before {
        left: auto;
        right: -15px;
        clip-path: polygon(100% 50%, 0 0, 0 100%)
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card:nth-of-type(2) .lp-testimonial-card__body p {
        font-size: 12px
    }

    .lp-sections-testimonials .lp-testimonials .lp-testimonial-card:nth-of-type(2) .lp-testimonial-card__body span {
        font-size: 12px
    }
}

.lp-sections-btn {
    max-width: 100%;
    height: 190px;
    background-color: #0457a7
}

.lp-sections-btn .lp-btn {
    text-align: center;
    padding-top: 45px
}

.lp-sections-btn .lp-btn__text {
    color: #fff;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0 !important;
    font-weight: 700;
    margin-bottom: 22px;
    position: relative
}

.lp-sections-btn .lp-btn__text::after,
.lp-sections-btn .lp-btn__text::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 1px;
    border-top: 1px solid #fff;
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    margin: 6px 16px
}

.lp-sections-btn .lp-btn__text::after {
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.lp-sections-btn .lp-btn__wrapper {
    background-color: #e73858;
    max-width: 320px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    border: 2px solid #e73858
}

.lp-sections-btn .lp-btn__wrapper a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0 !important;
    z-index: 2;
    position: relative;
    height: 56px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lp-sections-btn .lp-btn__wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: left;
    transform-origin: left;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    z-index: 1
}

.lp-sections-btn .lp-btn__wrapper:hover::before {
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.lp-sections-btn .lp-btn__wrapper:hover {
    background-color: #fff
}

.lp-sections-btn .lp-btn__wrapper:hover a {
    color: #e73858
}

@media (max-width:768px) {
    .lp-sections-btn {
        display: none
    }
}

.pc {
    display: block
}

.mobile {
    display: none
}

@media (max-width:768px) {
    .pc {
        display: none
    }

    .mobile {
        display: block
    }

    .mobile__desc-line span {
        font-size: 14px
    }
}

@media (max-width:990px) {
    .pg-saiyo-simulator-more-customers .sg-layout__wrapper {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width:990px) {
    .pg-saiyo-simulator-more-customers .sg-headline__h2 {
        text-align: left
    }
}

.pg-saiyo-simulator-more-customers ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

@media (max-width:990px) {
    .pg-saiyo-simulator-more-customers ul {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.pg-saiyo-simulator-more-customers ul>li {
    position: relative
}

@media (min-width:991px) {
    .pg-saiyo-simulator-more-customers ul>li {
        width: 290px;
        padding-left: 20px
    }
}

@media (min-width:991px) {
    .pg-saiyo-simulator-more-customers ul>li+li {
        margin-left: 20px;
        border-left: 1px solid #e6e6e6
    }
}

@media (max-width:990px) {
    .pg-saiyo-simulator-more-customers ul>li+li {
        margin-top: 80px
    }
}

.pg-saiyo-simulator-more-customers ul>li>figure {
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

.pg-saiyo-simulator-more-customers ul>li>figure img {
    width: 100%
}

.pg-saiyo-simulator-more-customers ul>li h3 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    text-align: justify;
    color: #0457a7;
    font-weight: 700
}

@media (min-width:991px) {
    .pg-saiyo-simulator-more-customers ul>li h3 {
        height: 220px
    }
}

.pg-saiyo-simulator-more-customers ul>li h3>figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:991px) {
    .pg-saiyo-simulator-more-customers ul>li h3>figure {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.pg-saiyo-simulator-more-customers ul>li h3>figure>img {
    width: 80px;
    height: 45.7142857143px
}

.pg-saiyo-simulator-more-customers ul>li.avex h3>figure>img {
    margin-left: -7px
}

.pg-saiyo-simulator-more-customers ul>li.oisixradaichi h3>figure>img {
    margin-left: -2px
}

.pg-saiyo-simulator-more-customers ul>li.bellface h3>figure>img {
    margin-top: 1px;
    margin-left: -12px
}

.pg-saiyo-simulator-more-customers ul>li h3>figure>figcaption {
    margin-left: 1em;
    font-size: 13px;
    font-weight: 400
}

.pg-saiyo-simulator-more-customers ul>li p {
    overflow: hidden;
    margin-top: 6px;
    font-size: 14px
}

@media (min-width:991px) {
    .pg-saiyo-simulator-more-customers ul>li p {
        height: 180px
    }
}

@media (max-width:640px) {
    .pg-saiyo-simulator-more-customers ul>li p {
        height: 50vw
    }
}

.pg-saiyo-simulator-more-customers ul>li p+p {
    overflow: visible;
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
    padding-top: 170px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 80%)
}

@media (min-width:991px) {
    .pg-saiyo-simulator-more-customers ul>li p+p {
        left: 20px
    }
}

@media (max-width:990px) {
    .pg-saiyo-simulator-more-customers ul>li p+p {
        left: 0;
        padding-top: 15vw
    }
}

@media (max-width:640px) {
    .pg-saiyo-simulator-more-customers ul>li p+p {
        padding-top: 50vw
    }
}

.pg-saiyo-simulator-more-customers ul>li .button__cta--secondary {
    display: block;
    padding: 10px 0;
    border: 1px solid #0080ca;
    box-shadow: none;
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

.pg-saiyo-simulator-more-customers ul>li .button__cta--secondary:after {
    right: 10px !important
}

.pg-kintai-simulator {
    margin-top: -24px
}

.pg-kintai-simulator__result {
    padding: 74px 0 48px;
    background: #d5ebff
}

@media (max-width:540px) {
    .pg-kintai-simulator__result {
        padding-top: 56px
    }
}

.pg-kintai-simulator__result .sg-layout__wrapper {
    max-width: 1160px;
    margin: 0 auto;
    border-radius: 10px;
    padding: 48px 0;
    background: #fff
}

@media (max-width:1160px) {
    .pg-kintai-simulator__result .sg-layout__wrapper {
        width: 95%;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width:540px) {
    .pg-kintai-simulator__result .sg-layout__wrapper {
        padding: 24px
    }
}

.pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1 {
    text-align: center;
    font-size: 48px;
    color: #0457a7;
    font-weight: 700;
    position: relative;
    max-width: 615px;
    width: 100%;
    margin: 0 auto
}

@media (max-width:540px) {
    .pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1 {
        font-size: 40px
    }
}

.pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1>small {
    font-size: 20px;
    color: #333;
    opacity: 1;
    font-weight: 700
}

@media (max-width:640px) {
    .pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1>small {
        font-size: 18px
    }
}

.pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1::after,
.pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1::before {
    content: "";
    position: absolute;
    display: block;
    top: 32px
}

@media (max-width:540px) {

    .pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1::after,
    .pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1::before {
        display: none
    }
}

.pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1::before {
    width: 93px;
    height: 97px;
    left: 0;
    background: url(/b2b-assets/images/page-kintai/simulator/img_kintai_simulator-result-l-611cb51800.png) no-repeat top/contain
}

.pg-kintai-simulator__result .sg-layout__wrapper>.sg-headline__h1::after {
    width: 99px;
    height: 96px;
    right: 0;
    background: url(/b2b-assets/images/page-kintai/simulator/img_kintai_simulator-result-r-c38a50f90a.png) no-repeat top/contain
}

.pg-kintai-simulator__result .sg-layout__wrapper .pg-kintai-simulator__annotations {
    margin: 40px auto
}

@media (min-width:991px) {
    .pg-kintai-simulator__result .sg-layout__wrapper .pg-kintai-simulator__annotations {
        width: 720px
    }
}

.pg-kintai-simulator__result .sg-layout__wrapper .pg-kintai-simulator__annotations>li {
    margin-left: 1em;
    text-indent: -1em
}

.pg-kintai-simulator__result-inner {
    display: -ms-flexbox;
    display: flex;
    max-width: 540px;
    margin: 0 auto 48px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:540px) {
    .pg-kintai-simulator__result-inner {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.pg-kintai-simulator__result-inner>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    max-width: 270px;
    width: 100%
}

@media (max-width:540px) {
    .pg-kintai-simulator__result-inner>div:first-child {
        margin-bottom: 32px
    }
}

.pg-kintai-simulator__result-inner>div>h2 {
    text-align: center !important;
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto
}

.pg-kintai-simulator__result-inner>div>p {
    font-size: 18px;
    font-weight: 700;
    text-align: center !important;
    line-height: 1;
    margin: 8px 0 0
}

.pg-kintai-simulator__result-inner>div>p>span {
    margin: 0 4px;
    font-family: Lato, "Noto Sans JP", sans-serif;
    font-size: 56px;
    letter-spacing: 2px;
    vertical-align: -2px;
    font-weight: 700;
    color: #e73858
}

.pg-kintai-simulator__result-btn {
    text-align: center;
    padding-top: 16px
}

.pg-kintai-simulator__result-btn>span {
    font-weight: 700;
    font-size: 16px;
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
    margin: 0 auto
}

.pg-kintai-simulator__result-btn>span::after,
.pg-kintai-simulator__result-btn>span::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 1px;
    background: #333;
    top: 9px
}

.pg-kintai-simulator__result-btn>span::before {
    -ms-transform: rotate(-110deg);
    transform: rotate(-110deg);
    left: 0
}

.pg-kintai-simulator__result-btn>span::after {
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);
    right: 0
}

.pg-kintai-simulator__result-btn>div {
    margin-top: 16px
}

.pg-kintai-simulator .pg-section-movie {
    background: #f2f5f7
}

.pg-kintai-simulator .pg-section-movie__layout {
    width: 100%;
    max-width: 1192px;
    padding: 64px 16px;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-kintai-simulator .pg-section-movie__layout {
        width: 90%;
        padding: 48px 0 16px
    }
}

.pg-kintai-simulator .pg-section-movie__layout>h2 {
    color: #0457a7;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
    margin: 0 0 60px
}

@media (max-width:860px) {
    .pg-kintai-simulator .pg-section-movie__layout>h2 {
        font-size: 28px;
        margin: 0 0 40px
    }
}

@media (max-width:320px) {
    .pg-kintai-simulator .pg-section-movie__layout>h2 {
        font-size: 24px
    }
}

.pg-kintai-simulator .pg-section-movie__layout>h2>small {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    opacity: unset;
    margin-bottom: 8px;
    display: inline-block
}

@media (max-width:860px) {
    .pg-kintai-simulator .pg-section-movie__layout>h2>small {
        font-size: 20px
    }
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-kintai-simulator .pg-section-movie__layout .flex-item {
        display: block
    }
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item__box {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    padding: 50px;
    box-sizing: border-box;
    background: #fff
}

@media (max-width:1160px) {
    .pg-kintai-simulator .pg-section-movie__layout .flex-item__box {
        max-width: 100%
    }
}

@media (max-width:860px) {
    .pg-kintai-simulator .pg-section-movie__layout .flex-item__box {
        margin-bottom: 40px
    }
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item__box:first-child {
    margin-right: 3.4482758621%
}

@media (max-width:860px) {
    .pg-kintai-simulator .pg-section-movie__layout .flex-item__box:first-child {
        margin-right: 0
    }
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item__box h3 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #0457a7;
    line-height: 1.5;
    margin-top: 0
}

@media (max-width:320px) {
    .pg-kintai-simulator .pg-section-movie__layout .flex-item__box h3 {
        font-size: 20px
    }
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item__box h3 span {
    display: block;
    font-size: 16px
}

@media (max-width:435px) {
    .pg-kintai-simulator .pg-section-movie__layout .flex-item__box h3 span {
        font-size: 12px
    }
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item__box h3::after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 2px;
    background: #e5e5e5;
    margin-top: 20px
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item__box p {
    font-size: 16px;
    margin-bottom: 24px;
    text-align: center;
    line-height: 1.5
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item__box .inner {
    position: relative;
    padding-bottom: 57.7777777778%;
    width: 100%
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item__box .inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.pg-kintai-simulator .pg-section-movie__layout .flex-item__box figure {
    max-width: 390px;
    width: 100%;
    margin: 0 auto 25px;
    text-align: center
}

@keyframes fade-out {
    0% {
        display: block;
        opacity: 1
    }

    99% {
        display: block;
        opacity: 0
    }

    100% {
        display: none;
        opacity: 0
    }
}

.input-assist {
    z-index: 1;
    opacity: 1;
    display: none;
    background-color: rgba(0, 49, 99, .9);
    color: #fff;
    animation-name: fade-in;
    animation-duration: 450ms;
    border-radius: 4px
}

@media (min-width:991px) {
    .input-assist {
        position: fixed;
        top: 180px;
        right: 32px;
        width: 340px;
        padding: 24px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
    }
}

@media (max-width:990px) {
    .input-assist {
        display: none !important
    }
}

.input-assist.off {
    opacity: 0;
    display: none;
    animation-name: fade-out
}

.input-assist>div {
    position: relative
}

.input-assist textarea {
    height: 290px;
    margin-top: 24px;
    font-size: 16px
}

.input-assist span {
    display: none;
    padding: 10px;
    font-size: 16px;
    background-color: #e73858;
    font-weight: 700
}

@media (min-width:991px) {
    .pg-saiyo-simulator .input-assist {
        top: 846px;
        right: 0
    }
}

.input-assist-title {
    padding-top: 0 !important;
    line-height: 1.25 !important;
    font-size: 22px !important;
    text-align: left
}

.input-assist-start {
    margin-top: 20px !important;
    background-color: #fff !important;
    color: #0457a7 !important;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1) !important
}

.input-assist-start:active,
.input-assist-start:hover {
    opacity: .6
}

.input-assist-opener-wrapper.off {
    visibility: hidden
}

.input-assist-opener {
    display: block;
    cursor: pointer;
    float: right;
    width: 100%;
    height: 100%;
    margin-bottom: 14px;
    box-shadow: none !important;
    color: #0457a7;
    font-size: bold
}

@media (max-width:990px) {
    .input-assist-opener {
        display: none !important
    }
}

.input-assist-opener+*+* {
    clear: right
}

.input-assist-close {
    cursor: pointer;
    position: absolute;
    top: -2px;
    right: -5px;
    display: block;
    font-size: 40px;
    line-height: 20px;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1);
    color: #fff
}

.input-assist-close:active,
.input-assist-close:hover {
    opacity: .6
}

.sg-logo__hrmos {
    width: 110px;
    height: 32px
}

@media (max-width:640px) {
    .sg-logo__hrmos {
        width: 82px;
        height: 24px
    }
}

.sg-logo__hrmos--ats {
    width: 145px;
    height: 32px
}

@media (max-width:640px) {
    .sg-logo__hrmos--ats {
        width: 109px;
        height: 24px
    }
}

.sg-logo__hrmos--ats {
    margin-top: 0
}

.sg-logo__hrmos--cor {
    width: 169px;
    height: 33px
}

@media (max-width:640px) {
    .sg-logo__hrmos--cor {
        width: 126.5px;
        height: 24px
    }
}

.sg-logo__hrmos--per {
    width: 146px;
    height: 33px
}

@media (max-width:640px) {
    .sg-logo__hrmos--per {
        width: 109px;
        height: 24px
    }
}

.head-logo-hrso {
    width: 240px;
    height: auto
}

@media (max-width:640px) {
    .head-logo-hrso {
        width: 160px
    }
}

header {
    z-index: 100;
    position: fixed;
    display: block !important;
    top: 0;
    right: 0;
    left: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    transition: top 1.25s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (min-width:320px) and (max-width:568px) {
    header {
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        -webkit-align-items: center
    }
}

header.fixed+main {
    margin-top: 112px
}

header.fixed+main.sg-ex-top--hr,
header.fixed+main.sg-ex-top--hr-top {
    margin-top: 78px
}

@media screen and (max-width:768px) {

    header.fixed+main.sg-ex-top--hr,
    header.fixed+main.sg-ex-top--hr-top {
        margin-top: 56px
    }
}

header.fixed .header-lp-hr {
    position: relative;
    background-image: linear-gradient(90deg, #007df1, #5500e0);
    z-index: 1;
    margin: 0
}

header.fixed .header-lp-hr>img {
    position: absolute;
    top: 8px;
    left: 40px;
    z-index: 2
}

@media (max-width:1300px) {
    header.fixed .header-lp-hr>img {
        left: 16px
    }
}

header.fixed .header-lp-hr>a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px
}

header.fixed .header-lp-hr>a>span {
    display: block;
    max-width: 1158px;
    width: 100%;
    margin: 0 auto
}

@media (max-width:1260px) {
    header.fixed .header-lp-hr>a>span {
        padding-left: 45px
    }
}

@media (max-width:768px) {
    header.fixed .header-lp-hr>a>span {
        font-size: 9px;
        line-height: 1.5
    }
}

header.fixed .l-drawer__icon.drawer-icon-headsup {
    top: 60px
}

@media (max-width:640px) {
    header.fixed .l-drawer__icon.drawer-icon-headsup {
        top: 48px
    }
}

header.fixed .l-drawer__icon.drawer-icon-hrTop {
    top: 10px
}

header.fixed .active-hr {
    padding-top: 18px
}

header.fixed .headsup-sp-menu {
    padding-top: 35px
}

header.fixed .popup-sp-menu {
    padding-top: 46px
}

header.fixed .header-lp-headsup {
    position: relative;
    background: #eaeaea;
    z-index: 1;
    height: 40px;
    margin: 0
}

header.fixed .header-lp-headsup>img {
    position: absolute;
    top: 8px;
    left: 40px;
    z-index: 2
}

@media (max-width:1300px) {
    header.fixed .header-lp-headsup>img {
        left: 16px
    }
}

header.fixed .header-lp-headsup>a {
    color: #0457a7;
    text-decoration: none;
    display: block;
    padding: 12px;
    line-height: 1;
    font-size: 14px;
    font-weight: 700
}

header.fixed .header-lp-headsup>a>span {
    display: block;
    max-width: 1274px;
    width: 100%;
    margin: 0 auto
}

@media (max-width:768px) {
    header.fixed .header-lp-headsup>a>span {
        font-size: 10px;
        line-height: 1.5
    }
}

header.fixed .headsup-p-top {
    padding-top: 40px
}

header.fixed .headsup-p-top-cam {
    padding-top: 44px
}

header .sg-header__global-nav__series {
    display: block;
    background: #e8e8e8
}

header .sg-header__global-nav__series--wrapper {
    display: block;
    margin: 0 auto;
    width: 100%;
    min-width: 1160px
}

header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    line-height: 24px;
    -ms-flex-pack: start;
    justify-content: flex-start
}

header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a {
    color: #0457a7
}

@media (min-width:768px) {
    header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a:visited {
        color: #0457a7
    }

    header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li {
    display: block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 0 0 24px
}

header .sg-header__global-nav__series--wrapper .sg-header__global-nav__series__gl li:first-child {
    margin: 0
}

@media (min-width:1480px) {
    header .sg-header__global-nav__series--wrapper {
        width: 1306px
    }
}

@media (max-width:808px) {
    header .sg-header__global-nav__series--wrapper {
        display: none
    }
}

header .sg-header__global-nav__service {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    line-height: 24px;
    position: relative
}

header .sg-header__global-nav__service li {
    margin: 0;
    display: block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    border-right: 1px solid #cecece
}

header .sg-header__global-nav__service li>a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    height: 58px;
    width: 218px;
    color: #333;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer
}

header .sg-header__global-nav__service li>a:hover {
    color: #0457a7
}

header .sg-header__global-nav__service li:first-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece
}

header .sg-header__global-nav__service li:last-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    margin-left: auto
}

header .sg-header__global-nav__service li.service__ats {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__ats>a {
    display: block;
    padding: 14px 16px 0 33px;
    line-height: 1.4
}

@media (max-width:1210px) {
    header .sg-header__global-nav__service li.service__ats>a {
        padding: 14px 16px 0 13px
    }
}

header .sg-header__global-nav__service li.service__ats>a>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey
}

header .sg-header__global-nav__service li.service__ats>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_ats-02eae11875.svg) no-repeat 50% 50%;
    left: 50px;
    top: 17px;
    width: 23px;
    height: 23px
}

@media (max-width:1210px) {
    header .sg-header__global-nav__service li.service__ats>a:before {
        left: 40px
    }
}

header .sg-header__global-nav__service li.service__ats>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__ats>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_ats_select-433bd4afc8.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__ats.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_ats_select-433bd4afc8.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__hr {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__hr>a {
    display: block;
    padding: 14px 16px 0 45px;
    line-height: 1.4;
    letter-spacing: -1px
}

@media (max-width:1210px) {
    header .sg-header__global-nav__service li.service__hr>a {
        padding: 14px 16px 0 23px
    }
}

header .sg-header__global-nav__service li.service__hr>a>span {
    display: block;
    position: relative;
    left: -4px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey;
    letter-spacing: 0
}

header .sg-header__global-nav__service li.service__hr>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_hr-35021b2877.svg) no-repeat 50% 50%;
    left: 25px;
    top: 17px;
    width: 23px;
    height: 23px
}

@media (max-width:1210px) {
    header .sg-header__global-nav__service li.service__hr>a:before {
        left: 13px
    }
}

header .sg-header__global-nav__service li.service__hr>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__hr>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_hr_select-59bc6d73a2.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__hr.service__select>a>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__hr.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_hr_select-59bc6d73a2.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__select-hr:first-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #e8e8e8
}

header .sg-header__global-nav__service li.service__kintai {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__kintai>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4;
    padding: 5px 0 0
}

header .sg-header__global-nav__service li.service__kintai>a>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey
}

header .sg-header__global-nav__service li.service__kintai>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_kintai-e47488bd7e.svg) no-repeat 50% 50%;
    left: 50px;
    width: 21px;
    height: 21px
}

header .sg-header__global-nav__service li.service__kintai>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__kintai>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_kintai_select-5a28a81f55.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__kintai.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_kintai_select-5a28a81f55.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__select-kintai:first-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #e8e8e8
}

header .sg-header__global-nav__service li.service__nencho {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__nencho>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4;
    padding: 5px 0 0
}

header .sg-header__global-nav__service li.service__nencho>a>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey
}

header .sg-header__global-nav__service li.service__nencho>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_nencho-2f0ba6e30e.svg) no-repeat 50% 50%;
    left: 50px;
    width: 21px;
    height: 21px
}

header .sg-header__global-nav__service li.service__nencho>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__nencho>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_nencho_select-aa71076260.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__nencho.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_nencho_select-aa71076260.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__select-nencho:first-child {
    border-left: 1px solid #cecece;
    border-right: 1px solid #e8e8e8
}

header .sg-header__global-nav__service li.service__keihi {
    background-color: #e8e8e8
}

header .sg-header__global-nav__service li.service__keihi>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4;
    padding: 5px 0 0
}

header .sg-header__global-nav__service li.service__keihi>a>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: grey
}

header .sg-header__global-nav__service li.service__keihi>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_keihi-ec57e2f0f2.svg) no-repeat 50% 50%;
    left: 50px;
    width: 21px;
    height: 21px
}

header .sg-header__global-nav__service li.service__keihi>a[target=_blank]::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 60px;
    top: 30px
}

header .sg-header__global-nav__service li.service__keihi>a:hover>span {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__keihi>a:hover:before {
    background: url(/b2b-assets/images/common/header/icon_keihi-select-36c9067098.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__keihi>a:hover[target=_blank]::after {
    background-image: url(/b2b-assets/images/common/icon-target_blank-secondary-3d288ed306.svg)
}

header .sg-header__global-nav__service li.service__keihi.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_keihi-select-36c9067098.svg) no-repeat 50% 50%
}

header .sg-header__global-nav__service li.service__select {
    position: relative;
    background: #fff;
    border-left: none;
    border-right: none
}

header .sg-header__global-nav__service li.service__select>a {
    color: #0457a7
}

header .sg-header__global-nav__service li.service__select:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-top: 5px solid #0457a7
}

header .sg-header__global-nav__basic {
    width: 1192px;
    display: -ms-flexbox;
    display: flex;
    padding: 26px 16px 20px;
    margin: 0 auto
}

@media (max-width:808px) {
    header .sg-header__global-nav__basic {
        display: none
    }
}

@media (max-width:768px) {
    header .sg-header__global-nav__basic {
        width: 100%
    }
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper {
    line-height: 0;
    margin-right: 50px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper.p-logo_series {
    width: 93px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper a {
    position: relative;
    text-decoration: none
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper a p {
    position: absolute;
    top: -20px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    color: #0457a7
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper a span.ats-saiyou {
    display: inline-block;
    color: #0457a7;
    padding: 10px 5px;
    border: 1px solid #0457a7;
    margin-left: 15px;
    font-size: 12px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--ats,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--cor,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--keihi,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--kintai,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nencho,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nippo,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payroll,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payslip,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--per,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--tm,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--workflow {
    vertical-align: top
}

@media (max-width:768px) {

    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--ats,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--cor,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--keihi,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--kintai,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nencho,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nippo,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payroll,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payslip,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--per,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--tm,
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--workflow {
        margin-left: 5%
    }
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--kintai {
    width: 148px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nencho,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payslip {
    width: 185px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--nippo,
header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--workflow {
    width: 150px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--keihi {
    width: 173px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrmos--payroll {
    width: 180px
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrso {
    width: 240px;
    height: auto
}

@media (max-width:1160px) {
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrso {
        margin-left: 5%
    }
}

@media (max-width:640px) {
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper .sg-logo__hrso {
        width: 160px
    }
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop {
    margin-right: 0
}

@media screen and (max-width:1160px) {
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop {
        zoom: .8
    }
}

@media screen and (max-width:910px) {
    header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop {
        zoom: .7
    }
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop a {
    display: block
}

header .sg-header__global-nav__basic .sg-logo__hrmos--wrapperHrTop a img {
    width: 200px;
    height: auto
}

header .sg-header__global-nav__basic nav {
    margin: 0 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

header .sg-header__global-nav__basic nav>ul {
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    gap: 40px
}

header .sg-header__global-nav__basic nav>ul>li {
    margin-right: 0;
    overflow: hidden;
    padding-top: 2px
}

header .sg-header__global-nav__basic nav>ul>li a {
    color: #0457a7
}

@media (min-width:768px) {
    header .sg-header__global-nav__basic nav>ul>li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    header .sg-header__global-nav__basic nav>ul>li a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    header .sg-header__global-nav__basic nav>ul>li a:visited {
        color: #0457a7
    }

    header .sg-header__global-nav__basic nav>ul>li a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

header .sg-header__global-nav__basic nav>ul>li a {
    font-weight: 700
}

header .sg-header__global-nav__basic nav>ul>li:last-child {
    margin-right: 0
}

header .sg-header__global-nav__basic nav .nav__cta-series {
    position: relative
}

header .sg-header__global-nav__basic nav .nav__cta-series::before {
    content: "ハーモス製品がまるわかり！";
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: -19px;
    left: 10px;
    color: #0457a7;
    font-weight: 700;
    font-size: 10px
}

header .sg-header__global-nav__basic nav .nav__cta-series .pg-layout__buttons__sec {
    width: 146px
}

header .sg-header__global-nav__basic nav .nav__cta-series .pg-layout__buttons__sec a span {
    width: 100%;
    font-size: 14px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a:hover::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec {
    width: 128px;
    height: 30px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a span {
    width: 124px;
    height: 26px;
    padding: 3px 5px 5px;
    line-height: 20px;
    font-size: 15px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec {
    margin: 0 0 0 16px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__biz>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__pri>a:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__sec>a:hover {
    opacity: 1
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__pri {
    border-color: #0457a7;
    background-color: #0457a7
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a span:hover {
    color: #0457a7;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__pri a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec {
    border-color: #0457a7;
    background-color: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a span {
    color: #0457a7;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a span:hover {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec a::before {
    background: #0457a7
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec .ga_nencho__header-request[target=_blank]:after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-secondary-3d288ed306.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 12px;
    top: 50%
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec .ga_nencho__header-request[target=_blank]:hover::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-white-411c95e03e.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 12px;
    top: 50%
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__sec .ga_nencho__header-request>span {
    padding: 3px 16px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub {
    border-color: #e73858;
    background-color: #e73858
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a span:hover,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span:hover {
    color: #e73858;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a::before,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.nencho--lb,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc.nencho--lb {
    width: 176px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.nencho--lb>a>span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc.nencho--lb>a>span {
    width: 172px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a[target=_blank]::after,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a[target=_blank]::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-white-411c95e03e.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 12px;
    top: 50%
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a[target=_blank]:hover::after,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a[target=_blank]:hover::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-accent-4feace3523.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 12px;
    top: 50%
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc a[target=_blank]>span,
header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a[target=_blank]>span {
    padding: 3px 16px 3px 0
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc.keihi-cta {
    width: 116px;
    margin: 0
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc.keihi-cta a span {
    width: 112px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub {
    border-color: #e73858;
    background-color: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span {
    color: #e73858;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a span:hover {
    color: #fff;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub a::before {
    background: #e73858
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.hr-cta {
    width: 143px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.hr-cta a>span {
    width: 140px;
    padding: 3px 8px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.keihi-cta {
    width: 116px;
    margin-left: 16px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__acc-sub.keihi-cta a span {
    width: 112px
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz {
    border-color: #b6111c;
    background-color: #b6111c
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a span:hover {
    color: #b6111c;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc {
    border-color: #e73858;
    background-color: #e73858
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a span:hover {
    color: #e73858;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__hracc a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub {
    border-color: #b6111c;
    background-color: #b6111c
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span:hover {
    color: #b6111c;
    transition-delay: .1s
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a::before {
    background: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub {
    background-color: #fff
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a::before {
    background: #b6111c
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span {
    color: #b6111c
}

header .sg-header__global-nav__basic nav .pg-layout__buttons__biz-sub a span:hover {
    color: #fff
}

header .sg-header__global-nav__basic nav .header--lb {
    width: 150px
}

header .sg-header__global-nav__basic nav .header--lb>a>span {
    width: 150px
}

header .sg-header__global-nav__basic nav .sg-nav__simulator--wrapper {
    position: relative
}

header .sg-header__global-nav__basic nav .sg-nav__simulator--wrapper p {
    position: absolute
}

header .sg-header__global-nav__basic nav .sg-nav__simulator--wrapper__top {
    top: -22px;
    padding-left: 16px;
    font-size: 10px
}

header .sg-header__global-nav__basic nav .sg-nav__simulator--wrapper__bottom {
    bottom: -34px;
    padding-left: 72px;
    font-size: 10px
}

header .sg-header__global-nav__basic .sg-login {
    position: relative;
    overflow: visible !important;
    margin-right: 16px !important;
    font-weight: 700
}

@media (max-width:640px) {
    header .sg-header__global-nav__basic .sg-login {
        display: none
    }
}

header .sg-header__global-nav__basic .sg-login:hover>label::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

header .sg-header__global-nav__basic .sg-login>ul {
    position: absolute;
    z-index: 99;
    display: none;
    width: 230px;
    height: 210px;
    top: 40px;
    right: -160px;
    padding: 16px;
    background: #fff;
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .1)
}

header .sg-header__global-nav__basic .sg-login>ul>li {
    display: list-item;
    margin: 0 !important
}

header .sg-header__global-nav__basic .sg-login>ul>li>p {
    margin: 0;
    line-height: 1.6;
    font-size: 12px;
    color: #666
}

header .sg-header__global-nav__basic .sg-login>ul>li>ul {
    padding: 8px 0 8px 16px
}

header .sg-header__global-nav__basic .sg-login>ul>li>ul>li {
    display: list-item;
    color: #0457a7
}

header .sg-header__global-nav__basic .sg-login>ul>li>ul>li>a {
    overflow: hidden
}

header .sg-header__global-nav__basic .sg-login>input[type=checkbox] {
    display: none
}

header .sg-header__global-nav__basic .sg-login .login__checkbox:checked~.login__menu {
    display: block
}

header .sg-header__global-nav__basic .sg-login .login__checkbox:checked~label::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

header .sg-header__global-nav__basic .sg-login>label {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #0457a7
}

header .sg-header__global-nav__basic .sg-login>label::before {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0457a7;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

header .pg-layout__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

header .pg-layout__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

header .pg-layout__button {
    border: 2px solid #e73858;
    overflow: hidden;
    border-radius: 8px
}

header .pg-layout__button__link {
    margin: 0;
    position: relative;
    backface-visibility: hidden;
    text-decoration: none;
    padding: 8px 12px;
    background-color: #e73858;
    display: inline-block
}

header .pg-layout__button__link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%);
    transition-delay: .1s;
    z-index: 0
}

header .pg-layout__button__link span {
    color: #fff;
    transition-delay: .2s;
    z-index: 1;
    position: relative
}

header .pg-layout__button__link:hover span {
    color: #e73858;
    transition-delay: .1s
}

header .pg-layout__button__link:hover::before {
    -ms-transform: translate(0);
    transform: translate(0)
}

@media (max-width:808px) {
    header {
        border-bottom: none
    }
}

header::-webkit-scrollbar {
    display: none
}

header .sg-header__global-nav__basic {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 26px 16px 20px;
    width: 1192px;
    background: #fff
}

header .sg-header__global-nav__basic nav {
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1100px) {
    header .sg-header__global-nav__basic nav>ul {
        gap: 12px
    }
}

header .sg-header__global-nav__basic.p-ats {
    width: 1254px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-ats nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-ats nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-ats .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-ats .pg-series__ats:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-ats.pt-b {
    padding: 0
}

header .sg-header__global-nav__basic.p-ats.pt-b .sg-logo__hrmos--wrapper {
    padding-top: 26px;
    padding-left: 16px
}

header .sg-header__global-nav__basic.p-hr {
    width: 1280px;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    padding: 26px 16px 21px
}

header .sg-header__global-nav__basic.p-hr .sg-logo__hrmos--wrapper {
    width: 14.03%;
    margin-right: 24px
}

header .sg-header__global-nav__basic.p-hr .sg-logo__hrmos--wrapper a img {
    height: auto
}

header .sg-header__global-nav__basic.p-hr nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-hr nav>ul>li {
    margin-right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

header .sg-header__global-nav__basic.p-hr nav>ul>li a {
    font-size: 14px
}

header .sg-header__global-nav__basic.p-hr nav>ul>li:last-child a {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu {
    font-size: 14px;
    font-weight: 700;
    color: #0457a7;
    cursor: pointer;
    position: relative;
    z-index: 10;
    margin-right: 20px;
    padding-right: 16px;
    overflow: unset
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu::before {
    content: "";
    width: 126%;
    height: 60px;
    position: absolute;
    top: 0;
    left: -13%
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu::after {
    content: "";
    width: 6px;
    height: 6px;
    border-left: 1px solid #0457a7;
    border-bottom: 1px solid #0457a7;
    position: absolute;
    bottom: 10px;
    right: 3px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu>span {
    overflow: hidden;
    line-height: 24px;
    position: relative;
    display: block
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu>span::before {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0457a7;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu:hover>span::before {
    -ms-transform: translate(0);
    transform: translate(0);
    overflow: hidden
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content {
    animation: hover_menu .5s;
    cursor: default;
    display: none;
    width: 100vw;
    position: fixed;
    top: 79px;
    left: 0;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .16);
    z-index: 1
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner {
    margin: 0 auto;
    background: #fff;
    padding: 24px 0 40px
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .content_heading {
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    gap: 24px;
    margin: 0 auto 16px;
    max-width: 800px
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .content_heading a {
    display: block;
    position: relative;
    margin: 0;
    padding-right: 22px;
    overflow: hidden
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .content_heading a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/b2b-assets/images/common/hr/icon_hr_arrow-48e03d339a.svg) no-repeat
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list {
    display: -ms-flexbox;
    display: flex;
    max-width: 800px;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list>li {
    overflow: hidden;
    width: calc(25% - 16px);
    border-bottom: 1px solid #eaeaea
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list>li a {
    display: block;
    font-weight: 400;
    padding: 8px;
    position: relative;
    margin: 0
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list>li a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 9px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/b2b-assets/images/common/hr/icon_hr_arrow-48e03d339a.svg) no-repeat
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list.list-scene {
    width: 80.2%
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner ul.drawer-list.list-scene>li {
    width: calc(33.3333333333% - 16px)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap {
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading {
    border-radius: 8px;
    padding: 0 16px 0 56px;
    font-weight: 700;
    font-size: 12px;
    color: #333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 16px center;
    background-color: #e2eff7
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading span {
    display: block;
    font-size: 14px
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading.business {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_business-bac9bcb25a.svg)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading.industry {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_industry-1eade53bc0.svg)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap .list-heading.scale {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_scale-2fc5570e3a.svg)
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content .content_inner .list-wrap+.list-wrap {
    padding-top: 16px;
    border-top: 1px solid #eaeaea
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content:hover {
    display: block;
    cursor: pointer
}

header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu:hover>.sg-hr-headmenu__content,
header .sg-header__global-nav__basic.p-hr nav>ul .sg-hr-headmenu__content:hover {
    display: block
}

header .sg-header__global-nav__basic.p-hr .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 16px
}

header .sg-header__global-nav__basic.p-hr .sg-headermenu_series span {
    font-size: 14px
}

header .sg-header__global-nav__basic.p-hr .sg-headermenu_series::after {
    width: 6px;
    height: 6px;
    bottom: 10px
}

header .sg-header__global-nav__basic.p-hr .pg-series__hr:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-hrTop {
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1360px;
    width: 100%;
    height: 78px;
    padding-inline: 20px
}

header .sg-header__global-nav__basic.p-hrTop .sg-headermenu_series {
    margin: 0
}

header .sg-header__global-nav__basic.p-kintai {
    width: 1280px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-kintai nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-kintai nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-kintai .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-kintai .pg-series__kintai:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-keihi {
    width: 1270px;
    box-sizing: content-box;
    -ms-flex-align: center;
    align-items: center
}

header .sg-header__global-nav__basic.p-keihi nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-keihi nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-keihi .pg-layout__buttons__acc a[target=_blank]::after {
    right: 6px
}

header .sg-header__global-nav__basic.p-keihi .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-keihi .pg-series__keihi:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-nencho {
    width: 1270px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-nencho nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-nencho nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-nencho .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-nencho .pg-series__nencho:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-header__global-nav__basic.p-nippo,
header .sg-header__global-nav__basic.p-payslip,
header .sg-header__global-nav__basic.p-workflow {
    width: 1158px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-nippo nav>ul,
header .sg-header__global-nav__basic.p-payslip nav>ul,
header .sg-header__global-nav__basic.p-workflow nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-nippo nav>ul>li,
header .sg-header__global-nav__basic.p-payslip nav>ul>li,
header .sg-header__global-nav__basic.p-workflow nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-nippo nav>ul>li>a,
header .sg-header__global-nav__basic.p-payslip nav>ul>li>a,
header .sg-header__global-nav__basic.p-workflow nav>ul>li>a {
    margin-right: 8px
}

header .sg-header__global-nav__basic.p-nippo .sg-headermenu_series,
header .sg-header__global-nav__basic.p-payslip .sg-headermenu_series,
header .sg-header__global-nav__basic.p-workflow .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-payroll {
    width: 1160px;
    box-sizing: content-box
}

header .sg-header__global-nav__basic.p-payroll nav>ul {
    gap: 0
}

header .sg-header__global-nav__basic.p-payroll nav>ul>li {
    margin-right: 0
}

header .sg-header__global-nav__basic.p-payroll .sg-headermenu_series {
    margin-right: 0;
    margin-left: 20px
}

header .sg-header__global-nav__basic.p-payroll .pg-series__jinji:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .sg-logo__hrmos--wrapper.p-logo_ats {
    margin: 0
}

header .sg-header__global__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

@media screen and (max-width:1160px) {
    header .sg-header__global__right {
        zoom: .8;
        gap: 20px
    }
}

header .sp-header__global__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

header .sp-header__global__link {
    margin-right: 0;
    font-size: 14px;
    letter-spacing: .02em
}

header .pg-layuout__buttonSeries {
    margin-left: 0
}

header .sg-header__global__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1100px) {
    header .sg-headermenu_series {
        margin-right: 20px
    }
}

header main {
    margin-top: 108px
}

@media (max-width:808px) {
    header main {
        margin-top: 80px
    }
}

@media (max-width:640px) {
    header main {
        margin-top: 56px
    }
}

header .pg-layout__buttons__tel a {
    display: block;
    margin: 0;
    color: #0457a7;
    font-family: Lato, "Noto Sans JP", sans-serif !important;
    text-decoration: none
}

header .pg-layout__buttons__tel .top_area {
    font-size: 16px;
    font-weight: 700
}

header .pg-layout__buttons__tel .bottom_area {
    font-size: 10px;
    display: block;
    text-align: right;
    line-height: 1;
    margin-right: 12px
}

header .sg-headermenu_series {
    color: #0457a7;
    font-weight: 700;
    margin-right: 40px;
    position: relative;
    z-index: 10;
    padding-right: 22px;
    cursor: pointer;
    height: 24px
}

header .sg-headermenu_series:before {
    content: "";
    width: 126%;
    height: 60px;
    position: absolute;
    top: 0;
    left: -13%
}

header .sg-headermenu_series:after {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 1px solid #07549b;
    border-bottom: 1px solid #07549b;
    position: absolute;
    bottom: 9px;
    right: 3px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .sg-headermenu_series span {
    overflow: hidden;
    line-height: 24px;
    position: relative;
    display: block;
    font-size: 15px
}

header .sg-headermenu_series.ats_menu {
    height: 100%;
    padding: 20px 28px 17px 16px;
    background: #b61a1c;
    position: relative;
    overflow: hidden;
    border: 2px solid #b61a1c
}

header .sg-headermenu_series.ats_menu:after {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: absolute;
    bottom: 50%;
    right: 5px;
    -ms-transform: rotate(-45deg) translateX(-50%);
    transform: rotate(-45deg) translateX(-50%);
    transition: .3s ease
}

header .sg-headermenu_series.ats_menu>span {
    color: #fff;
    line-height: 1.3
}

header .sg-headermenu_series.ats_menu>span::before {
    display: none
}

header .sg-headermenu_series.ats_menu:hover::after {
    bottom: 40%
}

header .sg-headermenu_series.series_menu {
    padding-top: 26px
}

header .sg-headermenu_series.series_menu::after {
    bottom: -15px
}

@media (min-width:768px) {
    header .sg-headermenu_series span::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }

    header .sg-headermenu_series:hover span::before,
    header .sg-headermenu_series__content:hover {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }
}

header .sg-headermenu_series__content {
    animation: hover_menu .5s;
    cursor: default;
    display: none;
    left: 0;
    position: fixed;
    top: 79px;
    z-index: 1;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .16)
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap {
    background: #0457a7
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item {
    background: #fff;
    width: 217px;
    height: 224px;
    margin-right: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item:last-child {
    margin-right: 0
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item>a {
    padding: 23px 0
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_text {
    font-size: 16px;
    font-weight: 700;
    color: #0457a7;
    margin-bottom: 20px
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_img {
    max-width: 73px;
    width: 100%
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_btn {
    background: #b6111c;
    border-radius: 5px;
    width: 169px;
    margin: 20px auto 0;
    position: relative;
    overflow: hidden;
    border: 2px solid #b61a1c
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%);
    background: #fff
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item .pg-series_btn>span {
    display: block;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item:hover {
    cursor: pointer
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item:hover .pg-series_btn>span {
    color: #b61a1c;
    position: relative
}

header .sg-headermenu_series__content.ats_menu .sg-headermenu_series__wrap .pg-headermenu__service_item:hover .pg-series_btn::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

@keyframes hover_menu {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

header .sg-headermenu_series:hover+.sg-headermenu_series__content,
header .sg-headermenu_series__content:hover {
    display: block
}

header .sg-headermenu_series__wrap {
    padding: 34px 20px 20px;
    width: 100vw;
    background: #fff
}

header .sg-headermenu_series__wrap .nav__series_link {
    margin: 20px auto 0
}

header .sg-headermenu_series__wrap .nav__series_link a {
    position: relative;
    font-size: 14px;
    color: #0257a6;
    font-weight: 700;
    text-decoration: none;
    margin: 0 auto;
    width: fit-content;
    display: block;
    padding-right: 20px
}

header .sg-headermenu_series__wrap .nav__series_link a:before {
    content: "";
    width: 5px;
    height: 5px;
    border-left: 1px solid #07549b;
    border-bottom: 1px solid #07549b;
    position: absolute;
    bottom: 6px;
    right: 3px;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

header .pg-headermenu__service {
    max-width: 1036px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

header .pg-headermenu__service li {
    display: block;
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .1);
    transition: .3s ease;
    position: relative;
    overflow: hidden;
    width: calc((100% - 40px)/ 5);
    height: 213px
}

header .pg-headermenu__service li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-150%);
    transform: translate(-150%)
}

header .pg-headermenu__service li:hover {
    margin-top: -10px
}

header .pg-headermenu__service li:hover:before {
    -ms-transform: translate(0);
    transform: translate(0)
}

header .pg-headermenu__service li a {
    display: block;
    text-decoration: none;
    color: #005a96;
    padding: 14px 14px 6px;
    margin: 0
}

header .pg-headermenu__service li figure {
    display: block;
    max-width: 152px;
    margin: 0 auto !important
}

header .pg-headermenu__service .pg-series__ats:before {
    background: #d6414b
}

header .pg-headermenu__service .pg-series__hr:before {
    background: #00acab
}

header .pg-headermenu__service .pg-series__kintai:before {
    background: #f8d14b
}

header .pg-headermenu__service .pg-series__keihi:before {
    background: #fd9b4b
}

header .pg-headermenu__service .pg-series__jinji:before {
    background: #4fb117
}

header .pg-headermenu__service .pg-series_text {
    font-size: 10px;
    color: #7b7b7b;
    text-align: center;
    margin: 0
}

header .pg-headermenu__service .pg-series__name {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    line-height: 1;
    margin-bottom: 10px;
    color: #0457a7
}

header .pg-headermenu__service .pg-series__name .p-small {
    font-size: 13px
}

header .sg-headermenu_series__content .pg-top_link {
    display: block;
    margin: 8px 0 0 auto;
    width: fit-content;
    font-size: 12px;
    padding-left: 16px;
    position: relative;
    transition: .5s;
    color: #07549b
}

header .sg-headermenu_series__content .pg-top_link:before {
    content: "";
    width: 5px;
    height: 5px;
    border-left: 1px solid #07549b;
    border-bottom: 1px solid #07549b;
    position: absolute;
    bottom: 6px;
    left: 3px;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

header .sg-headermenu_series__content .pg-top_link:hover {
    opacity: .5;
    text-decoration: underline !important
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service>li {
    margin-bottom: 12px
}

header .nav__other-service_wrap .nav__series_link {
    margin: 20px auto 0
}

header .nav__other-service_wrap .nav__series_link a {
    position: relative;
    font-size: 14px;
    color: #0257a6;
    font-weight: 700;
    text-decoration: none;
    margin: 0 auto;
    width: fit-content;
    display: block;
    padding-right: 20px
}

header .nav__other-service_wrap .nav__series_link a:before {
    content: "";
    width: 5px;
    height: 5px;
    border-left: 1px solid #07549b;
    border-bottom: 1px solid #07549b;
    position: absolute;
    bottom: 6px;
    right: 3px;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

header .nav__other-service a {
    margin: 0;
    display: block
}

header .nav__other-service a.bdbnr {
    border: 1px solid #e5e5e5
}

header .nav__download_btn {
    background: #fff;
    padding: 14px 25px 40px;
    margin-bottom: 160px
}

header .nav__download_btn .text {
    font-size: 12px;
    color: #0257a6;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0
}

header .nav__download_btn a {
    font-size: 18px;
    background: #0257a6;
    width: 100%;
    display: block;
    border-radius: 3px;
    font-weight: 700;
    text-align: center;
    padding: 20px;
    text-decoration: none
}

header .sg-header_global-nav__sp {
    width: 100%;
    height: 80px;
    display: none;
    background: #fff;
    border-bottom: 1px solid #e6e6e6
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp {
        height: 56px
    }
}

header .sg-header_global-nav__sp a {
    text-decoration: none
}

header .sg-header_global-nav__sp a span.ats-saiyou {
    display: inline-block;
    color: #0457a7;
    border: 1px solid #0457a7;
    padding: 5px;
    margin-left: 0;
    font-size: 12px;
    line-height: 1
}

header .sg-header_global-nav__sp .sg-logo__hrmos,
header .sg-header_global-nav__sp .sg-logo__hrmos--ats,
header .sg-header_global-nav__sp .sg-logo__hrmos--cor,
header .sg-header_global-nav__sp .sg-logo__hrmos--internal,
header .sg-header_global-nav__sp .sg-logo__hrmos--keihi,
header .sg-header_global-nav__sp .sg-logo__hrmos--kintai,
header .sg-header_global-nav__sp .sg-logo__hrmos--nencho,
header .sg-header_global-nav__sp .sg-logo__hrmos--nippo,
header .sg-header_global-nav__sp .sg-logo__hrmos--payroll,
header .sg-header_global-nav__sp .sg-logo__hrmos--payslip,
header .sg-header_global-nav__sp .sg-logo__hrmos--per,
header .sg-header_global-nav__sp .sg-logo__hrmos--tm,
header .sg-header_global-nav__sp .sg-logo__hrmos--workflow {
    margin: 24px
}

@media (max-width:640px) {

    header .sg-header_global-nav__sp .sg-logo__hrmos,
    header .sg-header_global-nav__sp .sg-logo__hrmos--ats,
    header .sg-header_global-nav__sp .sg-logo__hrmos--cor,
    header .sg-header_global-nav__sp .sg-logo__hrmos--internal,
    header .sg-header_global-nav__sp .sg-logo__hrmos--keihi,
    header .sg-header_global-nav__sp .sg-logo__hrmos--kintai,
    header .sg-header_global-nav__sp .sg-logo__hrmos--nencho,
    header .sg-header_global-nav__sp .sg-logo__hrmos--nippo,
    header .sg-header_global-nav__sp .sg-logo__hrmos--payroll,
    header .sg-header_global-nav__sp .sg-logo__hrmos--payslip,
    header .sg-header_global-nav__sp .sg-logo__hrmos--per,
    header .sg-header_global-nav__sp .sg-logo__hrmos--tm,
    header .sg-header_global-nav__sp .sg-logo__hrmos--workflow {
        margin: 16px
    }
}

header .sg-header_global-nav__sp .sg-logo__hrmos--kintai,
header .sg-header_global-nav__sp .sg-logo__hrmos--nippo,
header .sg-header_global-nav__sp .sg-logo__hrmos--workflow {
    width: 180px
}

@media (max-width:640px) {

    header .sg-header_global-nav__sp .sg-logo__hrmos--kintai,
    header .sg-header_global-nav__sp .sg-logo__hrmos--nippo,
    header .sg-header_global-nav__sp .sg-logo__hrmos--workflow {
        width: 121px
    }
}

header .sg-header_global-nav__sp .sg-logo__hrmos--nencho,
header .sg-header_global-nav__sp .sg-logo__hrmos--payslip {
    width: 180px
}

@media (max-width:640px) {

    header .sg-header_global-nav__sp .sg-logo__hrmos--nencho,
    header .sg-header_global-nav__sp .sg-logo__hrmos--payslip {
        width: 150px
    }
}

header .sg-header_global-nav__sp .sg-logo__hrmos--keihi {
    width: 200px
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .sg-logo__hrmos--keihi {
        width: 174px
    }
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp .sg-logo__hrmos--keihi {
        width: 146px
    }
}

header .sg-header_global-nav__sp .sg-logo__hrmos--payroll {
    width: 180px
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .sg-logo__hrmos--payroll {
        width: 124px
    }
}

header .sg-header_global-nav__sp__series {
    background: #e8e8e8;
    width: 100%;
    height: 40px;
    display: none
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp__series {
        display: block
    }
}

@media (max-width:470px) {
    header .sg-header_global-nav__sp__series {
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll
    }
}

header .sg-header_global-nav__sp__series--wrapper>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

header .sg-header_global-nav__sp__series--wrapper>ul>li {
    width: 25%;
    padding: 8px;
    font-size: 10px;
    text-align: center;
    position: relative
}

@media (max-width:470px) {
    header .sg-header_global-nav__sp__series--wrapper>ul>li {
        width: 94px
    }
}

header .sg-header_global-nav__sp__series--wrapper>ul>li>a {
    text-decoration: none;
    color: #444
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats {
    background-color: #e8e8e8;
    height: 40px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats>a {
    padding-left: 10px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_ats-02eae11875.svg) no-repeat 50% 50%;
    background-size: 100%;
    left: 12px;
    top: 13px;
    width: 12px;
    height: 12px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats.service__select {
    background-color: #0457a7
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats.service__select>a {
    color: #fff
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__ats.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_ats_select_sp-dd810a7c42.svg) no-repeat 50% 50%
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr {
    background-color: #e8e8e8;
    height: 40px;
    border-left: 1px solid #cecece
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr>a {
    padding-left: 14px;
    display: block;
    line-height: 1.2
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_hr-35021b2877.svg) no-repeat 50% 50%;
    background-size: 100%;
    left: 8px;
    top: 13px;
    width: 12px;
    height: 15px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr.service__select {
    background-color: #0457a7;
    border-left: none
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr.service__select>a {
    color: #fff
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__hr.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_hr_select_sp-b10a3c63a6.svg) no-repeat 50% 50%
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai {
    background-color: #e8e8e8;
    height: 40px;
    border-left: 1px solid #cecece
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai>a {
    padding-left: 14px;
    display: block
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai>a:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_kintai-e47488bd7e.svg) no-repeat 50% 50%;
    background-size: 100%;
    left: 10px;
    top: 13px;
    width: 13px;
    height: 13px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai.service__select {
    background-color: #0457a7;
    border-left: none
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai.service__select>a {
    color: #fff
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__kintai.service__select>a:before {
    background: url(/b2b-assets/images/common/header/icon_kintai_select_sp-f602acd345.svg) no-repeat 50% 50%
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__keihi {
    background-color: #e8e8e8;
    height: 40px;
    border-left: 1px solid #cecece
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__keihi>a {
    padding-left: 3px;
    display: block
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__keihi>a::before {
    display: block;
    content: "";
    position: absolute;
    background: url(/b2b-assets/images/common/header/icon_keihi-ec57e2f0f2.svg) no-repeat 50% 50%;
    background-size: 100%;
    left: 10px;
    top: 13px;
    width: 13px;
    height: 13px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__keihi>a[target=_blank]::after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 4px;
    top: 20px
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__other {
    background-color: #e8e8e8;
    height: 40px;
    border-left: 1px solid #cecece
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__other>a {
    display: block;
    line-height: 1.2
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__other.service__select {
    background-color: #0457a7;
    border-left: none
}

header .sg-header_global-nav__sp__series--wrapper>ul>li.service__other.service__select>a {
    color: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox {
    display: none
}

header .sg-header_global-nav__sp .l-drawer__icon {
    cursor: pointer;
    display: block;
    width: 56px;
    height: 60px;
    position: absolute;
    top: 20px;
    right: 0;
    margin: 10px;
    z-index: 4
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp .l-drawer__icon {
        top: 20px;
        height: 36px
    }
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .l-drawer__icon {
        top: 10px;
        height: 36px
    }
}

header .sg-header_global-nav__sp .l-drawer__icon-parts,
header .sg-header_global-nav__sp .l-drawer__icon-parts:after,
header .sg-header_global-nav__sp .l-drawer__icon-parts:before {
    background-color: #0457a7;
    display: block;
    width: 26px;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

header .sg-header_global-nav__sp .l-drawer__icon-parts:after,
header .sg-header_global-nav__sp .l-drawer__icon-parts:before {
    content: " "
}

header .sg-header_global-nav__sp .l-drawer__icon-parts:before {
    top: 16px
}

header .sg-header_global-nav__sp .l-drawer__icon-parts:after {
    top: 8px
}

header .sg-header_global-nav__sp .l-drawer__overlay {
    background: #000;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -2;
    transition: transform .7s ease-out
}

header .sg-header_global-nav__sp .l-drawer__menu {
    background: #f3f5f6;
    color: #000;
    max-width: 100%;
    width: 100vw;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    -ms-transform: translateY(-100vh);
    transform: translateY(-100vh);
    z-index: -1;
    margin-top: 80px;
    height: calc(100vh - 80px)
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp .l-drawer__menu {
        height: calc(100vh - 80px)
    }
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .l-drawer__menu {
        height: calc(100vh - 56px);
        margin-top: 56px
    }
}

header .sg-header_global-nav__sp .l-drawer__menu>ul {
    background: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__icon .l-drawer__icon-parts {
    background: 0 0;
    transition: transform .7s ease-out
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__icon .l-drawer__icon-parts:before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: transform .7s ease-out;
    top: 8px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__icon .l-drawer__icon-parts:after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: transform .7s ease-out;
    top: 8px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__overlay {
    opacity: .3;
    pointer-events: auto
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu {
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .7s ease-out
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item {
    line-height: 14px;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item__series {
    padding-left: 20px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item a {
    color: #333;
    display: block;
    height: 46px;
    padding: 16px 0 16px 24px;
    text-decoration: none
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item a {
        width: 100%;
        display: table;
        padding: 16px 32px 16px 24px;
        line-height: 1.4
    }
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item a:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    right: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--right--black-f716ee679d.svg);
    right: 24px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details summary {
    padding: 16px 0 16px 24px;
    position: relative;
    list-style-type: none;
    line-height: 1.4
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details summary:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    right: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--right--black-f716ee679d.svg);
    right: 24px;
    -ms-transform: translate(0, -65%) rotate(90deg);
    transform: translate(0, -65%) rotate(90deg);
    transition: transform .4s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details summary::-webkit-details-marker {
    display: none
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer {
    border-top: 1px solid #e6e6e6
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .l-drawer__item {
    border-bottom: 0;
    line-height: 12px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .l-drawer__item a {
    padding: 12px 32px 16px;
    color: #0457a7;
    height: 40px;
    font-size: 12px;
    font-weight: 400
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .l-drawer__item a.top-item {
    font-size: 14px;
    font-weight: 700
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .list-heading {
    background: #e2eff7;
    padding: 8px 24px 8px 60px;
    font-size: 12px;
    font-weight: 700;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 28px center;
    background-color: #e2eff7
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .list-heading.business {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_business-bac9bcb25a.svg)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .list-heading.industry {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_industry-1eade53bc0.svg)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details .child-drawer .list-heading.scale {
    background-image: url(/b2b-assets/images/common/hr/icon_hr_scale-2fc5570e3a.svg)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item details[open] summary::after {
    -ms-transform: translate(0, -65%) rotate(-90deg);
    transform: translate(0, -65%) rotate(-90deg)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__item::marker {
    content: ""
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .sg-logo__hrmos__wrapper {
    padding: 24px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper {
    position: relative;
    margin: 24px 0 32px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper__bottom,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper__top {
    position: absolute;
    width: 340px;
    left: calc(50% - 170px)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper__top {
    top: -24px;
    text-align: center
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .l-drawer__menu_simulator--wrapper__bottom {
    bottom: -40px;
    text-align: right
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta {
    background: #fff;
    padding: 24px 0;
    display: block
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta:nth-child(n+3) {
    padding-top: 0
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta-series {
    position: relative;
    padding-top: 40px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta-series::before {
    content: "ハーモス製品がまるわかり！";
    display: block;
    position: absolute;
    width: 100%;
    top: 16px;
    text-align: center;
    color: #0457a7;
    font-weight: 700;
    font-size: 14px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a:hover::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a:hover::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a:hover::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a:hover::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a::before,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
    width: 340px;
    height: 56px
}

@media (max-width:808px) {

    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span {
        width: 336px
    }
}

@media screen and (max-width:480px) {

    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
        width: 90%
    }

    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span {
        width: 100%;
        font-size: 16px;
        padding: 17px
    }
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
    margin: 0 auto
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a:hover,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a:hover,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a:hover,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a:hover,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a:hover {
    opacity: 1
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a[target=_blank]:after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a[target=_blank]:after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a[target=_blank]:after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a[target=_blank]:after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a[target=_blank]:after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-white-411c95e03e.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a[target=_blank]:hover::after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a[target=_blank]:hover::after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a[target=_blank]:hover::after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a[target=_blank]:hover::after,
header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a[target=_blank]:hover::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-accent-4feace3523.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri {
    border-color: #0457a7;
    background-color: #0457a7
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a span:hover {
    color: #0457a7;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__pri a::before {
    background: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec {
    border-color: #0457a7;
    background-color: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span {
    color: #0457a7;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a span:hover {
    color: #fff;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__sec a::before {
    background: #0457a7
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc {
    border-color: #e73858;
    background-color: #e73858
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a span:hover {
    color: #e73858;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc a::before {
    background: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub {
    border-color: #e73858;
    background-color: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span {
    color: #e73858;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a span:hover {
    color: #fff;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__acc-sub a::before {
    background: #e73858
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc {
    border-color: #e73858;
    background-color: #e73858
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span {
    color: #fff;
    transition-delay: .2s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a span:hover {
    color: #e73858;
    transition-delay: .1s
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__cta .pg-layout__buttons__hracc a::before {
    background: #fff
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service {
    background: #f3f5f6;
    margin: 0;
    padding: 24px 32px 48px;
    text-align: center
}

@media (max-width:640px) {
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service {
        padding: 24px
    }

    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service.payroll,
    header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service.series {
        padding: 24px
    }
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service>li {
    margin-bottom: 24px
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service>li img {
    width: 100%
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service__series>a {
    color: #0457a7;
    text-decoration: none;
    position: relative
}

header .sg-header_global-nav__sp .l-drawer__checkbox:checked~.l-drawer__menu .nav__other-service__series>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 59%;
    right: -24px;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
}

@media (max-width:808px) {
    header .sg-header_global-nav__sp {
        display: block
    }
}

header {
    position: relative;
    top: 0;
    border-bottom: none
}

header.static {
    position: static;
    background-color: #196eb4
}

header nav a {
    margin-right: 20px;
    color: #fff
}

header nav a:focus,
header nav a:hover {
    text-decoration: none !important
}

header .sg-header__global-nav__basic {
    width: 100%;
    max-width: 1160px;
    padding: 32px 0;
    background: 0 0
}

@media (max-width:808px) {
    header .sg-header__global-nav__basic {
        display: block
    }
}

@media (max-width:640px) {
    header .sg-header__global-nav__basic {
        padding: 16px 0
    }
}

header.header-web_meeting .sg-header__global-nav__basic {
    padding: 0 !important;
    max-width: 1192px
}

header.header-web_meeting .sg-header__global-nav__basic .sg-logo__hrmos--wrapper {
    padding: 27px 24px;
    margin: 0
}

@media (max-width:860px) {
    header.header-web_meeting .sg-header__global-nav__basic {
        max-width: 640px
    }

    header.header-web_meeting .sg-header__global-nav__basic .sg-logo__hrmos--wrapper a {
        display: block
    }

    header.header-web_meeting .sg-header__global-nav__basic .sg-logo__hrmos--wrapper a img {
        width: 115px;
        margin: 0
    }
}

header {
    position: relative;
    background-color: #fff
}

header .sg-logo__hrmos--wrapper {
    padding: 20px 0 20px 40px
}

@media (max-width:808px) {
    header .sg-logo__hrmos--wrapper {
        padding: 20px 0 20px 20px
    }
}

header .sg-logo__hrmos--wrapper a img {
    width: 148px
}

header.hrmos--hr {
    position: fixed;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea
}

header.hrmos--hr .hrmos--hr--wrapper {
    padding: 20px 0 20px 40px
}

@media (max-width:808px) {
    header.hrmos--hr .hrmos--hr--wrapper {
        padding: 20px 0 20px 20px
    }
}

header.hrmos--hr .hrmos--hr--wrapper a img {
    width: 148px
}

footer .mdl-mega-footer__heading,
footer .mdl-mega-footer__heading_sec,
footer .mdl-mega-footer__right-heading {
    font-size: 16px;
    font-weight: 700;
    color: #0457a7;
    line-height: 24px;
    margin: 0 auto;
    text-align: left
}

footer .mdl-mega-footer__heading input[type=checkbox],
footer .mdl-mega-footer__heading_sec input[type=checkbox],
footer .mdl-mega-footer__right-heading input[type=checkbox] {
    display: none
}

footer .mdl-mega-footer__heading a,
footer .mdl-mega-footer__heading_sec a,
footer .mdl-mega-footer__right-heading a {
    font-weight: 700
}

@media (max-width:1160px) {

    footer .mdl-mega-footer__heading,
    footer .mdl-mega-footer__heading_sec,
    footer .mdl-mega-footer__right-heading {
        margin: 0 auto 16px
    }
}

@media (max-width:768px) {

    footer .mdl-mega-footer__heading,
    footer .mdl-mega-footer__heading_sec,
    footer .mdl-mega-footer__right-heading {
        border-bottom: 1px solid #d4d2d2;
        line-height: 3;
        width: 90%;
        margin: 12px 5% 0;
        padding: 0;
        position: relative
    }

    footer .mdl-mega-footer__heading:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__heading:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list+.mdl-mega-footer__sonar-group,
    footer .mdl-mega-footer__heading_sec:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__heading_sec:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list+.mdl-mega-footer__sonar-group,
    footer .mdl-mega-footer__right-heading:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__right-heading:has(input[type=checkbox]:checked)+.mdl-mega-footer__link-list+.mdl-mega-footer__sonar-group {
        max-height: 100%;
        opacity: 1
    }

    footer .mdl-mega-footer__heading:has(input[type=checkbox]:checked)::after,
    footer .mdl-mega-footer__heading_sec:has(input[type=checkbox]:checked)::after,
    footer .mdl-mega-footer__right-heading:has(input[type=checkbox]:checked)::after {
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    footer .mdl-mega-footer__heading input[type=checkbox],
    footer .mdl-mega-footer__heading_sec input[type=checkbox],
    footer .mdl-mega-footer__right-heading input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: block
    }

    footer .mdl-mega-footer__heading input[type=checkbox]:checked~::after,
    footer .mdl-mega-footer__heading_sec input[type=checkbox]:checked~::after,
    footer .mdl-mega-footer__right-heading input[type=checkbox]:checked~::after {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    footer .mdl-mega-footer__heading input[type=checkbox]:checked~.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__heading_sec input[type=checkbox]:checked~.mdl-mega-footer__link-list,
    footer .mdl-mega-footer__right-heading input[type=checkbox]:checked~.mdl-mega-footer__link-list {
        max-height: 100%;
        opacity: 1
    }

    footer .mdl-mega-footer__heading a,
    footer .mdl-mega-footer__heading_sec a,
    footer .mdl-mega-footer__right-heading a {
        width: 100%;
        display: block;
        text-decoration: none;
        pointer-events: none
    }

    footer .mdl-mega-footer__heading:after,
    footer .mdl-mega-footer__heading_sec:after,
    footer .mdl-mega-footer__right-heading:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 2px;
        top: 40%;
        transition: transform .3s ease
    }
}

footer .mdl-mega-footer__subheading {
    margin: 0 auto 8px;
    margin-top: 0 !important;
    text-align: left;
    overflow: hidden
}

footer .mdl-mega-footer__subheading a {
    font-size: 12px;
    font-weight: 700;
    color: #0457a7;
    line-height: 24px
}

@media (max-width:768px) {
    footer .mdl-mega-footer__subheading a {
        font-size: 14px;
        margin-top: 10px !important
    }
}

footer .mdl-mega-footer__heading_sec {
    position: relative;
    overflow: hidden;
    margin-top: 16px
}

@media (max-width:768px) {
    footer .mdl-mega-footer__heading_sec:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }

    footer .mdl-mega-footer__heading_sec.group:after {
        display: none
    }
}

footer .mdl-mega-footer__right-heading .pc-none {
    display: none
}

@media (max-width:369px) {
    footer .mdl-mega-footer__right-heading .pc-none {
        display: block
    }
}

footer .mdl-mega-footer__right-heading:after {
    content: none
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__right-heading {
        margin-top: 32px
    }
}

@media (max-width:768px) {
    footer .mdl-mega-footer__right-heading {
        border-bottom: none;
        text-align: center
    }
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__heading_atsnewgrads {
        margin-top: 30px
    }
}

footer .mdl-mega-footer__first-section {
    padding: 47px 0 0;
    color: #0457a7;
    background-color: #fafafa
}

footer .mdl-mega-footer__first-section::after {
    content: "";
    display: block;
    clear: both
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__first-section {
        padding: 40px 0 0
    }
}

footer .mdl-mega-footer__first-section .sg-layout__wrapper {
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1160px;
    max-width: 100%;
    margin: 0 auto
}

@media (min-width:1160px-1px) {
    footer .mdl-mega-footer__first-section .sg-layout__wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__first-section .sg-layout__wrapper {
        width: 90%;
        margin-top: 32px
    }
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__first-section .sg-layout__wrapper {
        display: block
    }
}

@media (max-width:768px) {
    footer .mdl-mega-footer__first-section .sg-layout__wrapper {
        width: 100%;
        margin-top: 0
    }

    footer .mdl-mega-footer__first-section .sg-layout__wrapper .mdl-mega-footer__link-list li {
        position: relative
    }

    footer .mdl-mega-footer__first-section .sg-layout__wrapper .mdl-mega-footer__link-list li a {
        width: 100%;
        display: block
    }

    footer .mdl-mega-footer__first-section .sg-layout__wrapper .mdl-mega-footer__link-list li:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper {
    max-width: 1160px;
    width: 1160px;
    margin: 0 auto;
    border-bottom: 1px solid #d4d2d2;
    float: unset;
    padding: 0 0 36px 0 !important
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 {
    margin-top: 18px;
    text-align: left
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a {
    color: #0457a7
}

@media (min-width:768px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a:visited {
        color: #0457a7
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: inherit
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a {
    color: #0457a7
}

@media (min-width:768px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a:visited {
        color: #0457a7
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li.show_in_sp {
    display: none
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li a {
    color: inherit;
    text-decoration: none;
    margin-right: 20px
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper {
        width: 90% !important
    }
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper {
        width: 90% !important
    }
}

@media (max-width:768px) {
    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper {
        border-bottom: unset;
        padding: 0 !important;
        width: 100% !important
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper h3 a {
        line-height: 3
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul {
        display: block;
        border: none;
        padding: 0 !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .25s ease, opacity .25s ease, padding-top .25s ease
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li {
        line-height: 3;
        position: relative
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li.show_in_sp {
        display: block
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li.show_in_sp a {
        font-weight: 700
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper ul li:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

footer .mdl-mega-footer__middle-section {
    padding: 44px 0 0;
    color: #0457a7;
    background-color: #fafafa
}

footer .mdl-mega-footer__middle-section::after {
    content: "";
    display: block;
    clear: both
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__middle-section {
        padding: 12px 0 40px
    }
}

footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1160px;
    max-width: 100%;
    margin: 0 auto
}

footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice {
    margin-top: 11px
}

@media (max-width:768px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice {
        margin-top: 0
    }
}

footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading {
    overflow: hidden;
    text-align: left;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0
}

footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading a {
    font-weight: 700;
    font-size: 16px
}

@media (max-width:768px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading {
        position: relative;
        line-height: 3;
        margin: 0 5%
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading a {
        font-size: 14px;
        font-weight: 500
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading:first-child {
        margin-top: 0
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .subservice .mdl-mega-footer__subservice-heading::after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

@media (min-width:1160px-1px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:1160px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
        width: 90%;
        margin-top: 32px
    }
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
        display: block
    }
}

@media (max-width:768px) {
    footer .mdl-mega-footer__middle-section .sg-layout__wrapper {
        width: 100%;
        margin-top: 0
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__left-section__first .mdl-mega-footer__heading {
        margin: 0 5% 0
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__link-list {
        border: none;
        padding: 0 !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .15s cubic-bezier(.4, 0, .2, 1), opacity .1s ease-in-out, padding-top .1s ease-in-out
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__link-list li {
        position: relative
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__link-list li a {
        width: 100%;
        display: block
    }

    footer .mdl-mega-footer__middle-section .sg-layout__wrapper .mdl-mega-footer__link-list li:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

footer .sg-logo__hrmos--logo__wrapper {
    line-height: 0;
    margin: 0 24px 0 0
}

footer .sg-logo__hrmos--logo__wrapper img {
    width: 110px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    footer .sg-logo__hrmos--logo__wrapper {
        width: 90%;
        margin: 0 5%
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper,
footer .mdl-mega-footer__left-section {
    margin-bottom: 0;
    padding: 0;
    text-align: left
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper li,
footer .mdl-mega-footer__left-section li {
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper li,
    footer .mdl-mega-footer__left-section li {
        line-height: 3;
        margin: 0 5%
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .suffix_link_sp,
footer .mdl-mega-footer__left-section .suffix_link_sp {
    display: none
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .suffix_link_sp,
    footer .mdl-mega-footer__left-section .suffix_link_sp {
        display: inline-block
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a,
footer .mdl-mega-footer__left-section a {
    color: #0457a7
}

@media (min-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a,
    footer .mdl-mega-footer__left-section a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a:hover::before,
    footer .mdl-mega-footer__left-section a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a:visited,
    footer .mdl-mega-footer__left-section a:visited {
        color: #0457a7
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a::before,
    footer .mdl-mega-footer__left-section a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list,
footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list {
    margin-bottom: 0
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a,
footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a {
    color: #0457a7
}

@media (min-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a:hover::before,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a:hover::before {
        -ms-transform: translate(0);
        transform: translate(0);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a:visited,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a:visited {
        color: #0457a7
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list a::before,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list a::before {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #0457a7;
        content: "";
        transition-delay: .1s;
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        overflow: hidden;
        -ms-transform: translate(-105%);
        transform: translate(-105%)
    }
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__link-list,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__link-list {
        margin-top: 0
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group,
footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group {
    margin-top: 16px
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .25s ease, opacity .25s ease, padding-top .25s ease
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__heading,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__heading {
        border-bottom: unset;
        border-top: 1px solid #d4d2d2
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__heading a,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__heading a {
        pointer-events: auto
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__heading::after,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__heading::after {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
        -ms-transform: unset;
        transform: unset;
        right: 2px;
        top: 55%;
        background-position: center center
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__link-list,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__link-list {
        max-height: 100%;
        opacity: 1
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__sonar-group .mdl-mega-footer__link-list li::after,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__sonar-group .mdl-mega-footer__link-list li::after {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
        -ms-transform: unset;
        transform: unset;
        right: 2px;
        top: 55%;
        background-position: center center
    }
}

@media (max-width:1080px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper,
    footer .mdl-mega-footer__left-section {
        width: 200px
    }
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper,
    footer .mdl-mega-footer__left-section {
        width: 100%;
        clear: both
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__subheading,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__subheading {
        position: relative;
        line-height: 3;
        margin: 16px 5% 5px 5%
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__subheading a,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__subheading a {
        width: 100%;
        display: block;
        text-decoration: none
    }

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper .mdl-mega-footer__subheading:after,
    footer .mdl-mega-footer__left-section .mdl-mega-footer__subheading:after {
        content: "";
        display: block;
        position: absolute;
        top: 55%;
        width: 5px;
        height: 9px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        right: 0;
        background-image: url(/b2b-assets/images/common/icon-triangle--left--pri-38894543ac.svg)
    }
}

footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a[target=_blank]:after,
footer .mdl-mega-footer__left-section a[target=_blank]:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    top: 55%;
    width: 10px;
    height: 10px;
    right: -15px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg)
}

@media (max-width:768px) {

    footer .mdl-mega-footer__first-section .sg-first-link-list__wrapper a[target=_blank],
    footer .mdl-mega-footer__left-section a[target=_blank] {
        right: 20px
    }
}

footer .mdl-mega-footer__right-section {
    width: 200px;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    float: right
}

footer .mdl-mega-footer__right-section>.telLink {
    margin-bottom: 0;
    line-height: 1
}

footer .mdl-mega-footer__right-section>.telLink img {
    width: 200px
}

@media (max-width:808px) {
    footer .mdl-mega-footer__right-section>.telLink {
        margin-bottom: 4px
    }
}

@media (min-width:640px) {
    footer .mdl-mega-footer__right-section>.telLink a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none
    }
}

footer .mdl-mega-footer__right-section>small {
    display: block;
    margin: 16px 0 24px;
    font-size: 12px;
    vertical-align: middle
}

footer .mdl-mega-footer__right-section .footer__button--pri {
    position: relative;
    margin: 20px auto 0;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px !important
}

footer .mdl-mega-footer__right-section .footer__button--pri a {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

footer .mdl-mega-footer__right-section .footer__button--pri a span {
    position: absolute;
    left: 0;
    padding: 16px;
    z-index: 20;
    text-shadow: none
}

footer .mdl-mega-footer__right-section .footer__button--pri a:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

footer .mdl-mega-footer__right-section .footer__button--pri a::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

footer .mdl-mega-footer__right-section .footer__button--pri {
    border-color: #0457a7;
    background-color: #0457a7
}

footer .mdl-mega-footer__right-section .footer__button--pri a span {
    color: #fff;
    transition-delay: .2s
}

footer .mdl-mega-footer__right-section .footer__button--pri a span:hover {
    color: #0457a7;
    transition-delay: .1s
}

footer .mdl-mega-footer__right-section .footer__button--pri a::before {
    background: #fff
}

footer .mdl-mega-footer__right-section .footer__button--pri {
    width: 100%;
    max-width: 200px;
    height: 29px;
    margin: 0
}

@media (max-width:768px) {
    footer .mdl-mega-footer__right-section .footer__button--pri {
        max-width: 182px;
        margin: 0 auto
    }
}

footer .mdl-mega-footer__right-section .footer__button--pri>a>span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0;
    font-size: 15px;
    line-height: 1.2;
    z-index: 0
}

@media (max-width:320px) {
    footer .mdl-mega-footer__right-section .footer__button--pri>a>span {
        width: 100%;
        font-size: 12px
    }
}

footer .mdl-mega-footer__right-section .footer__button--pri>a.kintai_contact:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    top: 60%;
    width: 10px;
    height: 10px;
    right: 12px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg)
}

footer .mdl-mega-footer__right-section a {
    margin-left: 0
}

footer .mdl-mega-footer__right-section h2 span {
    font-size: 12px;
    font-weight: 400;
    margin-left: 1rem
}

footer .mdl-mega-footer__right-section h3 {
    overflow: hidden;
    margin: 0;
    width: 200px;
    line-height: 40px;
    text-align: center;
    font-size: 12px
}

footer .mdl-mega-footer__right-section h3>span {
    position: relative;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    text-align: left
}

footer .mdl-mega-footer__right-section h3>span::after,
footer .mdl-mega-footer__right-section h3>span::before {
    position: absolute;
    top: 50%;
    content: "";
    width: 400%;
    height: 1px;
    background-color: #ccc
}

footer .mdl-mega-footer__right-section h3>span::before {
    right: 100%
}

footer .mdl-mega-footer__right-section h3>span::after {
    left: 100%
}

@media (max-width:768px) {
    footer .mdl-mega-footer__right-section h3 {
        width: 100%
    }
}

@media (max-width:1080px) {
    footer .mdl-mega-footer__right-section {
        width: 100%;
        clear: both
    }
}

@media (max-width:808px) {
    footer .mdl-mega-footer__right-section {
        text-align: center
    }
}

footer .sg-footer-bottom {
    background-color: #fafafa;
    padding: 40px 0 56px 0
}

footer .sg-footer-bottom__wrapper {
    width: 100%;
    max-width: 1160px;
    padding: 36px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 12px
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper {
        width: 90%;
        padding: 17px 0 0
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 440px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 40px
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company {
        display: block;
        max-width: 100%
    }
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company {
        margin-bottom: 4px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .company {
    margin-bottom: 12px;
    margin-left: 0;
    font-size: 14px
}

footer .sg-footer-bottom__wrapper .flex-item__company .company a {
    color: #0457a7;
    text-decoration: none
}

footer .sg-footer-bottom__wrapper .flex-item__company .company .t-blank {
    position: relative
}

footer .sg-footer-bottom__wrapper .flex-item__company .company .t-blank[target=_blank]::before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -22px;
    top: 13px
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .company .t-blank[target=_blank]::before {
        top: 10px
    }
}

@media (min-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .company a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .company a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: #0457a7;
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        -ms-transform-origin: left top;
        transform-origin: left top;
        transition-delay: .1s
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .company a:hover::after {
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1)
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .company a:visited {
        color: #0457a7
    }
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .company {
        margin-left: 26px
    }
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .company {
        margin-left: 26px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:640px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series {
        display: block
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li {
    display: inline-block;
    position: relative
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li {
        margin-bottom: 12px;
        padding-left: 18px
    }
}

@media (max-width:640px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li {
        display: block
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:before {
        position: absolute;
        top: 12px;
        left: -16px;
        border-top: 1px solid #0457a7;
        content: "";
        width: 8px;
        color: #0457a7
    }
}

@media (max-width:640px) and (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:before {
        left: 0
    }
}

@media (max-width:640px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:after {
        display: none
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child {
    padding-right: 56px
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child {
        padding-right: 40px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child:before {
    position: absolute;
    top: 12px;
    left: -16px;
    border-top: 1px solid #0457a7;
    content: "";
    width: 8px;
    color: #0457a7
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child:before {
        left: 0
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child:after {
    position: absolute;
    top: 8px;
    right: 18px;
    content: "";
    width: 1px;
    height: 10px;
    background: #ccc
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li:first-child:after {
        right: 2px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li a {
    color: #0457a7;
    text-decoration: none
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li .t-blank {
    position: relative
}

footer .sg-footer-bottom__wrapper .flex-item__company .series>li .t-blank[target=_blank]::before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -22px;
    top: 13px
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li .t-blank[target=_blank]::before {
        top: 10px
    }
}

@media (min-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__company .series>li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .series>li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: #0457a7;
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        -ms-transform-origin: left top;
        transform-origin: left top;
        transition-delay: .1s
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .series>li a:hover::after {
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1)
    }

    footer .sg-footer-bottom__wrapper .flex-item__company .series>li a:visited {
        color: #0457a7
    }
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos {
        display: block
    }
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li {
    margin-right: 18px
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li a {
    color: #0457a7;
    text-decoration: none
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li .t-blank {
    position: relative
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li .t-blank[target=_blank]::before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -22px;
    top: 13px
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos li .t-blank[target=_blank]::before {
        top: 10px
    }
}

@media (min-width:768px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos li a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    footer .sg-footer-bottom__wrapper .flex-item__hrmos li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: #0457a7;
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1);
        -ms-transform-origin: left top;
        transform-origin: left top;
        transition-delay: .1s
    }

    footer .sg-footer-bottom__wrapper .flex-item__hrmos li a:hover::after {
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform .4s cubic-bezier(.645, .045, .355, 1)
    }

    footer .sg-footer-bottom__wrapper .flex-item__hrmos li a:visited {
        color: #0457a7
    }
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li:last-of-type {
    margin-right: 0
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos li:last-of-type {
        margin-bottom: 0
    }
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .flex-item__hrmos li {
        margin-bottom: 12px;
        margin-left: 26px
    }
}

footer .sg-footer-bottom__wrapper .flex-item__hrmos li>a span {
    font-size: 11px
}

footer .sg-footer-bottom__wrapper .privacy-group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr;
    grid-template-columns: 50px 1fr;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px;
    margin-left: auto;
    margin-top: 24px
}

@media (max-width:1080px) {
    footer .sg-footer-bottom__wrapper .privacy-group {
        margin-left: 26px
    }
}

@media (max-width:1160px) {
    footer .sg-footer-bottom__wrapper .privacy-group {
        margin-left: 26px
    }
}

@media (max-width:768px) {
    footer .sg-footer-bottom__wrapper .privacy-group {
        margin-left: 26px
    }
}

footer .sg-footer-bottom__wrapper .privacy-group .privacy-link {
    display: block
}

footer .sg-footer-bottom__wrapper .privacy-group .privacy-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 126px 1fr;
    grid-template-columns: 126px 1fr;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

footer .sg-footer-bottom__wrapper .privacy-group .privacy-text .text {
    font-weight: 400;
    font-size: 9px;
    line-height: 1.6;
    letter-spacing: 0;
    color: #333
}

@media (max-width:480px) {
    footer .sg-footer-bottom__wrapper .privacy-group {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        text-align: center;
        gap: 16px;
        margin-top: 20px;
        padding-bottom: 26px
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-link {
        height: 50px
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-link img {
        height: 100%
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-text {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-text img {
        height: 69px;
        margin: 0 auto
    }

    footer .sg-footer-bottom__wrapper .privacy-group .privacy-text .text {
        max-width: 216px;
        margin: 0 auto;
        text-align: left
    }
}

.content__container {
    margin: 0 auto 72px
}

@media (max-width:808px) {
    .content__container {
        margin: 0 auto 72px
    }
}

.pg-download-contact__figure {
    max-width: 500px;
    margin: 0 auto 24px;
    border: 1px solid #e6e6e6
}

.pg-download-contact__figure.b-none {
    border: none
}

@media (max-width:640px) {
    .pg-download-contact__figure {
        width: 100%
    }
}

.is-portrait {
    overflow: hidden;
    position: relative;
    width: 350px;
    height: 320px;
    display: block;
    margin: 0 auto 24px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.is-portrait:after {
    z-index: 1;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 180px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 80%, #fff 100%)
}

.is-portrait img {
    margin-top: 0;
    box-shadow: none
}

@media (max-width:990px) {
    .is-portrait img {
        width: 100% !important
    }
}

.pg-layout__buttons__dlthanks {
    margin: 0 auto 40px
}

.pg-layout__buttons__cpthanks {
    margin: 24px auto 40px
}

.pg-seminar_video {
    display: block;
    position: relative;
    width: 640px;
    height: 0;
    padding-bottom: 360px;
    margin: 40px auto 0;
    border: 1px solid #ccc;
    box-sizing: content-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.pg-seminar_video iframe {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

@media (max-width:640px) {
    .pg-seminar_video {
        width: 100%;
        height: auto;
        padding-bottom: 56.25%
    }
}

.pg-seminar_video__link {
    display: block;
    width: 640px;
    margin: 8px auto 0;
    text-align: right
}

@media (max-width:990px) {
    .pg-seminar_video__link {
        width: 100%
    }
}

.sg-layout__wrapper {
    position: relative
}

.sg-layout__wrapper .sg-seminar__cover {
    display: block;
    position: absolute;
    background: #fff;
    width: 100%;
    height: 90%;
    top: 0;
    z-index: 10
}

.is-off__cover {
    background: 0 0 !important;
    width: 0 !important;
    height: 0 !important
}

.pg-seminar_youtube {
    position: relative;
    max-width: 640px;
    height: 0;
    padding-bottom: 360px;
    margin: 24px auto 0
}

@media (max-width:640px) {
    .pg-seminar_youtube {
        width: 100%;
        height: auto;
        padding-bottom: 56.25%
    }
}

.pg-seminar_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.content__section {
    width: 864px;
    margin: 0 auto
}

@media (max-width:808px) {
    .content__section {
        width: 100%
    }
}

.content__section h1 {
    padding-top: 64px;
    margin: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700
}

.content__section h1.content__title__center {
    text-align: center
}

@media (max-width:808px) {
    .content__section h1 {
        padding-top: 40px;
        font-size: 24px
    }
}

@media (max-width:640px) {
    .content__section h1 {
        line-height: 1.4
    }
}

.content__section h1 {
    text-align: center;
    padding-bottom: 56px
}

.content__section>.contact__wrap>.contact__description>ul {
    padding: 24px;
    background-color: #f3f5f6;
    font-size: 16px;
    line-height: 1.7
}

.content__section>.contact__wrap>.contact__description>ul li {
    list-style-type: none;
    position: relative;
    padding: 0 0 16px 14px
}

.content__section>.contact__wrap>.contact__description>ul li::before {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 2px;
    top: 10px;
    content: "";
    background: #0457a7
}

.content__section>.contact__wrap>.contact__description>ul li:last-child {
    padding-bottom: 0
}

.content__section>.contact__wrap>.contact__description>ul li>em {
    font-weight: 700;
    font-style: normal;
    color: #0457a7
}

.content__section>.contact__wrap>.contact__description>ul {
    margin-bottom: 24px
}

.content__section>.contact__wrap>.contact__description>p {
    font-size: 14px;
    padding-bottom: 24px
}

@media (min-width:809px) {
    .content__section>.contact__wrap>.contact__description>p {
        font-size: 16px;
        text-align: center
    }
}

.content__section>.contact__wrap>.contact__description>p.link__kintai {
    padding-bottom: 8px;
    padding-right: 17px
}

.content__section>.contact__wrap>.contact__description>p.link__keihi {
    padding-bottom: 24px
}

.content__section>.contact__wrap>.contact__description>p a.contact-link {
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-left: 16px
}

@media (min-width:809px) {
    .content__section>.contact__wrap>.contact__description>p a.contact-link {
        font-size: 16px
    }
}

.content__section>.contact__wrap>.contact__description>p a.contact-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--ter-f8460dab6d.svg)
}

.content__section>.contact__wrap>.contact__description>p a.contact-link:hover {
    opacity: .6
}

.content__section>.contact__wrap>.contact__description>p a.contact-link.linkblank::after {
    margin: 0 5px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    background-size: contain;
    vertical-align: middle
}

.content__section>.contact__wrap>.contact__description .contact__telLink {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:640px) {
    .content__section>.contact__wrap>.contact__description .contact__telLink {
        display: block
    }
}

.content__section>.contact__wrap>.contact__description .contact__telLink .telLink {
    display: block;
    width: 200px
}

@media (max-width:640px) {
    .content__section>.contact__wrap>.contact__description .contact__telLink .telLink {
        margin: 0 auto
    }
}

.content__section>.contact__wrap>.contact__description .contact__telLink small.date {
    font-size: 14px;
    color: #0457a7;
    display: block;
    padding: 8px 0 0 16px
}

@media (max-width:640px) {
    .content__section>.contact__wrap>.contact__description .contact__telLink small.date {
        padding: 8px 0 0;
        text-align: center
    }
}

.content__section>.contact__wrap>.contact__description .contact__note {
    width: 93%;
    margin: 24px auto 0;
    margin-top: 24px;
    padding: 24px;
    background-color: #f3f5f6
}

.content__section>.contact__wrap>.contact__description .contact__note>p {
    text-align: center;
    font-size: 12px;
    line-height: 1.7
}

.content__section>.contact__wrap .attention {
    font-size: 12px
}

.reception-end {
    padding: 32px 0 56px;
    border: none
}

.reception-end__button {
    border-color: #f3f5f6;
    background-color: #f3f5f6;
    border-radius: 4px;
    padding: 16px;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.reception-end__limit {
    text-align: center;
    font-size: 14px;
    margin-top: 16px
}

.is__form-visible {
    display: block;
    visibility: visible;
    z-index: 10
}

.is__form-hidden {
    display: block;
    visibility: hidden;
    z-index: 0
}

.is__form-hidden-people {
    display: none;
    z-index: 0;
    margin: -80px 0 0 !important
}

.is__form-none {
    display: none;
    z-index: 0
}

.pg-ats-contact__select h1 {
    text-align: center;
    padding: 0 0 40px
}

.pg-ats-contact__select p {
    text-align: center
}

.pg-ats-contact__select ul {
    display: -ms-flexbox;
    display: flex;
    width: 430px;
    margin: 0 auto;
    border: 2px solid #0457a7;
    border-radius: 5px
}

@media (max-width:990px) {
    .pg-ats-contact__select ul {
        display: block;
        width: 90%
    }
}

.pg-ats-contact__select ul li input[type=radio] {
    display: none
}

.pg-ats-contact__select ul li input[type=radio]:checked+label {
    opacity: 1;
    background-color: #0457a7;
    color: #fff
}

.pg-ats-contact__select ul li label {
    display: block;
    width: 212px;
    padding: 8px 16px;
    font-size: 16px;
    text-align: center;
    transition-delay: .1s
}

@media (max-width:990px) {
    .pg-ats-contact__select ul li label {
        width: 100%
    }
}

.pg-ats-contact__select ul li label:hover {
    background-color: #0457a7;
    color: #fff;
    cursor: pointer
}

.pg-ats-contact__select ul li:first-child {
    border-right: 2px solid #0457a7
}

@media (max-width:990px) {
    .pg-ats-contact__select ul li:first-child {
        border-right: none;
        border-bottom: 2px solid #0457a7
    }
}

.pg-ats-contact__select ul li:first-child label {
    border-radius: 1px 0 0 1px
}

.pg-ats-contact__select ul li:last-child label {
    border-radius: 0 1px 1px 0
}

.pg-ats-contact .sg-layout__wrapper .flex-item__summary {
    position: absolute;
    top: 0;
    left: 0;
    width: 560px !important
}

@media (max-width:990px) {
    .pg-ats-contact .sg-layout__wrapper .flex-item__summary {
        width: 100% !important
    }
}

.pg-ats-contact .sg-layout__wrapper .flex-item__summary .sg-headline__h3 {
    margin-bottom: 24px;
    font-size: 24px
}

.pg-ats-contact .sg-layout__wrapper .flex-item__summary .sg-headline__h3 span {
    font-size: 12px
}

.pg-ats-contact .sg-layout__wrapper .flex-item__summary p.note {
    margin: 0 0 32px;
    font-size: 12px;
    color: grey;
    line-height: 1.5
}

.pg-ats-contact .sg-layout__wrapper .flex-item__summary figure img:first-child {
    margin-bottom: 24px
}

.pg-ats-contact .sg-layout__wrapper .flex-item__form {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    padding-bottom: 80px
}

.pg-ats-contact .sg-layout__wrapper .flex-item__form>div form {
    width: 560px !important
}

@media (min-width:991px) {
    .pg-ats-contact .sg-layout__wrapper {
        width: 1160px
    }
}

@media (max-width:990px) {

    .pg-ats-contact .sg-layout__wrapper .flex-item__form,
    .pg-ats-contact .sg-layout__wrapper .flex-item__summary {
        position: relative
    }
}

.youtube__wrapper {
    display: block;
    background: #f3f5f5
}

.youtube__wrapper-inner {
    display: block;
    max-width: 990px;
    margin: 0 auto;
    padding: 32px 16px;
    box-sizing: border-box
}

.youtube__seminar {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.youtube__seminar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.youtube__new-window {
    display: block;
    margin-top: 16px;
    text-align: right
}

.youtube__description {
    display: block;
    margin-top: 32px
}

.youtube__playback-position-caption {
    display: block;
    margin: 48px auto 0;
    text-align: center
}

.youtube__playback-position-caption h4 {
    margin: 0 auto;
    font-weight: 700
}

.youtube__playback-position {
    display: block;
    margin: 32px auto 0;
    text-align: center
}

.youtube__playback-position ul {
    display: inline-block
}

.youtube__playback-position li {
    text-align: left
}

.youtube__playback-position a {
    display: -ms-flexbox;
    display: flex;
    margin: 16px auto 0;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4
}

.youtube__playback-position div {
    line-height: 1.6;
    text-align: left
}

.youtube__playback-position div:first-child span {
    display: inline;
    margin-right: 16px;
    padding-bottom: 2px;
    background: linear-gradient(transparent 96%, #2593ff 0)
}

.youtube__playback-position div:nth-child(2) span {
    display: inline;
    padding-bottom: 2px;
    background: linear-gradient(transparent 96%, #333 0);
    color: #333
}

.sg-layout__section.thanks-redelivery {
    padding-bottom: 80px
}

.sg-layout__section.thanks-redelivery .sg-layout__buttons__sec {
    margin: 80px auto 0
}

@media (max-width:990px) {
    .sg-layout__section--request {
        padding-bottom: 120px
    }
}

.pg-seminar__h1 {
    margin: 0;
    padding: 40px 0 0;
    font-size: 32px;
    font-weight: 700;
    text-align: center
}

.pg-seminar__new-window {
    display: block;
    width: 640px;
    margin: 16px auto 0;
    text-align: right
}

@media (max-width:768px) {
    .pg-seminar__new-window {
        width: 100%
    }
}

.pg-seminar__description {
    display: block;
    width: 640px;
    margin: 32px auto 0
}

@media (max-width:768px) {
    .pg-seminar__description {
        width: 100%
    }
}

.thanks-video-link-wrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 80px 16px 0;
    text-align: center
}

.thanks-video-link-wrapper h4 {
    font-weight: 700
}

.thanks-video-link-wrapper ul {
    display: inline-block;
    margin: 32px auto 0
}

.thanks-video-link-wrapper ul li {
    text-align: left;
    font-size: 16px
}

.thanks-video-link-wrapper ul li:nth-child(n+2) {
    margin-top: 16px
}

.thanks-video-link-wrapper ul li span {
    display: block
}

.thanks-video-link-wrapper ul li a {
    word-break: break-all
}

.index-footer {
    padding: 0 0 56px
}

.index-footer .contents-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 990px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box
}

@media (max-width:768px) {
    .index-footer .contents-inner {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center
    }
}

.index-footer .contents-inner a {
    text-decoration: none;
    color: #333
}

.index-footer .management {
    margin: 0
}

@media (max-width:768px) {
    .index-footer .management {
        margin-top: 32px
    }
}

.index-footer__logo img {
    width: 250px;
    height: auto
}

@media (max-width:768px) {
    .index-footer__logo img {
        width: 210px
    }
}

.form-redelivery .index-footer {
    padding: 56px 0
}

.pg-ats-contact-campaignimg {
    margin-bottom: 20px
}

.pg-ats-simulator-campaignimg {
    margin: 0 auto
}

.pg-layout__thanks_contact {
    display: block;
    padding: 24px;
    margin: 0 auto;
    max-width: 720px;
    border: 1px solid #ccc;
    font-size: 14px !important
}

.thanks-footer__bunner {
    margin: 40px auto -28px;
    width: 1160px;
    max-width: 90%
}

@media (max-width:768px) {
    .thanks-footer__bunner {
        width: 100%;
        margin-bottom: -36px
    }
}

@media (max-width:640px) {
    .thanks-footer__bunner {
        margin-bottom: -6px
    }
}

.thanks-footer__bunner-item {
    border: 1px solid #ccc;
    overflow: hidden
}

.thanks-footer__bunner-item a {
    display: block;
    text-align: center
}

.thanks-footer__bunner-item a img {
    transition: transform .4s cubic-bezier(.645, .045, .355, 1)
}

.thanks-footer__bunner-item a:hover img {
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width:768px) {
    .thanks-footer__bunner-item a:hover img {
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.sg-layout__section.sg-layout__section--short {
    padding-top: 20px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .flex-item__summary {
    max-width: 540px !important
}

@media (max-width:990px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .flex-item__summary {
        max-width: 580px
    }
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .flex-item__summary>h1 {
    font-size: 24px;
    padding: 0 0 16px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .flex-item__summary .summary-list {
    margin: 0 0 20px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .flex-item__summary .summary-list .content__list__normal>li {
    padding: 0 0 4px 14px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short {
    position: relative;
    max-width: 580px;
    height: fit-content;
    border-radius: 5px;
    margin: 0 auto
}

@media (max-width:990px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short {
        padding: 32px 5%;
        margin: 32px auto
    }
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section {
    position: relative;
    background-color: #ecfaff;
    padding: 32px
}

@media (max-width:768px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section {
        max-width: 580px;
        margin: 0 auto
    }
}

@media (max-width:640px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section {
        width: 100%
    }
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section>h2 {
    color: #0457a7;
    padding: 0;
    margin: 0 0 16px;
    text-align: left;
    font-size: 18px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__note {
    font-size: 12px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section .required-annotation {
    margin-bottom: 0
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents {
    background-color: transparent;
    padding: 0
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form {
    width: 100%
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset {
    margin-top: 12px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-multi-column {
    font-size: 0
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-multi-column>div {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-multi-column>div+div {
    margin-left: 20px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-submit-wrap {
    position: relative
}

@media (max-width:640px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-submit-wrap {
        margin-top: 24px
    }
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-submit-wrap .lp-form__submit-free {
    display: block;
    position: absolute;
    top: 50%;
    left: 15%;
    background-color: #fff;
    border-radius: 4px;
    margin-top: -15px;
    padding: 4px 12px;
    border: 1px solid #e73858;
    color: #e73858;
    font-size: 14px
}

@media (max-width:640px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-submit-wrap .lp-form__submit-free {
        left: 10%;
        font-size: 12px
    }
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-submit-wrap input[type=submit] {
    padding-left: 50px;
    font-size: 16px;
    font-weight: 700
}

@media (max-width:640px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-submit-wrap input[type=submit] {
        font-size: 14px
    }
}

@media (max-width:320px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset.is-submit-wrap input[type=submit] {
        font-size: 12px
    }
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset legend {
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset legend.agree-personal-information {
    font-size: 14px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset legend.agree-personal-information>a {
    font-size: 14px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset legend.agree-personal-information>label::before {
    background-color: #fff
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset legend em {
    font-weight: 400;
    display: inline-block;
    padding: 0 0 0 6px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form fieldset span {
    font-size: 14px;
    font-weight: 400
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form em {
    padding-left: 2px;
    font-size: 12px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section__contents .flex-item__form .description {
    margin: 4px 0 0;
    line-height: 1.6;
    color: #999
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section .lp-form__error-message {
    display: none;
    margin: 4px 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #e73858;
    line-height: 1.5
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section input[type=email],
.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section input[type=tel],
.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section input[type=text],
.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .lp-section textarea {
    background: #fff;
    padding: 8px;
    font-size: 16px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .privacymark {
    position: absolute;
    bottom: -130px;
    right: -40px
}

@media screen and (max-width:640px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .privacymark {
        right: -20px
    }
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .privacymark>a>figure {
    text-align: right;
    width: 100%;
    max-width: 580px;
    margin: 12px auto 0
}

@media (max-width:990px) {
    .sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .privacymark>a>figure {
        margin: 12px auto 0
    }
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .privacymark>a>figure>img {
    max-width: 80px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .pg_hm_check_function>div>ul {
    margin-top: 8px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .pg_hm_check_function>div>ul>li>label:before {
    background: #fff
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .input-assist-opener-wrapper {
    display: none
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short .select-wrapper:after {
    top: 20px
}

.sg-layout__section.sg-layout__section--short .sg-layout__wrapper .lp-form.lp-form--short select {
    height: auto;
    padding: 8px;
    background: #fff;
    font-size: 16px
}

.sg-layout__section.sg-layout__section--short .to-kintai {
    margin: 8px 0 0;
    text-align: right;
    position: relative
}

.sg-layout__section.sg-layout__section--short .to-kintai a:hover {
    opacity: .6
}

.sg-layout__section.sg-layout__section--short .to-kintai:before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--ter-f8460dab6d.svg);
    right: 230px;
    left: auto
}

.flex-item__form.lp-form--short>div {
    position: relative;
    max-width: 480px;
    height: fit-content;
    background-color: #ecfaff;
    border-radius: 5px;
    padding: 32px;
    margin: 0 auto;
    border: none !important
}

@media (max-width:990px) {
    .flex-item__form.lp-form--short>div {
        padding: 32px 5%;
        margin: 32px auto
    }
}

@media screen and (max-width:640px) {
    .flex-item__form.lp-form--short>div {
        width: 100%;
        padding: 5% !important
    }
}

.flex-item__form.lp-form--short>div>h3 {
    color: #0457a7;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 18px
}

.flex-item__form.lp-form--short>div__note {
    font-size: 12px
}

.flex-item__form.lp-form--short>div .required-annotation {
    margin-bottom: 0
}

.flex-item__form.lp-form--short>div>form {
    width: 480px;
    border: none !important;
    margin-top: 0 !important;
    padding: 0 !important
}

@media screen and (max-width:640px) {
    .flex-item__form.lp-form--short>div>form {
        width: 90%
    }
}

.flex-item__form.lp-form--short>div>form .lp-form__error-message {
    display: none;
    margin: 4px 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #e73858;
    line-height: 1.5
}

.flex-item__form.lp-form--short>div>form fieldset {
    margin-top: 12px
}

.flex-item__form.lp-form--short>div>form fieldset.is-multi-column {
    font-size: 0
}

.flex-item__form.lp-form--short>div>form fieldset.is-multi-column>div {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top
}

.flex-item__form.lp-form--short>div>form fieldset.is-multi-column>div+div {
    margin-left: 20px
}

.flex-item__form.lp-form--short>div>form fieldset.is-submit-wrap {
    position: relative
}

@media (max-width:640px) {
    .flex-item__form.lp-form--short>div>form fieldset.is-submit-wrap {
        margin-top: 24px
    }
}

.flex-item__form.lp-form--short>div>form fieldset.is-submit-wrap .lp-form__submit-free {
    display: block;
    position: absolute;
    top: 50%;
    left: 20%;
    background-color: #fff;
    border-radius: 4px;
    margin-top: -15px;
    padding: 4px 12px;
    border: 1px solid #e73858;
    color: #e73858;
    font-size: 14px
}

@media (max-width:640px) {
    .flex-item__form.lp-form--short>div>form fieldset.is-submit-wrap .lp-form__submit-free {
        left: 10%;
        font-size: 12px
    }
}

.flex-item__form.lp-form--short>div>form fieldset.is-submit-wrap input[type=submit] {
    padding-left: 60px;
    font-size: 16px;
    font-weight: 700
}

@media (max-width:640px) {
    .flex-item__form.lp-form--short>div>form fieldset.is-submit-wrap input[type=submit] {
        font-size: 14px
    }
}

@media (max-width:320px) {
    .flex-item__form.lp-form--short>div>form fieldset.is-submit-wrap input[type=submit] {
        font-size: 12px
    }
}

.flex-item__form.lp-form--short>div>form fieldset legend {
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.flex-item__form.lp-form--short>div>form fieldset legend.agree-personal-information {
    font-size: 14px
}

.flex-item__form.lp-form--short>div>form fieldset legend.agree-personal-information>a {
    font-size: 14px
}

.flex-item__form.lp-form--short>div>form fieldset legend.agree-personal-information>label::before {
    background-color: #fff
}

.flex-item__form.lp-form--short>div>form fieldset legend em {
    font-weight: 400;
    display: inline-block;
    padding: 0 0 0 6px
}

.flex-item__form.lp-form--short>div>form fieldset span {
    font-size: 14px;
    font-weight: 400
}

.flex-item__form.lp-form--short>div>form fieldset em {
    padding-left: 2px;
    font-size: 12px
}

.flex-item__form.lp-form--short>div>form fieldset .description {
    margin: 4px 0 0;
    line-height: 1.6;
    color: #999
}

.flex-item__form.lp-form--short>div>form fieldset input[type=email],
.flex-item__form.lp-form--short>div>form fieldset input[type=tel],
.flex-item__form.lp-form--short>div>form fieldset input[type=text],
.flex-item__form.lp-form--short>div>form fieldset textarea {
    background: #fff;
    padding: 8px;
    font-size: 16px
}

.flex-item__form.lp-form--short>div>form .pg_hm_check_function>div>ul {
    margin-top: 8px
}

.flex-item__form.lp-form--short>div>form .pg_hm_check_function>div>ul>li>label:before {
    background: #fff
}

.flex-item__form.lp-form--short>div>form .pg_hm_check_function>div>ul>li>label:after {
    left: -26px
}

.flex-item__form.lp-form--short>div>form .input-assist-opener-wrapper {
    display: none
}

.pg_privacy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #fff !important;
    padding: 20px 0 !important
}

@media (max-width:990px) {
    .pg_privacy {
        padding: 0 !important;
        margin: 0 auto
    }
}

.pg_privacy>p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 24px 0 0
}

.pg_privacy>a>.privacy-logo {
    margin: 0 auto !important;
    max-width: 60px
}

@media (max-width:990px) {
    .pg_privacy>a>.privacy-logo {
        margin: 0
    }
}

.pg-sections-request--optimazie {
    background: linear-gradient(90deg, transparent 0, transparent 50%, #eaf5ff 50%, #eaf5ff)
}

@media (max-width:860px) {
    .pg-sections-request--optimazie {
        background: unset
    }
}

.pg-sections-request--optimazie__layout {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1192px;
    padding: 0 16px;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout {
        padding: 0;
        display: block
    }
}

.pg-sections-request--optimazie__layout .left {
    width: 50%
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .left {
        width: 90%;
        margin: 0 auto
    }
}

.pg-sections-request--optimazie__layout .left__wrapper {
    width: 100%;
    min-height: 100vh;
    padding: 112px 0 56px;
    margin: 0
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .left__wrapper {
        min-height: auto;
        padding: 112px 0 56px;
        margin: 0 auto
    }
}

@media (max-width:420px) {
    .pg-sections-request--optimazie__layout .left__wrapper {
        padding: 112px 0 0
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content {
    max-width: 486px;
    margin-right: 4vw
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .left__wrapper .content {
        margin: 0 auto
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content>h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 32px
}

@media (max-width:1080px) {
    .pg-sections-request--optimazie__layout .left__wrapper .content>h1 {
        font-size: 24px
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content .order {
    padding-top: 0;
    margin: 0 0 10px;
    counter-reset: flow-item
}

.pg-sections-request--optimazie__layout .left__wrapper .content .order__list {
    background: #f3f5f6;
    padding: 24px 24px 24px 78px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .left__wrapper .content .order__list {
        padding: 16px 16px 16px 60px
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content .order__list::before {
    counter-increment: flow-item;
    content: counter(flow-item);
    display: block;
    width: 36px;
    height: 36px;
    font-family: Lato, "Noto Sans JP", sans-serif;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #0457a7;
    position: absolute;
    top: 50%;
    left: 26px;
    margin-top: -18px
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .left__wrapper .content .order__list::before {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        left: 16px;
        margin-top: -14px
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content .order__list:last-of-type {
    margin: 0
}

.pg-sections-request--optimazie__layout .left__wrapper .content .order__list .note {
    color: grey;
    font-size: 12px
}

.pg-sections-request--optimazie__layout .left__wrapper .content .order__list--pc {
    display: block
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .left__wrapper .content .order__list--pc {
        display: none
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content .order__list--sp {
    display: none
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .left__wrapper .content .order__list--sp {
        display: block
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content .text {
    color: grey;
    font-size: 10px;
    text-align: right;
    margin: 10px 0 32px
}

@media (max-width:420px) {
    .pg-sections-request--optimazie__layout .left__wrapper .content .text {
        text-align: left
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content .pg-title--h3 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    padding: 0;
    margin: 0 0 12px
}

.pg-sections-request--optimazie__layout .left__wrapper .content .request-ats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.pg-sections-request--optimazie__layout .left__wrapper .content .request-ats__left {
    margin-right: 24px
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .left__wrapper .content .request-ats__left {
        margin-right: 16px
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content .request-ats__left>img {
    width: 100%;
    max-width: 100%
}

.pg-sections-request--optimazie__layout .left__wrapper .content .request-ats__right {
    display: block;
    -ms-flex-align: center;
    align-items: center
}

.pg-sections-request--optimazie__layout .left__wrapper .content .request-ats__right>img {
    width: 100%;
    max-width: 194px;
    margin: 0 0 16px
}

@media (max-width:420px) {
    .pg-sections-request--optimazie__layout .left__wrapper .content .request-ats__right>img {
        max-width: 187px
    }
}

.pg-sections-request--optimazie__layout .left__wrapper .content .request-ats__right>img:last-of-type {
    margin: 0
}

.pg-sections-request--optimazie__layout .left__wrapper .content .request-hr>figure {
    max-width: 100%;
    margin-bottom: 16px
}

.pg-sections-request--optimazie__layout .left__wrapper .content .request-hr>figure:last-of-type {
    margin-bottom: 0
}

.pg-sections-request--optimazie__layout .right {
    position: sticky;
    top: 0;
    width: 50%;
    max-width: 490px;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eaf5ff;
    background-size: cover;
    color: #fff
}

@media (min-width:420px) and (max-height:720px) {
    .pg-sections-request--optimazie__layout .right {
        height: 120vh
    }
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .right {
        position: relative;
        width: 100%;
        max-width: 100%
    }
}

@media (max-width:420px) {
    .pg-sections-request--optimazie__layout .right {
        height: auto
    }
}

.pg-sections-request--optimazie__layout .right::after {
    position: absolute;
    content: "";
    left: -14px;
    top: 132px;
    bottom: -44px;
    border-color: #eaf5ff transparent;
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 22px 0
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .right::after {
        display: none
    }
}

.pg-sections-request--optimazie__layout .right .pg-form {
    position: absolute;
    top: 32px
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .right .pg-form {
        top: 40px
    }
}

@media (max-width:420px) {
    .pg-sections-request--optimazie__layout .right .pg-form {
        background: #eaf5ff;
        padding: 40px 0
    }
}

.pg-sections-request--optimazie__layout .right .pg-form__layout {
    position: relative;
    max-width: 364px;
    height: fit-content;
    border-radius: 5px;
    margin: 0 auto;
    border: none
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout {
        width: 100%;
        max-width: 486px;
        padding: 0
    }
}

@media (max-width:640px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout {
        width: 90%
    }
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-privacy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin-bottom: 32px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-privacy>p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #8b8c8d;
    font-size: 12px;
    margin: 0
}

@media (max-width:640px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout .pg-privacy>p {
        margin: 0 24px 0 0
    }
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-privacy>a>.privacy-logo {
    width: 60px;
    height: auto;
    margin: 0
}

.pg-sections-request--optimazie__layout .right .pg-form__layout h3 {
    color: #0457a7;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    padding: 0;
    margin: 0 0 24px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-text {
    color: #333;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 14px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout__note {
    font-size: 12px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .required-annotation {
    margin-bottom: 0
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form {
    max-width: 364px;
    border: none;
    margin-top: 0;
    padding: 0
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout>form {
        width: 100%;
        max-width: 100%
    }
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form .lp-form__error-message {
    display: none;
    font-size: 11px;
    font-weight: 400;
    color: #e73858;
    line-height: 1.5;
    margin: 4px 0 0
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset {
    margin-top: 12px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-multi-column {
    font-size: 0
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-multi-column>div {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-multi-column>div+div {
    margin-left: 20px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap,
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all {
    display: block;
    position: relative;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    border-color: #e73858;
    border-radius: 3px;
    background-color: #e73858;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    margin-top: 20px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all:hover::before,
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all:hover>.is-submit-text,
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap:hover>.is-submit-text {
    color: #e73858;
    font-weight: 700
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all::before,
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all {
    width: 400px;
    margin: 20px auto
}

@media (max-width:640px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all {
        width: 100%
    }
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap {
    position: relative
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap {
        margin-top: 24px
    }
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free {
    display: block;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 20%;
    background-color: #fff;
    border-radius: 4px;
    padding: 3px 7px;
    border: 1px solid #e73858;
    color: #e73858;
    font-size: 12px;
    font-weight: 700
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free {
        left: 30%;
        font-size: 12px
    }
}

@media (max-width:420px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free {
        left: 26%
    }
}

@media (max-width:320px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free {
        left: 20%
    }
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit] {
    display: block;
    position: relative;
    padding-left: 60px;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid #e73858;
    border-radius: 3px;
    background-color: transparent;
    width: 100%;
    height: 45px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    transition-delay: .2s;
    margin: 0
}

@media (max-width:860px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit] {
        font-size: 14px
    }
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit]:hover {
    color: #e73858;
    transition-delay: .1s
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend {
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    color: #333;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>a {
    color: #333;
    font-size: 12px;
    margin-left: -12px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information .agree-text {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>input[type=checkbox] {
    display: none
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after {
    position: absolute;
    top: 0;
    left: 5px;
    width: 3px;
    height: 8px;
    border: 0 solid #0457a7;
    border-right-width: 2px;
    border-bottom-width: 2px;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    z-index: 30
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label {
    cursor: pointer;
    position: relative;
    vertical-align: -6px;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:active,
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:hover {
    opacity: 1
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:after,
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:before {
    content: "";
    display: block;
    position: absolute
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:before {
    top: -3px;
    left: -2px;
    width: 16px;
    height: 16px;
    border: 1px solid #90c1ea;
    background: #fff;
    border-radius: 2px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset legend em {
    display: inline-block;
    color: #e73858;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    padding: 0 0 0 6px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset .select-wrapper {
    position: relative
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset .select-wrapper:after {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    content: "";
    position: absolute;
    top: 18px;
    right: 9px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-width: 8px;
    border-top-color: #999
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset .select-wrapper:-moz-focusring {
    text-shadow: 0
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset .select-wrapper select {
    margin-top: 5px;
    padding: 0 10px;
    width: 100%;
    height: 32px;
    border: 1px solid #90c1ea;
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: .01px;
    text-overflow: ""
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset .select-wrapper select option {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset .select-wrapper select::-ms-expand {
    display: none
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset .is-submit-text {
    position: absolute;
    width: 100%;
    line-height: 45px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset span {
    font-size: 11px;
    color: #e73858;
    line-height: 1.5
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset em {
    padding-left: 2px;
    font-size: 12px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset .description {
    font-size: 11px;
    line-height: 1.4;
    color: #999;
    margin: 4px 0 0
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset input[type=email],
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset input[type=tel],
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset input[type=text],
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset textarea {
    width: 100%;
    margin-top: 4px;
    border-radius: 3px;
    border: 1px solid #90c1ea;
    box-sizing: border-box;
    appearance: none;
    background: #fff;
    padding: 7px;
    font-size: 14px
}

@media (max-width:640px) {
    .pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset :focus {
        outline: 0
    }
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset textarea:-ms-input-placeholder,
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset textarea::-moz-placeholder,
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset textarea::-webkit-input-placeholder,
.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset textarea::placeholder {
    color: #999
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form fieldset .jsc-error-message {
    font-size: 11px;
    font-weight: 400;
    color: #e73858;
    line-height: 1.5;
    margin: 4px 0 0;
    display: none
}

.pg-sections-request--optimazie__layout .right .pg-form__layout>form .hidden-element {
    display: none
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink {
    margin: 20px 0 0
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__kintai,
.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__partner {
    font-size: 12px;
    line-height: 1;
    text-align: right;
    position: relative
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__kintai>a:hover,
.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__partner>a:hover {
    opacity: .6
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__kintai:before,
.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__partner:before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--ter-f8460dab6d.svg);
    left: auto
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__partner {
    margin: 0 0 12px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__partner:before {
    right: 212px
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__kintai {
    margin: 0
}

.pg-sections-request--optimazie__layout .right .pg-form__layout .pg-textlink__kintai:before {
    right: 200px
}

.pg-sections-request__layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1192px;
    padding: 24px 16px;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-sections-request__layout {
        max-width: 640px;
        padding: 0 0 56px;
        display: block
    }

    .pg-sections-request__layout.is-test-column-reverse {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
        gap: 56px 0
    }
}

.pg-sections-request__layout .left {
    width: 100%;
    max-width: 608px;
    margin: 0 40px 0 0
}

@media (max-width:860px) {
    .pg-sections-request__layout .left {
        max-width: 100%;
        margin: 0 auto 56px
    }
}

.pg-sections-request__layout .left__wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

.pg-sections-request__layout .left__wrapper .content {
    max-width: 100%
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content {
        margin: 0 auto;
        min-width: 100%
    }
}

.pg-sections-request__layout .left__wrapper .content>h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 32px
}

.pg-sections-request__layout .left__wrapper .content>h1.blue {
    color: #0457a7;
    letter-spacing: 0 !important
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content>h1.blue {
        font-size: 24px;
        margin: 56px 0 40px
    }
}

.pg-sections-request__layout .left__wrapper .content>h1.biz-campagin {
    font-size: 22px
}

@media (max-width:420px) {
    .pg-sections-request__layout .left__wrapper .content>h1 {
        font-size: 20px;
        margin: 32px 0
    }
}

.pg-sections-request__layout .left__wrapper .content__text {
    font-size: 16px;
    margin: 0 0 40px
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content__text {
        margin: 0 0 24px
    }
}

.pg-sections-request__layout .left__wrapper .content__text .is-pc {
    display: block
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content__text .is-pc {
        display: none
    }
}

.pg-sections-request__layout .left__wrapper .content__text .is-sp {
    display: none
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content__text .is-sp {
        display: block
    }
}

.pg-sections-request__layout .left__wrapper .content .note {
    color: grey;
    font-size: 12px
}

.pg-sections-request__layout .left__wrapper .content .pg-title--h3 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    padding: 0;
    margin: 0 0 12px
}

.pg-sections-request__layout .left__wrapper .content .pg-title--h3.blue {
    color: #0457a7
}

.pg-sections-request__layout .left__wrapper .content .flex-item--hr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 40px
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--hr {
        display: block
    }
}

.pg-sections-request__layout .left__wrapper .content .flex-item--hr__left {
    margin: 0 24px 0 0
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--hr__left {
        margin: 0 0 24px
    }
}

.pg-sections-request__layout .left__wrapper .content .flex-item--hr__left>img {
    width: 100%;
    max-width: 308px
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--hr__left>img {
        max-width: 100%
    }
}

.pg-sections-request__layout .left__wrapper .content .flex-item--hr__demo {
    display: block;
    margin: 0 auto;
    width: 310px
}

.pg-sections-request__layout .left__wrapper .content .flex-item--hr__right>li {
    list-style-type: none;
    position: relative;
    padding-left: 16px;
    font-size: 13px;
    line-height: 1.8
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--hr__right>li {
        font-size: 14px
    }
}

.pg-sections-request__layout .left__wrapper .content .flex-item--hr__right>li:before {
    content: "";
    display: block;
    background: #0457a7;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 3px;
    top: 50%;
    border-radius: 50%;
    width: 5px;
    height: 5px
}

.pg-sections-request__layout .left__wrapper .content .summary-list {
    margin: 0 0 40px
}

.pg-sections-request__layout .left__wrapper .content .summary-list>p {
    font-size: 14px !important
}

.pg-sections-request__layout .left__wrapper .content .summary-list .content__list__normal {
    width: 100%;
    margin: 0 auto
}

.pg-sections-request__layout .left__wrapper .content .summary-list .content__list__normal>li {
    list-style-type: none;
    position: relative;
    padding: 0 0 8px 14px
}

.pg-sections-request__layout .left__wrapper .content .summary-list .content__list__normal>li:before {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 2px;
    top: 10px;
    content: "";
    background: #0457a7
}

.pg-sections-request__layout .left__wrapper .content .request-step {
    padding-top: 0;
    margin: 0 0 40px !important;
    counter-reset: flow-item
}

.pg-sections-request__layout .left__wrapper .content .request-step li {
    position: relative;
    margin-bottom: 16px;
    padding: 20px 20px 20px 78px;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .request-step li {
        padding: 16px 16px 16px 60px
    }
}

.pg-sections-request__layout .left__wrapper .content .request-step li::before {
    counter-increment: flow-item;
    content: counter(flow-item);
    display: block;
    width: 36px;
    height: 36px;
    font-family: Lato, "Noto Sans JP", sans-serif;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #1bacab;
    position: absolute;
    top: 50%;
    left: 26px;
    margin-top: -18px
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .request-step li::before {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        left: 16px;
        margin-top: -14px
    }
}

.pg-sections-request__layout .left__wrapper .content .request-step li.is-pc {
    display: block
}

@media (max-width:990px) {
    .pg-sections-request__layout .left__wrapper .content .request-step li.is-pc {
        display: none
    }
}

.pg-sections-request__layout .left__wrapper .content .request-step li.is-sp {
    display: none
}

@media (max-width:990px) {
    .pg-sections-request__layout .left__wrapper .content .request-step li.is-sp {
        display: block
    }
}

.pg-sections-request__layout .left__wrapper .content .request-step li .note {
    color: grey;
    font-size: 12px
}

.pg-sections-request__layout .left__wrapper .content .flex-item--ats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 0 40px
}

@media (max-width:1024px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--ats {
        display: block
    }
}

.pg-sections-request__layout .left__wrapper .content .flex-item--ats__left {
    margin: 0 24px 0 0
}

@media (max-width:1024px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--ats__left {
        margin: 0 0 24px
    }
}

.pg-sections-request__layout .left__wrapper .content .flex-item--ats__left>img {
    width: 100%;
    max-width: 100%
}

.pg-sections-request__layout .left__wrapper .content .flex-item--ats__right {
    margin-right: 0
}

@media (max-width:1024px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--ats__right {
        display: -ms-flexbox;
        display: flex;
        width: calc(50% - 12px);
        margin-right: 24px
    }

    .pg-sections-request__layout .left__wrapper .content .flex-item--ats__right:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--ats__right {
        width: calc(50% - 4px)
    }
}

.pg-sections-request__layout .left__wrapper .content .flex-item--ats__right>img {
    width: 100%;
    max-width: 194px;
    margin: 0 0 16px
}

@media (max-width:1024px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--ats__right>img {
        max-width: 100%;
        margin: 0 24px 0 0
    }
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content .flex-item--ats__right>img {
        margin: 0 8px 0 0
    }
}

.pg-sections-request__layout .left__wrapper .content .flex-item--ats__right .last {
    margin: 0
}

.pg-sections-request__layout .left__wrapper .content .voice {
    margin: 0 0 40px
}

@media (max-width:420px) {
    .pg-sections-request__layout .left__wrapper .content .voice {
        margin: 0 0 56px
    }
}

.pg-sections-request__layout .left__wrapper .content .voice>h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    margin: 0 0 16px
}

@media (max-width:420px) {
    .pg-sections-request__layout .left__wrapper .content .voice>h3 {
        text-align: center
    }
}

.pg-sections-request__layout .left__wrapper .content .voice .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .voice .content {
        display: block
    }
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 16px;
    text-align: center;
    width: calc(33.3333333333% - 8px);
    max-width: 192px;
    margin-right: 12px;
    margin-bottom: 12px
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list:nth-child(3n) {
    margin-right: 0
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list:nth-last-child(1),
.pg-sections-request__layout .left__wrapper .content .voice .content__list:nth-last-child(2),
.pg-sections-request__layout .left__wrapper .content .voice .content__list:nth-last-child(3) {
    margin-bottom: 0
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content .voice .content__list {
        max-width: 100%
    }
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .voice .content__list {
        width: 100%;
        padding: 16px 15%;
        margin-right: 0;
        margin-bottom: 16px
    }

    .pg-sections-request__layout .left__wrapper .content .voice .content__list:nth-last-child(2),
    .pg-sections-request__layout .left__wrapper .content .voice .content__list:nth-last-child(3) {
        margin-bottom: 16px
    }
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list.hr-dec {
    border-radius: 10px;
    box-shadow: none
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .desc {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    line-height: 1.4;
    margin: 0 0 8px
}

@media (max-width:420px) {
    .pg-sections-request__layout .left__wrapper .content .voice .content__list .desc {
        text-align: center;
        margin: 0 0 16px
    }
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .employees {
    font-size: 12px;
    text-align: left;
    line-height: 1.4;
    margin: 0 0 8px
}

@media (max-width:420px) {
    .pg-sections-request__layout .left__wrapper .content .voice .content__list .employees {
        text-align: center;
        margin: 0 0 16px
    }
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .title {
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    line-height: 1.4;
    margin: 0 0 8px
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .voice .content__list .title {
        font-size: 16px
    }
}

@media (max-width:420px) {
    .pg-sections-request__layout .left__wrapper .content .voice .content__list .title {
        text-align: center;
        margin: 0 0 16px
    }
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .voice {
    font-size: 12px;
    text-align: left;
    line-height: 1.4;
    margin: 0 0 16px
}

@media (max-width:420px) {
    .pg-sections-request__layout .left__wrapper .content .voice .content__list .voice {
        text-align: center
    }
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .company {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: auto
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .company__person {
    margin: 0 8px 0 0
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .company__person>img {
    max-width: 56px
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .company__logo {
    margin: 0
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .company__logo>img {
    width: 100%;
    max-width: 100%
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content .voice .content__list .company__logo>img {
        max-width: 90px
    }
}

.pg-sections-request__layout .left__wrapper .content .voice .content__list .company__logo .meglus {
    max-width: 55px !important;
    margin-top: 8px
}

.pg-sections-request__layout .left__wrapper .content .flex-item--series .flex-item--ats__left {
    -ms-flex-preferred-size: 68%;
    flex-basis: 68%
}

.pg-sections-request__layout .left__wrapper .content .flex-item--series .flex-item--ats__right {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%
}

.pg-sections-request__layout .left__wrapper .content .wp-block-heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 24px;
    letter-spacing: 0 !important
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content .wp-block-heading {
        font-size: 22px
    }
}

.pg-sections-request__layout .left__wrapper .content .price_flow {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 0 42px
}

@media screen and (max-width:768px) {
    .pg-sections-request__layout .left__wrapper .content .price_flow {
        display: -ms-flexbox;
        display: flex;
        -ms-grid-columns: unset;
        grid-template-columns: unset;
        -ms-flex-flow: column;
        flex-flow: column;
        gap: 20px
    }
}

.pg-sections-request__layout .left__wrapper .content .price_flow>li {
    border-radius: 16px;
    padding: 16px 24px 0;
    background: #f0eded
}

@media screen and (max-width:768px) {
    .pg-sections-request__layout .left__wrapper .content .price_flow>li {
        padding: 14px 0 14px 18px;
        -ms-flex: unset;
        flex: unset;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

.pg-sections-request__layout .left__wrapper .content .price_flow>li:nth-of-type(1) {
    position: relative
}

.pg-sections-request__layout .left__wrapper .content .price_flow>li:nth-of-type(1)::before {
    content: "";
    width: 26px;
    height: 26px;
    background-color: #0457a7;
    -webkit-mask: url(/b2b-assets/images/landing/series/03_pac/form-arrow-f810e00bc4.webp) no-repeat center;
    mask: url(/b2b-assets/images/landing/series/03_pac/form-arrow-f810e00bc4.webp) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: 50%;
    right: -9px;
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

@media screen and (max-width:768px) {
    .pg-sections-request__layout .left__wrapper .content .price_flow>li:nth-of-type(1)::before {
        display: none
    }
}

.pg-sections-request__layout .left__wrapper .content .price_flow>li:nth-of-type(2)>figure {
    position: relative;
    bottom: -2px
}

@media screen and (max-width:768px) {
    .pg-sections-request__layout .left__wrapper .content .price_flow>li:nth-of-type(2)>figure {
        bottom: 0
    }
}

.pg-sections-request__layout .left__wrapper .content .price_flow>li .num {
    margin: 0 auto 12px;
    width: 40px;
    height: 40px;
    background: #0457a7;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width:768px) {
    .pg-sections-request__layout .left__wrapper .content .price_flow>li .num {
        margin: 0;
        width: 28px;
        height: 28px;
        border-radius: 16px
    }
}

.pg-sections-request__layout .left__wrapper .content .price_flow>li .title {
    margin: 0 auto 12px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0 !important
}

@media screen and (max-width:768px) {
    .pg-sections-request__layout .left__wrapper .content .price_flow>li .title {
        width: unset;
        max-width: unset;
        margin: 0;
        margin-left: 8px;
        font-size: 16px;
        text-align: left
    }
}

.pg-sections-request__layout .left__wrapper .content .price_flow>li>figure {
    margin: 0 auto;
    width: 200px
}

@media screen and (max-width:768px) {
    .pg-sections-request__layout .left__wrapper .content .price_flow>li>figure {
        width: 100px;
        margin: 0;
        margin-left: auto
    }
}

.pg-sections-request__layout .left__wrapper .content .price_flow_sub {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    text-align: right;
    margin-bottom: 40px;
    margin-top: 4px
}

@media (max-width:860px) {
    .pg-sections-request__layout .left__wrapper .content .price_flow_sub {
        font-size: 12px
    }

    .pg-sections-request__layout .left__wrapper .content .price_flow_sub~.pg-title--h3 {
        font-size: 18px
    }
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    margin: 40px 0
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des h3 {
    background-color: #f3f5f6;
    padding: 12px;
    text-align: center;
    margin: 0;
    font-size: 20px;
    font-weight: 700
}

@media (max-width:640px) {
    .pg-sections-request__layout .left__wrapper .content .pg_campaign_des h3 {
        font-size: 16px
    }
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper {
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

@media (max-width:1120px) {
    .pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper {
        display: block
    }
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper>img {
    width: 250px;
    height: 172px
}

@media (max-width:1120px) {
    .pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper>img {
        width: 100%;
        height: auto
    }
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper>div {
    margin-left: 16px
}

@media (max-width:1120px) {
    .pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper>div {
        margin-left: 0
    }
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper>div p {
    font-size: 14px;
    margin-bottom: 0
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper>div p:first-child {
    margin-bottom: 16px
}

@media (max-width:1120px) {
    .pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper>div p:first-child {
        margin-top: 16px
    }
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper>div p .note {
    font-size: 12px;
    color: grey
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper_hr {
    padding: 16px
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper_hr>img {
    margin-bottom: 16px
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper_hr p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.4
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper_hr p:first-child {
    margin-bottom: 16px
}

@media (max-width:1120px) {
    .pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper_hr p:first-child {
        margin-top: 16px
    }
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper_hr p>.note {
    line-height: 1.4;
    font-size: 10px;
    color: #666
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper_hr ul li {
    margin-left: 1em;
    text-indent: -1em;
    line-height: 1.4
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__wrapper_hr ul li>.note {
    line-height: 1.4;
    font-size: 10px;
    color: #666
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des>.note {
    margin: 0 16px 16px;
    display: block;
    line-height: 1.4;
    font-size: 10px;
    color: #666;
    background: #f3f5f6;
    padding: 16px
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des.ex-cam {
    border: none;
    border-radius: 10px;
    padding: 16px
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des.ex-cam>h3 {
    background-color: #fff;
    padding: 0;
    color: #0f3b58
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des.ats-cam {
    padding: 16px
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des.ats-cam>h3 {
    background-color: #fff;
    padding: 0;
    color: #0457a7
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des.ats-cam>h3 span.note {
    font-size: 10px;
    color: #666
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__biz {
    margin: 24px 0 0
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__biz-highlight {
    background: #f3f5f6;
    padding: 16px
}

.pg-sections-request__layout .left__wrapper .content .pg_campaign_des__biz .note {
    display: block;
    margin: 4px 0;
    line-height: 1.4;
    font-size: 10px;
    color: #666
}

.pg-sections-request__layout .left__wrapper .content .pg-bg-gray-box {
    padding: 24px;
    background-color: #f3f5f6
}

.pg-sections-request__layout .left__wrapper .content .pg-bg-gray-box>p {
    font-size: 16px;
    margin-bottom: 16px
}

.pg-sections-request__layout .left__wrapper .content .pg-bg-gray-box>ol {
    padding: 24px;
    background-color: #f3f5f6;
    font-size: 16px;
    line-height: 1.7
}

.pg-sections-request__layout .left__wrapper .content .pg-bg-gray-box>ol li {
    list-style-type: none;
    position: relative;
    padding: 0 0 16px 14px
}

.pg-sections-request__layout .left__wrapper .content .pg-bg-gray-box>ol li::before {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 2px;
    top: 10px;
    content: "";
    background: #0457a7
}

.pg-sections-request__layout .left__wrapper .content .pg-bg-gray-box>ol li:last-child {
    padding-bottom: 0
}

.pg-sections-request__layout .left__wrapper .content .pg-bg-gray-box>ol li>em {
    font-weight: 700;
    font-style: normal;
    color: #0457a7
}

.pg-sections-request__layout .left__wrapper .content .pg-bg-gray-box>ol {
    padding: 0
}

.pg-sections-request__layout .left__wrapper .content .pg-demo>li {
    color: #0f3b58
}

.pg-sections-request__layout .left__wrapper .content .pg-demo>li h2 {
    position: relative;
    margin: 32px 0 16px;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    color: #0f3b58
}

.pg-sections-request__layout .left__wrapper .content .pg-demo>li h2:before {
    content: "";
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #1bacab;
    border-radius: 100%;
    margin-right: 8px
}

.pg-sections-request__layout .left__wrapper .content .pg-demo>li:first-child {
    margin-bottom: 32px
}

.pg-sections-request__layout .left__wrapper .content .pg-demo>li:first-child p {
    margin-bottom: 0
}

.pg-sections-request__layout .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    background-size: cover;
    width: 100%;
    max-width: 510px;
    color: #fff
}

@media (max-width:860px) {
    .pg-sections-request__layout .right {
        width: 100%;
        max-width: 100%
    }
}

.pg-sections-request__layout .right .pg-form {
    position: relative
}

.pg-sections-request__layout .right .pg-form .pg-privacy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin-bottom: 32px
}

.pg-sections-request__layout .right .pg-form .pg-privacy.p-l {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.pg-sections-request__layout .right .pg-form .pg-privacy.p-l>p {
    margin: 0 0 0 8px
}

@media (max-width:860px) {
    .pg-sections-request__layout .right .pg-form .pg-privacy {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.pg-sections-request__layout .right .pg-form .pg-privacy>p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: 12px;
    margin: 0 24px 0 0
}

.pg-sections-request__layout .right .pg-form .pg-privacy>a>.privacy-logo {
    width: 60px;
    height: auto;
    margin: 0
}

.pg-sections-request__layout .right .pg-form__layout {
    position: relative;
    min-width: 510px;
    background-color: #ecfaff;
    padding: 32px;
    height: fit-content;
    border-radius: 5px;
    margin: 0 auto;
    border: none
}

@media (max-width:860px) {
    .pg-sections-request__layout .right .pg-form__layout {
        min-width: 100%;
        padding: 24px 5%
    }
}

.pg-sections-request__layout .right .pg-form__layout h3 {
    color: #0457a7;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    padding: 0;
    margin: 0 0 24px
}

.pg-sections-request__layout .right .pg-form__layout .pg-text {
    color: #333;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 14px
}

.pg-sections-request__layout .right .pg-form__layout.pullnum {
    padding: 24px 32px
}

.pg-sections-request__layout .right .pg-form__layout.pullnum h3 {
    margin: 0 0 16px
}

.pg-sections-request__layout .right .pg-form__layout__note {
    font-size: 12px
}

.pg-sections-request__layout .right .pg-form__layout .required-annotation {
    margin-bottom: 0
}

.pg-sections-request__layout .right .pg-form__layout.pg-demo__form>form fieldset.is-submit-wrap .lp-form__submit-free {
    left: 15%
}

@media (max-width:640px) {
    .pg-sections-request__layout .right .pg-form__layout.pg-demo__form>form fieldset.is-submit-wrap .lp-form__submit-free {
        left: 14%
    }
}

.pg-sections-request__layout .right .pg-form__layout.pg-demo__form>form fieldset textarea {
    height: 4.5em
}

.pg-sections-request__layout .right .pg-form__layout>form {
    max-width: 510px;
    border: none;
    margin-top: 0;
    padding: 0
}

@media (max-width:860px) {
    .pg-sections-request__layout .right .pg-form__layout>form {
        width: 100%;
        max-width: 100%
    }
}

.pg-sections-request__layout .right .pg-form__layout>form .input-assist-opener-wrapper {
    height: 0
}

.pg-sections-request__layout .right .pg-form__layout>form .lp-form__error-message {
    display: none;
    font-size: 11px;
    font-weight: 400;
    color: #e73858;
    line-height: 1.5;
    margin: 4px 0 0
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset {
    margin-top: 12px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column {
    font-size: 0
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column>div {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top;
    line-height: 1
}

@media (max-width:640px) {
    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column>div {
        width: 100%
    }
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column>div+div {
    margin-left: 20px
}

@media (max-width:640px) {
    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column>div+div {
        margin-top: 12px;
        margin-left: 0
    }
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all {
    display: block;
    position: relative;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    border-color: #e73858;
    border-radius: 3px;
    background-color: #e73858;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    margin-top: 20px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all:hover::before,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all:hover>.is-submit-text,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap:hover>.is-submit-text {
    color: #e73858;
    font-weight: 700
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all::before,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all {
    width: 400px;
    margin: 20px auto
}

@media (max-width:640px) {
    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all {
        width: 100%
    }
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2 {
    position: relative
}

@media (max-width:860px) {

    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap,
    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2 {
        margin-top: 24px
    }
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2 .lp-form__submit-free {
    display: block;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 26%;
    background-color: #fff;
    border-radius: 4px;
    padding: 3px 7px;
    border: 1px solid #e73858;
    color: #e73858;
    font-size: 12px;
    font-weight: 700
}

@media (max-width:1024px) {

    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free,
    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2 .lp-form__submit-free {
        left: 26%;
        font-size: 12px
    }
}

@media (max-width:420px) {

    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free,
    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2 .lp-form__submit-free {
        left: 20%
    }
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit],
.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2 input[type=submit] {
    display: block;
    position: relative;
    padding-left: 60px;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid #e73858;
    border-radius: 3px;
    background-color: transparent;
    width: 100%;
    height: 45px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    transition-delay: .2s;
    margin: 0
}

@media (max-width:860px) {

    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit],
    .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2 input[type=submit] {
        font-size: 14px
    }
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit]:hover,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2 input[type=submit]:hover {
    color: #e73858;
    transition-delay: .1s
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap.contact__submit input[type=submit],
.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2.contact__submit input[type=submit] {
    padding-left: 0
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap2 input[type=submit] {
    padding-left: 0
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz {
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div {
    margin-bottom: 16px
}

@media (max-width:420px) {

    .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>legend,
    .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>legend {
        font-size: 10px;
        margin-bottom: 4px
    }
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox],
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>input[type=checkbox] {
    display: none
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox]:checked+label:after,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>input[type=checkbox]:checked+label:after {
    position: absolute;
    top: 3px;
    left: -23px;
    width: 3px;
    height: 8px;
    border: 0 solid #0457a7;
    border-right-width: 2px;
    border-bottom-width: 2px;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    z-index: 30
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: -6px;
    margin-left: 32px;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:active,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:hover,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>label:active,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>label:hover {
    opacity: 1
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:after,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>label:after,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>label:before {
    content: "";
    display: block;
    position: absolute
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:before,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>label:before {
    top: 0;
    left: -30px;
    width: 16px;
    height: 16px;
    border: 1px solid #90c1ea;
    background: #fff;
    border-radius: 2px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul.check-multi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 4px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul.check-multi>li {
    font-size: 12px;
    width: 33.3333333333%
}

@media (max-width:940px) {

    .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li,
    .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul.check-multi>li {
        width: 50%
    }
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>input[type=checkbox]:checked+label::after,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul.check-multi>li>input[type=checkbox]:checked+label::after {
    left: 6px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>label,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul.check-multi>li>label {
    margin-left: 0;
    padding-left: 27px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>label::before,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul.check-multi>li>label::before {
    left: 0
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function.is-test>div>.check-multi,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz.is-test>div>.check-multi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 10px 8px;
    margin-top: 10px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function.is-test>div>.check-multi>li,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz.is-test>div>.check-multi>li {
    width: fit-content
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function.is-test>div>.check-multi>li>label,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz.is-test>div>.check-multi>li>label {
    width: fit-content;
    padding: 9px 10px 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    vertical-align: 0;
    position: relative;
    z-index: 1
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function.is-test>div>.check-multi>li>label::before,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz.is-test>div>.check-multi>li>label::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #d2e3f4;
    border-radius: 999px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function.is-test>div>.check-multi>li>input[type=checkbox]:checked+label,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz.is-test>div>.check-multi>li>input[type=checkbox]:checked+label {
    color: #fff
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function.is-test>div>.check-multi>li>input[type=checkbox]:checked+label::after,
.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz.is-test>div>.check-multi>li>input[type=checkbox]:checked+label::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #0457a7;
    border: 1px solid #0457a7;
    border-radius: 999px;
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: none;
    transform: none;
    z-index: -1
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div {
    margin-bottom: 0
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>legend {
    margin-bottom: 4px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend {
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    color: #333;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.is-completion[for=job_title]::after,
.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.is-completion[for=job_title]::before {
    display: none
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.is-completion::before {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 23px;
    right: 7px;
    border-radius: 100%;
    background-color: #80d000
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.is-completion::after {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 7px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 25px;
    right: 12.5px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>a {
    color: #333;
    font-size: 12px;
    margin-left: -12px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information .agree-text {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>input[type=checkbox] {
    display: none
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after {
    position: absolute;
    top: 0;
    left: 5px;
    width: 3px;
    height: 8px;
    border: 0 solid #0457a7;
    border-right-width: 2px;
    border-bottom-width: 2px;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    z-index: 30
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label {
    cursor: pointer;
    position: relative;
    vertical-align: -6px;
    padding-left: 27px;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:active,
.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:hover {
    opacity: 1
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:after,
.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:before {
    content: "";
    display: block;
    position: absolute
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:before {
    top: -3px;
    left: -2px;
    width: 16px;
    height: 16px;
    border: 1px solid #90c1ea;
    background: #fff;
    border-radius: 2px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset legend em {
    display: inline-block;
    color: #e73858;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    padding: 0 0 0 6px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper {
    position: relative
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper:after {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    content: "";
    position: absolute;
    top: 18px;
    right: 9px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-width: 8px;
    border-top-color: #999
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper:-moz-focusring {
    text-shadow: 0
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper select {
    margin-top: 5px;
    padding: 0 10px;
    width: 100%;
    height: 32px;
    border: 1px solid #90c1ea;
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: .01px;
    text-overflow: ""
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper select option {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper select::-ms-expand {
    display: none
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .is-submit-text {
    position: absolute;
    width: 100%;
    line-height: 45px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset span {
    font-size: 11px;
    color: #e73858;
    line-height: 1.5
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset em {
    padding-left: 2px;
    font-size: 12px
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .description {
    font-size: 11px;
    line-height: 1.4;
    color: #999;
    margin: 4px 0 0
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .description .title-inside {
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    color: #333
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=email],
.pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=tel],
.pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=text],
.pg-sections-request__layout .right .pg-form__layout>form fieldset textarea {
    width: 100%;
    margin-top: 4px;
    border-radius: 3px;
    border: 1px solid #90c1ea;
    box-sizing: border-box;
    appearance: none;
    background: #fff;
    padding: 7px;
    font-size: 14px
}

@media (max-width:640px) {
    .pg-sections-request__layout .right .pg-form__layout>form fieldset :focus {
        outline: 0
    }
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset textarea:-ms-input-placeholder,
.pg-sections-request__layout .right .pg-form__layout>form fieldset textarea::-moz-placeholder,
.pg-sections-request__layout .right .pg-form__layout>form fieldset textarea::-webkit-input-placeholder,
.pg-sections-request__layout .right .pg-form__layout>form fieldset textarea::placeholder {
    color: #999
}

.pg-sections-request__layout .right .pg-form__layout>form fieldset .jsc-error-message {
    font-size: 11px;
    font-weight: 400;
    color: #e73858;
    line-height: 1.5;
    margin: 4px 0 0;
    display: none
}

.pg-sections-request__layout .right .pg-form__layout>form .hidden-element {
    display: none
}

.pg-sections-request__layout .right .pg-form .pg-textlink {
    margin: 20px 0 0
}

.pg-sections-request__layout .right .pg-form .pg-textlink__kintai,
.pg-sections-request__layout .right .pg-form .pg-textlink__partner {
    font-size: 12px;
    line-height: 1;
    text-align: right;
    position: relative
}

.pg-sections-request__layout .right .pg-form .pg-textlink__kintai>a:hover,
.pg-sections-request__layout .right .pg-form .pg-textlink__partner>a:hover {
    opacity: .6
}

.pg-sections-request__layout .right .pg-form .pg-textlink__kintai:before,
.pg-sections-request__layout .right .pg-form .pg-textlink__partner:before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--ter-f8460dab6d.svg);
    left: auto
}

.pg-sections-request__layout .right .pg-form .pg-textlink__partner {
    margin: 0 0 12px
}

.pg-sections-request__layout .right .pg-form .pg-textlink__partner:before {
    right: 212px
}

.pg-sections-request__layout .right .pg-form .pg-textlink__kintai {
    margin: 0
}

.pg-sections-request__layout .right .pg-form .pg-textlink__kintai:before {
    right: 200px
}

.pg-sections-request.demo-content h3 {
    font-size: 18px;
    color: #0457a7
}

.pg-sections-request.demo-content .content>h1 {
    color: #0457a7
}

.pg-sections-request.demo-content .content__img {
    max-width: 295px;
    width: 100%;
    margin: 0 auto 24px;
    position: relative;
    left: -24px
}

@media (max-width:1190px) {
    .pg-sections-request.demo-content .content__img {
        left: 0
    }
}

.pg-sections-request.demo-content .content__text {
    font-size: 14px;
    line-height: 1.8
}

.pg-sections-request.demo-content .content__flow {
    counter-reset: demo 0
}

.pg-sections-request.demo-content .content__flow>li {
    position: relative;
    background: #f2f5f6;
    font-size: 16px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px 8px 72px;
    margin-bottom: 8px
}

.pg-sections-request.demo-content .content__flow>li:last-child {
    margin-bottom: 0
}

@media (max-width:420px) {
    .pg-sections-request.demo-content .content__flow>li {
        font-size: 12px;
        line-height: 1.6
    }
}

.pg-sections-request.demo-content .content__flow>li>figure {
    max-width: 57px;
    width: 100%;
    margin: 0 0 0 16px
}

@media (max-width:420px) {
    .pg-sections-request.demo-content .content__flow>li>figure {
        max-width: 40px
    }
}

.pg-sections-request.demo-content .content__flow>li::before {
    position: absolute;
    counter-increment: demo 1;
    content: counter(demo);
    width: 32px;
    height: 32px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    left: 36px;
    top: 23.5px;
    z-index: 2
}

@media (max-width:420px) {
    .pg-sections-request.demo-content .content__flow>li::before {
        left: 36px;
        top: 15.4px
    }
}

.pg-sections-request.demo-content .content__flow>li::after {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #0457a7;
    left: 25px;
    top: 20px;
    z-index: 1
}

@media (max-width:420px) {
    .pg-sections-request.demo-content .content__flow>li::after {
        top: 13px
    }
}

@media (max-width:860px) {
    .pg-sections-request.demo-content .is-pc {
        display: none
    }
}

@media (max-width:860px) {
    .pg-sections-request.demo-content .is-sp {
        display: block
    }
}

.pg-sections-request.payroll-content .content__img {
    width: 100%;
    margin: 0 auto 24px;
    position: relative
}

@media (max-width:1190px) {
    .pg-sections-request.payroll-content .content__img {
        left: 0
    }
}

.pg-sections-request.payroll-content .content__text {
    font-size: 14px;
    line-height: 1.8
}

.pg-sections-request.payroll-content .content__flow {
    counter-reset: demo 0
}

.pg-sections-request.payroll-content .content__flow>li {
    position: relative;
    background: #f2f5f6;
    font-size: 16px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px 8px 72px;
    margin-bottom: 8px
}

.pg-sections-request.payroll-content .content__flow>li:last-child {
    margin-bottom: 0
}

@media (max-width:420px) {
    .pg-sections-request.payroll-content .content__flow>li {
        font-size: 12px;
        line-height: 1.6
    }
}

.pg-sections-request.payroll-content .content__flow>li>figure {
    max-width: 57px;
    width: 100%;
    margin: 0 0 0 16px
}

@media (max-width:420px) {
    .pg-sections-request.payroll-content .content__flow>li>figure {
        max-width: 40px
    }
}

.pg-sections-request.payroll-content .content__flow>li::before {
    position: absolute;
    counter-increment: demo 1;
    content: counter(demo);
    width: 32px;
    height: 32px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    left: 36px;
    top: 23.5px;
    z-index: 2
}

@media (max-width:420px) {
    .pg-sections-request.payroll-content .content__flow>li::before {
        left: 36px;
        top: 15.4px
    }
}

.pg-sections-request.payroll-content .content__flow>li::after {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #0457a7;
    left: 25px;
    top: 20px;
    z-index: 1
}

@media (max-width:420px) {
    .pg-sections-request.payroll-content .content__flow>li::after {
        top: 13px
    }
}

@media (max-width:860px) {
    .pg-sections-request.payroll-content .is-pc {
        display: none
    }
}

@media (max-width:860px) {
    .pg-sections-request.payroll-content .is-sp {
        display: block
    }
}

.pg-sections-request .bl_demo-pattern,
.pg-sections-request .request-step {
    display: none
}

.pg-sections-request.demo-pattern .request-step {
    display: -ms-flexbox;
    display: flex;
    gap: 36px
}

.pg-sections-request.demo-pattern .request-step li {
    padding: 16px 32px 16px 56px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #0f3b58;
    border-radius: 16px !important
}

.pg-sections-request.demo-pattern .request-step li::before {
    width: 28px !important;
    height: 28px !important;
    font-size: 16px !important;
    line-height: 27px !important;
    background: #0f3b58 !important;
    left: 16px !important;
    margin-top: -14px !important
}

.pg-sections-request.demo-pattern .request-step li:not(:last-child)::after {
    position: absolute;
    right: -16px;
    top: 50%;
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/b2b-assets/images/page-hr/demo/icon_arrow-3a9d5b2876.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px
}

@media screen and (max-width:1120px) {
    .pg-sections-request.demo-pattern .request-step {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 26px
    }

    .pg-sections-request.demo-pattern .request-step li {
        margin: 0 !important
    }

    .pg-sections-request.demo-pattern .request-step li:not(:last-child)::after {
        right: 50%;
        top: unset;
        height: 12px;
        width: 15px;
        bottom: -24px;
        background-image: url(/b2b-assets/images/page-hr/demo/icon_arrow_sp-cfecf54113.svg)
    }

    .pg-sections-request.demo-pattern .request-step li br {
        display: none
    }
}

.pg-sections-request.demo-pattern .bl_demo-pattern {
    display: block
}

.pg-sections-request.demo-pattern .bl_demo-pattern h2 {
    color: #0f3b58;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    margin: 40px 0 22px
}

.pg-sections-request.demo-pattern .bl_demo-pattern .bl_bgcont {
    background: #fff;
    border-radius: 2rem;
    padding: 25px 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (auto)[3];
    grid-template-columns: repeat(3, auto);
    gap: 10px
}

.pg-sections-request.demo-pattern .bl_demo-pattern .bl_bgcont li {
    color: #0f3b58;
    font-size: 16px;
    font-weight: 700
}

.pg-sections-request.demo-pattern .bl_demo-pattern .bl_bgcont li::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(/b2b-assets/images/page-hr/demo/icon_check-aa1cf4cf66.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px
}

@media screen and (max-width:860px) {
    .pg-sections-request.demo-pattern .bl_demo-pattern .bl_bgcont {
        -ms-grid-columns: (auto)[2];
        grid-template-columns: repeat(2, auto)
    }
}

@media screen and (max-width:420px) {
    .pg-sections-request.demo-pattern .bl_demo-pattern .bl_bgcont {
        -ms-grid-columns: auto;
        grid-template-columns: auto
    }
}

.pg-sections-request.demo-pattern .bl_demo-pattern .note {
    margin-top: 16px;
    color: #0f3b58;
    font-weight: 500
}

@media screen and (min-width:540px) {
    .pg-sections-request.demo-pattern .bl_demo-pattern .un_br {
        display: none
    }
}

@media (max-width:860px) {
    .pg-sections-request--series .pg-sections-request__layout {
        padding: 0 24px 56px
    }
}

.pg-sections-request--series .pg-sections-request__layout .left {
    max-width: 552px;
    margin: 0 56px 0 0
}

.pg-sections-request--series .pg-sections-request__layout .left .blue {
    margin: 0 0 48px !important
}

.pg-sections-request--series .pg-sections-request__layout .left .pg-title--h3 {
    font-size: 20px !important
}

.pg-sections-request--series .pg-sections-request__layout .left .pg-title--h3.v2 {
    margin: 0 0 25px !important
}

.pg-sections-request--series .pg-sections-request__layout .left .price_flow__list {
    margin-bottom: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 0 42px
}

@media screen and (max-width:768px) {
    .pg-sections-request--series .pg-sections-request__layout .left .price_flow__list {
        margin-bottom: 36px;
        -ms-flex-flow: column;
        flex-flow: column;
        gap: 16px
    }
}

.pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li {
    padding-top: 18px;
    padding-bottom: 2px;
    -ms-flex: 1;
    flex: 1;
    border-radius: 20px;
    background: #f2f5f6
}

@media screen and (max-width:1024px) {
    .pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li {
        -ms-flex: unset;
        flex: unset;
        width: calc(50% - 21px)
    }
}

@media screen and (max-width:768px) {
    .pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li {
        padding: 14px 13px 14px 18px;
        border-radius: 0;
        -ms-flex: unset;
        flex: unset;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

.pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li:nth-of-type(1) {
    position: relative
}

.pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li:nth-of-type(1)::before {
    content: "";
    width: 26px;
    height: 26px;
    -webkit-mask: url(/b2b-assets/images/landing/series/03_pac/form-arrow-f810e00bc4.webp) no-repeat center/contain;
    mask: url(/b2b-assets/images/landing/series/03_pac/form-arrow-f810e00bc4.webp) no-repeat center/contain;
    background-color: #0457a7;
    position: absolute;
    top: 50%;
    right: -9px;
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

@media screen and (max-width:768px) {
    .pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li:nth-of-type(1)::before {
        display: none
    }
}

.pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li:nth-of-type(2)>figure {
    position: relative;
    bottom: -2px
}

@media screen and (max-width:768px) {
    .pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li:nth-of-type(2)>figure {
        bottom: 0
    }
}

.pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li .num {
    margin: 0 auto 8px;
    width: 38px;
    height: 38px;
    background: #0457a7;
    border-radius: 99%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width:768px) {
    .pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li .num {
        margin: 0;
        width: 26px;
        height: 26px;
        font-size: 14px
    }
}

.pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li .title {
    margin: 0 0 11px;
    border-radius: 999px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2
}

@media screen and (max-width:768px) {
    .pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li .title {
        width: calc(100% - 100px - 32px);
        margin-bottom: 0;
        margin-left: 5px;
        font-size: 12px;
        text-align: left;
        line-height: 17px
    }
}

.pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li>figure {
    margin: 0 auto;
    width: 150px
}

@media screen and (max-width:768px) {
    .pg-sections-request--series .pg-sections-request__layout .left .price_flow__list>li>figure {
        width: 100px;
        margin-left: auto
    }
}

@media (max-width:860px) {
    .pg-sections-request--series .pg-sections-request__layout .left {
        max-width: 100%;
        margin: 0 auto 56px
    }
}

.pg-sections-request--series .pg-sections-request__layout .right {
    max-width: 552px
}

@media (max-width:860px) {
    .pg-sections-request--series .pg-sections-request__layout .right {
        margin: 0 auto
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form .pg-privacy {
    margin-bottom: 24px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form .pg-privacy>p {
    font-size: 16px;
    margin: 0 16px 0 0
}

@media (max-width:860px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form .pg-privacy>p {
        font-size: 14px
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form .pg-privacy>a>.privacy-logo {
    width: 48px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout {
    background-color: #e2eff7;
    border-radius: 16px;
    padding: 24px 32px
}

@media (max-width:860px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout {
        padding: 24px
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout.pullnum h3 {
    margin: 0 0 8px;
    letter-spacing: 0 !important
}

@media (max-width:860px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout.pullnum h3 {
        font-size: 22px
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset {
    margin-top: 16px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column {
    font-size: 0
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset .description {
    font-size: 12px;
    color: #525151
}

@media screen and (max-width:768px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset .description {
        font-size: 10px
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend {
    font-size: 16px;
    line-height: 1.6;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend em {
    font-size: 14px
}

@media screen and (max-width:768px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend {
        font-size: 14px
    }

    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend em {
        font-size: 12px
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label {
    font-weight: 400;
    padding-left: 32px
}

@media (max-width:860px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label {
        font-size: 16px
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label a {
    font-weight: 400;
    color: #0457a7
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #bab9b9;
    width: 20px;
    height: 20px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>input[type=checkbox]:checked+label::before {
    border: 2px solid #0457a7;
    background-color: #0457a7
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after {
    top: 42%;
    left: 9px;
    height: 9px;
    -ms-transform: translateY(-50%) rotate(40deg);
    transform: translateY(-50%) rotate(40deg);
    border: 0 solid #fff;
    border-right-width: 2px;
    border-bottom-width: 2px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div {
    margin-bottom: 8px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>legend {
    width: calc(100% + 30px)
}

@media (max-width:420px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>legend {
        font-size: 14px
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul li>label:before {
    border: 2px solid #bab9b9;
    width: 20px;
    height: 20px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li {
    font-size: 16px
}

@media (max-width:1178px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li {
        width: 50%
    }
}

@media (max-width:420px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li {
        width: 100%
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>label {
    padding-left: 32px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>label::before {
    top: -1px;
    border-radius: 4px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>input[type=checkbox]:checked+label::before {
    border: 2px solid #0457a7;
    background-color: #0457a7
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>input[type=checkbox]:checked+label:after {
    top: 42%;
    left: 9px;
    height: 9px;
    -ms-transform: translateY(-50%) rotate(40deg);
    transform: translateY(-50%) rotate(40deg);
    border: 0 solid #fff;
    border-right-width: 2px;
    border-bottom-width: 2px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap {
    background-color: #e73758 !important;
    border-radius: 8px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap::before {
    border-radius: 11px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit] {
    height: 54px;
    border: 2px solid #e73758 !important;
    font-size: 18px
}

@media (max-width:420px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free {
        left: 14%
    }
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=email],
.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=tel],
.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=text],
.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset textarea {
    border: 1px solid #bab9b9;
    background: #fff;
    padding: 7px 16px;
    font-size: 16px;
    height: 42px;
    border-radius: 8px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper::after {
    top: 23px;
    right: 14px
}

.pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper select {
    padding: 7px 16px;
    font-size: 16px;
    height: 42px;
    border-radius: 8px;
    border: 1px solid #bab9b9
}

@media (max-width:860px) {
    .pg-sections-request--series .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper .description {
        display: none
    }
}

.pg-sections-request--06-kintai {
    padding: 20px 20px 75px
}

.pg-sections-request--06-kintai .pg-sections-request__title {
    display: none
}

.pg-sections-request--06-kintai .pg-sections-request__layout {
    max-width: 1168px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 464px;
    grid-template-columns: 1fr 464px;
    gap: 40px;
    padding: 0;
    padding-right: 56px
}

@media (max-width:860px) {
    .pg-sections-request--06-kintai .pg-sections-request__layout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 0
    }
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left {
    margin: 0
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #0457a7;
    letter-spacing: 0 !important;
    font-feature-settings: unset;
    margin: 0 0 26px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: #0457a7;
    letter-spacing: 0 !important;
    font-feature-settings: unset;
    margin: 0 0 35px
}

@media (max-width:420px) {
    .pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__h1 {
        font-size: 20px
    }
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__image {
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__image .left {
    width: 68.5%
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__image .right {
    width: 31.5%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

@media (max-width:420px) {
    .pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__image {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__image .left {
        width: 100%
    }

    .pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__image .right {
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__image .right img {
        width: 47%
    }
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__document {
    margin-top: 26px;
    margin-bottom: 35px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__document p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #333;
    letter-spacing: 0 !important;
    margin-bottom: 18px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__document ol {
    background-color: #f2f5f6;
    padding: 22px 25px;
    padding-left: 42px;
    list-style: disc
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__document ol::marker {
    color: #0457a7
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__document ol li {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0 !important;
    line-height: 1.6
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__document ol li:not(:last-child) {
    margin-bottom: 7px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__download p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #333;
    letter-spacing: 0 !important;
    margin-bottom: 16px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__download ul {
    list-style: none
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__download ul li {
    background-color: #f2f5f6;
    padding: 21px 25px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 32px 1fr;
    grid-template-columns: 32px 1fr;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__download ul li span {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0 !important;
    line-height: 24px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__download ul li span:first-child {
    width: 32px;
    height: 32px;
    background-color: #0457a7;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pg-sections-request--06-kintai .pg-sections-request__layout .left__wrapper .content__download ul li:not(:last-child) {
    margin-bottom: 16px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right {
    display: block;
    -ms-flex-align: unset;
    align-items: unset
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form .pg-privacy {
    margin-bottom: 24px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form .pg-privacy>p {
    font-size: 14px;
    margin: 0 16px 0 0
}

@media (max-width:860px) {
    .pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form .pg-privacy>p {
        font-size: 12px
    }
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form .pg-privacy>a>.privacy-logo {
    width: 56px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout {
    background-color: #e2eff7;
    padding: 22px 40px 42px 44px;
    min-width: unset
}

@media (max-width:860px) {
    .pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout {
        padding: 24px
    }
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset {
    margin-top: 10px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column {
    font-size: 0
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column>div {
    width: calc(50% - 10px)
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column>div+div {
    margin-left: 20px;
    margin-top: 0
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset:has(.agree-personal-information) {
    margin-top: 17px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset .description {
    font-size: 10px;
    color: rgba(51, 51, 51, .6980392157)
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset legend {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #0457a7
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset legend em {
    font-size: 10px;
    color: #b6111c
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label {
    color: #333;
    font-weight: 500
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label a {
    color: inherit
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:before {
    top: -3px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid #cbcbcb
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after {
    top: -1px;
    left: 5px;
    width: 4px;
    height: 9px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap {
    margin-top: 27px;
    border-color: #e73957;
    background-color: #e73957
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit] {
    padding-left: 0;
    font-size: 16px;
    border: 2px solid #e73957
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=email],
.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=tel],
.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=text],
.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset textarea {
    border: 1px solid #d2e3f4;
    background: #fff;
    padding: 7px 16px;
    font-size: 16px;
    height: 38px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper::after {
    top: 23px;
    right: 14px
}

.pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper select {
    padding: 7px 16px;
    font-size: 16px;
    height: 38px;
    border: 1px solid #d2e3f4
}

@media (max-width:860px) {
    .pg-sections-request--06-kintai .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper .description {
        display: none
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 464px;
    grid-template-columns: 1fr 464px;
    gap: 79px;
    padding: 40px 24px
}

@media (max-width:860px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 24px
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left {
    max-width: unset;
    margin: 0
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content h1 {
    color: #0457a7;
    line-height: 32px;
    margin: 0 0 44px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    margin: 0 0 20px;
    color: #333
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain {
    border-radius: 8px;
    background-color: #e2f1ff;
    padding: 26px 14px 26px 28px;
    position: relative;
    margin: 0 0 20px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain-title {
    color: #0457a7;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0 0 16px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain-list {
    padding-right: 170px;
    padding-left: 20px;
    list-style: unset
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain-list li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #333
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain-list li::marker {
    color: #0457a7
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain-img {
    position: absolute;
    bottom: 0;
    right: 14px;
    width: 158px;
    height: auto
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #0457a7;
    margin: 0 0 24px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow {
    counter-reset: demo 0
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow>li {
    position: relative;
    background: #f2f5f6;
    font-size: 16px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px 8px 72px;
    margin-bottom: 8px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow>li:last-child {
    margin-bottom: 0
}

@media (max-width:420px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow>li {
        font-size: 12px;
        line-height: 1.6
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow>li>figure {
    max-width: 57px;
    width: 100%;
    margin: 0 0 0 16px
}

@media (max-width:420px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow>li>figure {
        max-width: 40px
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow>li::before {
    position: absolute;
    counter-increment: demo 1;
    content: counter(demo);
    width: 32px;
    height: 32px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    left: 36px;
    top: 23.5px;
    z-index: 2
}

@media (max-width:420px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow>li::before {
        left: 36px;
        top: 15.4px
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow>li::after {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #0457a7;
    left: 25px;
    top: 20px;
    z-index: 1
}

@media (max-width:420px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__flow>li::after {
        top: 13px
    }
}

@media (max-width:1060px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain {
        padding: 26px 14px 84px 28px
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain-list {
        padding-right: 0
    }
}

@media (max-width:860px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content h1 {
        font-size: 20px;
        margin: 0 0 24px
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__text {
        line-height: 1.6;
        margin: 0 0 12px
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain {
        border-radius: 12px;
        padding: 20px 30px;
        margin: 0 0 24px
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain-title {
        font-size: 16px;
        line-height: 1.6;
        width: calc(100% + 4px)
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain-list li {
        font-size: 14px
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__explain-img {
        display: none
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .left__wrapper .content__h3 {
        font-size: 14px;
        margin: 0 0 18px
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form .pg-privacy {
    margin-bottom: 20px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 7px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form .pg-privacy .privacy-logo {
    width: 58px
}

@media (max-width:860px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form .pg-privacy .privacy-logo {
        width: 38px
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form .pg-privacy p {
        font-size: 10px
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout {
    min-width: auto;
    background-color: #eaf5ff;
    padding: 30px 43px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form .lp-form__error-message {
    display: none;
    font-size: 11px;
    font-weight: 400;
    color: #e73858;
    line-height: 1.5;
    margin: 4px 0 0
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset {
    margin-top: 12px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column2 {
    font-size: 0
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column2>div {
    display: inline-block;
    width: calc(50% - 8px);
    vertical-align: top;
    line-height: 1
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column2>div+div {
    margin-left: 16px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all {
    display: block;
    position: relative;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    border-color: #e73858;
    border-radius: 3px;
    background-color: #e73858;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    margin-top: 12px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all:hover::before,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap:hover::before {
    -ms-transform: translate(0);
    transform: translate(0);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all:hover>.is-submit-text,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap:hover>.is-submit-text {
    color: #e73858;
    font-weight: 700
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap--all::before,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    content: "";
    transition-delay: .1s;
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    -ms-transform: translate(-105%);
    transform: translate(-105%)
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap {
    position: relative
}

@media (max-width:860px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap {
        margin-top: 24px
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free {
    display: block;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 26%;
    background-color: #fff;
    border-radius: 4px;
    padding: 3px 7px;
    border: 1px solid #b6111c;
    color: #b6111c;
    font-size: 10px;
    font-weight: 900
}

@media (max-width:1024px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free {
        left: 26%
    }
}

@media (max-width:420px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap .lp-form__submit-free {
        left: 20%
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit] {
    display: block;
    position: relative;
    padding-left: 20px;
    backface-visibility: hidden;
    overflow: hidden;
    border: 2px solid #e73858;
    border-radius: 3px;
    background-color: transparent;
    width: 100%;
    height: 45px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    transition-delay: .2s;
    margin: 0
}

@media (max-width:860px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit] {
        font-size: 14px
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit]:hover {
    color: #e73858;
    transition-delay: .1s
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function {
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div {
    margin-bottom: 16px
}

@media (max-width:420px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>legend {
        font-size: 10px;
        margin-bottom: 4px
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox] {
    display: none
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox]:checked+label:after {
    position: absolute;
    top: 3px;
    left: -23px;
    width: 3px;
    height: 8px;
    border: 0 solid #0457a7;
    border-right-width: 2px;
    border-bottom-width: 2px;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    z-index: 30
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: -6px;
    margin-left: 32px;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:active,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:hover {
    opacity: 1
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:after,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:before {
    content: "";
    display: block;
    position: absolute
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:before {
    top: 0;
    left: -30px;
    width: 16px;
    height: 16px;
    border: 1px solid #90c1ea;
    background: #fff;
    border-radius: 2px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 4px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li {
    font-size: 12px;
    width: 33.3333333333%
}

@media (max-width:940px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li {
        width: 50%
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>input[type=checkbox]:checked+label::after {
    left: 6px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>label {
    margin-left: 0;
    padding-left: 27px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul.check-multi>li>label::before {
    left: 0
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend {
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #000;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>a {
    color: #333;
    font-size: 12px;
    margin-left: -12px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information .agree-text {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>input[type=checkbox] {
    display: none
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after {
    position: absolute;
    top: 0;
    left: 5px;
    width: 3px;
    height: 8px;
    border: 0 solid #0457a7;
    border-right-width: 2px;
    border-bottom-width: 2px;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    z-index: 30
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label {
    cursor: pointer;
    position: relative;
    vertical-align: -6px;
    padding-left: 27px;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:active,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:hover {
    opacity: 1
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:after,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:before {
    content: "";
    display: block;
    position: absolute
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label:before {
    top: -3px;
    left: -2px;
    width: 16px;
    height: 16px;
    border: 1px solid #d2e3f4;
    background: #fff;
    border-radius: 2px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset legend em {
    display: inline-block;
    color: #e73858;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    padding: 0 0 0 8px;
    font-weight: 500
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper {
    position: relative
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper:after {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    content: "";
    position: absolute;
    top: 18px;
    right: 9px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-width: 8px;
    border-top-color: #999
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper:-moz-focusring {
    text-shadow: 0
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper select {
    margin-top: 5px;
    padding: 0 10px;
    width: 100%;
    height: 32px;
    border: 1px solid #d2e3f4;
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: .01px;
    text-overflow: ""
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper select option {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper select::-ms-expand {
    display: none
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .is-submit-text {
    position: absolute;
    width: 100%;
    line-height: 45px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .description {
    font-size: 10px;
    line-height: 1.4;
    color: #999;
    margin: 4px 0 0
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .description .title-inside {
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #000
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=email],
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=tel],
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=text],
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset textarea {
    width: 100%;
    margin-top: 4px;
    border-radius: 3px;
    border: 1px solid #d2e3f4;
    box-sizing: border-box;
    appearance: none;
    background: #fff;
    padding: 7px;
    font-size: 14px
}

@media (max-width:640px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset :focus {
        outline: 0
    }
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset textarea:-ms-input-placeholder,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset textarea::-moz-placeholder,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset textarea::-webkit-input-placeholder,
.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset textarea::placeholder {
    color: #999
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset .jsc-error-message {
    font-size: 11px;
    font-weight: 400;
    color: #e73858;
    line-height: 1.5;
    margin: 4px 0 0;
    display: none
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form fieldset:has(.agree-personal-information) {
    margin-top: 24px
}

.pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout>form .hidden-element {
    display: none
}

@media (max-width:860px) {
    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form {
        width: 100%
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form .pg-privacy {
        margin-bottom: 12px;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .pg-sections-request--web_meeting .pg-sections-request__layout .right .pg-form__layout {
        padding-left: 20px;
        padding-right: 20px
    }
}

.pg-section-d-request__layout {
    width: 100%;
    max-width: 1192px;
    padding: 45px 0;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-section-d-request__layout {
        width: 90%;
        padding: 45px 0 35px;
        margin: 0 auto
    }
}

.pg-section-d-request__layout>h1.sg-headline__h1 {
    padding-top: 0
}

.pg-section-d-request__layout>h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 10px;
    color: #0457a7
}

@media (max-width:860px) {
    .pg-section-d-request__layout>h2 {
        font-size: 24px;
        margin: 0 0 24px
    }
}

.pg-section-d-request.thanks {
    text-align: center
}

.pg-section-d-request.thanks h3 {
    margin: 32px 0 10px
}

@media (max-width:768px) {
    .pg-section-d-request.thanks h3 {
        font-size: 17px
    }
}

.pg-section-d-request__section {
    background: #f2f3f5;
    padding: 25px;
    margin-top: 0 !important
}

@media (max-width:768px) {
    .pg-section-d-request__section {
        text-align: left
    }
}

.pg-section-demo__layout {
    width: 100%;
    max-width: 1192px;
    padding: 45px;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-section-demo__layout {
        width: 90%;
        padding: 45px 0 35px;
        margin: 0 auto
    }
}

.pg-section-demo__layout>h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 10px;
    color: #0457a7
}

@media (max-width:860px) {
    .pg-section-demo__layout>h2 {
        font-size: 24px;
        margin: 0 0 24px
    }
}

.pg-section-demo .pg-layout__buttons__dlthanks {
    margin: 0 auto;
    border-radius: 0
}

@media (max-width:860px) {
    .pg-section-demo .pg-layout__buttons__dlthanks {
        max-width: 100%;
        width: 100%
    }
}

.pg-section-demo .pg-layout__buttons__dlthanks>a span {
    width: 100%
}

.pg-section-demo .pg-layout__buttons__dlthanks>a[target=_blank]:after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-white-411c95e03e.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

.pg-section-demo .pg-layout__buttons__dlthanks>a[target=_blank]:hover::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-accent-4feace3523.svg);
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

.pg-section-demo .pg-layout__buttons__dlthanks.demo {
    max-width: 400px;
    margin: 20px auto 0;
    border-radius: 3px
}

@media (max-width:860px) {
    .pg-section-demo .pg-layout__buttons__dlthanks.demo {
        width: 90%
    }
}

.pg-section-demo.thanks-demo {
    padding: 0;
    background-color: #ebf5ff
}

.pg-section-demo.thanks-demo>.pg-section-seminar__layout {
    text-align: center
}

@media (max-width:860px) {
    .pg-section-demo.thanks-demo {
        padding: 0 0 35px
    }
}

.pg-section-demo.thanks-demo figure {
    max-width: 468px;
    margin: 40px auto 0;
    position: relative;
    left: 16px
}

.pg-section-demo__section {
    background: #f2f3f5;
    padding: 25px;
    margin-top: 0 !important
}

@media (max-width:768px) {
    .pg-section-demo__section {
        text-align: left
    }
}

.pg-section-seminar__layout {
    width: 100%;
    max-width: 1192px;
    padding: 45px 0;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-section-seminar__layout {
        width: 90%;
        padding: 45px 0 35px;
        margin: 0 auto
    }
}

.pg-section-seminar__layout>h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 10px;
    color: #0457a7
}

@media (max-width:860px) {
    .pg-section-seminar__layout>h2 {
        font-size: 24px;
        margin: 0 0 24px
    }
}

.pg-section-seminar .pg-layout__buttons__dlthanks {
    margin: 0 auto;
    border-radius: 0
}

@media (max-width:860px) {
    .pg-section-seminar .pg-layout__buttons__dlthanks {
        max-width: 100%;
        width: 100%
    }
}

.pg-section-seminar .pg-layout__buttons__dlthanks>a span {
    width: 100%
}

@media (max-width:1280px) {
    .pg-section-seminar .pg-layout__buttons__dlthanks>a span {
        font-size: 17px
    }
}

@media (max-width:860px) {
    .pg-section-seminar .pg-layout__buttons__dlthanks>a span {
        font-size: 19px
    }
}

.pg-section-seminar .pg-layout__buttons__dlthanks>a[target=_self]::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-triangle--right--white-0c2d8b79dd.svg);
    background-repeat: no-repeat;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

.pg-section-seminar .pg-layout__buttons__dlthanks>a[target=_self]:hover::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-triangle--right--acc-01ea35c32e.svg);
    background-repeat: no-repeat;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

.pg-section-seminar .pg-layout__buttons__dlthanks>a.pg-layput__download_btn::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-download-white-f5d6f926ae.svg);
    background-repeat: no-repeat;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

.pg-section-seminar .pg-layout__buttons__dlthanks>a.pg-layput__download_btn:hover::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-download-acc-b546f2f4c1.svg);
    background-repeat: no-repeat;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

.archive-seminar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto
}

.archive-seminar__list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    padding: 0;
    text-align: center;
    width: calc(33.3333333333% - 22px);
    height: auto;
    margin-right: 32px;
    margin-bottom: 32px;
    opacity: 1;
    transition: .3s
}

@media (max-width:970px) {
    .archive-seminar__list {
        margin-right: 10px
    }
}

.archive-seminar__list:nth-child(3n) {
    margin-right: 0
}

.archive-seminar__list.is-hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin-bottom: 0
}

@media (max-width:860px) {
    .archive-seminar__list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px
    }

    .archive-seminar__list:nth-last-child(2),
    .archive-seminar__list:nth-last-child(3) {
        margin-bottom: 24px
    }

    .archive-seminar__list.is-hidden {
        margin-bottom: 0
    }
}

.archive-seminar__list figure {
    overflow: hidden;
    margin: 0 auto
}

.archive-seminar__list figure>img {
    width: 100%;
    max-width: 100%
}

.archive-seminar__list .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 24px 24px 32px
}

@media (max-width:970px) {
    .archive-seminar__list .info {
        padding: 0
    }
}

@media (max-width:860px) {
    .archive-seminar__list .info {
        padding: 24px 5% 32px
    }
}

.archive-seminar__list .info__right {
    box-shadow: 0 6px 14px rgba(0, 0, 0, .2);
    transition: .3s;
    position: relative;
    top: 0
}

.archive-seminar__list .info__right:hover {
    box-shadow: 0 6px 14px rgba(0, 0, 0, .1);
    top: -5px
}

.pg-section-ats-conductor {
    background-color: #e8f4ff
}

.pg-section-ats-conductor__layout {
    width: 100%;
    max-width: 1192px;
    padding: 48px 0;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-section-ats-conductor__layout {
        width: 90%;
        padding: 45px 0 35px;
        margin: 0 auto
    }
}

.pg-section-ats-conductor__layout>h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 32px;
    color: #0457a7
}

@media (max-width:860px) {
    .pg-section-ats-conductor__layout>h2 {
        font-size: 24px;
        margin: 0 0 24px
    }
}

.pg-section-ats-conductor .pg-layout__buttons__dlthanks {
    margin: 0 auto;
    border-radius: 0
}

@media (max-width:860px) {
    .pg-section-ats-conductor .pg-layout__buttons__dlthanks {
        max-width: 100%;
        width: 100%
    }
}

.pg-section-ats-conductor .pg-layout__buttons__dlthanks>a span {
    width: 100%
}

@media (max-width:1280px) {
    .pg-section-ats-conductor .pg-layout__buttons__dlthanks>a span {
        font-size: 17px
    }
}

@media (max-width:860px) {
    .pg-section-ats-conductor .pg-layout__buttons__dlthanks>a span {
        font-size: 19px
    }
}

.pg-section-ats-conductor .pg-layout__buttons__dlthanks>a::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-triangle--right--white-0c2d8b79dd.svg);
    background-repeat: no-repeat;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

.pg-section-ats-conductor .pg-layout__buttons__dlthanks>a:hover::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/b2b-assets/images/common/icon-triangle--right--acc-01ea35c32e.svg);
    background-repeat: no-repeat;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%
}

.pg-section-ats-sonar {
    padding: 80px 0;
    background-color: #e2f1ff
}

@media (max-width:860px) {
    .pg-section-ats-sonar {
        padding: 40px 0
    }
}

.pg-section-ats-sonar__layout {
    max-width: 1160px;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-section-ats-sonar__layout {
        padding: 0 24px
    }
}

.pg-section-ats-sonar__layout h2 {
    color: #0457a7;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0 !important;
    margin: 0 0 40px;
    text-align: center
}

.pg-section-ats-sonar__layout h2 span {
    background-color: #fff;
    padding: 0 4px;
    margin-right: 4px;
    letter-spacing: 0 !important
}

@media (max-width:860px) {
    .pg-section-ats-sonar__layout h2 {
        font-size: 18px;
        margin: 0 0 32px
    }

    .pg-section-ats-sonar__layout h2 span {
        padding: 0;
        margin-right: 0
    }
}

.pg-section-ats-sonar__layout .sg-layout__buttons__acc {
    max-width: 325px;
    border-radius: 30px !important;
    height: 50px;
    margin-top: 40px
}

.pg-section-ats-sonar__layout .sg-layout__buttons__acc a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    gap: 4px
}

.pg-section-ats-sonar__layout .sg-layout__buttons__acc a:hover span {
    color: #e73858
}

.pg-section-ats-sonar__layout .sg-layout__buttons__acc a:hover img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(69%) saturate(5966%) hue-rotate(330deg) brightness(95%) contrast(90%)
}

.pg-section-ats-sonar__layout .sg-layout__buttons__acc a span {
    padding: 13px 0;
    font-size: 18px;
    width: auto;
    display: inline-block;
    position: unset;
    left: unset;
    height: 46px
}

@media (max-width:860px) {
    .pg-section-ats-sonar__layout .sg-layout__buttons__acc {
        max-width: 210px;
        margin-top: 32px
    }
}

.pg-section-ats-sonar__pc {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 322px 1fr;
    grid-template-columns: 322px 1fr;
    gap: 57px;
    max-width: 817px;
    margin: 0 auto
}

@media (max-width:860px) {
    .pg-section-ats-sonar__pc {
        display: none
    }
}

.pg-section-ats-sonar__logo {
    max-width: 260px;
    margin: 0 auto 8px
}

@media (max-width:860px) {
    .pg-section-ats-sonar__logo {
        max-width: 163px;
        margin: 0 auto 15px
    }
}

.pg-section-ats-sonar__ul {
    background-color: #fff;
    list-style: none;
    border-radius: 8px;
    padding: 26px 43px
}

.pg-section-ats-sonar__ul li {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    padding-left: 28px;
    color: #0457a7
}

.pg-section-ats-sonar__ul li:not(:last-child) {
    margin-bottom: 6px
}

.pg-section-ats-sonar__ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/b2b-assets/images/page-ats/thanks/ico_tick-00c29627d3.svg) no-repeat;
    width: 16px;
    height: 14px
}

@media (max-width:860px) {
    .pg-section-ats-sonar__ul {
        margin-top: 15px
    }

    .pg-section-ats-sonar__ul li {
        font-size: 14px
    }
}

.pg-section-ats-sonar__banner figcaption {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
    color: #333;
    margin-top: 8px;
    text-align: right
}

@media (max-width:860px) {
    .pg-section-ats-sonar__banner figcaption {
        font-size: 10px;
        margin-top: 15px;
        text-align: center
    }
}

@media (max-width:420px) {
    .pg-section-ats-sonar__banner {
        padding: 0 7.5px
    }
}

.pg-section-ats-sonar__sp {
    max-width: 500px;
    margin: 0 auto;
    display: none
}

@media (max-width:860px) {
    .pg-section-ats-sonar__sp {
        display: block
    }
}

@media (max-width:420px) {
    .pg-section-ats-sonar__sp {
        max-width: 322px
    }
}

.conductor-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto
}

.conductor-content__list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    text-align: center;
    width: calc(33.3333333333% - 32px);
    height: auto;
    margin-right: 32px;
    margin-bottom: 32px;
    opacity: 1;
    transition: .3s
}

@media (max-width:970px) {
    .conductor-content__list {
        margin-right: 24px
    }
}

.conductor-content__list:nth-child(3n) {
    margin-right: 0
}

.conductor-content__list.is-hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin-bottom: 0
}

@media (max-width:860px) {
    .conductor-content__list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 32px
    }

    .conductor-content__list:nth-last-child(2),
    .conductor-content__list:nth-last-child(3) {
        margin-bottom: 32px
    }

    .conductor-content__list.is-hidden {
        margin-bottom: 0
    }
}

.conductor-content__list figure {
    overflow: hidden;
    margin: 0 auto
}

.conductor-content__list figure>img {
    width: 100%;
    max-width: 100%
}

.conductor-content__list .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media (max-width:970px) {
    .conductor-content__list .info {
        padding: 0
    }
}

.conductor-content__list .info__right {
    box-shadow: 0 6px 14px rgba(0, 0, 0, .2);
    transition: .3s;
    position: relative;
    top: 0
}

.conductor-content__list .info__right:hover {
    box-shadow: 0 6px 14px rgba(0, 0, 0, .1);
    top: -5px
}

.pg-layout__buttons__cpthanks.biz {
    border-color: #b6111c;
    background-color: #b6111c
}

.pg-layout__buttons__cpthanks.biz a span:hover {
    color: #b6111c
}

.biz .is-submit-wrap--all {
    border-color: #b6111c;
    background-color: #b6111c
}

.biz .is-submit-wrap--all:hover>input[type=submit] {
    color: #b6111c
}

.biz .is-submit-wrap--all input[type=submit] {
    border: 2px solid #b6111c
}

.biz .is-submit-wrap {
    border-color: #b6111c !important;
    background-color: #b6111c !important
}

.biz .is-submit-wrap .lp-form__submit-free {
    color: #b6111c;
    border-color: #b6111c !important
}

.biz .is-submit-wrap:hover input[type=submit],
.biz .is-submit-wrap:hover>.is-submit-text {
    color: #b6111c !important
}

.biz .is-submit-wrap input[type=submit] {
    border: 2px solid #b6111c !important
}

.is-submit-wrap.biz {
    border-color: #b6111c !important;
    background-color: #b6111c !important
}

.is-submit-wrap.biz .lp-form__submit-free {
    color: #b6111c !important;
    border-color: #b6111c !important
}

.is-submit-wrap.biz:hover input[type=submit],
.is-submit-wrap.biz:hover>.is-submit-text {
    color: #b6111c !important
}

.is-submit-wrap.biz input[type=submit] {
    border: 2px solid #b6111c !important
}

.pg-layout__buttons__dlthanks.biz {
    border-color: #b6111c !important;
    background-color: #b6111c !important
}

.pg-layout__buttons__dlthanks.biz span:hover {
    color: #b6111c !important
}

.ats_interview .is-submit-wrap .lp-form__submit-free {
    left: 32% !important
}

.ats_interview .is-submit-wrap input[type=submit] {
    padding-left: 0 !important
}

.biz-campagin_optimaize--b {
    background: url(/b2b-assets/images/page-ats/campaign/202212_biz/img_campaign_202212_biz_02-eae2cfd19c.jpg)
}

.thanks-recommend-seminar .sg-headline__h1 {
    padding-top: 0;
    padding-bottom: 32px
}

.thanks-recommend-seminar .recommend-seminar {
    max-width: 640px;
    margin: 56px auto 0
}

.thanks-recommend-seminar .recommend-seminar__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    color: #0457a7
}

@media (max-width:768px) {
    .thanks-recommend-seminar .recommend-seminar__head {
        font-size: 18px;
        margin-bottom: 16px
    }
}

@media (max-width:420px) {
    .thanks-recommend-seminar .recommend-seminar__head {
        font-size: 16px;
        margin-bottom: 8px
    }
}

.thanks-recommend-seminar .recommend-seminar__head::after,
.thanks-recommend-seminar .recommend-seminar__head::before {
    content: "";
    display: block;
    height: 1px;
    background: #e6e6e6;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width:640px) {

    .thanks-recommend-seminar .recommend-seminar__head::after,
    .thanks-recommend-seminar .recommend-seminar__head::before {
        display: none
    }
}

.thanks-recommend-seminar .recommend-seminar__head::before {
    margin-right: 12px
}

.thanks-recommend-seminar .recommend-seminar__head::after {
    margin-left: 12px
}

.thanks-recommend-seminar .recommend-seminar__bnr {
    margin-bottom: 24px
}

.thanks-recommend-seminar .recommend-seminar__form {
    margin-bottom: 40px
}

.thanks-recommend-seminar .recommend-seminar__form form {
    width: 100%
}

.thanks-recommend-seminar .recommend-seminar__form .input-assist-opener-wrapper.off {
    display: none
}

.thanks-recommend-seminar .recommend-seminar__form__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:860px) {
    .thanks-recommend-seminar .recommend-seminar__form__box {
        margin-top: 24px
    }
}

@media (max-width:640px) {
    .thanks-recommend-seminar .recommend-seminar__form__box {
        display: block
    }
}

.thanks-recommend-seminar .recommend-seminar__form__box fieldset.email_set {
    max-width: 356px
}

.thanks-recommend-seminar .recommend-seminar__form__box fieldset.email_set legend {
    font-size: 14px
}

.thanks-recommend-seminar .recommend-seminar__form__box fieldset.email_set legend em {
    font-size: 10px
}

.thanks-recommend-seminar .recommend-seminar__form__box fieldset.email_set input[type=email] {
    font-size: 14px
}

.thanks-recommend-seminar .recommend-seminar__form__box fieldset.email_set .description {
    font-size: 12px
}

.thanks-recommend-seminar .recommend-seminar__form__box fieldset.is-submit-wrap {
    width: 257px;
    height: 56px;
    margin-top: 18px
}

@media (max-width:640px) {
    .thanks-recommend-seminar .recommend-seminar__form__box fieldset.is-submit-wrap {
        width: 100%
    }
}

.thanks-recommend-seminar .recommend-seminar__form__box fieldset.is-submit-wrap input[type=submit] {
    font-size: 17px
}

.thanks-recommend-seminar .recommend-seminar__form__box fieldset .is-submit-text {
    line-height: 56px
}

.thanks-recommend-seminar .recommend-seminar__form__box fieldset .jsc-error-message {
    font-size: 14px
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple {
    max-width: 768px;
    margin: 40px auto 0
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box {
    margin-bottom: 24px
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:640px) {
    .thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul {
        display: block
    }
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li {
    width: 48%
}

@media (max-width:640px) {
    .thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li {
        width: 100%
    }

    .thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li:not(:last-child) {
        margin-bottom: 24px
    }
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li label {
    cursor: pointer
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li label img {
    display: block;
    margin-bottom: 8px
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li label>input[type=checkbox] {
    display: none
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li label>input[type=checkbox]:checked+p::after {
    position: absolute;
    top: 4px;
    left: -23px;
    width: 6px;
    height: 12px;
    border: 0 solid #0457a7;
    border-right-width: 2px;
    border-bottom-width: 2px;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    z-index: 30
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li label>p {
    cursor: pointer;
    position: relative;
    margin-left: 30px;
    font-weight: 700
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li label>p:after,
.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li label>p:before {
    content: "";
    display: block;
    position: absolute
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset ul li label>p:before {
    top: 3px;
    left: -30px;
    width: 18px;
    height: 18px;
    border: 1px solid #d2e3f4;
    background: #eef6fe;
    border-radius: 2px
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__bnr-box fieldset .jsc-error-message {
    font-size: 14px;
    text-align: center
}

.thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__box fieldset.email_set {
    max-width: 480px;
    margin-right: 16px
}

@media (max-width:640px) {
    .thanks-recommend-seminar .recommend-seminar.recommend-multiple .recommend-seminar__form__box fieldset.email_set {
        max-width: 100%;
        margin-right: 0
    }
}

body:has(.hr-form) {
    background-color: #e2eff7
}

body:has(.hr-form) header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper {
    padding: 20px 0
}

body:has(.hr-form) header .sg-header__global-nav__basic .sg-logo__hrmos--wrapper a img {
    height: auto
}

.hr-form h1 {
    color: #0457a7 !important
}

@media (max-width:420px) {
    .hr-form h1 {
        margin: 0 !important;
        padding: 16px 0 24px !important
    }
}

.hr-form em,
.hr-form h1,
.hr-form h2,
.hr-form h3,
.hr-form h4,
.hr-form li,
.hr-form p,
.hr-form span {
    font-family: Lato, "Noto Sans JP", sans-serif !important
}

.hr-form .pg-privacy {
    background-color: #e2eff7;
    padding-bottom: 16px !important;
    margin-bottom: 0 !important
}

.hr-form .right {
    background: 0 0 !important
}

.hr-form .pg-sections-request__layout {
    padding: 0 16px 80px
}

.hr-form .pg-sections-request__layout h2 {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    color: #000
}

.hr-form .pg-sections-request__layout .text__request-attention {
    margin-top: 24px;
    font-size: 20px;
    font-weight: 700;
    color: #0457a7;
    line-height: 1.5
}

@media (max-width:640px) {
    .hr-form .pg-sections-request__layout .text__request-attention {
        font-size: 18px
    }
}

.hr-form .pg-form {
    background-color: #e2eff7
}

.hr-form .pg-form__layout {
    background-color: #fff !important;
    box-shadow: 0 16px 20px 0 rgba(150, 150, 150, .2);
    border-radius: 26px !important
}

@media (max-width:640px) {
    .hr-form .pg-form__layout {
        border-radius: 16px
    }
}

.hr-form .pg-form__layout>h3 {
    margin: 0 0 12px;
    color: #0f3b58 !important
}

.hr-form .pg-form__layout input[type=email],
.hr-form .pg-form__layout input[type=tel],
.hr-form .pg-form__layout input[type=text],
.hr-form .pg-form__layout textarea {
    border: 1px solid #d3e1e3 !important;
    background: #e2eff7 !important;
    box-shadow: 0 0 100px 100px #e2eff7 inset
}

.hr-form .pg-form__layout .select-wrapper select {
    border: 1px solid #d3e1e3 !important;
    background: #e2eff7 !important
}

.hr-form .pg-form__layout fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox]:checked+label:after,
.hr-form .pg-form__layout fieldset.pg_hm_check_function__biz>div>ul>li>input[type=checkbox]:checked+label:after {
    border: 0 solid #1bacab !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important
}

.hr-form .pg-form__layout fieldset.pg_hm_check_function>div>ul>li>label:before,
.hr-form .pg-form__layout fieldset.pg_hm_check_function__biz>div>ul>li>label:before {
    border: 1px solid #d3e1e3 !important;
    background: #e2eff7 !important
}

.hr-form .pg-form__layout fieldset.is-submit-wrap {
    border-color: #e73858 !important;
    background-color: #e73858 !important
}

.hr-form .pg-form__layout fieldset.is-submit-wrap .lp-form__submit-free {
    border: 1px solid #e73858 !important;
    color: #e73858 !important
}

.hr-form .pg-form__layout fieldset.is-submit-wrap input[type=submit] {
    border: 2px solid #e73858 !important
}

.hr-form .pg-form__layout fieldset.is-submit-wrap input[type=submit]:hover {
    color: #e73858 !important
}

.hr-form .pg-form__layout fieldset legend em {
    color: #e73858 !important
}

.hr-form .pg-form__layout fieldset legend.agree-personal-information>input[type=checkbox]:checked+label:after {
    border: 0 solid #1bacab !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important
}

.hr-form .pg-form__layout fieldset legend.agree-personal-information>label:before {
    border: 1px solid #d3e1e3 !important;
    background: #e2eff7 !important
}

.hr-form .pg-form__layout .left__wrapper .content .pg-title--h3 {
    color: #0f3b58 !important
}

.hr-form .pg-form .note {
    display: block;
    margin: 8px 0 0;
    color: grey;
    font-size: 12px;
    line-height: 1.2
}

@media (max-width:640px) {
    .hr-form .pg-form .note {
        display: none
    }
}

.hr-form .list__request {
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    margin: 0 0 24px
}

.hr-form .list__request>li {
    list-style-type: none;
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8
}

@media (max-width:640px) {
    .hr-form .list__request>li {
        font-size: 14px
    }
}

.hr-form .list__request>li:before {
    content: "";
    display: block;
    background: #0457a7;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 8px;
    top: 50%;
    border-radius: 50%;
    width: 10px;
    height: 10px
}

.hr-form__layout2col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:640px) {
    .hr-form__layout2col {
        display: block
    }
}

.hr-form .img__request {
    margin: 0 auto
}

.hr-form .img__request img {
    display: block;
    margin: 0 auto;
    width: 320px
}

@media (max-width:640px) {
    .hr-form .img__request img {
        width: 100%
    }
}

.hr-form .logo__request {
    background: #fff;
    padding: 16px 48px;
    margin: 12px 0 24px;
    border-radius: 16px
}

@media (max-width:640px) {
    .hr-form .logo__request {
        padding: 16px 24px
    }
}

.hr-form .logo__request ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.hr-form .logo__request ul li {
    width: 20%
}

@media (max-width:640px) {
    .hr-form .logo__request ul li {
        width: 33.33%
    }
}

.hr-form .logo__request small {
    display: block;
    text-align: right;
    font-size: 10px;
    color: grey
}

.content__hr-text {
    font-size: 16px;
    line-height: 1.6
}

.contact__hr-description {
    margin-top: 56px;
    padding: 24px;
    border-radius: 16px;
    background: #fff
}

@media (max-width:640px) {
    .contact__hr-description {
        padding: 20px
    }
}

.contact__hr-description .link__kintai {
    margin: 0 0 4px;
    padding-bottom: 0;
    padding-right: 17px
}

.contact__hr-description .link__keihi {
    margin: 0;
    padding-bottom: 0
}

.contact__hr-description a.contact-link {
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-left: 16px
}

@media (min-width:809px) {
    .contact__hr-description a.contact-link {
        font-size: 16px
    }
}

@media (max-width:640px) {
    .contact__hr-description a.contact-link {
        font-size: 12px
    }
}

.contact__hr-description a.contact-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 5px;
    height: 9px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    left: 0;
    background-image: url(/b2b-assets/images/common/icon-triangle--left--ter-f8460dab6d.svg)
}

.contact__hr-description a.contact-link:hover {
    opacity: .6
}

.contact__hr-description a.contact-link.linkblank::after {
    margin: 0 5px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/b2b-assets/images/common/icon-target_blank-ff1d3fcca7.svg);
    background-size: contain;
    vertical-align: middle
}

.contact__hr-step {
    margin: 0 0 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 600px;
    counter-reset: num
}

@media (max-width:640px) {
    .contact__hr-step {
        min-width: 100%;
        display: block
    }
}

.contact__hr-step li {
    position: relative;
    margin: 0 40px 0 0;
    padding: 20px 16px 8px 60px;
    line-height: 1;
    border-radius: 16px;
    background: #fff;
    font-weight: 700
}

@media (max-width:640px) {
    .contact__hr-step li {
        margin: 0 0 40px;
        padding: 20px 16px 20px 60px
    }
}

.contact__hr-step li:last-child {
    padding: 14px 16px 14px 60px;
    margin: 0
}

@media (max-width:640px) {
    .contact__hr-step li:last-child {
        padding: 20px 16px 20px 60px
    }
}

.contact__hr-step li:last-child::after {
    display: none
}

.contact__hr-step li::before {
    counter-increment: num;
    content: counter(num);
    position: absolute;
    display: block;
    margin: 12px 0 0 16px;
    padding: 6px 0 0 11px;
    top: 0;
    left: 0;
    width: 19px;
    height: 24px;
    background-color: #0457a7;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.contact__hr-step li::after {
    content: "";
    position: absolute;
    display: block;
    top: 20px;
    right: -30px;
    width: 21px;
    height: 20px;
    background: url(/b2b-assets/images/page-hr/demo/icon_arrow-3a9d5b2876.svg) no-repeat center center
}

@media (max-width:640px) {
    .contact__hr-step li::after {
        top: 64px;
        right: 50%;
        background: url(/b2b-assets/images/page-hr/demo/icon_arrow_sp-cfecf54113.svg) no-repeat center center
    }
}

.price__content {
    background: #fff;
    padding: 32px;
    border-radius: 16px
}

@media (max-width:640px) {
    .price__content {
        padding: 24px
    }
}

.price__content>figure {
    margin: 0 0 8px
}

.price__content>figure img {
    display: block;
    margin: 0 auto;
    width: 312px
}

.price__content>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.price__content>ul>li {
    display: block;
    font-size: 12px;
    line-height: 1.6
}

.price__content>ul>li:last-child {
    margin-left: 96px
}

@media (max-width:640px) {
    .price__content>ul>li:last-child {
        margin-left: 20%
    }
}

.payroll-price .pg-sections-request__layout {
    gap: 55px;
    padding: 0 16px 40px
}

@media (max-width:860px) {
    .payroll-price .pg-sections-request__layout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:480px) {
    .payroll-price .pg-sections-request__layout {
        gap: 10px
    }
}

.payroll-price .pg-sections-request__layout .left {
    max-width: 595px;
    margin: 0
}

.payroll-price .pg-sections-request__layout .left__wrapper .content>h1 {
    margin: 0 0 40px
}

@media (max-width:860px) {
    .payroll-price .pg-sections-request__layout .left__wrapper .content>h1 {
        font-size: 28px;
        margin: 0 0 24px
    }
}

.payroll-price .pg-sections-request__layout .left__wrapper .content .is-left p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 24px
}

.payroll-price .pg-sections-request__layout .left__wrapper .content .is-left h2 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0 !important;
    font-feature-settings: unset;
    color: #333;
    margin: 0 0 10px
}

.payroll-price .pg-sections-request__layout .left__wrapper .content .is-left .price__content {
    padding: 20px
}

.payroll-price .pg-sections-request__layout .left__wrapper .content .is-left .price__content ul li {
    font-size: 16px
}

.payroll-price .pg-sections-request__layout .left__wrapper .content .is-left .price__content ul li:last-child {
    margin-left: 86px
}

@media (max-width:860px) {
    .payroll-price .pg-sections-request__layout .left__wrapper .content .is-left p {
        font-size: 14px;
        margin: 0 0 16px
    }

    .payroll-price .pg-sections-request__layout .left__wrapper .content .is-left h2 {
        font-size: 18px
    }

    .payroll-price .pg-sections-request__layout .left__wrapper .content .is-left .price__content>figure img {
        width: 280px
    }

    .payroll-price .pg-sections-request__layout .left__wrapper .content .is-left .price__content ul li {
        font-size: 14px
    }
}

.payroll-price .pg-sections-request__layout .left__wrapper .content .text__request-attention {
    font-size: 18px;
    line-height: 1.6;
    margin: 20px 0 40px;
    width: calc(100% + 16px)
}

@media (max-width:860px) {
    .payroll-price .pg-sections-request__layout .left__wrapper .content .text__request-attention {
        width: 100%;
        font-size: 16px;
        margin: 16px 0 24px
    }
}

.payroll-price .pg-sections-request__layout .left__wrapper .content .text__note {
    font-size: 10px;
    line-height: 18px;
    color: #333;
    margin: 0
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout {
    border-radius: 16px !important;
    padding: 24px 47px 24px 32px
}

@media (max-width:860px) {
    .payroll-price .pg-sections-request__layout .right .pg-form__layout {
        padding: 24px
    }
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form .input-assist-opener-wrapper {
    border: none
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset legend {
    font-size: 13px;
    line-height: 13px
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset legend em {
    font-size: 11px;
    line-height: 11px
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label {
    font-weight: 500;
    font-size: 12px
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label a {
    color: inherit
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>input[type=checkbox]:checked+label:after {
    top: 6px
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li>label:before {
    top: 3px
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li:nth-child(3) {
    width: 66%
}

@media (max-width:940px) {
    .payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function>div>ul>li:nth-child(3) {
        width: unset
    }
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>input[type=checkbox]:checked+label:after {
    top: 6px
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function__biz>div>ul>li>label:before {
    top: 3px
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap {
    border-radius: 8px;
    margin-top: 24px
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit] {
    border-radius: 8px
}

.payroll-price .pg-sections-request__layout .right .pg-form__layout h3 {
    margin: 0 0 12px
}

.privacy__group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr;
    grid-template-columns: 50px 1fr;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px;
    margin-top: 12px
}

.privacy__group .privacy-link {
    display: block
}

.privacy__group .privacy-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 126px 1fr;
    grid-template-columns: 126px 1fr;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.privacy__group .privacy-text img {
    background-color: #fff
}

.privacy__group .privacy-text .text {
    font-weight: 400;
    font-size: 9px;
    line-height: 1.6;
    letter-spacing: 0;
    color: #333
}

@media (max-width:480px) {
    .privacy__group {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        text-align: center;
        gap: 16px;
        margin-top: 20px;
        padding-bottom: 26px
    }

    .privacy__group .privacy-link {
        height: 50px
    }

    .privacy__group .privacy-link img {
        height: 100%
    }

    .privacy__group .privacy-text {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .privacy__group .privacy-text img {
        height: 69px;
        margin: 0 auto
    }

    .privacy__group .privacy-text .text {
        max-width: 216px;
        margin: 0 auto;
        text-align: left
    }
}

.note-demo {
    display: none
}

@media (max-width:640px) {
    .note-demo {
        display: block;
        font-size: 10px;
        line-height: 1.2;
        color: #888
    }
}

.hr-header {
    background-color: #e2eff7
}

.sg-rs-thanks__heading {
    margin: 0;
    padding-top: 56px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width:808px) {
    .sg-rs-thanks__heading {
        padding-top: 40px;
        font-size: 18px
    }
}

.sg-rs-thanks__heading {
    text-align: center;
    margin: 56px 0 0
}

.sg-rs-thanks_youtube {
    position: relative;
    max-width: 640px;
    height: 0;
    padding-bottom: 360px;
    margin: 32px auto 0
}

@media (max-width:640px) {
    .sg-rs-thanks_youtube {
        width: 100%;
        height: auto;
        padding-bottom: 56.25%
    }
}

.sg-rs-thanks_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.header-onlinedemo-request header .sg-header__global-nav__basic {
    max-width: 1046px
}

@media (max-width:860px) {
    .header-onlinedemo-request header .sg-header__global-nav__basic {
        padding: 32px 20px;
        width: 90%
    }
}

@media (max-width:768px) {
    .header-onlinedemo-request header .sg-header__global-nav__basic {
        padding: 32px 0
    }
}

@media (max-width:640px) {
    .header-onlinedemo-request header .sg-header__global-nav__basic {
        padding: 16px 0
    }
}

@media (max-width:420px) {
    .header-onlinedemo-request header .sg-header__global-nav__basic {
        width: 100%
    }
}

.pg-sections-onlinedemo {
    margin-top: 11px
}

.pg-sections-onlinedemo .pg-sections-request__layout {
    max-width: 1046px;
    gap: 55px;
    padding: 0 0 106px
}

@media (max-width:860px) {
    .pg-sections-onlinedemo .pg-sections-request__layout {
        padding: 0 20px 56px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:420px) {
    .pg-sections-onlinedemo .pg-sections-request__layout {
        gap: 20px
    }
}

.pg-sections-onlinedemo .pg-sections-request__layout .left {
    margin: 0;
    width: calc(100% - 510px - 55px)
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content>.content-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    margin: 0 0 27px;
    letter-spacing: 0 !important
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top {
    border-radius: 16px;
    padding: 26px 28px;
    position: relative;
    background-color: #e2f1ff;
    margin: 0 0 40px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    color: #0457a7;
    margin: 0 0 16px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__content {
    max-width: 308px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__content .group__title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 1.6;
    margin: 0 0 8px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__content .group__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 20px;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1031px) and (min-width:905px) {
    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__content .group__list {
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__content .group__list li {
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px;
    list-style: none;
    position: relative;
    padding-left: 15px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__content .group__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background-color: #0457a7;
    border-radius: 50%
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__content .group__list li:last-child::after {
    content: "など";
    margin-left: 12px;
    font-weight: 400;
    font-size: 12px;
    color: #333
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__img {
    position: absolute;
    bottom: 3px;
    right: 13px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__img img {
    width: 120px;
    object-fit: cover
}

@media (max-width:905px) and (min-width:860px) {
    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__img {
        position: unset;
        margin-top: 10px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__img img {
        max-width: 100%
    }
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-demo__title {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    margin: 0 0 8px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-demo__desc {
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px;
    margin: 0 0 20px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-demo__imgs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    max-width: 481px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-demo__imgs .top img {
    height: 265px;
    width: auto;
    object-fit: cover;
    border-radius: 12px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-demo__imgs .bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 9px
}

.pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-demo__imgs .bottom img {
    height: 156px;
    object-fit: cover;
    border-radius: 12px
}

@media (max-width:860px) {
    .pg-sections-onlinedemo .pg-sections-request__layout .left {
        width: 90%;
        margin: 0 auto
    }
}

@media (max-width:640px) {
    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content>.content-title {
        font-size: 22px;
        margin: 0 0 40px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top {
        padding: 20px 30px;
        margin: 0 0 20px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__title {
        font-size: 16px;
        line-height: 1.6
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__content .group__title {
        font-size: 14px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__content .group__list li {
        line-height: 1.6;
        font-size: 14px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-top__img {
        display: none
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-demo__desc {
        font-size: 14px;
        margin: 0 0 13px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-demo__imgs .top img {
        height: 184px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .left .left__wrapper .content .pg-demo__imgs .bottom img {
        height: 109px
    }
}

@media (max-width:420px) {
    .pg-sections-onlinedemo .pg-sections-request__layout .left {
        width: 100%
    }
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form .pg-privacy {
    margin-bottom: 20px
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form .pg-privacy>p {
    font-size: 14px
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form .pg-privacy>a>.privacy-logo {
    width: 56px;
    height: 56px
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout {
    padding: 33px 32px 36px;
    background-color: #eaf5ff;
    border-radius: unset
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column {
    margin-top: 0
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-multi-column .hide {
    color: #eaf5ff
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset legend {
    font-size: 12px;
    color: #045bab
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset legend .title-inside {
    font-size: 12px;
    color: #045bab
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label {
    font-weight: 500;
    color: #333
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label::before {
    height: 18px;
    width: 18px;
    border: 1px solid #cbcbcb
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset legend.agree-personal-information>label a {
    color: inherit
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset legend em {
    font-weight: 500;
    color: #b6111c
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=email],
.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=tel],
.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset input[type=text] {
    margin-top: 5px;
    border-color: #d2e3f4;
    padding: 8.5px 7px;
    font-size: 16px;
    font-family: "Noto Sans JP" !important;
    height: 38px
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper select {
    height: 38px;
    font-size: 16px
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset .select-wrapper::after {
    top: 20px
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset .description {
    font-weight: 500;
    font-size: 10px;
    margin: 3px 0 0
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_privacy {
    margin-top: 27px
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap {
    margin-top: 14px
}

.pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset.is-submit-wrap input[type=submit] {
    font-size: 16px;
    padding-left: 0;
    height: 44px
}

@media (max-width:540px) {
    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout {
        padding: 20px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function ul.check-multi li>label::before {
        top: 0;
        -ms-transform: unset;
        transform: unset
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset.pg_hm_check_function ul.check-multi li input[type=checkbox]:checked+label::after {
        top: 3px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form__layout>form fieldset .description br {
        display: none
    }
}

@media (max-width:420px) {
    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form {
        width: 100%
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form .pg-privacy {
        margin-bottom: 12px;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 7px;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form .pg-privacy>p {
        font-size: 10px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form .pg-privacy>a>.privacy-logo {
        width: 38px;
        height: 38px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form>form fieldset input[type=email],
    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form>form fieldset input[type=tel],
    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form>form fieldset input[type=text] {
        height: 36px
    }

    .pg-sections-onlinedemo .pg-sections-request__layout .right .pg-form>form fieldset .select-wrapper select {
        height: 36px
    }
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.request__footer {
    width: 100%;
    background: linear-gradient(135deg, #0a2f65 0, #184890 100%);
    color: #fff;
    padding: 60px 20px
}

.request__footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 40px
}

@media (max-width:640px) {
    .request__footer-container {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.request__footer--left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (max-width:640px) {
    .request__footer--left {
        width: 100%
    }

    .request__footer--left .request__logo-area {
        text-align: center
    }
}

.request__footer--right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 16px;
    text-align: right
}

@media (max-width:640px) {
    .request__footer--right {
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
        width: 100%;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center
    }
}

.request__logo-area h2 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .05em
}

.request__sub-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 8px;
    margin-top: 4px
}

.request__sub-logo span:first-child {
    font-size: 14px;
    opacity: .9
}

.request__hrmos-text {
    font-size: 24px;
    font-weight: 700
}

.request__hrmos-kana {
    font-size: 10px
}

.request__contact-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:640px) {
    .request__contact-area {
        display: block;
        text-align: center
    }
}

.request__tel-link {
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1;
    transition: opacity .2s
}

.request__tel-link:hover {
    opacity: .8
}

.request__business-hours {
    font-size: 12px
}

.request__company-info {
    font-size: 12px
}

@media (max-width:640px) {
    .request__company-info {
        text-align: center
    }
}

.request__cert-text {
    font-size: 11px;
    line-height: 1.6;
    opacity: .8
}

@media (max-width:640px) {
    .request__cert-text {
        width: 100%
    }
}

.request__cert-text p {
    margin-bottom: 2px;
    font-size: 10px;
    line-height: 160%
}

.request__cert-text p:last-child {
    margin-bottom: 0
}

.request__cert-marks {
    background-color: #fff;
    padding: 8px 12px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:640px) {
    .request__cert-marks {
        width: fit-content;
        margin: 0 auto
    }
}

.request__cert-marks img {
    height: 48px;
    width: auto;
    display: block
}

.internal-biz_thanks {
    margin-top: 80px
}

.sg-layout__wrapper {
    max-width: 990px;
    margin: 0 auto;
    position: relative
}

@media (max-width:990px) {
    .sg-layout__wrapper {
        padding-right: 20px;
        padding-left: 20px
    }
}

.sg-layout__wrapper .sg-headline__h1 {
    padding: 40px 0;
    margin: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    color: #0457a7
}

@media (max-width:808px) {
    .sg-layout__wrapper .sg-headline__h1 {
        font-size: 24px
    }
}

.sg-layout__wrapper .sg-headline__h1 span {
    display: block;
    font-size: 24px
}

@media (max-width:808px) {
    .sg-layout__wrapper .sg-headline__h1 span {
        font-size: 18px
    }
}

.sg-layout__wrapper p {
    text-align: center
}

.sg-layout__wrapper p.has-background {
    background: #eef1f4;
    padding: 16px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    margin: 16px auto 0
}

.sg-layout__wrapper h2 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 40px 0 16px
}

.sg-layout__wrapper.d-request-thanks {
    padding-bottom: 285px
}

.youtube__wrapper {
    display: block;
    background: #eef1f4
}

.youtube__wrapper-inner {
    display: block;
    max-width: 990px;
    margin: 0 auto;
    padding: 32px 16px;
    box-sizing: border-box
}

.youtube__wrapper .youtube__seminar {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.youtube__wrapper .youtube__seminar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.youtube__wrapper .youtube__new-window {
    display: block;
    margin-top: 16px;
    text-align: right
}

.youtube__wrapper .youtube__description {
    display: block;
    margin-top: 32px
}

.youtube__wrapper .youtube__description p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0
}

/* Fix for Service Overview image white background */
.flex-item--series img {
    mix-blend-mode: multiply;
    width: 140%;
    max-width: none;
    margin-left: -20%;
}