/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary variables that control standard elements
in the pages. This is also the file that loads all of the other themed CSS
styleshets into just this one in each of themed templates.
*********************************************************************************
****************************************************************************** */











































/* ******************************************************************************
*********************************************************************************
The intention of this file is to reset most of the different browser, built-in
CSS styles, so that it is an empty canvas for the themed specific stylesheets.
*********************************************************************************
****************************************************************************** */

*, *:before, *:after {
  box-sizing: border-box;
}
/* ******************************************************************************
*********************************************************************************
The intention of this file is to makes browsers render all elements more
consistently and in line with modern standards.
It precisely targets only the styles that need normalizing.
*********************************************************************************
****************************************************************************** */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: hidden;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

  
  .btn-download {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: #000;
                color: #fff;
                font-weight: 700;
                font-size: 18px;
                font-size: 4.8vw;
                line-height: 1;
                border-radius: 26px;
                border-radius: 6.93333vw;
                width: 208px;
                width: 55.46667vw;
                height: 52px;
                height: 13.86667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-right: 7.46667vw;
                position: fixed;
                left: 15px;
                bottom: 15px;
                z-index: 101
            }
.mdl-breadcrumb {
  -ms-flex-align: center;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-box-pack: end;
  -webkit-box-sizing: border-box;
  align-items: center;
  box-sizing: border-box;
  color: #6D6D6D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-display: swap;
  font-family: Noto Sans JP;
  font-size: 12px;
  font-size: 3.2vw;
  justify-content: flex-end;
  margin: 3.2vw auto 4.8vw;
  max-width: 1260px;
  padding-right: 4.26667vw;
} 
.mdl-head01 {
    font-display: swap;
    font-family: Montserrat,"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"メイリオ",sans-serif;
    font-size: 20px;
    font-size: 5.33333vw;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.6;
    padding-bottom: 5.06667vw;
    position: relative;
    text-align: center; 
}
.mdl-head01:before {
    -webkit-transform: translateX(-50%);
    background: #2DD28D;
    bottom: 0;
    content: "";
    height: 3px;
    height: .8vw;
    left: 50%; 
    position: absolute;
    transform: translateX(-50%);
    width: 72px;
    width: 19.2vw;
}
@media screen and (min-width: 561px) {
    .mdl-head01:before {
        height: 4px;
        height: .3125vw;
        width: 144px;
        width: 11.25vw;
    }
} 
@media screen and (min-width: 961px) {
    .mdl-head01:before {
        height: 4px;
        height: .3125vw;
        width: 144px;
        width: 11.25vw;
    }
}
@media screen and (min-width: 1200px) {
    .mdl-head01:before {
        height: 4px;
        width: 120px;
    }
}
            .btn-download .arrow {
                width: 16px;
                width: 4.26667vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 20px;
                right: 5.33333vw
            }

            .subpage-mv {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 12px;
                background: -webkit-gradient(linear,left top,left bottom,from(#88e18e),to(#2dc2cc));
                background: linear-gradient(180deg,#88e18e 0,#2dc2cc);
                overflow: hidden;
                height: 240px;
                height: 64vw
            }

            .subpage-mv.ux {
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#88e18e));
                background: linear-gradient(180deg,#2dc2cc 0,#88e18e)
            }

            .subpage-mv.ux .head-area .picto svg path {
                fill: #2dc2cc
            }

            .subpage-mv.ux .head-area .title .green {
                color: #2dc2cc
            }

            .subpage-mv.engine .subpage-mv-inner {
                background: radial-gradient(86.44% 86.44% at 31.59% 27.34%,#fff 0,#f1f1f1 100%)
            }

            .subpage-mv.engine .subpage-mv-img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1
            }

            .subpage-mv.engine .subpage-mv-img.poly01 { 
                background-repeat: no-repeat;
                background-size: auto 100%;
                background-position: 100% 0
            }

            .subpage-mv.engine .head-area {
                margin-left: 0
            }

            .subpage-mv.engine .head-area .picto {
                width: 64px;
                width: 17.06667vw;
                margin-right: 0;
                margin-bottom: 4vw;
                position: relative;
                top: 0
            }

            .subpage-mv.engine .head-area .picto svg path {
                fill: #2dc79d
            }

            .subpage-mv.engine .head-area .txt-area {
                position: relative;
                top: 0
            }

            .subpage-mv.engine .head-area .title {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-weight: 700;
                letter-spacing: -.01em;
                position: relative;
                font-size: 32px;
                font-size: 8.53333vw;
                margin-bottom: 1.6vw
            }

            .subpage-mv.engine .head-area .title .semibold {
                font-weight: 600
            }

            .subpage-mv.engine .head-area .lead {
                letter-spacing: .02em
            }

            .subpage-mv.team .subpage-mv-inner {
                background: radial-gradient(86.44% 86.44% at 31.59% 27.34%,#fff 0,#f1f1f1 100%);
                background: #fff
            }

            .subpage-mv.team .subpage-mv-img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1
            }

            .subpage-mv.team .subpage-mv-img.poly01 { 
                background-repeat: no-repeat;
                background-size: auto 100%;
                background-position: 100% 0
            }

            .subpage-mv.team .head-area {
                margin-left: 0
            }

            .subpage-mv.team .head-area .picto {
                width: 64px;
                width: 17.06667vw;
                margin-right: 0;
                margin-bottom: 4vw;
                position: relative;
                top: 0
            }

            .subpage-mv.team .head-area .picto svg path {
                fill: #2dc79d
            }

            .subpage-mv.team .head-area .txt-area {
                position: relative;
                top: 0
            }

            .subpage-mv.team .head-area .title {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-weight: 700;
                letter-spacing: -.01em;
                position: relative;
                font-size: 32px;
                font-size: 8.53333vw;
                margin-bottom: 1.6vw
            }

            .subpage-mv.team .head-area .title .semibold {
                font-weight: 600
            }

            .subpage-mv.team .head-area .lead {
                letter-spacing: .02em
            }

            .subpage-mv.video {
                height: 300px;
                height: 80vw
            }

            .subpage-mv.video .subpage-mv-inner {
                padding-top: 2.66667vw;
                padding-left: 3.2vw
            }

            .subpage-mv.video .head-area {
                margin-left: 0
            }

            .subpage-mv.video .head-area .title-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                margin-bottom: 9.86667vw
            }

            .subpage-mv.video .head-area .copy {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 700;
                font-family: Noto Sans JP;
                font-display: swap;
                letter-spacing: .02em;
                margin-bottom: 14.93333vw
            }

            .subpage-mv.video .head-area .copy .num {
                font-size: 22px;
                font-size: 5.86667vw;
                color: #2dcc70;
                margin-right: .01em
            }

            .subpage-mv.video .head-area .picto {
                width: 68px;
                width: 18.13333vw;
                height: 58px;
                height: 15.46667vw;
                margin-right: 3.73333vw
            }

            .subpage-mv.video .head-area .title {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-weight: 700;
                letter-spacing: -.01em;
                position: relative;
                font-size: 28px;
                font-size: 7.46667vw;
                top: 0
            }

            .subpage-mv.video .head-area .title .semibold {
                font-weight: 600
            }

            .subpage-mv.video .head-area .lead {
                font-family: Noto Sans JP;
                font-display: swap;
                letter-spacing: .02em;
                font-size: 16px;
                font-size: 4.26667vw;
                display: block
            }

            .subpage-mv.video .head-area .num {
                font-size: 22px;
                font-size: 5.86667vw;
                color: #2dcc70;
                margin-right: .05em;
                position: relative;
                top: 0;
                left: 0
            }

            .subpage-mv.video .btn-wrap {
                margin-top: 0;
                margin-left: 4.53333vw
            }

            .subpage-mv.video .btn {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: #000;
                color: #fff;
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1;
                border-radius: 26px;
                border-radius: 6.93333vw;
                width: 293px;
                width: 78.13333vw;
                height: 48px;
                height: 12.8vw;
                position: relative;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-right: .53333vw;
                margin-bottom: 2.66667vw;
                margin-top: 0
            }

            .subpage-mv.video .btn.white {
                background: #fff;
                color: #000
            }

            .subpage-mv.video .btn .arrow {
                width: 16px;
                width: 4.26667vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                left: auto;
                right: 20px;
                right: 5.33333vw
            }

            .subpage-mv.video .subpage-mv-img { 
                background-size: cover;
                background-position: 50%
            }

            .subpage-mv.video .subpage-mv-img:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background: #fff;
                background: -webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,.5)));
                background: linear-gradient(90deg,#fff,hsla(0,0%,100%,.5))
            }

            .subpage-mv .subpage-mv-inner {
                width: 100%;
                height: 100%;
                background: radial-gradient(86.44% 86.44% at 31.59% 27.34%,#fff 0,#eef0f0 100%);
                position: relative;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                overflow: hidden
            }

            .subpage-mv .subpage-mv-img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1
            }

            .subpage-mv .subpage-mv-img.poly01 { 
                background-repeat: no-repeat;
                background-size: auto 100%;
                background-position: 100% 0
            }

            .subpage-mv .arrow {
                position: absolute;
                z-index: 2
            }

            .subpage-mv .arrow>div {
                width: 100%;
                height: 100%
            }

            .subpage-mv .head-area {
                position: relative;
                z-index: 2
            }

            .subpage-mv .head-area .picto svg path {
                fill: #2dcc70
            }

            .subpage-mv .head-area .title {
                letter-spacing: .04em;
                font-size: 36px;
                font-size: 9.6vw;
                margin-bottom: 3.2vw;
                color: #000
            }

            .subpage-mv .head-area .title .green {
                color: #2dcc70
            }

            .subpage-mv .head-area .lead {
                font-size: 16px;
                font-size: 4.26667vw;
                line-height: 1.5;
                font-weight: 700
            }

            .sec-mv {
                padding: 12px;
                background: -webkit-gradient(linear,left top,left bottom,from(#88e18e),to(#2dc2cc));
                background: linear-gradient(180deg,#88e18e 0,#2dc2cc);
                overflow: hidden;
                height: 386px;
                height: 102.93333vw
            }

            .sec-mv,.sec-mv .sec-mv-inner {
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .sec-mv .sec-mv-inner {
                width: 100%;
                height: 100%;
                background: radial-gradient(86.44% 86.44% at 31.59% 27.34%,#fff 0,#eef0f0 100%);
                position: relative;
                padding: 21.86667vw 0 0 20px
            }

            .sec-mv .sec-mv-img {
                height: 100%; 
                background-repeat: no-repeat;
                background-size: auto 386px;
                background-position: top -8px left -12px
            }

            .sec-mv .bg-wrap,.sec-mv .sec-mv-img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                z-index: 2
            }

            .sec-mv .bg-wrap {
                overflow: hidden;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-mv .bg,.sec-mv picture {
                width: auto;
                height: 386px;
                height: 102.93333vw
            }

            .sec-mv .arrow {
                position: absolute;
                z-index: 1;
                width: 323px;
                width: 86.13333vw;
                top: 65px;
                top: 17.33333vw;
                height: auto
            }

            .sec-mv .arrow div {
                width: 100%;
                height: 100%
            }

            .sec-mv .copy {
                font-weight: 700;
                letter-spacing: .05em;
                font-size: 22px;
                font-size: 5.86667vw;
                position: relative;
                z-index: 3
            }

            .sec-mv .copy .green {
                color: #2dcc70;
                font-weight: 900
            }

            .sec-mv .copy .name {
                width: 308px;
                margin-top: 3.2vw
            }

            .sec-mv .results {
                position: absolute;
                left: -12px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 5px solid #88e18e;
                border-left: none;
                padding-left: 34px;
                background: #fff;
                z-index: 3;
                width: 305px;
                width: 81.33333vw;
                height: 70px;
                height: 18.66667vw;
                bottom: 56px;
                bottom: 14.93333vw
            }

            .sec-mv .results-wrap {
                position: absolute;
                height: 70px;
                height: 18.66667vw;
                bottom: 56px;
                bottom: 14.93333vw;
                z-index: 4
            }

            .sec-mv .results-wrap,.sec-mv .results-wrap .each-result {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-mv .results-wrap .each-result {
                margin-right: 3.2vw
            }

            .sec-mv .results-wrap .icon {
                width: 20px;
                width: 5.33333vw;
                margin-right: 1.86667vw
            }

            .sec-mv .results-wrap .txt-area {
                font-size: 12px;
                font-size: 3.2vw;
                font-weight: 700;
                white-space: nowrap
            }

            .sec-mv .results-wrap .txt-area .name {
                display: block;
                white-space: nowrap
            }

            .sec-mv .results-wrap .txt-area .number {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                white-space: nowrap
            }

            .sec-mv .results-wrap .num {
                font-weight: 600;
                font-size: 22px;
                font-size: 5.86667vw;
                position: relative;
                top: -.1em;
                margin-right: .1em;
                white-space: nowrap
            }

            .sec-top-services {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 8vw 16px 13.33333vw
            }

            .sec-top-services .services-head01 {
                text-align: center;
                font-weight: 400;
                color: #868686;
                font-size: 28px;
                font-size: 7.46667vw;
                margin-bottom: 2.66667vw
            }

            .sec-top-services .services-desc01 {
                text-align: center;
                line-height: 1.5;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 5.33333vw
            }

            .sec-top-services .each-service {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 5px;
                margin-bottom: 4.26667vw;
                margin-left: auto;
                margin-right: auto
            }

            .sec-top-services .each-service.dx {
                background: -webkit-gradient(linear,left top,left bottom,from(#75db9b),to(#2dc2cc));
                background: linear-gradient(180deg,#75db9b 0,#2dc2cc)
            }

            .sec-top-services .each-service.dx .green {
                color: #75db9b
            }

            .sec-top-services .each-service.dx .desc-area .picto {
                width: 160px;
                width: 42.66667vw
            }

            .sec-top-services .each-service.ux {
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#75db9b));
                background: linear-gradient(180deg,#2dc2cc 0,#75db9b)
            }

            .sec-top-services .each-service.ux .green {
                color: #2dc2cc
            }

            .sec-top-services .each-service.ux .desc-area .picto {
                width: 164px;
                width: 43.73333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end
            }

            .sec-top-services .each-service.ux .feature-name {
                font-weight: 600;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: .1em
            }

            .sec-top-services .each-service.video {
                background: -webkit-gradient(linear,left top,left bottom,from(#75db9b),to(#2dc2cc));
                background: linear-gradient(180deg,#75db9b 0,#2dc2cc);
                width: 100%
            }

            .sec-top-services .each-service.video .green {
                color: #75db9b
            }

            .sec-top-services .each-service.video .desc-area .picto {
                width: 160px;
                width: 42.66667vw
            }

            .sec-top-services .each-service.video .features-area .each-feature {
                width: 310px;
                width: 82.66667vw
            }

            .sec-top-services .each-service.video .features-area .each-feature .picto.ad {
                width: 60px;
                width: 16vw
            }

            .sec-top-services .each-service.video .features-area .each-feature:first-of-type {
                margin-bottom: 8vw
            }

            .sec-top-services .each-service.video .features-area .each-feature .feature-desc {
                text-align: center
            }

            .sec-top-services .each-service .each-service-inner {
                width: 100%;
                height: 100%;
                background: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 8vw 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            .sec-top-services .each-service .service-name {
                text-align: center;
                font-size: 28px;
                font-size: 7.46667vw;
                letter-spacing: .04em;
                margin-bottom: 5.33333vw
            }

            .sec-top-services .each-service .desc-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 6.66667vw
            }

            .sec-top-services .each-service .desc-area .picto {
                margin-bottom: 2.66667vw;
                height: 101px;
                height: 26.93333vw
            }

            .sec-top-services .each-service .desc-area .desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                text-align: center;
                line-height: 1.5
            }

            .sec-top-services .each-service .features-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            .sec-top-services .each-service .features-area .each-feature {
                width: 140px;
                width: 37.33333vw;
                margin-bottom: 4vw;
                margin-left: 2.93333vw;
                margin-right: 2.93333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-top-services .each-service .features-area .each-feature:last-of-type {
                width: 100%
            }

            .sec-top-services .each-service .features-area .each-feature:last-of-type .feature-desc {
                text-align: center
            }

            .sec-top-services .each-service .features-area .each-feature .btn {
                margin-top: 4vw
            }

            .sec-top-services .each-service .features-area .picto {
                width: 60px;
                width: 16vw;
                height: 60px;
                height: 16vw;
                margin-bottom: 2.66667vw
            }

            .sec-top-services .each-service .features-area .feature-name {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                margin-bottom: 2.66667vw;
                height: 27px;
                height: 7.2vw
            }

            .sec-top-services .each-service .features-area .feature-desc {
                font-size: 12px;
                font-size: 3.2vw;
                width: 100%
            }

            .sec-top-services .each-service .btn {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1;
                background: #000;
                color: #fff;
                border-radius: 6px;
                width: 293px;
                width: 78.13333vw;
                min-width: 160px;
                height: 48px;
                height: 12.8vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                margin-left: auto;
                margin-right: auto
            }

            .sec-top-services .each-service .btn .arrow {
                position: absolute;
                top: 50%;
                right: 17px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 16px;
                width: 4.26667vw;
                height: 14px;
                height: 3.73333vw;
                right: 16px;
                right: 4.26667vw
            }

            .sec-top-services .service-structure {
                background: -webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#dfdfdf));
                background: linear-gradient(180deg,#e9e9e9 0,#dfdfdf);
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 5px
            }

            .sec-top-services .service-structure .service-structure-inner {
                width: 100%;
                background: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 9.33333vw 0
            }

            .sec-top-services .service-structure .lead {
                font-size: 18px;
                font-size: 4.8vw;
                line-height: 1.5;
                font-weight: 700;
                font-family: Noto Sans JP;
                font-display: swap;
                text-align: center;
                margin-bottom: 4vw
            }

            .sec-top-services .service-structure .picto-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-bottom: 1.33333vw
            }

            .sec-top-services .service-structure .picto-area .each {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-top-services .service-structure .picto-area .each.ux {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse
            }

            .sec-top-services .service-structure .picto-area .each .name {
                color: #2dcc70;
                font-size: 24px;
                font-size: 6.4vw;
                font-weight: 700
            }

            .sec-top-services .service-structure .picto-area .arrow {
                width: 49px;
                width: 13.06667vw;
                margin-right: 2.93333vw;
                margin-left: 2.66667vw
            }

            .sec-top-services .service-structure .picto-area .picto {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-right: 3.2vw;
                margin-left: 3.2vw
            }

            .sec-top-services .service-structure .picto-area .picto .label {
                font-weight: 500;
                font-size: 12px;
                font-size: 3.2vw;
                color: #676767;
                white-space: nowrap
            }

            .sec-top-services .service-structure .picto-area .building {
                width: 58px;
                width: 15.46667vw;
                height: 80px;
                height: 21.33333vw
            }

            .sec-top-services .service-structure .picto-area .building svg path {
                fill: #676767
            }

            .sec-top-services .service-structure .picto-area .shopping {
                width: 56px;
                width: 14.93333vw;
                height: 80px;
                height: 21.33333vw
            }

            .sec-top-services .service-structure .desc {
                text-align: center;
                font-size: 14px;
                font-size: 3.73333vw;
                font-family: Noto Sans JP;
                font-display: swap
            }

            .sec-top-services .service-structure .desc .green {
                color: #2dcc70;
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700
            }

            .sec-top-news {
                border-top: 1px solid #74da9c;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 10.66667vw 16px 4.53333vw
            }

            .sec-top-news .sec-top-news-inner {
                margin-left: auto;
                margin-right: auto
            }

            .sec-top-news .news-head01 {
                text-align: center;
                font-weight: 400;
                color: #868686;
                font-size: 28px;
                font-size: 7.46667vw;
                margin-bottom: 6.66667vw
            }

            .sec-top-news .news-list .each-news {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 4.26667vw
            }

            .sec-top-news .news-list .each-news .date {
                color: #74da9c;
                font-size: 12px;
                font-size: 3.2vw;
                font-weight: 600;
                width: 50px;
                width: 13.33333vw;
                min-width: 30px;
                height: 50px;
                height: 13.33333vw;
                min-height: 30px;
                margin-right: 4.26667vw;
                background: -webkit-gradient(linear,left top,left bottom,from(#d0d0d0),to(#b9b9b9));
                background: linear-gradient(180deg,#d0d0d0 0,#b9b9b9);
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 1px
            }

            .sec-top-news .news-list .each-news .date .date-inner {
                width: 100%;
                height: 100%;
                background: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-top-news .news-list .each-news .date .date-inner .year {
                margin-bottom: 3px
            }

            .sec-top-news .news-list .each-news .title {
                font-size: 14px;
                font-size: 3.73333vw;
                color: #2b2b2b;
                text-decoration: underline;
                width: calc(100% - 66px);
                line-height: 1.5
            }

            .sec-top-bnr {
                padding-bottom: 4.26667vw
            }

            .sec-bnr {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 16px;
                padding-right: 16px
            }

            .sec-bnr .bnr {
                display: block
            }

            .sec-bnr .bnr-dx-book {
                margin-bottom: 3.73333vw
            }

            .sec-bnr .bnr-flex {
                margin-bottom: 8.53333vw
            }

            .sec-bnr .bnr-flex,.sec-bnr .bnr-flex .bnr-half {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .sec-bnr .bnr-flex .bnr-half {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 3px solid #88e18e;
                width: 165px;
                width: 44vw;
                height: 72px;
                height: 19.2vw;
                position: relative
            }

            .sec-bnr .bnr-flex .bnr-half:after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: #000;
                opacity: .4;
                z-index: 1
            }

            .sec-bnr .bnr-flex .bnr-half.bnr-media {
                margin-right: 1.86667vw;
                background-size: cover
            }

            .sec-bnr .bnr-flex .bnr-half.bnr-seminar {
                margin-left: 1.86667vw;
                background-size: cover
            }

            .sec-bnr .bnr-flex .bnr-half .bg {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                width: 100%;
                height: 100%;
                overflow: hidden
            }

            .sec-bnr .bnr-flex .bnr-half .txt {
                position: relative;
                z-index: 2;
                color: #fff;
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .sec-bnr .bnr-growthhacker {
                height: 159px;
                height: 42.4vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                overflow: hidden;
                padding-bottom: 4vw
            }

            .sec-bnr .bnr-growthhacker .bg {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                display: block;
                overflow: hidden;
                height: 100%
            }

            .sec-bnr .bnr-growthhacker .txt-area {
                background: rgba(0,0,0,.8);
                position: relative;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                z-index: 2;
                color: #fff;
                font-family: Noto Sans JP;
                font-display: swap;
                padding-left: 4.26667vw;
                padding-bottom: 1.33333vw;
                width: 82.66667vw;
                height: 17.06667vw;
                margin-top: auto
            }

            .sec-bnr .bnr-growthhacker .txt-area .lead,.sec-bnr .bnr-growthhacker .txt-area .title {
                line-height: 1
            }

            .sec-bnr .bnr-growthhacker .txt-area .title {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                margin-bottom: 2.13333vw
            }

            .sec-bnr .bnr-growthhacker .txt-area .lead {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 500;
                text-decoration: underline
            }

            .sec-bnr .bnr-growthhacker .logomark {
                width: 0;
                display: none
            }

            .sec-bnr .bnr-growthhacker .logomark svg path {
                fill: #fff
            }

            .sec-dx-overview {
                padding-left: 16px;
                padding-right: 16px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .sec-dx-overview .dx-overview-head {
                margin-bottom: 4.53333vw
            }

            .sec-dx-overview .dx-overview-desc {
                text-align: center;
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 8.8vw
            }

            .sec-dx-overview .dx-overview-video {
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 10.66667vw
            }

            .sec-dx-overview .dx-overview-video .title {
                height: 47px;
                height: 12.53333vw;
                background: linear-gradient(97.4deg,#2dcc70,#2dc2cc 98.4%);
                color: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 2.13333vw;
                padding-right: 2.13333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-family: Noto Sans JP;
                font-display: swap
            }

            .sec-dx-overview .dx-overview-video .small {
                font-size: 12px;
                font-size: 3.2vw
            }

            .sec-dx-overview .dx-overview-video .large {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700
            }

            .sec-dx-overview .dx-overview-video video {
                width: 100%
            }

            .sec-dx-pro {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 1.86667vw 16px 9.06667vw; 
                background-size: 95.46667vw;
                background-position: 0 0;
                background-repeat: no-repeat
            }

            .sec-dx-pro .dx-pro-head {
                margin-bottom: 6.66667vw
            }

            .sec-dx-pro .pro-people {
                padding-bottom: 0
            }

            .sec-dx-pro .each-people {
                width: 343px;
                width: 91.46667vw;
                margin-bottom: 6.66667vw
            }

            .sec-dx-pro .each-people .pro-box01 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 2.66667vw
            }

            .sec-dx-pro .each-people .pro-img {
                width: 72px;
                width: 19.2vw;
                height: 72px;
                height: 19.2vw;
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),color-stop(98.4%,#67d6a5));
                background: linear-gradient(180deg,#2dc2cc 0,#67d6a5 98.4%);
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: .53333vw;
                border-radius: 50%;
                margin-bottom: 0
            }

            .sec-dx-pro .each-people .pro-img .pro-img-inner {
                width: 68px;
                width: 18.13333vw;
                height: 68px;
                height: 18.13333vw;
                border-radius: 50%;
                overflow: hidden
            }

            .sec-dx-pro .each-people .pro-img .pro-img-inner img {
                width: 72px;
                width: 19.2vw;
                max-width: 72px;
                max-width: 19.2vw;
                height: 72px;
                height: 19.2vw;
                position: relative;
                top: -2px;
                top: -.53333vw;
                left: -2px;
                left: -.53333vw
            }

            .sec-dx-pro .each-people .pro-name {
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                letter-spacing: .04em;
                margin-bottom: 1.33333vw
            }

            .sec-dx-pro .each-people .pro-role {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 700;
                letter-spacing: .02em;
                color: #868686;
                margin-bottom: 0
            }

            .sec-dx-pro .each-people .pro-desc {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 400;
                letter-spacing: .02em;
                font-family: Noto Sans JP;
                font-display: swap;
                max-width: 100%
            }

            .sec-dx-project {
                padding-top: 8vw;
                padding-bottom: 10.66667vw;
                position: relative
            }

            .sec-dx-project .bg {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                width: 100%;
                height: 100%
            }

            .sec-dx-project .dx-project-inner {
                position: relative;
                z-index: 2
            }

            .sec-dx-project .dx-project-head {
                margin-bottom: 9.06667vw
            }

            .sec-dx-project .dx-projects {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-dx-project .dx-projects .each-project {
                width: 343px;
                width: 91.46667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4.26667vw 4.26667vw 7.46667vw;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 3.46667vw;
                background: #fff
            }

            .sec-dx-project .dx-projects .each-project .project-img {
                margin-bottom: 3.2vw;
                background: #e7e7e7
            }

            .sec-dx-project .dx-projects .each-project .project-lead {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700;
                font-size: 18px;
                font-size: 4.8vw;
                margin-bottom: 2.13333vw
            }

            .sec-dx-project .dx-projects .each-project .project-client {
                color: #676767;
                font-weight: 500;
                display: block;
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 3.46667vw
            }

            .sec-dx-project .dx-projects .each-project .tags {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-bottom: 3.46667vw
            }

            .sec-dx-project .dx-projects .each-project .tags .each-tag {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700;
                font-size: 12px;
                font-size: 3.2vw;
                background: #dedede;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-right: 1.06667vw;
                color: #676767;
                min-width: 77px;
                min-width: 20.53333vw;
                height: 23px;
                height: 6.13333vw;
                border-radius: 12px;
                border-radius: 3.2vw;
                padding-left: 2.13333vw;
                padding-right: 2.13333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .sec-dx-project .dx-projects .each-project .project-desc {
                color: #2b2b2b;
                font-family: Noto Sans JP;
                font-display: swap;
                letter-spacing: .02em;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 5.33333vw
            }

            .sec-dx-project .dx-projects .each-project .project-btn {
                background: #000;
                width: 293px;
                width: 78.13333vw;
                height: 48px;
                height: 12.8vw;
                border-radius: 6px;
                border-radius: 1.6vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: 0 auto;
                color: #fff;
                font-weight: 700;
                line-height: 1;
                position: relative;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .sec-dx-project .dx-projects .each-project .project-btn .arrow {
                width: 16px;
                width: 4.26667vw;
                height: 14px;
                height: 3.73333vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 16px;
                right: 4.26667vw
            }

            .sec-dx-client {
                padding-top: 7.73333vw;
                padding-bottom: 12.8vw;
                border-bottom: 1px solid #74da9c
            }

            .sec-dx-client .dx-client-head {
                margin-bottom: 6.93333vw
            }

            .sec-dx-client .dx-clients {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                width: 352px;
                width: 93.86667vw;
                margin-left: auto;
                margin-right: auto
            }

            .sec-dx-client .dx-clients .each-client {
                border-radius: 5px;
                border-radius: 1.33333vw;
                margin-bottom: 1.6vw;
                padding-left: 4vw;
                padding-right: 4vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                overflow: hidden
            }

            .sec-dx-client .dx-clients .each-client img {
                max-height: 100%
            }

            .dx-bg-arrow {
                background-repeat: no-repeat
            }

            .sec-dx-needs {
                padding-top: 12.8vw;
                padding-bottom: 8.53333vw;
                border-bottom: 1px solid #74da9c
            }

            .sec-dx-needs .dx-needs-head {
                margin-bottom: 8.53333vw
            }

            .sec-dx-needs .dx-needs {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative
            }

            .sec-dx-needs .dx-needs,.sec-dx-needs .each-needs {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-dx-needs .each-needs {
                font-family: Noto Sans JP;
                font-display: swap;
                width: 343px;
                width: 91.46667vw;
                margin-bottom: 5.6vw;
                margin-left: 0;
                margin-right: 0
            }

            .sec-dx-needs .each-needs.bnr {
                margin-bottom: 9.86667vw;
                height: 100px;
                height: 26.66667vw
            }

            .sec-dx-needs .each-needs.bnr img {
                width: auto;
                height: 100px;
                height: 26.66667vw
            }

            .sec-dx-needs .each-needs .needs-picto {
                width: 88px;
                width: 23.46667vw;
                height: 88px;
                height: 23.46667vw;
                margin-right: 4.26667vw
            }

            .sec-dx-needs .each-needs .txt-area {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-bottom: 0
            }

            .sec-dx-needs .each-needs .needs-name {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                display: block;
                margin-bottom: 2.66667vw
            }

            .sec-dx-needs .each-needs .needs-desc {
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .02em;
                width: 239px;
                width: 63.73333vw
            }

            .sec-dx-services {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 16vw 16px 26.66667vw
            }

            .sec-dx-services .services-head01 {
                text-align: center;
                font-weight: 400;
                color: #868686;
                font-size: 28px;
                font-size: 7.46667vw;
                margin-bottom: 5.33333vw
            }

            .sec-dx-services .services-desc01 {
                text-align: center;
                line-height: 1.5;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 5.33333vw
            }

            .sec-dx-services .each-service {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 5px;
                margin-bottom: 4.26667vw;
                margin-left: auto;
                margin-right: auto
            }

            .sec-dx-services .each-service:nth-of-type(odd) {
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#75db9b));
                background: linear-gradient(180deg,#2dc2cc 0,#75db9b)
            }

            .sec-dx-services .each-service:nth-of-type(2n) {
                background: -webkit-gradient(linear,left top,left bottom,from(#75db9b),to(#2dc2cc));
                background: linear-gradient(180deg,#75db9b 0,#2dc2cc)
            }

            .sec-dx-services .each-service.dx .green,.sec-dx-services .each-service.solution .green {
                color: #75db9b
            }

            .sec-dx-services .each-service.dx .desc-area .picto,.sec-dx-services .each-service.solution .desc-area .picto {
                width: 140px;
                width: 37.33333vw
            }

            .sec-dx-services .each-service.ux .green {
                color: #2dc2cc
            }

            .sec-dx-services .each-service.ux .desc-area .picto {
                width: 164px;
                width: 43.73333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end
            }

            .sec-dx-services .each-service.ux .feature-name {
                font-weight: 600;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: .1em
            }

            .sec-dx-services .each-service.video {
                background: -webkit-gradient(linear,left top,left bottom,from(#75db9b),to(#2dc2cc));
                background: linear-gradient(180deg,#75db9b 0,#2dc2cc);
                width: 100%
            }

            .sec-dx-services .each-service.video .green {
                color: #75db9b
            }

            .sec-dx-services .each-service.video .desc-area .picto {
                width: 160px;
                width: 42.66667vw
            }

            .sec-dx-services .each-service.video .features-area .each-feature {
                width: auto
            }

            .sec-dx-services .each-service.video .features-area .each-feature .picto.ad {
                width: 60px;
                width: 16vw
            }

            .sec-dx-services .each-service.video .features-area .each-feature:first-of-type {
                margin-bottom: 8vw
            }

            .sec-dx-services .each-service.video .features-area .each-feature .feature-desc {
                text-align: center
            }

            .sec-dx-services .each-service .each-service-inner {
                width: 100%;
                height: 100%;
                background: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 8vw 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            .sec-dx-services .each-service .service-name {
                text-align: center;
                font-size: 28px;
                font-size: 7.46667vw;
                letter-spacing: .04em;
                margin-bottom: 5.33333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .sec-dx-services .each-service .desc-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 6.66667vw
            }

            .sec-dx-services .each-service .desc-area .picto {
                margin-bottom: 2.66667vw;
                height: 101px;
                height: 26.93333vw
            }

            .sec-dx-services .each-service .desc-area .desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                text-align: center;
                line-height: 1.5
            }

            .sec-dx-services .each-service .features-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            .sec-dx-services .each-service .features-area .each-feature {
                width: 140px;
                width: 37.33333vw;
                margin-bottom: 4vw;
                margin-left: 2.93333vw;
                margin-right: 2.93333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-dx-services .each-service .features-area .each-feature:last-of-type {
                width: 100%
            }

            .sec-dx-services .each-service .features-area .each-feature:last-of-type .feature-desc {
                text-align: center
            }

            .sec-dx-services .each-service .features-area .each-feature .btn {
                margin-top: 4vw
            }

            .sec-dx-services .each-service .features-area .picto {
                width: 60px;
                width: 16vw;
                height: 60px;
                height: 16vw;
                margin-bottom: 2.66667vw
            }

            .sec-dx-services .each-service .features-area .feature-name {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                margin-bottom: 2.66667vw;
                height: 27px;
                height: 7.2vw
            }

            .sec-dx-services .each-service .features-area .feature-desc {
                font-size: 12px;
                font-size: 3.2vw;
                width: 100%
            }

            .sec-dx-services .each-service .btn {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1;
                background: #000;
                color: #fff;
                border-radius: 6px;
                width: 293px;
                width: 78.13333vw;
                min-width: 160px;
                height: 48px;
                height: 12.8vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                margin-left: auto;
                margin-right: auto
            }

            .sec-dx-services .each-service .btn .arrow {
                position: absolute;
                top: 50%;
                right: 17px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 16px;
                width: 4.26667vw;
                height: 14px;
                height: 3.73333vw;
                right: 16px;
                right: 4.26667vw
            }

            .sec-ux-overview {
                padding-left: 16px;
                padding-right: 16px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                overflow: hidden;
                padding-bottom: 1.86667vw
            }

            .sec-ux-overview .ux-overview-head {
                margin-bottom: 5.86667vw
            }

            .sec-ux-overview .ux-issues .each-issue {
                width: 343px;
                width: 91.46667vw;
                margin-right: 0;
                margin-left: 0;
                padding-bottom: 6.4vw;
                margin-bottom: 4.53333vw
            }

            .sec-ux-overview .ux-issues .each-issue .issue {
                height: 76px;
                height: 20.26667vw;
                position: relative;
                margin-bottom: 9.6vw
            }

            .sec-ux-overview .ux-issues .each-issue .issue.high {
                height: 101px;
                height: 26.93333vw
            }

            .sec-ux-overview .ux-issues .each-issue .issue.high .issue-txt {
                top: -2px;
                top: -.53333vw;
                height: 94px;
                height: 25.06667vw
            }

            .sec-ux-overview .ux-issues .each-issue .issue.high.bg {
                height: 101px;
                height: 26.93333vw
            }

            .sec-ux-overview .ux-issues .each-issue .issue .issue-txt {
                position: relative;
                z-index: 2;
                top: 6px;
                top: 1.6vw;
                left: 81px;
                left: 21.6vw;
                width: 246px;
                width: 65.6vw;
                height: 70px;
                height: 18.66667vw;
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                line-height: 1.625;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-ux-overview .ux-issues .each-issue .issue .bg {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 1;
                width: 100%;
                height: 76px;
                height: 20.26667vw
            }

            .sec-ux-overview .ux-issues .each-issue .issue .bg svg {
                width: 100%
            }

            .sec-ux-overview .ux-issues .each-issue .issue:after {
                content: "";
                width: 0;
                height: 0;
                border-color: #2dc1cc transparent transparent;
                border-style: solid;
                border-width: 13px 6.5px 0;
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                bottom: -24px;
                bottom: -6.4vw
            }

            .sec-ux-overview .ux-issues .each-issue .task {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4px;
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#2dc79d));
                background: linear-gradient(180deg,#2dc2cc,#2dc79d);
                height: 84px;
                height: 22.4vw
            }

            .sec-ux-overview .ux-issues .each-issue .task .task-inner {
                background: #fff;
                width: 100%;
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-align: center;
                color: #2b2b2b;
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700
            }

            .sec-ux-strength {
                border-top: 1px solid #2dc2cc;
                padding-top: 8vw
            }

            .sec-ux-strength .ux-strength-head {
                margin-bottom: 8vw
            }

            .sec-ux-strength .ux-strength {
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#2dc79d));
                background: linear-gradient(180deg,#2dc2cc,#2dc79d);
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4px;
                width: 343px;
                width: 91.46667vw;
                margin: 0 auto 30px;
                position: relative
            }

            .sec-ux-strength .ux-strength:after {
                content: "";
                width: 0;
                height: 0;
                border-color: #2dc79d transparent transparent;
                border-style: solid;
                border-width: 30px 17.5px 0;
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                bottom: -30px
            }

            .sec-ux-strength .ux-strength .ux-strength-inner {
                background: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 9.6vw 3.2vw
            }

            .sec-ux-strength .ux-strength .each-strength {
                width: 311px;
                width: 82.93333vw;
                margin-bottom: 10.66667vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-ux-strength .ux-strength .each-strength:last-of-type {
                margin-bottom: 0
            }

            .sec-ux-strength .ux-strength .each-strength .strength-picto {
                width: 145px;
                width: 38.66667vw;
                margin-bottom: 4.26667vw
            }

            .sec-ux-strength .ux-strength .each-strength .strength-lead {
                color: #2b2b2b;
                font-weight: 700;
                letter-spacing: .02em;
                font-size: 18px;
                font-size: 4.8vw;
                line-height: 1.6;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 3.46667vw
            }

            .sec-ux-strength .ux-strength .each-strength .strength-desc {
                color: #2b2b2b;
                font-weight: 400;
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .02em;
                max-width: 100%
            }

            .sec-ux-strength .ux-strength-result {
                text-align: center;
                font-size: 20px;
                font-size: 5.33333vw;
                letter-spacing: .02em;
                font-weight: 600;
                margin-top: 4.26667vw;
                padding-top: 8.53333vw;
                padding-bottom: 18.66667vw;
                
                background-size: 76.8vw;
                background-position: top 2.66667vw left;
                background-repeat: no-repeat
            }

            .sec-ux-strength .ux-strength-result .large {
                font-size: 36px;
                font-size: 9.6vw;
                font-weight: 600;
                line-height: 1;
                position: relative;
                top: .05em;
                margin-right: .05em;
                margin-left: .05em
            }

            .sec-ux-strength .ux-strength-result .green {
                color: #2dc2cc
            }

            .sec-ux-strength .ux-strength-result .middle {
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 20px;
                font-size: 5.33333vw;
                margin-top: 0;
                display: block
            }

            .sec-ux-services {
                padding-top: 8vw;
                padding-bottom: 10.66667vw;
                position: relative
            }

            .sec-ux-services .ux-services-inner {
                position: relative;
                z-index: 2
            }

            .sec-ux-services .ux-services-head {
                margin-bottom: 6.4vw
            }

            .sec-ux-services .ux-service,.sec-ux-services .ux-service .each-service {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-ux-services .ux-service .each-service {
                width: 343px;
                width: 91.46667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 8.53333vw 4.26667vw 9.06667vw;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 4.26667vw;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: #fff
            }

            .sec-ux-services .ux-service .each-service .service-picto {
                width: 88px;
                width: 23.46667vw;
                height: 88px;
                height: 23.46667vw;
                margin-bottom: 4vw
            }

            .sec-ux-services .ux-service .each-service .service-picto svg {
                width: 100%
            }

            .sec-ux-services .ux-service .each-service .service-copy {
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 2.13333vw
            }

            .sec-ux-services .ux-service .each-service .service-name {
                font-weight: 700;
                font-size: 20px;
                font-size: 5.33333vw;
                margin-bottom: 4vw
            }

            .sec-ux-services .ux-service .each-service .service-desc {
                color: #2b2b2b;
                font-family: Noto Sans JP;
                font-display: swap;
                letter-spacing: .02em;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 7.2vw;
                max-width: 100%
            }

            .sec-ux-services .ux-service .each-service .service-btn {
                background: #000;
                width: 293px;
                width: 78.13333vw;
                height: 48px;
                height: 12.8vw;
                border-radius: 6px;
                border-radius: 1.6vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: auto auto 0;
                color: #fff;
                font-weight: 700;
                line-height: 1;
                position: relative;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .sec-ux-services .ux-service .each-service .service-btn .arrow {
                width: 16px;
                width: 4.26667vw;
                height: 14px;
                height: 3.73333vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 16px;
                right: 4.26667vw
            }

            .sec-ux-case {
                padding-top: 13.33333vw
            }

            .sec-ux-case .ux-case-head {
                margin-bottom: 8vw
            }

            .sec-ux-case .bx-wrapper {
                border: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                position: relative
            }

            .sec-ux-case .bx-next,.sec-ux-case .bx-prev {
                width: 56px;
                width: 14.93333vw;
                height: 238px;
                height: 63.46667vw;
                position: absolute;
                top: 0;
                background: hsla(0,0%,100%,.9);
                z-index: 100;
                display: block;
                cursor: pointer
            }

            .sec-ux-case .bx-next:before,.sec-ux-case .bx-prev:before {
                content: "";
                width: 40px;
                width: 10.66667vw;
                height: 40px;
                height: 10.66667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 4px solid #2dc2cc;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .sec-ux-case .bx-next:after,.sec-ux-case .bx-prev:after {
                content: "";
                width: 15px;
                width: 4vw;
                height: 15px;
                height: 4vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                top: 50%
            }

            .sec-ux-case .bx-prev,.sec-ux-case .bx-prev:before {
                left: 0
            }

            .sec-ux-case .bx-prev:after {
                -webkit-transform: translateY(-50%) rotate(-45deg);
                transform: translateY(-50%) rotate(-45deg);
                left: 5px;
                left: 1.33333vw;
                border-top: 4px solid #2dc2cc;
                border-left: 4px solid #2dc2cc
            }

            .sec-ux-case .bx-next,.sec-ux-case .bx-next:before {
                right: 0
            }

            .sec-ux-case .bx-next:after {
                -webkit-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
                right: 5px;
                right: 1.33333vw;
                border-top: 4px solid #2dc2cc;
                border-right: 4px solid #2dc2cc
            }

            .sec-ux-case .bx-pager {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-top: 7.46667vw
            }

            .sec-ux-case .bx-pager .bx-pager-item {
                background: #c4c4c4;
                width: 10px;
                width: 2.66667vw;
                height: 10px;
                height: 2.66667vw;
                margin-left: 1.06667vw;
                margin-right: 1.06667vw;
                cursor: pointer;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-ux-case .bx-pager .bx-pager-item a {
                border: none;
                width: 100%;
                height: 100%;
                font-size: 0
            }

            .sec-ux-case .bx-pager .bx-pager-item .active {
                background: #2dc2cc
            }

            .sec-ux-case .ux-cases {
                position: relative
            }

            .sec-ux-case .ux-cases .each-case {
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#2dc79d));
                background: linear-gradient(180deg,#2dc2cc,#2dc79d);
                padding: 4px;
                width: 343px;
                width: 91.46667vw;
                max-width: 560px;
                max-width: 149.33333vw;
                max-width: 440px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                margin-bottom: 4.26667vw;
                margin-left: 4.26667vw;
                margin-right: 4.26667vw
            }

            .sec-ux-case .ux-cases .each-case,.sec-ux-case .ux-cases .each-case .each-case-inner {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner {
                background: #fff;
                padding: 3.2vw 3.2vw 4.26667vw;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner .content .img {
                width: 100%;
                margin-bottom: 4vw;
                overflow: hidden
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner .content .txt-area {
                margin-left: auto;
                position: relative;
                top: -.2em
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner .content .title {
                font-weight: 700;
                font-size: 16px;
                font-size: 4.26667vw;
                margin-bottom: 2.13333vw;
                font-family: Noto Sans JP;
                font-display: swap
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner .content .client {
                color: #676767;
                font-weight: 500;
                display: block;
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 3.46667vw
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner .content .tags {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-bottom: 3.2vw
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner .content .tags .each-tag {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700;
                font-size: 12px;
                font-size: 3.2vw;
                background: #dedede;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #676767;
                margin-right: 1.06667vw;
                margin-bottom: 2.66667vw;
                min-width: 77px;
                min-width: 20.53333vw;
                height: 23px;
                height: 6.13333vw;
                border-radius: 12px;
                border-radius: 3.2vw;
                padding-left: 2.13333vw;
                padding-right: 2.13333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner .desc {
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .02em;
                margin-bottom: 3.2vw
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner .btn {
                background: #000;
                width: 293px;
                width: 78.13333vw;
                height: 48px;
                height: 12.8vw;
                border-radius: 6px;
                border-radius: 1.6vw;
                max-width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: auto auto 0;
                color: #fff;
                font-weight: 700;
                line-height: 1;
                position: relative;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .sec-ux-case .ux-cases .each-case .each-case-inner .btn .arrow {
                width: 16px;
                width: 4.26667vw;
                height: 14px;
                height: 3.73333vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 16px;
                right: 4.26667vw
            }

            .sec-ux-client {
                padding-top: 7.73333vw;
                padding-bottom: 14.13333vw;
                border-bottom: 1px solid #2dc2cc
            }

            .sec-ux-client .ux-client-head {
                margin-bottom: 6.93333vw
            }

            .sec-ux-client .ux-clients {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                width: 352px;
                width: 93.86667vw;
                margin-left: auto;
                margin-right: auto
            }

            .sec-ux-client .ux-clients .each-client {
                border-radius: 5px;
                border-radius: 1.33333vw;
                margin-bottom: 4vw;
                padding-left: 2.66667vw;
                padding-right: 2.66667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                overflow: hidden
            }

            .sec-ux-client .ux-clients .each-client img {
                max-height: 100%
            }

            .ux-bg-arrow {
                background-repeat: no-repeat
            }

            .sec-ux-needs {
                padding-top: 12.8vw;
                padding-bottom: 8.53333vw;
                border-top: 1px solid #74da9c;
                border-bottom: 1px solid #74da9c
            }

            .sec-ux-needs .ux-needs-head {
                margin-bottom: 8.53333vw
            }

            .sec-ux-needs .ux-needs {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative
            }

            .sec-ux-needs .each-needs,.sec-ux-needs .ux-needs {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-ux-needs .each-needs {
                width: 343px;
                width: 91.46667vw;
                margin-bottom: 5.6vw;
                margin-left: 0;
                margin-right: 0
            }

            .sec-ux-needs .each-needs.bnr {
                margin-bottom: 9.86667vw;
                height: 100px;
                height: 26.66667vw
            }

            .sec-ux-needs .each-needs .needs-picto {
                width: 88px;
                width: 23.46667vw;
                height: 88px;
                height: 23.46667vw;
                margin-right: 4.26667vw
            }

            .sec-ux-needs .each-needs .needs-name {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                display: block;
                margin-bottom: 2.66667vw
            }

            .sec-ux-needs .each-needs .needs-desc {
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .02em;
                width: 239px;
                width: 63.73333vw
            }

            .sec-ux-service {
                padding-top: 14.4vw;
                padding-bottom: 10.66667vw
            }

            .sec-ux-service .ux-service-head {
                color: #868686;
                font-weight: 400;
                font-size: 28px;
                font-size: 7.46667vw;
                text-align: center;
                margin-bottom: 8.53333vw
            }

            .sec-ux-service .service {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                margin-bottom: 4.26667vw;
                margin-left: auto;
                margin-right: auto
            }

            .sec-ux-service .service.dx {
                background: -webkit-gradient(linear,left top,left bottom,from(#75db9b),to(#2dc2cc));
                background: linear-gradient(180deg,#75db9b 0,#2dc2cc)
            }

            .sec-ux-service .service.dx .green {
                color: #75db9b
            }

            .sec-ux-service .service.dx .desc-area .picto {
                width: 160px;
                width: 42.66667vw
            }

            .sec-ux-service .service.ux {
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#75db9b));
                background: linear-gradient(180deg,#2dc2cc 0,#75db9b)
            }

            .sec-ux-service .service.ux .green {
                color: #2dc2cc
            }

            .sec-ux-service .service.ux .desc-area .picto {
                width: 164px;
                width: 43.73333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end
            }

            .sec-ux-service .service.ux .feature-name {
                font-weight: 600;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: .1em
            }

            .sec-ux-service .service .service-inner {
                width: 100%;
                background: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4.26667vw 0 7.73333vw
            }

            .sec-ux-service .service .service-name {
                text-align: center;
                font-size: 40px;
                font-size: 10.66667vw;
                letter-spacing: .04em;
                margin-bottom: 5.33333vw
            }

            .sec-ux-service .service .desc-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 6.66667vw
            }

            .sec-ux-service .service .desc-area .picto {
                margin-bottom: 5.06667vw;
                height: 101px;
                height: 26.93333vw
            }

            .sec-ux-service .service .desc-area .desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                text-align: center;
                line-height: 1.5
            }

            .sec-ux-service .service .features-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-bottom: 0
            }

            .sec-ux-service .service .features-area .each-feature {
                width: 126px;
                width: 33.6vw;
                margin-bottom: 4.26667vw;
                margin-left: 2.93333vw;
                margin-right: 2.93333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-ux-service .service .features-area .picto {
                width: 60px;
                width: 16vw;
                height: 60px;
                height: 16vw;
                margin-bottom: 2.66667vw
            }

            .sec-ux-service .service .features-area .feature-name {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 600;
                margin-bottom: 1.33333vw;
                height: 27px;
                height: 7.2vw
            }

            .sec-ux-service .service .features-area .feature-desc {
                font-size: 12px;
                font-size: 3.2vw;
                width: 100%;
                font-family: Noto Sans JP;
                font-display: swap;
                text-align: center
            }

            .sec-ux-service .service .btn {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1;
                background: #000;
                color: #fff;
                border-radius: 6px;
                width: 293px;
                width: 78.13333vw;
                height: 48px;
                height: 12.8vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                margin-left: auto;
                margin-right: auto;
                margin-top: 2.66667vw
            }

            .sec-ux-service .service .btn .arrow {
                width: 16px;
                width: 4.26667vw;
                height: 14px;
                height: 3.73333vw;
                position: absolute;
                top: 50%;
                right: 16px;
                right: 4.26667vw;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .sec-engine-overview {
                padding-left: 16px;
                padding-right: 16px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-bottom: .53333vw;
                
                background-size: 95.46667vw;
                background-position: 0 0;
                background-repeat: no-repeat
            }

            .sec-engine-overview .engine-overview-head {
                margin-bottom: 4.53333vw
            }

            .sec-engine-overview .engine-overview-desc {
                text-align: center;
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 12.8vw
            }

            section.sec-engine-features {
                padding-top: 11.73333vw;
                border-top: 1px solid #2dcc70;
                padding-bottom: 0
            }

            section.sec-engine-features .engine-features-head {
                margin-bottom: 5.33333vw
            }

            section.sec-engine-features .engine-features .each-feature {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4px;
                background: -webkit-gradient(linear,left top,left bottom,from(#2dcc70),to(#2dcc70));
                background: linear-gradient(180deg,#2dcc70,#2dcc70);
                width: 343px;
                width: 91.46667vw;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 4.26667vw
            }

            section.sec-engine-features .engine-features .each-feature .each-feature-inner {
                background: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 100%;
                padding: 4.26667vw 3.2vw 6.93333vw
            }

            section.sec-engine-features .engine-features .each-feature .feature-lead {
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                text-align: center;
                font-family: Noto Sans JP;
                font-display: swap;
                margin-bottom: 2.66667vw
            }

            section.sec-engine-features .engine-features .each-feature .feature-desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 400;
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .04em;
                line-height: 1.71429;
                margin-bottom: 4.8vw
            }

            section.sec-engine-features .engine-features .each-feature .feature-desc.feature03 {
                letter-spacing: 0
            }

            section.sec-engine-features .engine-features .each-feature .feature-img {
                height: auto;
                position: relative
            }

            section.sec-engine-features .engine-features .each-feature .feature-img.feature01 {
                width: 292px;
                width: 77.86667vw;
                left: -4px;
                left: -1.06667vw
            }

            section.sec-engine-features .engine-features .each-feature .feature-img.feature02 {
                width: 303px;
                width: 80.8vw;
                top: 0;
                left: -2px;
                left: -.53333vw
            }

            section.sec-engine-features .engine-features .each-feature .feature-img.feature03 {
                width: 288px;
                width: 76.8vw;
                top: 0;
                left: 6px;
                left: 1.6vw
            }

            .sec-engine-cases {
                background: -webkit-gradient(linear,left top,left bottom,from(#6fd99f),color-stop(86.32%,#2dc2cc));
                background: linear-gradient(180deg,#6fd99f,#2dc2cc 86.32%);
                padding-top: 9.06667vw;
                padding-bottom: 8.53333vw
            }

            .sec-engine-cases .engine-cases-head {
                margin-bottom: 5.6vw
            }

            .sec-engine-cases .engine-cases .each-case tv{
                width: 343px;
                width: 91.46667vw;tv
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 3.73333vw 4.26667vw 5.86667vw;
                margin-left: 4.26667vw;
                margin-right: 4.26667vw;
                margin-bottom: 4.26667vw;
                background: #fff
            }

            .sec-engine-cases .engine-cases .each-case .case-client {
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                font-family: Noto Sans JP;
                font-display: swap;
                line-height: 1.55556;
                margin-bottom: 2.4vw
            }

            .sec-engine-cases .engine-cases .each-case .case-desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 14px;
                font-size: 3.73333vw;
                color: #2b2b2b;
                letter-spacing: .02em;
                line-height: 1.71429
            }

            .sec-engine-cases .engine-cases .each-case .arrow {
                width: 28px;
                width: 7.46667vw;
                height: 25px;
                height: 6.66667vw
            }

            .sec-engine-cases .engine-cases .each-case .phone {
                width: 200px;
                width: 53.33333vw;
                height: 410px;
                height: 109.33333vw;
                padding: .8vw 1.33333vw;
                margin-left: auto;
                margin-right: auto;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative
            }

            .sec-engine-cases .engine-cases .each-case .phone:after {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                pointer-events: none;
                z-index: 10;
                
                background-size: cover
            }

            .sec-engine-cases .engine-cases .each-case .phone .phone-inner {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%;
                height: 100%;
                background: #000;
                overflow: hidden;
                border-radius: 20px;
                border-radius: 5.33333vw
            }

            .sec-engine-cases .engine-cases .each-case .phone .phone-inner.pink {
                background: #ec51a0
            }

            .sec-engine-cases .engine-cases .each-case .phone img {
                overflow: hidden;
                width: 100%;
                height: 100%
            }

            .sec-engine-cases .engine-cases .each-case .phone.grey:after {
                
                background-size: cover
            }

            .sec-engine-cases .engine-cases .each-case .phone.half {
                width: 120px;
                width: 32vw;
                height: 246px;
                height: 65.6vw;
                padding: .8vw
            }

            .sec-engine-cases .engine-cases .each-case .phone.half .phone-inner {
                border-radius: 7px;
                border-radius: 1.86667vw
            }

            .sec-engine-cases .engine-cases .each-case .case-img-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 2.93333vw
            }

            .sec-engine-cases .engine-cases .each-case .case-video {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-bottom: 2.93333vw
            }

            .sec-engine-cases .engine-cases .each-case .case-video video {
                width: 100%
            }

            .sec-engine-function {
                padding-top: 13.6vw
            }

            .sec-engine-function .engine-function-head {
                margin-bottom: 5.33333vw
            }

            .sec-engine-function .each-function {
                position: relative;
                margin-bottom: 49.06667vw
            }

            .sec-engine-function .each-function.function01 {
                margin-bottom: 43.73333vw
            }

            .sec-engine-function .each-function.left .function-gradient {
                background: linear-gradient(116.6deg,#2dc79d,#2dc2cc 100.11%)
            }

            .sec-engine-function .each-function.left .function-txt-area {
                right: 32px;
                right: 8.53333vw;
                padding-right: 0
            }

            .sec-engine-function .each-function.left .function-img {
                left: 32px;
                left: 8.53333vw
            }

            .sec-engine-function .each-function.right .function-gradient {
                background: linear-gradient(63.37deg,#2dc2cc,#2dc79d);
                margin-left: auto
            }

            .sec-engine-function .each-function.right .function-txt-area {
                left: 32px;
                left: 8.53333vw;
                padding-left: 0
            }

            .sec-engine-function .each-function.right .function-img {
                right: 32px;
                right: 8.53333vw
            }

            .sec-engine-function .each-function .function-gradient {
                width: 359px;
                width: 95.73333vw;
                height: 180px;
                height: 48vw
            }

            .sec-engine-function .each-function .function-txt-area {
                width: 311px;
                width: 82.93333vw;
                position: absolute;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 5.86667vw
            }

            .sec-engine-function .each-function .function-name {
                font-size: 20px;
                font-size: 5.33333vw;
                color: #fff;
                font-weight: 700;
                display: block;
                margin-bottom: 0
            }

            .sec-engine-function .each-function .function-desc {
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1.71429;
                letter-spacing: .02em;
                font-weight: 400
            }

            .sec-engine-function .each-function .function-img {
                width: 311px;
                width: 82.93333vw;
                height: 180px;
                height: 48vw;
                position: absolute;
                top: 68px;
                top: 18.13333vw
            }

            .sec-engine-function .each-function .function-img.function02 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .sec-engine-function .each-function .function-img.function02 img {
                height: 180px;
                height: 48vw
            }

            .sec-common-services {
                padding-top: 6.93333vw;
                padding-bottom: 10.66667vw;
                margin-bottom: 8.53333vw;
                position: relative
            }

            .sec-common-services .common-services-inner {
                position: relative;
                z-index: 2
            }

            .sec-common-services .common-services-head {
                margin-bottom: 9.6vw
            }

            .sec-common-services .common-service,.sec-common-services .common-service .each-service {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-common-services .common-service .each-service {
                width: 343px;
                width: 91.46667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 9.86667vw 4.26667vw 9.06667vw;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 4.26667vw;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: #fff
            }

            .sec-common-services .common-service .each-service .service-picto {
                width: 80px;
                width: 21.33333vw;
                height: 80px;
                height: 21.33333vw;
                margin-bottom: 5.6vw
            }

            .sec-common-services .common-service .each-service .service-picto svg {
                width: 100%
            }

            .sec-common-services .common-service .each-service .service-copy {
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 1.6vw
            }

            .sec-common-services .common-service .each-service .service-name {
                font-weight: 700;
                font-size: 20px;
                font-size: 5.33333vw;
                margin-bottom: 3.73333vw
            }

            .sec-common-services .common-service .each-service .service-desc {
                color: #2b2b2b;
                font-family: Noto Sans JP;
                font-display: swap;
                letter-spacing: .02em;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 10.93333vw;
                max-width: 100%
            }

            .sec-common-services .common-service .each-service .service-btn {
                background: #000;
                width: 293px;
                width: 78.13333vw;
                height: 48px;
                height: 12.8vw;
                border-radius: 6px;
                border-radius: 1.6vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: auto auto 0;
                color: #fff;
                font-weight: 700;
                line-height: 1;
                position: relative;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .sec-common-services .common-service .each-service .service-btn .arrow {
                width: 16px;
                width: 4.26667vw;
                height: 14px;
                height: 3.73333vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 16px;
                right: 4.26667vw
            }

            .sec-team-overview {
                padding-left: 16px;
                padding-right: 16px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-bottom: .53333vw;
                
                background-size: 95.46667vw;
                background-position: 0 0;
                background-repeat: no-repeat
            }

            .sec-team-overview .team-overview-head {
                margin-bottom: 4.53333vw
            }

            .sec-team-overview .team-overview-desc {
                text-align: center;
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 12.8vw
            }

            section.sec-team-features {
                padding-top: 11.73333vw;
                border-top: 1px solid #2dcc70;
                padding-bottom: 0
            }

            section.sec-team-features .team-features-head {
                margin-bottom: 8.53333vw
            }

            section.sec-team-features .team-features .each-feature {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4px;
                width: 343px;
                width: 91.46667vw;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 4.26667vw
            }

            section.sec-team-features .team-features .each-feature .each-feature-inner {
                background: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 100%;
                padding: 4.26667vw 3.2vw 5.6vw
            }

            section.sec-team-features .team-features .each-feature .each-feature-inner.feature02 {
                padding-top: 7.2vw
            }

            section.sec-team-features .team-features .each-feature .each-feature-inner.feature02 .feature-img {
                margin-bottom: 9.33333vw
            }

            section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 {
                padding-top: 4.53333vw
            }

            section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 .feature-img {
                margin-bottom: 7.73333vw
            }

            section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 .feature-lead {
                margin-bottom: 2.93333vw
            }

            section.sec-team-features .team-features .each-feature .feature-lead {
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                text-align: center;
                font-family: Noto Sans JP;
                font-display: swap;
                margin-bottom: 2.66667vw
            }

            section.sec-team-features .team-features .each-feature .feature-desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 400;
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .04em;
                line-height: 1.71429
            }

            section.sec-team-features .team-features .each-feature .feature-desc.feature03 {
                letter-spacing: 0
            }

            section.sec-team-features .team-features .each-feature .feature-img {
                height: auto;
                position: relative;
                margin-left: auto;
                margin-right: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 6.4vw
            }

            section.sec-team-features .team-features .each-feature .feature-img img {
                width: 100%;
                height: auto
            }

            section.sec-team-features .team-features .each-feature .feature-img.feature01 {
                width: 226px;
                width: 60.26667vw
            }

            section.sec-team-features .team-features .each-feature .feature-img.feature02 {
                width: 231px;
                width: 61.6vw
            }

            section.sec-team-features .team-features .each-feature .feature-img.feature03 {
                width: 216px;
                width: 57.6vw
            }

            .sec-team-support {
                padding-top: 9.33333vw;
                padding-bottom: 9.33333vw
            }

            .sec-team-support .team-support-head {
                font-size: 18px;
                font-size: 4.8vw;
                text-align: center;
                margin-bottom: 8.8vw
            }

            .sec-team-support .team-support-list {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 5.33333vw;
                padding-right: 4.26667vw
            }

            .sec-team-support .team-support-list .each-support {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 8.8vw
            }

            .sec-team-support .team-support-list .each-support .support-picto {
                width: 34px;
                width: 9.06667vw;
                position: relative;
                top: 14px;
                top: 3.73333vw
            }

            .sec-team-support .team-support-list .each-support .support-txt-area {
                width: 280px;
                width: 74.66667vw;
                margin-left: auto
            }

            .sec-team-support .team-support-list .each-support .support-role {
                display: block;
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-weight: 700;
                font-size: 24px;
                font-size: 6.4vw;
                margin-bottom: 1.86667vw
            }

            .sec-team-support .team-support-list .each-support .support-desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 400;
                font-size: 16px;
                font-size: 4.26667vw;
                line-height: 1.625;
                letter-spacing: .04em
            }

            .sec-team-support .team-support-img {
                width: 0;
                max-width: 1200px;
                margin: 0 auto
            }

            .sec-team-services {
                padding-top: 6.93333vw;
                padding-bottom: 10.66667vw;
                margin-bottom: 8.53333vw;
                position: relative
            }

            .sec-team-services .team-services-inner {
                position: relative;
                z-index: 2
            }

            .sec-team-services .team-services-head {
                margin-bottom: 9.6vw
            }

            .sec-team-services .team-service,.sec-team-services .team-service .each-service {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-team-services .team-service .each-service {
                width: 343px;
                width: 91.46667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 9.86667vw 4.26667vw 9.06667vw;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 4.26667vw;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: #fff
            }

            .sec-team-services .team-service .each-service .service-picto {
                width: 80px;
                width: 21.33333vw;
                height: 80px;
                height: 21.33333vw;
                margin-bottom: 5.6vw
            }

            .sec-team-services .team-service .each-service .service-picto svg {
                width: 100%
            }

            .sec-team-services .team-service .each-service .service-copy {
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 1.6vw
            }

            .sec-team-services .team-service .each-service .service-name {
                font-weight: 700;
                font-size: 20px;
                font-size: 5.33333vw;
                margin-bottom: 3.73333vw
            }

            .sec-team-services .team-service .each-service .service-desc {
                color: #2b2b2b;
                font-family: Noto Sans JP;
                font-display: swap;
                letter-spacing: .02em;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 10.93333vw;
                max-width: 100%
            }

            .sec-team-services .team-service .each-service .service-btn {
                background: #000;
                width: 293px;
                width: 78.13333vw;
                height: 48px;
                height: 12.8vw;
                border-radius: 6px;
                border-radius: 1.6vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: auto auto 0;
                color: #fff;
                font-weight: 700;
                line-height: 1;
                position: relative;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .sec-team-services .team-service .each-service .service-btn .arrow {
                width: 16px;
                width: 4.26667vw;
                height: 14px;
                height: 3.73333vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 16px;
                right: 4.26667vw
            }

            .bg-arrow {
                
                background-size: 95.46667vw;
                background-position: 0 0;
                background-repeat: no-repeat
            }

            .sec-video-overview {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-bottom: .53333vw
            }

            .sec-video-overview .video-overview-head {
                margin-top: -.8vw;
                margin-bottom: 6.4vw;
                line-height: 1.4
            }

            .sec-video-overview .video-advantage {
                width: 311px;
                width: 82.93333vw;
                margin: 0 auto;
                position: relative;
                padding-bottom: 12.8vw
            }

            .sec-video-overview .video-advantage .video-advantage-inner {
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .sec-video-overview .video-advantage .each-advantage {
                width: 311px;
                width: 82.93333vw;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 9.06667vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-video-overview .video-advantage .each-advantage:last-of-type {
                margin-bottom: 0
            }

            .sec-video-overview .video-advantage .each-advantage .advantage-picto {
                width: 145px;
                width: 38.66667vw;
                margin-bottom: 2.66667vw
            }

            .sec-video-overview .video-advantage .each-advantage .advantage-lead {
                color: #2b2b2b;
                font-weight: 700;
                letter-spacing: .02em;
                font-size: 18px;
                font-size: 4.8vw;
                line-height: 1.6;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 1.86667vw
            }

            .sec-video-overview .video-advantage .each-advantage .advantage-desc {
                color: #2b2b2b;
                font-weight: 400;
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .02em;
                max-width: 100%
            }

            .sec-video-cases {
                padding-bottom: 7.2vw
            }

            .sec-video-cases .bx-wrapper {
                border: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                position: relative
            }

            .sec-video-cases .bx-next,.sec-video-cases .bx-prev {
                width: 56px;
                width: 14.93333vw;
                height: 238px;
                height: 63.46667vw;
                position: absolute;
                top: 0;
                background: hsla(0,0%,100%,.8);
                z-index: 100;
                display: block;
                cursor: pointer
            }

            .sec-video-cases .bx-next:before,.sec-video-cases .bx-prev:before {
                content: "";
                width: 40px;
                width: 10.66667vw;
                height: 40px;
                height: 10.66667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 4px solid #2dc2cc;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .sec-video-cases .bx-next:after,.sec-video-cases .bx-prev:after {
                content: "";
                width: 15px;
                width: 4vw;
                height: 15px;
                height: 4vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                top: 50%
            }

            .sec-video-cases .bx-prev,.sec-video-cases .bx-prev:before {
                left: 0
            }

            .sec-video-cases .bx-prev:after {
                -webkit-transform: translateY(-50%) rotate(-45deg);
                transform: translateY(-50%) rotate(-45deg);
                left: 5px;
                left: 1.33333vw;
                border-top: 4px solid #2dc2cc;
                border-left: 4px solid #2dc2cc
            }

            .sec-video-cases .bx-next,.sec-video-cases .bx-next:before {
                right: 0
            }

            .sec-video-cases .bx-next:after {
                -webkit-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
                right: 5px;
                right: 1.33333vw;
                border-top: 4px solid #2dc2cc;
                border-right: 4px solid #2dc2cc
            }

            .sec-video-cases .bx-pager {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-top: 7.46667vw
            }

            .sec-video-cases .bx-pager .bx-pager-item {
                background: #c4c4c4;
                width: 10px;
                width: 2.66667vw;
                height: 10px;
                height: 2.66667vw;
                margin-left: 1.06667vw;
                margin-right: 1.06667vw;
                cursor: pointer;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-video-cases .bx-pager .bx-pager-item a {
                border: none;
                width: 100%;
                height: 100%;
                font-size: 0
            }

            .sec-video-cases .bx-pager .bx-pager-item .active {
                background: #2dc2cc
            }

            .video-cases {
                position: relative
            }

            .video-cases .each-case {
                width: 343px;
                width: 91.46667vw;
                max-width: 560px;
                max-width: 149.33333vw;
                max-width: 440px;
                margin-bottom: 6.13333vw;
                margin-left: 4.26667vw;
                margin-right: 4.26667vw;
                font-family: Noto Sans JP;
                font-display: swap
            }

            .video-cases .each-case,.video-cases .each-case .each-case-inner,.video-cases .each-case .each-case-inner .title {
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .video-cases .each-case .each-case-inner .title {
                background: linear-gradient(97.4deg,#2dcc70,#2dc2cc 98.4%);
                color: #fff;
                font-size: 16px;
                font-size: 4.26667vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 32px;
                height: 8.53333vw;
                padding-left: 4.26667vw;
                padding-right: 4.26667vw;
                line-height: 1
            }

            .video-cases .each-case .each-case-inner .video {
                margin-bottom: 2.66667vw
            }

            .video-cases .each-case .each-case-inner .video video {
                width: 100%
            }

            .video-cases .each-case .each-case-inner .txt-area .client {
                color: #676767;
                font-size: 14px;
                font-size: 3.73333vw;
                display: block;
                text-align: center;
                margin-bottom: 2.66667vw
            }

            .video-cases .each-case .each-case-inner .txt-area .desc {
                color: #2b2b2b;
                font-size: 14px;
                font-size: 3.73333vw;
                text-align: center;
                letter-spacing: .02em;
                line-height: 1.57143
            }

            .sec-video-price {
                background: -webkit-gradient(linear,left top,left bottom,from(#6fd99f),color-stop(86.32%,#2dc2cc));
                background: linear-gradient(180deg,#6fd99f,#2dc2cc 86.32%);
                padding-top: 8vw;
                padding-bottom: 7.73333vw;
                margin-bottom: 8vw
            }

            .sec-video-price .video-price-head {
                margin-bottom: 6.4vw
            }

            .sec-video-price .video-price,.sec-video-price .video-price .each-price {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .sec-video-price .video-price .each-price {
                width: 343px;
                width: 91.46667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 4.26667vw;
                padding-bottom: 6.66667vw;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 4.26667vw;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                background: #fff
            }

            .sec-video-price .video-price .each-price .price-title {
                display: block;
                text-align: center;
                letter-spacing: .04em;
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                font-family: Noto Sans JP;
                font-display: swap;
                margin-bottom: 4.53333vw;
                height: 2.5em
            }

            .sec-video-price .video-price .each-price .price-content {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 15.2vw;
                padding-right: 7.2vw
            }

            .sec-video-price .video-price .each-price .price-picto {
                height: 70px;
                height: 18.66667vw;
                margin-left: 0;
                margin-right: 6.13333vw
            }

            .sec-video-price .video-price .each-price .price-picto.price01 {
                margin-left: 0;
                margin-right: 8.53333vw
            }

            .sec-video-price .video-price .each-price .price-picto svg {
                width: auto;
                height: 100%
            }

            .sec-video-price .video-price .each-price .price-price {
                font-weight: 700;
                letter-spacing: .02em;
                font-size: 18px;
                font-size: 4.8vw;
                margin-bottom: .53333vw
            }

            .sec-video-price .video-price .each-price .price-price .num {
                font-size: 32px;
                font-size: 8.53333vw;
                font-weight: 600;
                margin-right: .53333vw
            }

            .sec-video-plan {
                border-top: 1px solid #2dcc70;
                padding-top: 4.53333vw;
                padding-bottom: 13.33333vw
            }

            .sec-video-plan .sec-video-plan-inner {
                width: 349px;
                width: 93.06667vw;
                margin-left: auto;
                margin-right: auto
            }

            .sec-video-plan .video-plan-head {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700;
                font-size: 18px;
                font-size: 4.8vw;
                margin-bottom: 6.13333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: .8vw;
                position: relative
            }

            .sec-video-plan .video-plan-head:after {
                content: "";
                width: 16px;
                width: 4.26667vw;
                height: 3px;
                height: .8vw;
                background: #2dc79d;
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .sec-video-plan .video-plan-desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 400;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 5.06667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: .8vw
            }

            .sec-video-plan .video-table01 {
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#2dc79d));
                background: linear-gradient(180deg,#2dc2cc,#2dc79d);
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4px 3px 4px 4px;
                margin-bottom: 2.66667vw;
                position: relative;
                left: 1px;
                left: .26667vw
            }

            .sec-video-plan .video-table01 table {
                border-collapse: separate;
                border-spacing: 1px 0;
                font-family: Noto Sans JP;
                font-display: swap
            }

            .sec-video-plan .video-table01 table,.sec-video-plan .video-table01 tbody {
                width: 100%;
                position: relative
            }

            .sec-video-plan .video-table01 tr.list td,.sec-video-plan .video-table01 tr.list th {
                text-align: left;
                vertical-align: top;
                height: auto;
                padding-top: 2.66667vw;
                padding-bottom: 2.66667vw;
                padding-left: 1.06667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-size: 9px;
                font-size: 2.4vw
            }

            .sec-video-plan .video-table01 tr.list td.trans,.sec-video-plan .video-table01 tr.list th.trans {
                text-align: center;
                font-size: 12px;
                font-size: 3.2vw;
                padding-left: 0;
                vertical-align: middle
            }

            .sec-video-plan .video-table01 tr:last-of-type td,.sec-video-plan .video-table01 tr:last-of-type th {
                border-bottom: none
            }

            .sec-video-plan .video-table01 td,.sec-video-plan .video-table01 th {
                background: #fff;
                text-align: center;
                vertical-align: middle;
                border-bottom: 1px solid #e7e7e7;
                height: 68px;
                height: 18.13333vw;
                font-size: 11px;
                font-size: 2.93333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .sec-video-plan .video-table01 th.trans {
                background: none;
                color: #fff;
                border-bottom: none;
                font-size: 14px;
                font-size: 3.73333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-right: 4px
            }

            .sec-video-plan .video-table01 th.plan-name {
                color: #2dcc70;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .sec-video-plan .video-table01 th.short {
                height: 64px;
                height: 17.06667vw
            }

            .sec-video-plan .table-note {
                text-align: right;
                font-family: Noto Sans JP;
                font-display: swap;
                color: #868686;
                font-size: 12px;
                font-size: 3.2vw;
                line-height: 1.66667
            }

            .sec-video-option {
                border-top: 1px solid #2dcc70;
                border-bottom: 1px solid #2dcc70;
                padding-top: 4.53333vw;
                padding-bottom: 7.46667vw;
                margin-bottom: 6.4vw
            }

            .sec-video-option .sec-video-option-inner {
                width: 343px;
                width: 91.46667vw;
                margin-left: auto;
                margin-right: auto
            }

            .sec-video-option .video-option-head {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700;
                font-size: 18px;
                font-size: 4.8vw;
                margin-bottom: 6.13333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative
            }

            .sec-video-option .video-option-head:after {
                content: "";
                width: 16px;
                width: 4.26667vw;
                height: 3px;
                height: .8vw;
                background: #2dc79d;
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .sec-video-option .video-option-desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 400;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 5.06667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: .8vw
            }

            .sec-video-option .video-table02 {
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#2dc79d));
                background: linear-gradient(180deg,#2dc2cc,#2dc79d);
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4px 3px 4px 4px;
                position: relative;
                left: 1px;
                left: .26667vw
            }

            .sec-video-option .video-table02 table {
                border-collapse: separate;
                border-spacing: 1px 0;
                font-family: Noto Sans JP;
                font-display: swap
            }

            .sec-video-option .video-table02 table,.sec-video-option .video-table02 tbody {
                width: 100%;
                position: relative
            }

            .sec-video-option .video-table02 tr.gradient td,.sec-video-option .video-table02 tr.gradient th {
                color: #fff;
                text-align: center;
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#2dc79d));
                background: linear-gradient(180deg,#2dc2cc,#2dc79d);
                height: 52px;
                height: 13.86667vw;
                font-size: 12px;
                font-size: 3.2vw
            }

            .sec-video-option .video-table02 tr:last-of-type td,.sec-video-option .video-table02 tr:last-of-type th {
                border-bottom: none
            }

            .sec-video-option .video-table02 tr td:first-child,.sec-video-option .video-table02 tr th:first-child {
                width: 228px;
                width: 60.8vw
            }

            .sec-video-option .video-table02 td,.sec-video-option .video-table02 th {
                background: #fff;
                height: 94px;
                height: 25.06667vw;
                border-bottom: 1px solid #e7e7e7;
                vertical-align: middle;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .sec-video-option .video-table02 th {
                padding-left: 3.2vw
            }

            .sec-video-option .video-table02 th .option-name {
                display: block;
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                margin-bottom: 2.13333vw
            }

            .sec-video-option .video-table02 th .option-desc {
                font-size: 12px;
                font-size: 3.2vw;
                font-weight: 400
            }

            .sec-video-option .video-table02 td {
                text-align: center;
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700
            }

            .sec-video-production {
                margin-top: 6.4vw;
                padding-top: 8.8vw;
                padding-bottom: 5.86667vw;
                background: -webkit-gradient(linear,left top,left bottom,from(#6fd99f),to(#2dc2cc));
                background: linear-gradient(180deg,#6fd99f,#2dc2cc)
            }

            .sec-video-production .video-production-head {
                margin-bottom: 6.4vw;
                font-size: 16px;
                font-size: 4.26667vw;
                padding-bottom: 6.4vw
            }

            .sec-video-production .video-production-head .small {
                display: block;
                font-size: 24px;
                font-size: 6.4vw;
                letter-spacing: .04em;
                margin-bottom: 1.33333vw
            }

            .sec-video-production .video-production .each-production {
                margin-left: 4.26667vw;
                margin-right: 4.26667vw;
                margin-bottom: 4.8vw;
                width: 343px;
                width: 91.46667vw;
                padding-top: 5.06667vw;
                padding-bottom: 6.13333vw;
                background: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .sec-video-production .video-production .each-production.production01 {
                padding-top: 6.4vw;
                padding-bottom: 3.2vw
            }

            .sec-video-production .video-production .each-production.production01 .production-lead {
                margin-bottom: 2.93333vw
            }

            .sec-video-production .video-production .each-production .production-lead {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                text-align: center;
                color: #2b2b2b;
                letter-spacing: .02em;
                font-family: Noto Sans JP;
                font-display: swap;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 4.53333vw
            }

            .sec-video-production .video-production .each-production .production-picto.production01 {
                width: 187px;
                width: 49.86667vw;
                margin-bottom: 3.2vw
            }

            .sec-video-production .video-production .each-production .production-picto.production02 {
                width: 149px;
                width: 39.73333vw;
                margin-bottom: 0
            }

            .sec-video-production .video-production .each-production .production-note {
                color: #868686;
                font-size: 12px;
                font-size: 3.2vw;
                width: 311px;
                width: 82.93333vw
            }

            .sec-video-doda {
                padding-top: 10.66667vw;
                padding-bottom: 15.2vw
            }

            .sec-video-doda .video-doda-head {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: center;
                margin-bottom: 4.26667vw
            }

            .sec-video-doda .video-doda-head .green {
                background: #88e18e;
                font-family: Noto Sans JP;
                font-display: swap;
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw;
                padding: .26667vw 1.33333vw;
                margin-bottom: 2.13333vw
            }

            .sec-video-doda .video-doda-head .name {
                font-size: 20px;
                font-size: 5.33333vw;
                font-weight: 700
            }

            .sec-video-doda .video-doda-content {
                width: 343px;
                width: 91.46667vw;
                margin-left: auto;
                margin-right: auto
            }

            .sec-video-doda .video-doda-content .video {
                width: 343px;
                width: 91.46667vw;
                margin-right: 0;
                margin-bottom: 9.33333vw
            }

            .sec-video-doda .video-doda-content .video video {
                width: 100%;
                margin-bottom: 2.13333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .sec-video-doda .video-doda-content .cap {
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 14px;
                font-size: 3.73333vw;
                color: #2b2b2b;
                line-height: 1.57143;
                letter-spacing: .02em
            }

            .sec-video-doda .result-area {
                width: 343px;
                width: 91.46667vw
            }

            .sec-video-doda .result-area .step01 {
                width: 171px;
                width: 45.6vw;
                height: 32px;
                height: 8.53333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 2px;
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#2dc795));
                background: linear-gradient(180deg,#2dc2cc 0,#2dc795);
                margin-bottom: 3.2vw;
                position: relative
            }

            .sec-video-doda .result-area .step01:before {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-color: #2dc79e transparent transparent;
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%)
            }

            .sec-video-doda .result-area .step01 .step01-inner {
                width: 100%;
                height: 100%;
                background: #fff;
                font-weight: 700;
                letter-spacing: .02em;
                font-size: 14px;
                font-size: 3.73333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                line-height: 1
            }

            .sec-video-doda .result-area .issues {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 1.6vw
            }

            .sec-video-doda .result-area .issues .issue01,.sec-video-doda .result-area .issues .issue02 {
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .02em;
                line-height: 1;
                color: #fff;
                width: 170px;
                width: 45.33333vw;
                height: 72px;
                height: 19.2vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: center;
                margin-left: .4vw;
                margin-right: .4vw
            }

            .sec-video-doda .result-area .issues .issue01 {
                background: linear-gradient(115.11deg,#2dc79d,#2dc2cc 194.02%);
                margin-bottom: 0
            }

            .sec-video-doda .result-area .issues .issue02 {
                background: linear-gradient(115.36deg,#2dc79d -91.77%,#2dc2cc)
            }

            .sec-video-doda .result-area .arrow {
                width: 28px;
                width: 7.46667vw;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 1.6vw
            }

            .sec-video-doda .result-area .arrow svg {
                width: 100%
            }

            .sec-video-doda .result-area .result {
                text-align: center
            }

            .sec-video-doda .result-area .result .txt01 {
                color: #2b2b2b;
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .02em;
                display: block;
                font-weight: 700;
                text-align: center;
                margin-bottom: .8vw
            }

            .sec-video-doda .result-area .result .txt02 {
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700
            }

            .sec-video-doda .result-area .result .txt02 .percentage {
                font-size: 32px;
                font-size: 8.53333vw;
                font-weight: 700;
                margin-right: 1.06667vw;
                position: relative;
                top: 2px;
                top: .53333vw
            }

            .sec-video-service {
                padding-top: 7.73333vw;
                padding-bottom: 12vw;
                
                background-size: cover
            }

            .sec-video-service .video-services-head {
                margin-bottom: 9.6vw
            }

            .sec-video-service .video-service {
                display: -webkit-box;
                display: -ms-flexbox;
                width: 343px;
                width: 91.46667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 9.86667vw 6.66667vw 8.26667vw;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: #fff;
                margin-left: auto;
                margin-right: auto
            }

            .sec-video-service .video-service:not(:last-of-type) {
                margin-bottom: 8vw
            }

            .sec-video-service .video-service .picto-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 293px;
                width: 78.13333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 0;
                margin-bottom: 3.2vw
            }

            .sec-video-service .video-service .service-picto {
                width: 80px;
                width: 21.33333vw;
                height: 80px;
                height: 21.33333vw;
                margin-bottom: 5.6vw
            }

            .sec-video-service .video-service .service-picto svg {
                width: 100%
            }

            .sec-video-service .video-service .service-name {
                font-weight: 700;
                font-size: 20px;
                font-size: 5.33333vw
            }

            .sec-video-service .video-service .service-name.long {
                font-size: 18px;
                font-size: 4.8vw;
                text-align: center
            }

            .sec-video-service .video-service .txt-area {
                width: 293px;
                width: 78.13333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 0;
                padding-bottom: 0
            }

            .sec-video-service .video-service .service-desc {
                color: #2b2b2b;
                font-family: Noto Sans JP;
                font-display: swap;
                letter-spacing: .02em;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 5.33333vw;
                max-width: 100%
            }

            .sec-video-service .video-service .service-btn {
                background: #000;
                width: 293px;
                width: 78.13333vw;
                min-width: 200px;
                height: 48px;
                height: 12.8vw;
                border-radius: 6px;
                border-radius: 1.6vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #fff;
                font-weight: 700;
                line-height: 1;
                position: relative;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .sec-video-service .video-service .service-btn .arrow {
                width: 16px;
                width: 4.26667vw;
                height: 14px;
                height: 3.73333vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 16px;
                right: 4.26667vw
            }

            .sec-video-bnr {
                padding-top: 10.13333vw;
                padding-bottom: 8.8vw
            }

            #showcase,#vx {
                font-family: YuGothic,Yu Gothic,メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif;
                font-weight: 500
            }

            #showcase .module-bg-blue,#vx .module-bg-blue {
                background: #161b2c
            }

            #showcase .module-default-inner,#vx .module-default-inner {
                position: relative
            }

            #showcase .module-thin-inner,#vx .module-thin-inner {
                position: relative;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            #showcase .module-head01,#vx .module-head01 {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            #showcase .module-head01,#showcase .module-head01 .head,#vx .module-head01,#vx .module-head01 .head {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            #showcase .module-head01 .head,#vx .module-head01 .head {
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

            #showcase .module-head01 .head .ja,#vx .module-head01 .head .ja {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 700;
                color: #161b2c;
                margin-right: auto;
                margin-left: 3px;
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            #showcase .module-head01 .head .ja:before,#vx .module-head01 .head .ja:before {
                content: "";
                width: 60px;
                height: 1px;
                background: #161b2c;
                display: inline-block;
                margin-right: 10px
            }

            #showcase .module-head01 .head .en,#vx .module-head01 .head .en {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                color: #161b2c;
                font-weight: 700;
                font-size: 48px;
                font-size: 12.8vw
            }

            #showcase .module-head01 .lead,#vx .module-head01 .lead {
                font-weight: 700;
                color: #9fa3aa;
                text-align: center;
                margin-top: 26px;
                font-size: 20px;
                font-size: 5.33333vw
            }

            #showcase .module-txt-white,#vx .module-txt-white {
                color: #fff!important
            }

            #showcase .module-btn-s,#vx .module-btn-s {
                width: 158px;
                height: 56px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-radius: 28px;
                text-decoration: none;
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                letter-spacing: normal;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            #showcase .module-btn-m,#vx .module-btn-m {
                width: 156px
            }

            #showcase .module-btn-l,#showcase .module-btn-m,#vx .module-btn-l,#vx .module-btn-m {
                height: 55px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-decoration: none;
                font-size: 18px;
                font-size: 4.8vw;
                border-radius: 35px;
                border-radius: 9.33333vw;
                font-weight: 700;
                letter-spacing: normal;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            #showcase .module-btn-l,#vx .module-btn-l {
                width: 298px;
                max-width: 100%
            }

            #showcase .module-btn-filled-green,#vx .module-btn-filled-green {
                background-color: #2dcc70;
                color: #161b2c
            }

            #showcase .module-btn-filled-blue,#vx .module-btn-filled-blue {
                background-color: #161b2c;
                color: #fff
            }

            #showcase .module-btn-border-green,#vx .module-btn-border-green {
                border: 1px solid #2dcc70;
                color: #2dcc70
            }

            #showcase .module-subpage-head,#vx .module-subpage-head {
                background: #161b2c;
                padding: 85px 0 0
            }

            #showcase .module-subpage-head .inner,#vx .module-subpage-head .inner {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 0 20px;
                max-width: 1640px;
                margin-right: auto;
                margin-left: auto;
                position: relative
            }

            #showcase .module-subpage-head .head-wrap,#vx .module-subpage-head .head-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 170px;
                overflow: hidden
            }

            #showcase .module-subpage-head .head-wrap .txt,#vx .module-subpage-head .head-wrap .txt {
                color: #2dcc70;
                white-space: nowrap;
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 700;
                margin-right: 7px;
                letter-spacing: 1.4px
            }

            #showcase .module-subpage-head .head-wrap .line,#vx .module-subpage-head .head-wrap .line {
                width: 100%;
                height: 1px;
                position: relative;
                top: 50%;
                background: #2dcc70
            }

            #showcase .module-subpage-head .title,#vx .module-subpage-head .title {
                position: relative;
                left: -.1em;
                margin-bottom: 32px;
                overflow: hidden;
                color: #2dcc70;
                font-weight: 700;
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-size: 41px;
                font-size: 10.93333vw
            }

            #showcase .module-subpage-head .title .title-letter,#vx .module-subpage-head .title .title-letter {
                color: #2dcc70;
                font-weight: 700;
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                min-width: .25em;
                font-size: 41px;
                font-size: 10.93333vw
            }

            #showcase .module-subpage-head .desc,#vx .module-subpage-head .desc {
                color: #fff;
                font-weight: 700;
                overflow: hidden;
                font-size: 16px;
                font-size: 4.26667vw;
                margin-bottom: 100px
            }

            #showcase .module-subpage-head .backtxt,#vx .module-subpage-head .backtxt {
                opacity: .03;
                color: #fff;
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                position: absolute;
                top: -.5em;
                left: -.25em;
                font-weight: 700;
                font-size: 76px;
                font-size: 20.26667vw
            }

            #showcase .module-subpage-head .copy-area,#vx .module-subpage-head .copy-area {
                color: #fff;
                background-size: cover;
                background-position: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                text-align: center
            }

            #showcase .module-subpage-head .copy-area .copy,#vx .module-subpage-head .copy-area .copy {
                font-size: 22px;
                font-size: 5.86667vw;
                font-weight: 700;
                margin-bottom: 30px;
                line-height: 1.55
            }

            #showcase .module-subpage-head .copy-area .lead,#vx .module-subpage-head .copy-area .lead {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.88;
                letter-spacing: 0
            }

            #showcase .module-subpage-head.kaizen-team-for-x .copy-area,#vx .module-subpage-head.kaizen-team-for-x .copy-area {
                
            }

            #showcase .module-subpage-head.kaizen-cloud-engine .copy-area,#vx .module-subpage-head.kaizen-cloud-engine .copy-area {
                
            }

            #showcase .module-subpage-head.growthhacker .copy-area,#vx .module-subpage-head.growthhacker .copy-area {
                
            }

            #showcase .sec-gh-awards,#showcase .sec-gh-features,#showcase .sec-kce-features,#showcase .sec-kce-reason,#showcase .sec-ktx-features,#vx .sec-gh-awards,#vx .sec-gh-features,#vx .sec-kce-features,#vx .sec-kce-reason,#vx .sec-ktx-features {
                padding: 117px 0 0
            }

            #showcase .sec-gh-awards .each-feature,#showcase .sec-gh-features .each-feature,#showcase .sec-kce-features .each-feature,#showcase .sec-kce-reason .each-feature,#showcase .sec-ktx-features .each-feature,#vx .sec-gh-awards .each-feature,#vx .sec-gh-features .each-feature,#vx .sec-kce-features .each-feature,#vx .sec-kce-reason .each-feature,#vx .sec-ktx-features .each-feature {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            #showcase .sec-gh-awards .each-feature .txt-area .feature-head,#showcase .sec-gh-features .each-feature .txt-area .feature-head,#showcase .sec-kce-features .each-feature .txt-area .feature-head,#showcase .sec-kce-reason .each-feature .txt-area .feature-head,#showcase .sec-ktx-features .each-feature .txt-area .feature-head,#vx .sec-gh-awards .each-feature .txt-area .feature-head,#vx .sec-gh-features .each-feature .txt-area .feature-head,#vx .sec-kce-features .each-feature .txt-area .feature-head,#vx .sec-kce-reason .each-feature .txt-area .feature-head,#vx .sec-ktx-features .each-feature .txt-area .feature-head {
                font-weight: 700;
                position: relative;
                font-size: 22px;
                font-size: 5.86667vw;
                line-height: 1.73;
                margin-bottom: 27px
            }

            #showcase .sec-gh-awards .each-feature .txt-area .feature-head:after,#showcase .sec-gh-features .each-feature .txt-area .feature-head:after,#showcase .sec-kce-features .each-feature .txt-area .feature-head:after,#showcase .sec-kce-reason .each-feature .txt-area .feature-head:after,#showcase .sec-ktx-features .each-feature .txt-area .feature-head:after,#vx .sec-gh-awards .each-feature .txt-area .feature-head:after,#vx .sec-gh-features .each-feature .txt-area .feature-head:after,#vx .sec-kce-features .each-feature .txt-area .feature-head:after,#vx .sec-kce-reason .each-feature .txt-area .feature-head:after,#vx .sec-ktx-features .each-feature .txt-area .feature-head:after {
                content: "";
                height: 1px;
                background: #2dcc70;
                display: block;
                position: absolute;
                left: 0;
                bottom: -14px;
                width: 166px
            }

            #showcase .sec-gh-awards .each-feature .txt-area .feature-desc,#showcase .sec-gh-features .each-feature .txt-area .feature-desc,#showcase .sec-kce-features .each-feature .txt-area .feature-desc,#showcase .sec-kce-reason .each-feature .txt-area .feature-desc,#showcase .sec-ktx-features .each-feature .txt-area .feature-desc,#vx .sec-gh-awards .each-feature .txt-area .feature-desc,#vx .sec-gh-features .each-feature .txt-area .feature-desc,#vx .sec-kce-features .each-feature .txt-area .feature-desc,#vx .sec-kce-reason .each-feature .txt-area .feature-desc,#vx .sec-ktx-features .each-feature .txt-area .feature-desc {
                color: #4c566c;
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 500;
                line-height: 1.67;
                letter-spacing: .2px
            }

            #showcase .sec-gh-awards .each-feature .img img,#showcase .sec-gh-features .each-feature .img img,#showcase .sec-kce-features .each-feature .img img,#showcase .sec-kce-reason .each-feature .img img,#showcase .sec-ktx-features .each-feature .img img,#vx .sec-gh-awards .each-feature .img img,#vx .sec-gh-features .each-feature .img img,#vx .sec-kce-features .each-feature .img img,#vx .sec-kce-reason .each-feature .img img,#vx .sec-ktx-features .each-feature .img img {
                max-width: 100%
            }

            #showcase .sec-gh-awards .btn,#showcase .sec-gh-features .btn,#showcase .sec-kce-features .btn,#showcase .sec-kce-reason .btn,#showcase .sec-ktx-features .btn,#vx .sec-gh-awards .btn,#vx .sec-gh-features .btn,#vx .sec-kce-features .btn,#vx .sec-kce-reason .btn,#vx .sec-ktx-features .btn {
                margin-left: auto;
                margin-right: auto;
                margin-top: -13px
            }

            #showcase .sec-gh-awards .support-area .support-head,#showcase .sec-gh-features .support-area .support-head,#showcase .sec-kce-features .support-area .support-head,#showcase .sec-kce-reason .support-area .support-head,#showcase .sec-ktx-features .support-area .support-head,#vx .sec-gh-awards .support-area .support-head,#vx .sec-gh-features .support-area .support-head,#vx .sec-kce-features .support-area .support-head,#vx .sec-kce-reason .support-area .support-head,#vx .sec-ktx-features .support-area .support-head {
                margin: 160px 0 95px;
                text-align: center;
                font-weight: 700;
                font-size: 24px;
                font-size: 6.4vw;
                line-height: 1.33
            }

            #showcase .sec-gh-awards .support-area .support-pc-flow,#showcase .sec-gh-features .support-area .support-pc-flow,#showcase .sec-kce-features .support-area .support-pc-flow,#showcase .sec-kce-reason .support-area .support-pc-flow,#showcase .sec-ktx-features .support-area .support-pc-flow,#vx .sec-gh-awards .support-area .support-pc-flow,#vx .sec-gh-features .support-area .support-pc-flow,#vx .sec-kce-features .support-area .support-pc-flow,#vx .sec-kce-reason .support-area .support-pc-flow,#vx .sec-ktx-features .support-area .support-pc-flow {
                width: 100%
            }

            #showcase .sec-gh-awards .support-area .support-pc-flow img,#showcase .sec-gh-features .support-area .support-pc-flow img,#showcase .sec-kce-features .support-area .support-pc-flow img,#showcase .sec-kce-reason .support-area .support-pc-flow img,#showcase .sec-ktx-features .support-area .support-pc-flow img,#vx .sec-gh-awards .support-area .support-pc-flow img,#vx .sec-gh-features .support-area .support-pc-flow img,#vx .sec-kce-features .support-area .support-pc-flow img,#vx .sec-kce-reason .support-area .support-pc-flow img,#vx .sec-ktx-features .support-area .support-pc-flow img {
                max-width: 100%
            }

            #showcase .sec-gh-awards .support-area .support-sp-flow .each-flow,#showcase .sec-gh-features .support-area .support-sp-flow .each-flow,#showcase .sec-kce-features .support-area .support-sp-flow .each-flow,#showcase .sec-kce-reason .support-area .support-sp-flow .each-flow,#showcase .sec-ktx-features .support-area .support-sp-flow .each-flow,#vx .sec-gh-awards .support-area .support-sp-flow .each-flow,#vx .sec-gh-features .support-area .support-sp-flow .each-flow,#vx .sec-kce-features .support-area .support-sp-flow .each-flow,#vx .sec-kce-reason .support-area .support-sp-flow .each-flow,#vx .sec-ktx-features .support-area .support-sp-flow .each-flow {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 75px
            }

            #showcase .sec-gh-awards .support-area .support-sp-flow .each-flow:last-of-type,#showcase .sec-gh-features .support-area .support-sp-flow .each-flow:last-of-type,#showcase .sec-kce-features .support-area .support-sp-flow .each-flow:last-of-type,#showcase .sec-kce-reason .support-area .support-sp-flow .each-flow:last-of-type,#showcase .sec-ktx-features .support-area .support-sp-flow .each-flow:last-of-type,#vx .sec-gh-awards .support-area .support-sp-flow .each-flow:last-of-type,#vx .sec-gh-features .support-area .support-sp-flow .each-flow:last-of-type,#vx .sec-kce-features .support-area .support-sp-flow .each-flow:last-of-type,#vx .sec-kce-reason .support-area .support-sp-flow .each-flow:last-of-type,#vx .sec-ktx-features .support-area .support-sp-flow .each-flow:last-of-type {
                margin-bottom: 112px
            }

            #showcase .sec-gh-awards .support-area .support-sp-flow .each-flow .flow-icon,#showcase .sec-gh-features .support-area .support-sp-flow .each-flow .flow-icon,#showcase .sec-kce-features .support-area .support-sp-flow .each-flow .flow-icon,#showcase .sec-kce-reason .support-area .support-sp-flow .each-flow .flow-icon,#showcase .sec-ktx-features .support-area .support-sp-flow .each-flow .flow-icon,#vx .sec-gh-awards .support-area .support-sp-flow .each-flow .flow-icon,#vx .sec-gh-features .support-area .support-sp-flow .each-flow .flow-icon,#vx .sec-kce-features .support-area .support-sp-flow .each-flow .flow-icon,#vx .sec-kce-reason .support-area .support-sp-flow .each-flow .flow-icon,#vx .sec-ktx-features .support-area .support-sp-flow .each-flow .flow-icon {
                margin-right: 17px;
                margin-top: 10px
            }

            #showcase .sec-gh-awards .support-area .support-sp-flow .each-flow .head,#showcase .sec-gh-features .support-area .support-sp-flow .each-flow .head,#showcase .sec-kce-features .support-area .support-sp-flow .each-flow .head,#showcase .sec-kce-reason .support-area .support-sp-flow .each-flow .head,#showcase .sec-ktx-features .support-area .support-sp-flow .each-flow .head,#vx .sec-gh-awards .support-area .support-sp-flow .each-flow .head,#vx .sec-gh-features .support-area .support-sp-flow .each-flow .head,#vx .sec-kce-features .support-area .support-sp-flow .each-flow .head,#vx .sec-kce-reason .support-area .support-sp-flow .each-flow .head,#vx .sec-ktx-features .support-area .support-sp-flow .each-flow .head {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-size: 3.14rem;
                font-weight: 700;
                line-height: 1.18;
                margin-bottom: 9px;
                display: block
            }

            #showcase .sec-gh-awards .support-area .support-sp-flow .each-flow .desc,#showcase .sec-gh-features .support-area .support-sp-flow .each-flow .desc,#showcase .sec-kce-features .support-area .support-sp-flow .each-flow .desc,#showcase .sec-kce-reason .support-area .support-sp-flow .each-flow .desc,#showcase .sec-ktx-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-gh-awards .support-area .support-sp-flow .each-flow .desc,#vx .sec-gh-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-kce-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-kce-reason .support-area .support-sp-flow .each-flow .desc,#vx .sec-ktx-features .support-area .support-sp-flow .each-flow .desc {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 500;
                line-height: 1.63;
                letter-spacing: .1px
            }

            #showcase .sec-gh-awards .img-area,#showcase .sec-gh-features .img-area,#showcase .sec-kce-features .img-area,#showcase .sec-kce-reason .img-area,#showcase .sec-ktx-features .img-area,#vx .sec-gh-awards .img-area,#vx .sec-gh-features .img-area,#vx .sec-kce-features .img-area,#vx .sec-kce-reason .img-area,#vx .sec-ktx-features .img-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            #showcase .sec-gh-awards .img-area .img,#showcase .sec-gh-features .img-area .img,#showcase .sec-kce-features .img-area .img,#showcase .sec-kce-reason .img-area .img,#showcase .sec-ktx-features .img-area .img,#vx .sec-gh-awards .img-area .img,#vx .sec-gh-features .img-area .img,#vx .sec-kce-features .img-area .img,#vx .sec-kce-reason .img-area .img,#vx .sec-ktx-features .img-area .img {
                margin-bottom: 60px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            #showcase .sec-gh-awards .img-area .img img,#showcase .sec-gh-features .img-area .img img,#showcase .sec-kce-features .img-area .img img,#showcase .sec-kce-reason .img-area .img img,#showcase .sec-ktx-features .img-area .img img,#vx .sec-gh-awards .img-area .img img,#vx .sec-gh-features .img-area .img img,#vx .sec-kce-features .img-area .img img,#vx .sec-kce-reason .img-area .img img,#vx .sec-ktx-features .img-area .img img {
                width: 100%
            }

            #showcase .sec-gh-awards .img-area .img-right,#showcase .sec-gh-features .img-area .img-right,#showcase .sec-kce-features .img-area .img-right,#showcase .sec-kce-reason .img-area .img-right,#showcase .sec-ktx-features .img-area .img-right,#vx .sec-gh-awards .img-area .img-right,#vx .sec-gh-features .img-area .img-right,#vx .sec-kce-features .img-area .img-right,#vx .sec-kce-reason .img-area .img-right,#vx .sec-ktx-features .img-area .img-right {
                margin-left: auto;
                padding-left: 40px
            }

            #showcase .sec-gh-awards .img-area .img-left,#showcase .sec-gh-features .img-area .img-left,#showcase .sec-kce-features .img-area .img-left,#showcase .sec-kce-reason .img-area .img-left,#showcase .sec-ktx-features .img-area .img-left,#vx .sec-gh-awards .img-area .img-left,#vx .sec-gh-features .img-area .img-left,#vx .sec-kce-features .img-area .img-left,#vx .sec-kce-reason .img-area .img-left,#vx .sec-ktx-features .img-area .img-left {
                margin-right: auto;
                padding-right: 40px
            }

            #showcase .sec-gh-awards .service-area,#showcase .sec-gh-features .service-area,#showcase .sec-kce-features .service-area,#showcase .sec-kce-reason .service-area,#showcase .sec-ktx-features .service-area,#vx .sec-gh-awards .service-area,#vx .sec-gh-features .service-area,#vx .sec-kce-features .service-area,#vx .sec-kce-reason .service-area,#vx .sec-ktx-features .service-area {
                padding: 80px 0 0
            }

            #showcase .sec-gh-awards .service-area .service-head,#showcase .sec-gh-features .service-area .service-head,#showcase .sec-kce-features .service-area .service-head,#showcase .sec-kce-reason .service-area .service-head,#showcase .sec-ktx-features .service-area .service-head,#vx .sec-gh-awards .service-area .service-head,#vx .sec-gh-features .service-area .service-head,#vx .sec-kce-features .service-area .service-head,#vx .sec-kce-reason .service-area .service-head,#vx .sec-ktx-features .service-area .service-head {
                color: #fff;
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-weight: 700;
                text-align: center;
                font-size: 22px;
                font-size: 5.86667vw;
                line-height: 1.55;
                margin-bottom: 55px
            }

            #showcase .sec-gh-awards .service-area .service-list,#showcase .sec-gh-features .service-area .service-list,#showcase .sec-kce-features .service-area .service-list,#showcase .sec-kce-reason .service-area .service-list,#showcase .sec-ktx-features .service-area .service-list,#vx .sec-gh-awards .service-area .service-list,#vx .sec-gh-features .service-area .service-list,#vx .sec-kce-features .service-area .service-list,#vx .sec-kce-reason .service-area .service-list,#vx .sec-ktx-features .service-area .service-list {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-bottom: 64px
            }

            #showcase .sec-gh-awards .service-area .service-list.last,#showcase .sec-gh-features .service-area .service-list.last,#showcase .sec-kce-features .service-area .service-list.last,#showcase .sec-kce-reason .service-area .service-list.last,#showcase .sec-ktx-features .service-area .service-list.last,#vx .sec-gh-awards .service-area .service-list.last,#vx .sec-gh-features .service-area .service-list.last,#vx .sec-kce-features .service-area .service-list.last,#vx .sec-kce-reason .service-area .service-list.last,#vx .sec-ktx-features .service-area .service-list.last {
                margin-bottom: 0;
                padding-bottom: 30px
            }

            #showcase .sec-gh-awards .service-area .service-list .each-service,#showcase .sec-gh-features .service-area .service-list .each-service,#showcase .sec-kce-features .service-area .service-list .each-service,#showcase .sec-kce-reason .service-area .service-list .each-service,#showcase .sec-ktx-features .service-area .service-list .each-service,#vx .sec-gh-awards .service-area .service-list .each-service,#vx .sec-gh-features .service-area .service-list .each-service,#vx .sec-kce-features .service-area .service-list .each-service,#vx .sec-kce-reason .service-area .service-list .each-service,#vx .sec-ktx-features .service-area .service-list .each-service {
                border-left: 1px solid #2dcc70;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: calc(50% - 5px);
                padding-left: 8px
            }

            #showcase .sec-gh-awards .service-area .service-list .service-name,#showcase .sec-gh-features .service-area .service-list .service-name,#showcase .sec-kce-features .service-area .service-list .service-name,#showcase .sec-kce-reason .service-area .service-list .service-name,#showcase .sec-ktx-features .service-area .service-list .service-name,#vx .sec-gh-awards .service-area .service-list .service-name,#vx .sec-gh-features .service-area .service-list .service-name,#vx .sec-kce-features .service-area .service-list .service-name,#vx .sec-kce-reason .service-area .service-list .service-name,#vx .sec-ktx-features .service-area .service-list .service-name {
                color: #2dcc70;
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-weight: 700;
                display: block;
                font-size: 16px;
                font-size: 4.26667vw
            }

            #showcase .sec-gh-awards .service-area .service-list .service-desc,#showcase .sec-gh-features .service-area .service-list .service-desc,#showcase .sec-kce-features .service-area .service-list .service-desc,#showcase .sec-kce-reason .service-area .service-list .service-desc,#showcase .sec-ktx-features .service-area .service-list .service-desc,#vx .sec-gh-awards .service-area .service-list .service-desc,#vx .sec-gh-features .service-area .service-list .service-desc,#vx .sec-kce-features .service-area .service-list .service-desc,#vx .sec-kce-reason .service-area .service-list .service-desc,#vx .sec-ktx-features .service-area .service-list .service-desc {
                color: #fff;
                font-size: 12px;
                font-size: 3.2vw;
                font-weight: 500;
                line-height: 1.5
            }

            #showcase .sec-gh-features,#vx .sec-gh-features {
                padding-bottom: 100px
            }

            #showcase .sec-solution-guide,#vx .sec-solution-guide {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-decoration: none;
                color: #fff;
                background-size: cover;
                background-position: 50%
            }

            #showcase .sec-solution-guide.kce,#vx .sec-solution-guide.kce {
                
            }

            #showcase .sec-solution-guide.ktx,#vx .sec-solution-guide.ktx {
                
            }

            #showcase .sec-solution-guide.gh,#vx .sec-solution-guide.gh {
                
            }

            #showcase .sec-solution-guide .txt,#vx .sec-solution-guide .txt {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-size: 14px;
                font-size: 3.73333vw
            }

            #showcase .sec-solution-guide .name,#vx .sec-solution-guide .name {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-size: 26px;
                font-size: 6.93333vw;
                font-weight: 700;
                margin-bottom: 27px
            }

            #showcase .sec-solution-guide .lead,#vx .sec-solution-guide .lead {
                font-size: 12px;
                font-size: 3.2vw
            }

            #showcase .sec-solution-guide .more,#vx .sec-solution-guide .more {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700
            }

            #showcase .sec-solution-guide .more:after,#vx .sec-solution-guide .more:after {
                content: "";
                width: 8px;
                height: 8px;
                border-top: 3px solid #fff;
                border-right: 3px solid #fff;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                display: inline-block;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                top: -3px;
                left: 10px
            }

            #showcase .device,#vx .device {
                position: relative;
                margin: 0 auto
            }

            #showcase .device span,#vx .device span {
                position: relative;
                display: block;
                margin: 0 auto;
                background-size: 100% auto;
                overflow: hidden
            }

            #showcase .device span>img,#vx .device span>img {
                width: 100%
            }

            #showcase .device strong,#vx .device strong {
                position: relative;
                bottom: -15px;
                left: 15px;
                display: block;
                margin: 0 0 -25px;
                background: #2dcc70;
                border-radius: 1px;
                width: 60px;
                font-size: 12px;
                line-height: 25px;
                color: #fff;
                font-weight: 700;
                letter-spacing: .1em;
                text-align: center
            }

            #showcase .device strong:after,#vx .device strong:after {
                position: absolute;
                top: -10px;
                left: 50%;
                content: "";
                margin-left: -5px;
                border: 5px solid transparent;
                border-bottom-color: #2dcc70;
                z-index: 1
            }

            #showcase .slick-next,#showcase .slick-prev,#vx .slick-next,#vx .slick-prev {
                z-index: 1;
                cursor: pointer
            }

            #showcase .slick-prev,#vx .slick-prev {
                left: 10px
            }

            #showcase .slick-next,#vx .slick-next {
                right: 10px
            }

            #showcase .slick-next:before,#showcase .slick-prev:before,#vx .slick-next:before,#vx .slick-prev:before {
                position: absolute;
                display: block;
                content: "";
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 10px;
                width: 10px
            }

            #showcase .slick-prev:before,#vx .slick-prev:before {
                top: 25%;
                left: 75%;
                border-top: 3px solid #fff;
                border-left: 3px solid #fff;
                -webkit-transform: rotate(-45deg) translate(-50%,-50%);
                transform: rotate(-45deg) translate(-50%,-50%)
            }

            #showcase .slick-next:before,#vx .slick-next:before {
                top: 60%;
                left: 10%;
                border-top: 3px solid #fff;
                border-right: 3px solid #fff;
                -webkit-transform: rotate(45deg) translate(-50%,-50%);
                transform: rotate(45deg) translate(-50%,-50%)
            }

            #showcase .slick-slide,#vx .slick-slide {
                position: relative
            }

            #showcase .slick-slide img,#showcase .slick-slide video,#vx .slick-slide img,#vx .slick-slide video {
                position: absolute;
                top: 50%;
                left: 50%;
                display: block;
                width: 100%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            #showcase #slides .slick-slide,#vx #slides .slick-slide {
                position: relative;
                width: 100%;
                height: auto
            }

            #showcase #pages strong,#vx #pages strong {
                left: 90px
            }

            #showcase #pages-slider .slick-slide,#vx #pages-slider .slick-slide {
                position: relative;
                width: 100%;
                height: auto
            }

            #showcase #pages-thumbnail,#vx #pages-thumbnail {
                padding: 15px 0 0 15px
            }

            #showcase #pages-thumbnail .slick-slide,#vx #pages-thumbnail .slick-slide {
                border-radius: 5px;
                background: #fff;
                width: 60px;
                height: 60px;
                overflow: hidden;
                cursor: pointer;
                outline: none
            }

            #showcase #pages-thumbnail .slick-slide+.slick-slide,#vx #pages-thumbnail .slick-slide+.slick-slide {
                margin: 0 0 0 15px
            }

            #showcase #pages-thumbnail .slick-slide img,#vx #pages-thumbnail .slick-slide img {
                width: auto;
                max-width: none;
                height: 100%;
                opacity: .8
            }

            #showcase #pages-thumbnail .slick-slide.slick-active img,#vx #pages-thumbnail .slick-slide.slick-active img {
                opacity: 1
            }

            #showcase #stories em,#vx #stories em {
                position: absolute;
                display: none;
                width: 30px;
                height: 30px;
                font-size: 30px;
                line-height: 30px;
                color: #fff;
                text-align: center;
                z-index: 3;
                cursor: pointer
            }

            #showcase #stories-slider,#vx #stories-slider {
                display: none;
                position: absolute;
                top: 0;
                left: 50%;
                background: #fff;
                -webkit-transform: translate(-50%);
                transform: translate(-50%);
                z-index: 2
            }

            #showcase #stories-thumbnail,#vx #stories-thumbnail {
                padding: 15px 0 0 15px
            }

            #showcase #stories-thumbnail .slick-track,#vx #stories-thumbnail .slick-track {
                width: auto!important;
                -webkit-transform: none!important;
                transform: none!important
            }

            #showcase #stories-thumbnail .slick-slide,#vx #stories-thumbnail .slick-slide {
                border: 2px solid #2dcc70;
                border-radius: 50%;
                background: #fff;
                width: 60px;
                height: 60px;
                overflow: hidden;
                cursor: pointer;
                outline: none
            }

            #showcase #stories-thumbnail .slick-slide+.slick-slide,#vx #stories-thumbnail .slick-slide+.slick-slide {
                margin: 0 0 0 15px
            }

            #showcase #stories-thumbnail .slick-slide i,#vx #stories-thumbnail .slick-slide i {
                position: relative;
                display: block;
                border: 2px solid #fff;
                border-radius: 50%;
                width: 56px;
                height: 56px;
                overflow: hidden
            }

            #showcase #stories-thumbnail .slick-slide img,#vx #stories-thumbnail .slick-slide img {
                opacity: .8
            }

            #showcase #stories-thumbnail .slick-slide.slick-active img,#vx #stories-thumbnail .slick-slide.slick-active img {
                opacity: 1
            }

            #showcase #stories-slider .slick-slide:before,#vx #stories-slider .slick-slide:before {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                content: "";
                width: 100%;
                height: 50px;
                background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
                background: linear-gradient(rgba(0,0,0,.5),transparent);
                z-index: 1
            }

            #showcase #stories-slider .slick-prev,#vx #stories-slider .slick-prev {
                left: 0;
                width: 50%;
                height: 100%
            }

            #showcase #stories-slider .slick-next,#vx #stories-slider .slick-next {
                right: 0;
                width: 50%;
                height: 100%
            }

            #showcase #stories-slider .slick-next:before,#showcase #stories-slider .slick-prev:before,#vx #stories-slider .slick-next:before,#vx #stories-slider .slick-prev:before {
                top: 50%;
                left: 0;
                border: 0;
                width: 100%;
                height: 100%;
                -webkit-transform: rotate(0) translateY(-50%);
                transform: rotate(0) translateY(-50%)
            }

            #showcase #stories-slider .slick-next:after,#showcase #stories-slider .slick-prev:after,#vx #stories-slider .slick-next:after,#vx #stories-slider .slick-prev:after {
                position: absolute;
                display: block;
                content: "";
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 10px;
                width: 10px
            }

            #showcase #stories-slider .slick-prev:after,#vx #stories-slider .slick-prev:after {
                top: 50%;
                left: 10%;
                border-top: 3px solid #fff;
                border-left: 3px solid #fff;
                -webkit-transform: rotate(-45deg) translateY(-50%);
                transform: rotate(-45deg) translateY(-50%)
            }

            #showcase #stories-slider .slick-next:after,#vx #stories-slider .slick-next:after {
                top: 50%;
                right: 10%;
                border-top: 3px solid #fff;
                border-right: 3px solid #fff;
                -webkit-transform: rotate(45deg) translateY(-50%);
                transform: rotate(45deg) translateY(-50%)
            }

            #showcase #stories progress,#vx #stories progress {
                position: absolute;
                top: 6px;
                left: 50%;
                margin: 0;
                padding: 0;
                background: hsla(0,0%,100%,.5);
                border: 0;
                border-radius: 2px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: calc(100% - 12px);
                height: 4px;
                font-size: 0;
                line-height: 0;
                -webkit-transform: translate(-50%);
                transform: translate(-50%);
                z-index: 2
            }

            #showcase #stories progress::-webkit-progress-bar,#vx #stories progress::-webkit-progress-bar {
                background: transparent;
                border-radius: 2px
            }

            #showcase #stories progress::-webkit-progress-value,#vx #stories progress::-webkit-progress-value {
                background: hsla(0,0%,100%,.5);
                border-radius: 2px
            }

            #showcase #zuck-modal-content .story-viewer .head,#vx #zuck-modal-content .story-viewer .head {
                background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
                background: linear-gradient(rgba(0,0,0,.5),transparent)
            }

            #showcase #zuck-modal-content .story-viewer .head .left,#showcase #zuck-modal-content .story-viewer.muted .tip.muted,#vx #zuck-modal-content .story-viewer .head .left,#vx #zuck-modal-content .story-viewer.muted .tip.muted {
                display: none
            }

            #showcase #zuck-modal-content .story-viewer .head,#vx #zuck-modal-content .story-viewer .head {
                padding: 0
            }

            #showcase #zuck-modal-content .story-viewer .head .right .time,#vx #zuck-modal-content .story-viewer .head .right .time {
                display: none
            }

            #showcase #zuck-modal-content .story-viewer .head .right .close,#vx #zuck-modal-content .story-viewer .head .right .close {
                display: block;
                font-size: 30px;
                line-height: 1.2em
            }

            #showcase #zuck-modal-content .story-viewer>.slides:after,#showcase #zuck-modal-content .story-viewer>.slides:before,#vx #zuck-modal-content .story-viewer>.slides:after,#vx #zuck-modal-content .story-viewer>.slides:before {
                position: absolute;
                display: block;
                content: "";
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 10px;
                width: 10px;
                z-index: 5
            }

            #showcase #zuck-modal-content .story-viewer>.slides:before,#vx #zuck-modal-content .story-viewer>.slides:before {
                top: 50%;
                left: 5%;
                border-top: 3px solid #fff;
                border-left: 3px solid #fff;
                -webkit-transform: rotate(-45deg) translateY(-50%);
                transform: rotate(-45deg) translateY(-50%)
            }

            #showcase #zuck-modal-content .story-viewer>.slides:after,#vx #zuck-modal-content .story-viewer>.slides:after {
                top: 50%;
                right: 5%;
                border-top: 3px solid #fff;
                border-right: 3px solid #fff;
                -webkit-transform: rotate(45deg) translateY(-50%);
                transform: rotate(45deg) translateY(-50%)
            }

            #showcase .stories.carousel .story,#vx .stories.carousel .story {
                margin: 0;
                width: 64px
            }

            #showcase .stories.carousel .story+.story,#vx .stories.carousel .story+.story {
                margin: 0 0 0 15px
            }

            #showcase .stories.facesnap .story.seen,#vx .stories.facesnap .story.seen {
                opacity: .8
            }

            #showcase .stories.carousel .story>a>.img,#vx .stories.carousel .story>a>.img {
                background: #2dcc70;
                height: 64px
            }

            #showcase .stories.facesnap .story>a>.img>*,#vx .stories.facesnap .story>a>.img>* {
                border: 2px solid #fff
            }

            #showcase .stories.carousel .story>a>.info,#vx .stories.carousel .story>a>.info {
                display: none
            }

            #showcase #zuck,#vx #zuck {
                padding: 15px 0 0 15px
            }

            #showcase #infeed span,#vx #infeed span {
                background: #fff
            }

            #showcase #infeed video,#vx #infeed video {
                display: block;
                margin: 0 auto;
                width: 89.5%
            }

            #showcase .sec-gh-features .showcase-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-top: 75px
            }

            #showcase .sec-gh-features .each-showcase {
                margin-bottom: 75px;
                width: 100%
            }

            #showcase .sec-gh-features .each-showcase a {
                margin-top: 30px;
                color: #fff
            }

            #showcase .sec-gh-features .each-showcase img {
                width: 100%
            }

            #showcase .sec-gh-features .each-showcase .num {
                border-bottom: 1px solid #2dcc70;
                color: #2dcc70;
                display: block;
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                font-weight: 700;
                letter-spacing: .5px;
                padding-bottom: 8px;
                width: 100%;
                font-size: 30px;
                font-size: 8vw
            }

            #showcase .sec-gh-features .each-showcase .lead {
                position: relative;
                color: #161b2c;
                font-weight: 700;
                letter-spacing: -.01em;
                line-height: 1.73;
                margin-top: 17px;
                font-size: 22px;
                font-size: 5.86667vw
            }

            #showcase .sec-gh-features .each-showcase .body {
                color: #4c566c;
                font-weight: 500;
                letter-spacing: 1px;
                line-height: 1.67;
                margin-top: 10px;
                font-size: 15px;
                font-size: 4vw
            }

            #showcase .sec-gh-features .each-showcase .tag {
                position: absolute;
                top: 50%;
                right: 0;
                display: inline-block;
                padding: 0 1em;
                border: 1px solid #2dcc70;
                border-radius: 18px;
                color: #2dcc70;
                font-weight: 700;
                letter-spacing: .5px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 15px;
                font-size: 4vw;
                line-height: 2
            }

            .sec-404 {
                min-height: calc(100vh - 720px);
                padding: 100px 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .sec-404 .head {
                color: #2dcc70;
                font-size: 80px;
                font-size: 21.33333vw;
                line-height: 1;
                font-weight: 700
            }

            .sec-404 .lead {
                font-family: Barlow,sans-serif;
                font-size: 30px;
                font-size: 8vw;
                margin-bottom: 1em
            }

            .sec-404 .body {
                font-size: 16px;
                font-size: 4.26667vw;
                margin-bottom: 3em
            }

            .sec-404 .btn {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: #000;
                color: #fff;
                font-weight: 700;
                font-size: 18px;
                font-size: 4.8vw;
                line-height: 1;
                border-radius: 26px;
                border-radius: 6.93333vw;
                width: 208px;
                width: 55.46667vw;
                height: 52px;
                height: 13.86667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-right: 7.46667vw;
                position: relative
            }

            .sec-404 .btn .arrow {
                width: 16px;
                width: 4.26667vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 20px;
                right: 5.33333vw
            }

            .page-school .btn-download {
                display: none
            }

            .page-school .lazyload {
                opacity: 1
            }

            #school-kv {
                position: relative;
                height: 485px;
                height: 129.33333vw
            }

            .school-kv-pic {
                z-index: 2
            }

            .school-kv-layer,.school-kv-pic {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .school-kv-layer {
                z-index: 1
            }

            .school-kv-content-area {
                position: relative;
                z-index: 3;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                height: 100%;
                padding-top: 10.13333vw;
                padding-left: 8vw;
                padding-bottom: 0
            }

            .school-kv-lead {
                color: #fff;
                font-size: 20px;
                font-size: 5.33333vw;
                font-weight: 700;
                margin-bottom: 4vw
            }

            .school-kv-lead .small {
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700
            }

            .school-kv-title {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                color: #fff;
                font-weight: 700;
                font-size: 40px;
                font-size: 10.66667vw;
                margin-bottom: 6.66667vw
            }

            .school-kv-title .semibold {
                font-weight: 600
            }

            .school-kv-btn {
                width: 311px;
                width: 82.93333vw;
                height: 48px;
                height: 12.8vw;
                border-radius: 24px;
                border-radius: 6.4vw;
                background-color: #000;
                
                background-repeat: no-repeat;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #fff;
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .04em;
                font-weight: 700
            }

            #school-about {
                padding-top: 15.46667vw;
                padding-bottom: 13.33333vw;
                background: #f7faf9
            }

            .school-about-head {
                margin-bottom: 8vw
            }

            .school-about-desc {
                line-height: 1.75;
                font-size: 14px;
                font-size: 3.73333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 8vw;
                padding-right: 8vw;
                margin-bottom: 5.33333vw
            }

            .school-about-list__item {
                width: 345px;
                width: 92vw;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 13.33333vw;
                padding-bottom: 5.33333vw;
                background: #fff
            }

            .school-about-list__img {
                margin-bottom: 8vw
            }

            .school-about-list__txt-wrap {
                width: 285px;
                width: 76vw;
                margin: 0 auto;
                letter-spacing: .04em
            }

            .school-about-list__ttl-wrap {
                height: auto;
                margin-bottom: 4.8vw
            }

            .school-about-list__txt-sub {
                font-weight: 700;
                text-align: center;
                display: block;
                font-size: 17px;
                font-size: 4.53333vw;
                margin-bottom: 2.66667vw
            }

            p.school-about-list__txt-ttl {
                font-weight: 700;
                text-align: center;
                line-height: 1.233;
                font-size: 24px;
                font-size: 6.4vw
            }

            p.school-about-list__txt-ttl .green {
                color: #2dc79d;
                font-weight: 700
            }

            p.school-about-list__txt-ttl .small {
                font-size: 20px;
                font-size: 5.33333vw
            }

            p.school-about-list__txt-body {
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1.714
            }

            #school-reason {
                padding-top: 14.66667vw;
                padding-bottom: 14.66667vw;
                
                background-size: cover;
                background-position: 50%
            }

            .school-reason-head {
                margin-bottom: 9.33333vw
            }

            .school-reason-head .en,.school-reason-head .ja {
                color: #fff!important
            }

            .school-reason-head:after {
                background: #fff!important
            }

            .school-reason-list {
                width: 300px;
                width: 80vw;
                margin: 0 auto;
                padding-top: 8vw
            }

            .school-reason-list__item {
                margin-bottom: 13.33333vw
            }

            .school-reason-list__item::last-of-type {
                margin-bottom: 0
            }

            .school-reason-list__desc-wrap,.school-reason-list__head-wrap {
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .school-reason-list__head-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding-top: 0;
                padding-bottom: 5.33333vw
            }

            .school-reason-list__head-num {
                margin-bottom: 4vw;
                width: 40px;
                width: 10.66667vw;
                height: 40px;
                height: 10.66667vw
            }

            .school-reason-list__head-txt {
                color: #fff;
                font-size: 24px;
                font-size: 6.4vw;
                font-weight: 700;
                text-align: center;
                line-height: 1.3
            }

            .school-reason-list__desc-wrap {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 0;
                padding-top: 5.33333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .school-reason-list__desc-txt {
                color: #fff;
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 400
            }

            #school-recommend {
                padding-top: 14.66667vw;
                padding-bottom: 0
            }

            .school-recommend-head {
                margin-bottom: 9.33333vw
            }

            .school-recommend__item {
                width: 375px;
                width: 100vw;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 0;
                position: relative
            }

            .school-recommend__item:nth-of-type(odd) .school-recommend__txt-border {
                left: 0
            }

            .school-recommend__item:nth-of-type(2n) .school-recommend__txt-border,.school-recommend__item:nth-of-type(odd) .school-recommend__icon {
                right: 0
            }

            .school-recommend__item:nth-of-type(2n) .school-recommend__icon {
                left: 0
            }

            .school-recommend__img {
                width: 284px;
                width: 75.73333vw;
                position: relative;
                z-index: 2
            }

            .school-recommend__txt-border {
                background: -webkit-gradient(linear,left top,right top,from(#6fd99f),to(#2dc2cc));
                background: linear-gradient(90deg,#6fd99f 0,#2dc2cc);
                width: 345px;
                width: 92vw;
                height: auto;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4px;
                -webkit-box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                z-index: 3;
                top: -47px;
                top: -12.53333vw
            }

            .school-recommend__txt-wrap {
                background: #fff;
                width: 100%;
                height: 100%;
                padding: 6.66667vw 8vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .school-recommend__icon {
                position: absolute;
                width: 110px;
                width: 29.33333vw;
                top: -10px;
                top: -2.66667vw
            }

            .school-recommend__txt-ttl {
                font-weight: 700;
                font-size: 22px;
                font-size: 5.86667vw;
                letter-spacing: .02em;
                margin-bottom: 2.66667vw
            }

            .school-recommend__txt-ttl .green {
                color: #2dc79d;
                font-weight: 700
            }

            .school-recommend__txt-body {
                letter-spacing: .04em;
                font-size: 14px;
                font-size: 3.73333vw
            }

            #school-point {
                padding-top: 0;
                padding-bottom: 2.66667vw
            }

            .school-point-head {
                margin-bottom: 14.4vw
            }

            .school-point__item-list {
                position: relative;
                z-index: 2
            }

            .school-point__item {
                width: 345px;
                width: 92vw;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 13.33333vw;
                padding: 12vw 8vw 6.66667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                -webkit-box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                background: #fff
            }

            .school-point__num {
                position: absolute;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                width: 38px;
                width: 10.13333vw;
                height: 38px;
                height: 10.13333vw;
                top: 0;
                background: #6fd99f;
                border-radius: 50%;
                color: #fff;
                font-size: 20px;
                font-size: 5.33333vw
            }

            .school-point__num,.school-point__ttl {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .school-point__ttl {
                line-height: 1.375;
                font-size: 22px;
                font-size: 5.86667vw;
                letter-spacing: .02em;
                text-align: center;
                height: 2.5em;
                font-weight: 700;
                margin-bottom: 1.33333vw
            }

            .school-point__img {
                width: 100%;
                height: 140px;
                height: 37.33333vw;
                text-align: center;
                margin-bottom: 2.66667vw
            }

            .school-point__img img {
                width: auto;
                height: 100%
            }

            .school-point__body {
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1.714;
                word-break: normal;
                line-break: strict;
                word-wrap: normal
            }

            #school-teacher {
                padding-top: 16vw;
                padding-bottom: 8vw;
                background: #f7faf9
            }

            .school-teacher-head {
                margin-bottom: 8vw
            }

            .school-teacher__item {
                background: #fff;
                width: 345px;
                width: 92vw;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 8vw;
                padding-bottom: 8vw
            }

            .school-teacher__img {
                margin-bottom: 8vw
            }

            .school-teacher__txt-wrap {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 8vw;
                padding-right: 8vw
            }

            .school-teacher__name {
                font-size: 20px;
                font-size: 5.33333vw;
                margin-bottom: 2.66667vw;
                letter-spacing: .04em
            }

            .school-teacher__name,.school-teacher__role {
                display: block;
                font-weight: 700;
                text-align: center
            }

            .school-teacher__role {
                color: #868686;
                font-size: 16px;
                font-size: 4.26667vw;
                margin-bottom: 4.8vw
            }

            .school-teacher__body {
                line-height: 1.714;
                letter-spacing: .04em;
                font-size: 14px;
                font-size: 3.73333vw
            }

            #school-contents {
                padding-top: 14.66667vw;
                padding-bottom: 13.33333vw;
                background: #f7faf9
            }

            .school-contents-head {
                margin-bottom: 8vw
            }

            .school-contents__border {
                width: 345px;
                width: 92vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                z-index: 3;
                margin-left: auto;
                margin-right: auto
            }

            .school-contents__border,.school-contents__inner {
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .school-contents__inner {
                width: 100%;
                background: #fff;
                padding-bottom: 8vw
            }

            .school-contents__gr-1 {
                width: 100%;
                height: auto;
                padding-top: 5.33333vw;
                padding-bottom: 5.33333vw;
                margin-bottom: 4vw;
                background: -webkit-gradient(linear,left top,right top,from(#6fd99f),to(#2dc2cc));
                background: linear-gradient(90deg,#6fd99f 0,#2dc2cc);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .school-contents__ttl {
                font-size: 24px;
                font-size: 6.4vw;
                font-weight: 900;
                letter-spacing: .04em;
                color: #fff;
                display: block;
                text-align: center;
                margin-bottom: 4vw
            }

            .school-contents__fig {
                width: 150px;
                width: 40vw;
                margin-left: 0
            }

            .schoo-contents__body {
                font-size: 14px;
                font-size: 3.73333vw;
                text-align: center
            }

            .school-contents__gr-2 {
                width: 100%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 6.66667vw;
                padding-right: 6.66667vw
            }

            .school-contents__list {
                margin-bottom: 7.2vw
            }

            .school-contents__list-item {
                width: auto;
                font-size: 16px;
                font-size: 4.26667vw;
                padding-top: 6.66667vw;
                padding-bottom: 6.66667vw;
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .school-contents__list-item:last-of-type {
                border: none
            }

            .school-contents__amount {
                width: 100%;
                color: #2dc79d;
                padding-top: 4vw;
                padding-bottom: 4vw;
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                text-align: center;
                display: block
            }

            #school-flow {
                padding-top: 13.33333vw;
                padding-bottom: 9.33333vw
            }

            .school-flow-head {
                margin-bottom: 9.33333vw
            }

            .school-flow__list {
                margin-bottom: 8vw
            }

            .school-flow__list-item {
                width: 375px;
                width: 100vw;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 10.66667vw;
                position: relative
            }

            .school-flow__list-item:not(:last-of-type):after {
                content: "";
                width: 20px;
                width: 5.33333vw;
                height: 40px;
                height: 10.66667vw;
                position: absolute
            }

            .school-flow__list-fig {
                width: 82px;
                width: 21.86667vw;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 0
            }

            .school-flow__list-box {
                width: 228px;
                width: 60.8vw
            }

            .school-flow__list-ttl {
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                letter-spacing: .04em;
                height: auto;
                margin-bottom: 1.33333vw
            }

            .school-flow__list-body {
                line-height: 1.714
            }

            .school-flow__btn,.school-flow__list-body {
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .04em
            }

            .school-flow__btn {
                width: 345px;
                width: 92vw;
                height: 48px;
                height: 12.8vw;
                border-radius: 6px;
                background-color: #000;
                
                background-repeat: no-repeat;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-left: auto;
                margin-right: auto;
                color: #fff;
                font-weight: 700
            }

            #school-company {
                padding-top: 9.33333vw;
                padding-bottom: 8vw
            }

            .school-company-head {
                margin-bottom: 10.66667vw
            }

            .school-company__list-item {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 5.33333vw;
                padding-top: 6.66667vw
            }

            .school-company__list-bg {
                position: absolute;
                top: 0;
                height: 175px;
                height: 46.66667vw
            }

            .school-company__list-txt-wrap {
                width: 375px;
                width: 100vw;
                height: auto;
                position: relative;
                z-index: 2;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 0;
                padding-left: 8vw;
                padding-right: 8vw
            }

            .school-company__list-ttl {
                margin-bottom: 4.53333vw;
                line-height: 1.333;
                font-size: 20px;
                font-size: 5.33333vw;
                color: #fff;
                font-weight: 700
            }

            .school-company__list-body {
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1.714
            }

            .school-company__list-fig {
                width: 311px;
                width: 82.93333vw;
                height: 173px;
                height: 46.13333vw;
                -webkit-box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                position: relative;
                z-index: 2;
                background-color: #fff;
                margin-bottom: 4vw
            }

            #school-book {
                padding-bottom: 17.06667vw
            }

            .school-book__border {
                background: linear-gradient(215deg,#88e18e,#2dc2cc);
                width: 345px;
                width: 92vw;
                padding: 4px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                margin-left: auto;
                margin-right: auto
            }

            .school-book__border,.school-book__inner {
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .school-book__inner {
                padding: 10.66667vw 8vw 5.33333vw;
                width: 100%;
                height: 100%;
                background: #fff;
                position: relative
            }

            .shool-book__ttl {
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                padding-bottom: 0;
                margin-bottom: 5.33333vw;
                position: relative;
                display: block
            }

            .school-book__fig {
                width: 237px;
                width: 63.2vw;
                padding-bottom: 7.73333vw;
                margin-bottom: 5.33333vw
            }

            .school-book__book-1,.school-book__book-2 {
                width: 69px;
                width: 18.4vw;
                position: absolute;
                -webkit-filter: drop-shadow(0 4px 4px rgba(0,0,0,.25));
                filter: drop-shadow(0 4px 4px rgba(0,0,0,.25))
            }

            .school-book__book-1 {
                top: 10px;
                top: 2.66667vw;
                left: -48px;
                left: -12.8vw
            }

            .school-book__book-2 {
                top: 114px;
                top: 30.4vw;
                left: -48px;
                left: -12.8vw
            }

            .school-book__role {
                color: #868686;
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 700;
                display: block
            }

            .school-book__name {
                display: block;
                font-weight: 700;
                font-size: 17px;
                font-size: 4.53333vw;
                margin-bottom: 3.46667vw;
                letter-spacing: .04em
            }

            .school-book__kana {
                font-weight: 700;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .school-book__profile {
                letter-spacing: .04em;
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1.571
            }

            .school-form,.school-form-2 {
                background: #f7faf9;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 14.66667vw 4vw 16vw
            }

            .school-form-head {
                margin-bottom: 10.66667vw
            }

            .school-form__card {
                background: #fff;
                -webkit-box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                width: 345px;
                width: 92vw;
                margin-left: auto;
                margin-right: auto;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 6.66667vw 9.33333vw 8vw 8vw;
                margin-bottom: 8vw
            }

            .school-form__desc {
                font-size: 14px;
                font-size: 3.73333vw;
                line-height: 1.75;
                margin-bottom: 4vw
            }

            .school-form__desc a {
                color: #2dc2cc;
                text-decoration: underline
            }

            #label-kaizen_school_select_date01-d298292c-6605-44c5-9800-bf996ff98fc4,#label-kaizen_school_select_date02-d298292c-6605-44c5-9800-bf996ff98fc4,#label-kaizen_school_select_date03-d298292c-6605-44c5-9800-bf996ff98fc4,#label-kaizen_school_select_time01-d298292c-6605-44c5-9800-bf996ff98fc4,#label-kaizen_school_select_time02-d298292c-6605-44c5-9800-bf996ff98fc4,#label-kaizen_school_select_time03-d298292c-6605-44c5-9800-bf996ff98fc4 {
                display: none
            }

            .school-form .hs-form {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                width: 285px;
                width: 76vw!important
            }

            .school-form .hs-form .form-columns-1 {
                max-width: 100%!important
            }

            .school-form .hs-form .form-columns-2 .hs-firstname,.school-form .hs-form .form-columns-2 .hs-furigana_first_name {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

            .school-form .hs-form .form-columns-2 .hs-form-field {
                width: 100%
            }

            .school-form .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
                margin-left: 0;
                margin-left: 0!important
            }

            .school-form .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) .input {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                margin-right: 0;
                width: 285px;
                width: 76vw
            }

            .school-form .hs-form .hs-form-field {
                margin-bottom: 28px;
                margin-bottom: 7.46667vw!important;
                position: relative
            }

            .school-form .hs-form .hs-form-field label {
                width: 285px;
                width: 76vw;
                margin-bottom: 2.13333vw;
                padding-left: 11.46667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative
            }

            .school-form .hs-form .hs-form-field span {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 500
            }

            .school-form .hs-form .hs-form-field span.hs-form-required {
                color: #fff
            }

            .school-form .hs-form .hs-form-field span.hs-form-required:before {
                content: "必須";
                position: absolute;
                left: 0;
                font-size: 10px;
                font-size: 2.66667vw;
                background: #2dc79d;
                width: 37px;
                width: 9.86667vw;
                height: 18px;
                height: 4.8vw;
                border-radius: 2px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .school-form .hs-form .hs-error-msg {
                color: red;
                font-size: 10px;
                font-size: 2.66667vw;
                display: block;
                padding-top: 2.66667vw;
                padding-left: 0!important;
                position: absolute!important;
                left: 0;
                bottom: 0;
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
                width: 100%!important
            }

            .school-form .hs-form .hs_error_rollup {
                display: none
            }

            .school-form .hs-form .hs_error_rollup .hs-main-font-element {
                color: red;
                font-size: 12px;
                font-size: 3.2vw;
                display: block;
                text-align: center;
                font-weight: 700
            }

            .school-form .hs-form input,.school-form .hs-form select,.school-form .hs-form textarea {
                -webkit-box-shadow: none;
                box-shadow: none;
                background: #fff;
                border: 1px solid #aaa;
                color: #000;
                border-radius: 2px;
                font-family: Noto Sans JP;
                font-display: swap;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 285px;
                width: 76vw!important;
                font-size: 14px;
                font-size: 3.73333vw!important;
                padding-left: 16px;
                padding-left: 4.26667vw!important;
                padding-right: 16px;
                padding-right: 4.26667vw!important;
                max-width: 100%
            }

            .school-form .hs-form input:placeholder-shown,.school-form .hs-form select:placeholder-shown,.school-form .hs-form textarea:placeholder-shown {
                color: #b9b9b9!important
            }

            .school-form .hs-form input::-webkit-input-placeholder,.school-form .hs-form select::-webkit-input-placeholder,.school-form .hs-form textarea::-webkit-input-placeholder {
                color: #b9b9b9!important
            }

            .school-form .hs-form input:-moz-placeholder,.school-form .hs-form input::-moz-placeholder,.school-form .hs-form select:-moz-placeholder,.school-form .hs-form select::-moz-placeholder,.school-form .hs-form textarea:-moz-placeholder,.school-form .hs-form textarea::-moz-placeholder {
                color: #b9b9b9!important;
                opacity: 1
            }

            .school-form .hs-form input:-ms-input-placeholder,.school-form .hs-form select:-ms-input-placeholder,.school-form .hs-form textarea:-ms-input-placeholder {
                color: #b9b9b9!important;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center
            }

            .school-form .hs-form input[name=firstname],.school-form .hs-form input[name=furigana_first_name],.school-form .hs-form input[name=furigana_last_name],.school-form .hs-form input[name=lastname],.school-form .hs-form select[name=firstname],.school-form .hs-form select[name=furigana_first_name],.school-form .hs-form select[name=furigana_last_name],.school-form .hs-form select[name=lastname],.school-form .hs-form textarea[name=firstname],.school-form .hs-form textarea[name=furigana_first_name],.school-form .hs-form textarea[name=furigana_last_name],.school-form .hs-form textarea[name=lastname] {
                width: 140px;
                width: 37.33333vw!important;
                max-width: 100%
            }

            .school-form .hs-form input[name=division_detail],.school-form .hs-form input[name=lastname],.school-form .hs-form select[name=division_detail],.school-form .hs-form select[name=lastname],.school-form .hs-form textarea[name=division_detail],.school-form .hs-form textarea[name=lastname] {
                margin-right: 0;
                margin-right: 0!important
            }

            .school-form .hs-form input,.school-form .hs-form select {
                height: 44px;
                height: 11.73333vw!important
            }

            .school-form .hs-form textarea {
                min-height: 170px;
                min-height: 45.33333vw
            }

            .school-form .hs-form input:focus,.school-form .hs-form select:focus,.school-form .hs-form textarea:focus {
                border: 1px solid #2dcc70;
                background: #eee
            }

            .school-form .hs-form input.error,.school-form .hs-form select.error,.school-form .hs-form textarea.error {
                border-color: red
            }

            .school-form .hs-form fieldset:first-of-type,.school-form .hs-form fieldset:nth-of-type(3) {
                width: 285px;
                width: 76vw;
                margin-bottom: 8px;
                margin-bottom: 2.13333vw!important;
                padding-left: 11.46667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                font-weight: 500;
                font-size: 14px;
                font-size: 3.73333vw
            }

            .school-form .hs-form fieldset:first-of-type .hs-richtext,.school-form .hs-form fieldset:nth-of-type(3) .hs-richtext {
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .school-form .hs-form fieldset:first-of-type:before,.school-form .hs-form fieldset:nth-of-type(3):before {
                content: "必須";
                color: #fff;
                position: absolute;
                left: 0;
                font-size: 10px;
                font-size: 2.66667vw;
                background: #2dc79d;
                width: 37px;
                width: 9.86667vw;
                height: 18px;
                height: 4.8vw;
                border-radius: 2px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .school-form .hs-form fieldset:nth-of-type(2),.school-form .hs-form fieldset:nth-of-type(4) {
                width: 285px;
                width: 76vw!important;
                font-size: 14px;
                font-size: 3.73333vw!important
            }

            .school-form .hs-form fieldset:nth-of-type(2) label,.school-form .hs-form fieldset:nth-of-type(4) label {
                display: none
            }

            .school-form .hs-form fieldset:nth-of-type(2) .input,.school-form .hs-form fieldset:nth-of-type(4) .input {
                width: 135px;
                width: 36vw!important;
                margin-right: 0
            }

            .school-form .hs-form fieldset:nth-of-type(8) {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 500;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                padding-left: 11.46667vw;
                margin-bottom: 2.66667vw;
                width: 345px;
                width: 92vw!important
            }

            .school-form .hs-form fieldset:nth-of-type(8):before {
                content: "必須";
                position: absolute;
                left: 0;
                font-size: 10px;
                font-size: 2.66667vw;
                background: #2dc79d;
                width: 37px;
                width: 9.86667vw;
                height: 18px;
                height: 4.8vw;
                border-radius: 2px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #fff
            }

            .school-form .hs-form fieldset:nth-of-type(10),.school-form .hs-form fieldset:nth-of-type(11),.school-form .hs-form fieldset:nth-of-type(12),.school-form .hs-form fieldset:nth-of-type(13),.school-form .hs-form fieldset:nth-of-type(14) {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 0
            }

            .school-form .hs-form fieldset:nth-of-type(9),.school-form .hs-form fieldset:nth-of-type(11),.school-form .hs-form fieldset:nth-of-type(13) {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 500;
                margin-bottom: 1.33333vw
            }

            .school-form .hs-form fieldset:nth-of-type(10),.school-form .hs-form fieldset:nth-of-type(12),.school-form .hs-form fieldset:nth-of-type(14) {
                max-width: none!important;
                display: -webkit-box!important;
                display: -ms-flexbox!important;
                display: flex!important
            }

            .school-form .hs-form fieldset:nth-of-type(10) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(10) .hs-fieldtype-date,.school-form .hs-form fieldset:nth-of-type(12) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(12) .hs-fieldtype-date,.school-form .hs-form fieldset:nth-of-type(14) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(14) .hs-fieldtype-date {
                width: 148px;
                width: 39.46667vw!important;
                max-width: none!important
            }

            .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field {
                margin-bottom: 30px;
                margin-bottom: 8vw!important
            }

            .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(10) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(10) .hs-form-field select,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field select,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field select {
                max-width: 100%!important;
                border-radius: 3px;
                font-size: 12px;
                font-size: 3.2vw!important
            }

            .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field .input {
                position: relative
            }

            .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field .input:after,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field .input:after,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field .input:after {
                content: "";
                width: 6px;
                height: 6px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-right: 1px solid #868686;
                border-bottom: 1px solid #868686;
                position: absolute;
                top: 50%;
                right: 14px;
                -webkit-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
                pointer-events: none
            }

            .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field:nth-of-type(odd),.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field:nth-of-type(odd),.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field:nth-of-type(odd) {
                width: 148px;
                width: 39.46667vw
            }

            .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field:nth-of-type(2n),.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field:nth-of-type(2n),.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field:nth-of-type(2n) {
                width: 130px;
                width: 34.66667vw;
                margin-left: 6px;
                margin-left: 1.6vw!important
            }

            .school-form .hs-form .hs-submit {
                margin-top: 5.06667vw;
                width: 100%
            }

            .school-form .hs-form .hs-submit .actions {
                margin: 0 auto!important;
                position: relative;
                display: block;
                width: 285px;
                width: 76vw!important;
                border-radius: 6px;
                border-radius: 1.6vw!important
            }

            .school-form .hs-form .hs-submit .actions:after {
                content: "";
                width: 15px;
                width: 4vw;
                height: 2px;
                height: .53333vw;
                background: #fff;
                position: absolute;
                top: 50%;
                right: 19px;
                right: 5.06667vw;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 5
            }

            .school-form .hs-form .hs-submit .actions:before {
                content: "";
                width: 11px;
                width: 2.93333vw;
                height: 11px;
                height: 2.93333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                top: 50%;
                right: 19px;
                right: 5.06667vw;
                -webkit-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
                z-index: 2
            }

            .school-form .hs-form .hs-submit .actions .hs-button {
                display: block;
                margin: 0 auto!important;
                background: #000!important;
                border: none!important;
                -webkit-box-shadow: none!important;
                box-shadow: none!important;
                text-shadow: none!important;
                letter-spacing: .1em!important;
                font: inherit!important;
                font-weight: 600!important;
                color: #fff;
                -webkit-transition: opacity .6s ease;
                transition: opacity .6s ease;
                width: 285px;
                width: 76vw!important;
                height: 64px;
                height: 17.06667vw!important;
                border-radius: 6px;
                border-radius: 1.6vw!important;
                font-size: 16px;
                font-size: 4.26667vw!important
            }

            .school-form .hs-form .hs-submit .actions .hs-button:hover {
                opacity: .6
            }

            .school-form__card-2 {
                background: #fff;
                -webkit-box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                box-shadow: 0 0 12px rgba(0,0,0,.04),0 0 30px rgba(0,0,0,.08);
                width: 345px;
                width: 92vw;
                margin-left: auto;
                margin-right: auto;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 6.66667vw 9.33333vw 8vw 8vw
            }

            .school-form-2 .hs-form {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                width: 285px;
                width: 76vw!important
            }

            .school-form-2 .hs-form .form-columns-1 {
                max-width: 100%!important
            }

            .school-form-2 .hs-form .form-columns-2 .hs-form-field,.school-form-2 .hs-form .form-columns-2 .hs-form-field label {
                width: 142.5px;
                width: 38vw!important
            }

            .school-form-2 .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
                margin-left: 0;
                margin-left: 0!important
            }

            .school-form-2 .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) .input {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                margin-right: 0;
                width: 142.5px;
                width: 38vw!important
            }

            .school-form-2 .hs-form .hs-form-field {
                margin-bottom: 28px;
                margin-bottom: 7.46667vw!important;
                position: relative
            }

            .school-form-2 .hs-form .hs-form-field label {
                width: 285px;
                width: 76vw;
                margin-bottom: 2.13333vw;
                padding-left: 11.46667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative
            }

            .school-form-2 .hs-form .hs-form-field span {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 500
            }

            .school-form-2 .hs-form .hs-form-field span.hs-form-required {
                color: #fff
            }

            .school-form-2 .hs-form .hs-form-field span.hs-form-required:before {
                content: "必須";
                position: absolute;
                left: 0;
                font-size: 10px;
                font-size: 2.66667vw;
                background: #2dc79d;
                width: 37px;
                width: 9.86667vw;
                height: 18px;
                height: 4.8vw;
                border-radius: 2px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .school-form-2 .hs-form .hs-error-msg {
                color: red;
                font-size: 10px;
                font-size: 2.66667vw;
                display: block;
                padding-top: 2.66667vw;
                padding-left: 0!important;
                position: absolute!important;
                left: 0;
                bottom: 0;
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
                width: 100%!important
            }

            .school-form-2 .hs-form .hs_error_rollup {
                display: none
            }

            .school-form-2 .hs-form .hs_error_rollup .hs-main-font-element {
                color: red;
                font-size: 12px;
                font-size: 3.2vw;
                display: block;
                text-align: center;
                font-weight: 700
            }

            .school-form-2 .hs-form input,.school-form-2 .hs-form select,.school-form-2 .hs-form textarea {
                -webkit-box-shadow: none;
                box-shadow: none;
                background: #fff;
                border: 1px solid #aaa;
                color: #000;
                border-radius: 2px;
                font-family: Noto Sans JP;
                font-display: swap;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 285px;
                width: 76vw!important;
                font-size: 14px;
                font-size: 3.73333vw!important;
                padding-left: 16px;
                padding-left: 4.26667vw!important;
                padding-right: 16px;
                padding-right: 4.26667vw!important;
                max-width: 100%
            }

            .school-form-2 .hs-form input:placeholder-shown,.school-form-2 .hs-form select:placeholder-shown,.school-form-2 .hs-form textarea:placeholder-shown {
                color: #b9b9b9!important
            }

            .school-form-2 .hs-form input::-webkit-input-placeholder,.school-form-2 .hs-form select::-webkit-input-placeholder,.school-form-2 .hs-form textarea::-webkit-input-placeholder {
                color: #b9b9b9!important
            }

            .school-form-2 .hs-form input:-moz-placeholder,.school-form-2 .hs-form input::-moz-placeholder,.school-form-2 .hs-form select:-moz-placeholder,.school-form-2 .hs-form select::-moz-placeholder,.school-form-2 .hs-form textarea:-moz-placeholder,.school-form-2 .hs-form textarea::-moz-placeholder {
                color: #b9b9b9!important;
                opacity: 1
            }

            .school-form-2 .hs-form input:-ms-input-placeholder,.school-form-2 .hs-form select:-ms-input-placeholder,.school-form-2 .hs-form textarea:-ms-input-placeholder {
                color: #b9b9b9!important;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center
            }

            .school-form-2 .hs-form input[name=division_detail],.school-form-2 .hs-form input[name=firstname],.school-form-2 .hs-form input[name=jobtitle],.school-form-2 .hs-form input[name=lastname],.school-form-2 .hs-form select[name=division_detail],.school-form-2 .hs-form select[name=firstname],.school-form-2 .hs-form select[name=jobtitle],.school-form-2 .hs-form select[name=lastname],.school-form-2 .hs-form textarea[name=division_detail],.school-form-2 .hs-form textarea[name=firstname],.school-form-2 .hs-form textarea[name=jobtitle],.school-form-2 .hs-form textarea[name=lastname] {
                width: 140px;
                width: 37.33333vw!important;
                max-width: 100%
            }

            .school-form-2 .hs-form input[name=division_detail],.school-form-2 .hs-form input[name=lastname],.school-form-2 .hs-form select[name=division_detail],.school-form-2 .hs-form select[name=lastname],.school-form-2 .hs-form textarea[name=division_detail],.school-form-2 .hs-form textarea[name=lastname] {
                margin-right: 0;
                margin-right: 0!important
            }

            .school-form-2 .hs-form input,.school-form-2 .hs-form select {
                height: 44px;
                height: 11.73333vw!important
            }

            .school-form-2 .hs-form textarea {
                min-height: 170px;
                min-height: 45.33333vw
            }

            .school-form-2 .hs-form input:focus,.school-form-2 .hs-form select:focus,.school-form-2 .hs-form textarea:focus {
                border: 1px solid #2dcc70;
                background: #eee
            }

            .school-form-2 .hs-form input.error,.school-form-2 .hs-form select.error,.school-form-2 .hs-form textarea.error {
                border-color: red
            }

            .school-form-2 .hs-form .hs-submit {
                margin-top: 5.06667vw;
                width: 100%
            }

            .school-form-2 .hs-form .hs-submit .actions {
                margin: 0 auto!important;
                position: relative;
                display: block;
                width: 285px;
                width: 76vw!important;
                border-radius: 6px;
                border-radius: 1.6vw!important
            }

            .school-form-2 .hs-form .hs-submit .actions:after {
                content: "";
                width: 15px;
                width: 4vw;
                height: 2px;
                height: .53333vw;
                background: #fff;
                position: absolute;
                top: 50%;
                right: 19px;
                right: 5.06667vw;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 5
            }

            .school-form-2 .hs-form .hs-submit .actions:before {
                content: "";
                width: 11px;
                width: 2.93333vw;
                height: 11px;
                height: 2.93333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                top: 50%;
                right: 19px;
                right: 5.06667vw;
                -webkit-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
                z-index: 2
            }

            .school-form-2 .hs-form .hs-submit .actions .hs-button {
                display: block;
                margin: 0 auto!important;
                background: #000!important;
                border: none!important;
                -webkit-box-shadow: none!important;
                box-shadow: none!important;
                text-shadow: none!important;
                letter-spacing: .1em!important;
                font: inherit!important;
                font-weight: 600!important;
                color: #fff;
                -webkit-transition: opacity .6s ease;
                transition: opacity .6s ease;
                width: 285px;
                width: 76vw!important;
                height: 64px;
                height: 17.06667vw!important;
                border-radius: 6px;
                border-radius: 1.6vw!important;
                font-size: 16px;
                font-size: 4.26667vw!important
            }

            .school-form-2 .hs-form .hs-submit .actions .hs-button:hover {
                opacity: .6
            }

            .m-school-head {
                text-align: center;
                padding-bottom: 4vw;
                position: relative
            }

            .m-school-head .en {
                display: block;
                color: #868686;
                font-weight: 600;
                font-size: 14px;
                font-size: 3.73333vw;
                margin-bottom: 2.66667vw
            }

            .m-school-head .ja {
                font-size: 22px;
                font-size: 5.86667vw;
                font-weight: 700;
                line-height: 1.364;
                letter-spacing: .04em
            }

            .m-school-head:after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: 0;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 78px;
                width: 20.8vw;
                background: -webkit-gradient(linear,left top,right top,from(#6fd99f),to(#2dc2cc));
                background: linear-gradient(90deg,#6fd99f 0,#2dc2cc)
            }

            .layout-form {
                margin-bottom: 0
            }

            .layout-form .form-overview {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                /* background: -webkit-gradient(linear,left top,left bottom,from(#88e18e),to(#2dc2cc));*/
                background: rgb(76,86,108);
　　　　　　　　　 /* background: linear-gradient(135deg, rgba(76,86,108,1) 59%, rgba(194,196,201,1) 100%); */
                /* background: linear-gradient(90deg, #4C566C 1.68%, #4C566C 27.3%, rgba(74, 84, 105, 0.8) 50.07%, rgba(57, 65, 81, 0) 80.13%); */
                padding: 3.2vw
            }

            .layout-form .form-overview .overview-inner {
                width: 100%;
                height: 100%;
                position: relative;
                overflow: hidden;
                background: rgb(255,255,255);
                background: linear-gradient(180deg, rgba(255,255,255,1) 43%, rgba(0,0,0,0) 100%);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 100% 100%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 11.46667vw;
                padding-left: 5.33333vw;
                padding-right: 5.33333vw
            }

            .layout-form .form-overview .overview-inner .arrow {
                position: absolute;
                z-index: 2;
                width: 337px;
                width: 89.86667vw;
                bottom: -15px;
                bottom: -4vw
            }

            .layout-form .form-overview .overview-inner .arrow>div {
                width: 100%;
                height: 100%
            }

            .layout-form .form-overview .overview-inner .overview-title-area {
                margin-bottom: 0
            }

            .layout-form .form-overview .overview-inner .overview-title-area .en {
                display: block;
                font-size: 36px;
                font-size: 9.6vw;
                letter-spacing: .04em;
                font-weight: 700;
                margin-bottom: 2.66667vw
            }

            .layout-form .form-overview .overview-inner .overview-title-area .ja {
                /*font-family: Noto Sans JP;*/
                font-display: swap;
                display: block;
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700
            }

            .layout-form .form-overview .overview-inner .overview-lead {
                margin-bottom: 0
            }

            .layout-form .form-overview .overview-inner .overview-lead,.layout-form .overview-list-head {
                font-family: Montserrat,"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"メイリオ",sans-serif;
                font-display: swap;
                font-size: 20px;
                /*font-size: 5.33333vw;*/
                font-weight: 700;
            }

            .layout-form .overview-list-head {
                margin-bottom: 2.93333vw
            }

            .layout-form .overview-lead-sm {
                margin-bottom: 10.93333vw
            }

            .layout-form .overview-list {
                position: relative;
                padding-bottom: 1.6vw;
                margin-bottom: 1.06667vw
            }

            .layout-form .overview-list li {
                font-family: Noto Sans JP;
                font-display: swap;
                counter-increment: section;
                font-size: 16px;
                font-size: 4.26667vw;
                font-weight: 700;
                margin-bottom: 1.06667vw
            }

            .layout-form .overview-list li:before {
                content: counter(section,decimal-leading-zero) ".";
                font-size: 20px;
                font-size: 5.33333vw;
                font-weight: 700;
                color: #2dcc70;
                margin-right: 2.93333vw;
                position: relative;
                top: 2px;
                top: .53333vw
            }

            .layout-form .form-form .form-inner {
                padding-top: 2.13333vw;
                padding-bottom: 19.73333vw;
                width: 375px;
                width: 100vw;
                margin-left: auto;
                margin-right: auto
            }

            .layout-form .form-form .form-inner .breadcrumb {
                margin-top: 0;
                margin-bottom: 7.2vw
            }

            .layout-form .form-form .form-inner .bg-sm,.layout-form .form-form .form-inner .breadcrumb {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 4.26667vw;
                padding-right: 4.26667vw
            }

            .layout-form .form-form .form-inner form {
                position: relative;
                left: 0;
                left: 0!important
            }

            #innerWrapDiv {
                width: 100%!important;
                margin-top: 0!important
            }

            #lpeCDiv_1696,#lpeCDiv_1697,#lpeCDiv_1698,.lpeCElement,.mktoForm {
                left: 0!important;
                top: 0!important;
                width: 100%!important
            }

            #mktColumn,#mktContent,#mktFooter,#mktHeader {
                background: none!important
            }

            .mktoImg {
                width: 100%;
                vertical-align: middle
            }

            .mktoForm-wrap .mktoForm {
                letter-spacing: .035em;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0!important;
                font-family: Noto Sans JP;
                font-display: swap
            }

            .mktoForm-wrap .mktoForm .mktoLabel {
                height: 0;
                padding: 0!important
            }

            .mktoForm-wrap .mktoForm .mktoGutter,.mktoForm-wrap .mktoForm .mktoOffset {
                display: none
            }

            .mktoForm-wrap .mktoForm .mktoFormCol {
                margin-bottom: 0!important
            }

            .mktoForm-wrap .mktoForm .mktoFieldWrap {
                position: relative
            }

            .mktoForm-wrap .mktoForm .mktoAsterix {
                position: absolute;
                z-index: 10
            }

            .mktoForm-wrap .mktoForm label {
                position: relative
            }

            .mktoForm-wrap .mktoForm label:before {
                position: absolute;
                height: 29px;
                height: 7.73333vw!important;
                left: 0;
                top: 27px;
                top: 7.2vw;
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 700
            }

            .mktoForm-wrap .mktoForm label[for=comment],.mktoForm-wrap .mktoForm label[for=Comment],.mktoForm-wrap .mktoForm label[for=Company],.mktoForm-wrap .mktoForm label[for=company],.mktoForm-wrap .mktoForm label[for=Email],.mktoForm-wrap .mktoForm label[for=Phone],.mktoForm-wrap .mktoForm label[for=request],.mktoForm-wrap .mktoForm label[for=Request],.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactcomment],.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactrequest],.mktoForm-wrap .mktoForm label[for=z201CompanyName_L] {
                width: 343px;
                width: 91.46667vw!important
            }

            .mktoForm-wrap .mktoForm label[for=Department],.mktoForm-wrap .mktoForm label[for=FirstName],.mktoForm-wrap .mktoForm label[for=LastName],.mktoForm-wrap .mktoForm label[for=Title] {
                width: 0
            }

            .mktoForm-wrap .mktoForm label[for=Department]:before,.mktoForm-wrap .mktoForm label[for=FirstName]:before,.mktoForm-wrap .mktoForm label[for=LastName]:before,.mktoForm-wrap .mktoForm label[for=Title]:before {
                width: 164px;
                width: 43.73333vw!important
            }

            .mktoForm-wrap .mktoForm label[for=LastName]:before {
                content: "お名前"
            }

            .mktoForm-wrap .mktoForm label[for=Email]:before {
                content: "メールアドレス"
            }

            .mktoForm-wrap .mktoForm label[for=company]:before,.mktoForm-wrap .mktoForm label[for=Company]:before,.mktoForm-wrap .mktoForm label[for=z201CompanyName_L]:before {
                content: "会社名"
            }

            .mktoForm-wrap .mktoForm label[for=Department]:before {
                content: "部署名"
            }

            .mktoForm-wrap .mktoForm label[for=Title]:before {
                content: "役職名"
            }

            .mktoForm-wrap .mktoForm label[for=Phone]:before {
                content: "電話番号"
            }

            .mktoForm-wrap .mktoForm label[for=comment]:before,.mktoForm-wrap .mktoForm label[for=Comment]:before,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactcomment]:before {
                content: "お問い合わせ内容"
            }

            .mktoForm-wrap .mktoForm label[for=request]:before,.mktoForm-wrap .mktoForm label[for=Request]:before,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactrequest]:before {
                content: "お問い合わせ内容の種別"
            }

            .mktoForm-wrap .mktoForm label .mktoAsterix {
                color: #ff4218;
                font-size: 14px;
                font-size: 3.73333vw;
                top: 26px;
                top: 6.93333vw
            }

            .mktoForm-wrap .mktoForm label[for=FirstName] .mktoAsterix {
                display: none
            }

            .mktoForm-wrap .mktoForm label[for=company] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Company] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Department] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=LastName] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Title] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z201CompanyName_L] .mktoAsterix {
                left: 45px;
                left: 12vw
            }

            .mktoForm-wrap .mktoForm label[for=Phone] .mktoAsterix {
                left: 61px;
                left: 16.26667vw
            }

            .mktoForm-wrap .mktoForm label[for=Email] .mktoAsterix {
                left: 101px;
                left: 26.93333vw
            }

            .mktoForm-wrap .mktoForm label[for=comment] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Comment] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactcomment] .mktoAsterix {
                left: 117px;
                left: 31.2vw
            }

            .mktoForm-wrap .mktoForm label[for=request] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Request] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactrequest] .mktoAsterix {
                left: 155px;
                left: 41.33333vw
            }

            .mktoForm-wrap .mktoForm input,.mktoForm-wrap .mktoForm select,.mktoForm-wrap .mktoForm textarea {
                -webkit-box-shadow: none;
                box-shadow: none;
                background: #dedede;
                border: 1px solid #dedede;
                color: #161b2c;
                border-radius: 4px;
                font-family: Noto Sans JP;
                font-display: swap;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                margin-top: 53px;
                margin-top: 14.13333vw!important;
                width: 343px;
                width: 91.46667vw!important;
                font-size: 14px;
                font-size: 3.73333vw!important;
                padding-left: 16px;
                padding-left: 4.26667vw!important;
                padding-right: 16px;
                padding-right: 4.26667vw!important
            }

            .mktoForm-wrap .mktoForm input:placeholder-shown,.mktoForm-wrap .mktoForm select:placeholder-shown,.mktoForm-wrap .mktoForm textarea:placeholder-shown {
                color: #b9b9b9!important
            }

            .mktoForm-wrap .mktoForm input::-webkit-input-placeholder,.mktoForm-wrap .mktoForm select::-webkit-input-placeholder,.mktoForm-wrap .mktoForm textarea::-webkit-input-placeholder {
                color: #b9b9b9!important
            }

            .mktoForm-wrap .mktoForm input:-moz-placeholder,.mktoForm-wrap .mktoForm input::-moz-placeholder,.mktoForm-wrap .mktoForm select:-moz-placeholder,.mktoForm-wrap .mktoForm select::-moz-placeholder,.mktoForm-wrap .mktoForm textarea:-moz-placeholder,.mktoForm-wrap .mktoForm textarea::-moz-placeholder {
                color: #b9b9b9!important;
                opacity: 1
            }

            .mktoForm-wrap .mktoForm input:-ms-input-placeholder,.mktoForm-wrap .mktoForm select:-ms-input-placeholder,.mktoForm-wrap .mktoForm textarea:-ms-input-placeholder {
                color: #b9b9b9!important;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center
            }

            .mktoForm-wrap .mktoForm input#Department,.mktoForm-wrap .mktoForm input#FirstName,.mktoForm-wrap .mktoForm input#LastName,.mktoForm-wrap .mktoForm input#Title,.mktoForm-wrap .mktoForm select#Department,.mktoForm-wrap .mktoForm select#FirstName,.mktoForm-wrap .mktoForm select#LastName,.mktoForm-wrap .mktoForm select#Title,.mktoForm-wrap .mktoForm textarea#Department,.mktoForm-wrap .mktoForm textarea#FirstName,.mktoForm-wrap .mktoForm textarea#LastName,.mktoForm-wrap .mktoForm textarea#Title {
                width: 163px;
                width: 43.46667vw!important
            }

            .mktoForm-wrap .mktoForm input#Department,.mktoForm-wrap .mktoForm input#LastName,.mktoForm-wrap .mktoForm select#Department,.mktoForm-wrap .mktoForm select#LastName,.mktoForm-wrap .mktoForm textarea#Department,.mktoForm-wrap .mktoForm textarea#LastName {
                margin-right: 16px;
                margin-right: 4.26667vw!important
            }

            .mktoForm-wrap .mktoForm input,.mktoForm-wrap .mktoForm select {
                height: 44px;
                height: 11.73333vw!important
            }

            .mktoForm-wrap .mktoForm textarea {
                min-height: 170px;
                min-height: 45.33333vw
            }

            .mktoForm-wrap .mktoForm input:focus,.mktoForm-wrap .mktoForm textarea:focus {
                border: 1px solid #2dcc70;
                background: #eee
            }

            .mktoForm-wrap .mktoForm .mktoHtmlText {
                margin: 0 auto;
                color: #a8a8a8;
                margin-top: .5em!important;
                font-family: Noto Sans JP!important;
                width: 343px;
                width: 91.46667vw!important;
                font-size: 14px;
                font-size: 3.73333vw!important
            }

            .mktoForm-wrap .mktoForm .mktoHtmlText a {
                color: #a8a8a8;
                font-family: Noto Sans JP!important;
                text-decoration: underline
            }

            .mktoForm-wrap .mktoForm .mktoHtmlText p {
                font-family: Noto Sans JP!important
            }

            .mktoForm-wrap .mktoForm .mktoButtonRow {
                margin-top: 9.06667vw
            }

            .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap {
                margin: 0 auto!important;
                position: relative;
                display: block;
                width: 311px;
                width: 82.93333vw!important;
                border-radius: 48px;
                border-radius: 12.8vw!important
            }

            .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap:after {
                content: "";
                width: 15px;
                width: 4vw;
                height: 2px;
                height: .53333vw;
                background: #fff;
                position: absolute;
                top: 50%;
                right: 19px;
                right: 5.06667vw;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 5
            }

            .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap:before {
                content: "";
                width: 11px;
                width: 2.93333vw;
                height: 11px;
                height: 2.93333vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                top: 50%;
                right: 19px;
                right: 5.06667vw;
                -webkit-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
                z-index: 2
            }

            .mktoForm-wrap .mktoForm .mktoButtonRow button {
                display: block;
                margin: 0 auto!important;
                background: #000!important;
                border: none!important;
                -webkit-box-shadow: none!important;
                box-shadow: none!important;
                text-shadow: none!important;
                letter-spacing: .1em!important;
                font: inherit!important;
                font-weight: 600!important;
                width: 311px;
                width: 82.93333vw!important;
                height: 48px;
                height: 12.8vw!important;
                border-radius: 48px;
                border-radius: 12.8vw!important;
                font-size: 16px;
                font-size: 4.26667vw!important
            }

            .mktoForm-wrap .mktoForm .mktoButtonRow button:hover {
                opacity: .6
            }

            .mktoForm-wrap.mktoForm-wrap-red {
                width: 294px;
                width: 78.4vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm input,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select {
                height: 30px;
                height: 8vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm input,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea {
                background: rgba(255,140,110,.1);
                border-color: rgba(255,140,110,.1);
                width: 294px;
                width: 78.4vw!important;
                border-radius: 10px;
                border-radius: 2.66667vw;
                font-size: 14px;
                font-size: 3.73333vw;
                padding-left: 12px;
                padding-left: 3.2vw!important;
                padding-right: 12px;
                padding-right: 3.2vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm input#Title,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#Title,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#Title {
                width: 294px;
                width: 78.4vw!important;
                margin-right: 0!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm input#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#LastName {
                width: 142px;
                width: 37.86667vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#LastName {
                margin-right: 10px;
                margin-right: 2.66667vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=comment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Comment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Company],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=company],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Department],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Email],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Phone],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=request],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Request],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Title],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactcomment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactrequest],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z201CompanyName_L] {
                width: 296px;
                width: 78.93333vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=FirstName],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=LastName] {
                width: 0
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=FirstName]:before,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=LastName]:before {
                width: 142px;
                width: 37.86667vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label:before {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 400;
                top: 20px;
                top: 5.33333vw
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label .mktoAsterix {
                color: #ff4218;
                font-size: 14px;
                font-size: 3.73333vw;
                top: 18px;
                top: 4.8vw
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=company] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Company] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Department] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=LastName] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Title] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z201CompanyName_L] .mktoAsterix {
                left: 45px;
                left: 12vw
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Phone] .mktoAsterix {
                left: 61px;
                left: 16.26667vw
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Email] .mktoAsterix {
                left: 101px;
                left: 26.93333vw
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=comment] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Comment] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactcomment] .mktoAsterix {
                left: 117px;
                left: 31.2vw
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=request] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Request] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactrequest] .mktoAsterix {
                left: 155px;
                left: 41.33333vw
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoHtmlText {
                margin-top: 17px;
                margin-top: 4.53333vw!important;
                color: #a8a8a8;
                font-family: Noto Sans JP!important;
                text-align: left;
                width: 296px;
                width: 78.93333vw!important;
                font-size: 12px;
                font-size: 3.2vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoHtmlText a {
                color: #a8a8a8;
                font-family: Noto Sans JP!important;
                text-decoration: underline
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoHtmlText p {
                text-align: right;
                color: #a8a8a8!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoButtonRow {
                margin-top: 5px;
                margin-top: 1.33333vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoButtonRow .mktoButtonWrap {
                margin: 0 auto!important;
                position: relative;
                display: block;
                width: 296px;
                width: 78.93333vw!important;
                border-radius: 10px;
                border-radius: 2.66667vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm button {
                display: block;
                margin: 0 auto!important;
                background: #ff8c6e!important;
                border: none!important;
                -webkit-box-shadow: none!important;
                box-shadow: none!important;
                text-shadow: none!important;
                letter-spacing: .1em!important;
                font: inherit!important;
                font-weight: 600!important;
                width: 296px;
                width: 78.93333vw!important;
                height: 41px;
                height: 10.93333vw!important;
                border-radius: 10px;
                border-radius: 2.66667vw!important;
                font-size: 16px;
                font-size: 4.26667vw!important
            }

            .mktoForm-wrap.mktoForm-wrap-red .mktoForm button:hover {
                opacity: .6
            }

            .lengthControlled {
                display: none
            }

            .lengthControlled.visible {
                display: block
            }

            .marketo-download-breadcrumb {
                margin-top: 7.46667vw;
                margin-bottom: 5.6vw
            }

            .sec-marketo-seminar,section.sec-marketo-download {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 343px;
                width: 91.46667vw;
                margin: 0 auto;
            }

            .marketo-download-head,.marketo-seminar-head {
                margin-bottom: 8vw;
            }

            .marketo-download-lead,.marketo-seminar-lead {
                text-align: center;
                font-family: Barlow,Noto Sans JP,sans-serif !important;
            }
            @media screen and (max-width: 560px) {
             .marketo-download-lead {
                 font-size: .8rem;
                }
             }
            .sec-seminar {
                margin-top: 8vw;
                padding-bottom: 8vw;
            }

            .sec-seminar .seminar-list a.available .unavailable,.sec-seminar .seminar-list a.unavailable .available {
                display: none;
            }

            .sec-seminar .seminar-list .each-seminar {
                overflow: hidden;
                text-decoration: none;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#2dc79d));
                background: linear-gradient(180deg,#2dc2cc,#2dc79d);
                padding: 4px;
                width: 343px;
                width: 91.46667vw;
                margin-right: 0;
                margin-bottom: 4.26667vw;
            }

            .sec-seminar .seminar-list .each-seminar .each-seminar-inner {
                width: 100%;
                height: 100%;
                background: #fff;
            }

            .sec-seminar .seminar-list .each-seminar .img {
                width: 100%;
                overflow: hidden;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 176px;
                height: 46.93333vw;
            }

            .sec-seminar .seminar-list .each-seminar .img,.sec-seminar .seminar-list .each-seminar .img .mktoImg {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .sec-seminar .seminar-list .each-seminar .img .mktoImg {
                height: 100%;
            }

            .sec-seminar .seminar-list .each-seminar .img img {
                height: calc(100% + 2px);
                height: auto;
            }

            .sec-seminar .seminar-list .each-seminar .txt-area {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                padding: 4.8vw 4.26667vw 9.06667vw
            }

            .sec-seminar .seminar-list .each-seminar .tags {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                max-width: calc(100% - 90px)
            }

            .sec-seminar .seminar-list .each-seminar .availability,.sec-seminar .seminar-list .each-seminar .tag {
                white-space: nowrap;
                line-height: 1.25;
                font-size: 14px;
                font-size: 3.73333vw;
            }

            .sec-seminar .seminar-list .each-seminar .availability span,.sec-seminar .seminar-list .each-seminar .tag span {
                white-space: nowrap;
                line-height: 1.25;
            }

            .sec-seminar .seminar-list .each-seminar .tag {
                color: #2b2b2b;
                letter-spacing: .04em;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            .sec-seminar .seminar-list .each-seminar .tag:after {
                content: "|";
                margin: 0 .35em;
            }

            .sec-seminar .seminar-list .each-seminar .tag:last-of-type:after {
                content: ""
            }

            .sec-seminar .seminar-list .each-seminar .availability {
                font-weight: 700;
                position: absolute;
                border-radius: 3px;
                width: 85px;
                width: 22.66667vw;
                height: 31px;
                height: 8.26667vw;
                border-radius: 10px;
                border-radius: 2.66667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                top: 10px;
                top: 2.66667vw;
                right: 10px;
                right: 2.66667vw;
            }

            .sec-seminar .seminar-list .each-seminar .available {
                color: #2dcc70;
            }

            .sec-seminar .seminar-list .each-seminar .unavailable {
                color: #fff;
                background: #c7c7c7;
            }

            .sec-seminar .seminar-list .each-seminar .title-dark,.sec-seminar .seminar-list .each-seminar .title-light {
                line-height: 1.33333;
                font-weight: 700;
                font-size: 18px;
                font-size: 4.8vw;
                margin-top: 1.75em;
            }

            .sec-seminar .seminar-list .each-seminar .title-dark p,.sec-seminar .seminar-list .each-seminar .title-dark span,.sec-seminar .seminar-list .each-seminar .title-light p,.sec-seminar .seminar-list .each-seminar .title-light span {
                font-weight: 700
            }

            .sec-seminar .seminar-list .each-seminar .title-dark {
                color: #2b2b2b
            }

            .sec-seminar .seminar-list .each-seminar .title-light {
                color: #4c566c
            }

            .sec-download {
                margin-top: 5.33333vw;
                padding-bottom: 8vw
            }

            .sec-download .list-title {
                width: 100%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                font-size: 20px;
                font-size: 5.33333vw;
                font-family: Noto Sans JP;
                font-display: swap;
                margin-bottom: 5.33333vw
            }

            .sec-download .list-title span {
                font-weight: 700;
                background: #fff;
                position: relative;
                z-index: 2;
                padding-right: .5em
            }

            .sec-download .list-title:after {
                content: "";
                width: 100%;
                height: 1px;
                background: #2dcc70;
                position: absolute;
                top: 50%;
                left: 0
            }

            .sec-download .download-list {
                padding-bottom: 2.66667vw
            }

            .sec-download .download-list.bg-pale .each-download .doc-title {
                color: #000
            }



            .sec-download .download-list .each-download .each-download-inner {
                width: 100%;
                height: 100%;
                background: #fff;
                padding: 1.8vw 1.2vw 0;
            }

            .sec-download .download-list .each-download .img,.sec-download .download-list .each-download .mktoImg {
                width: 100%;
                overflow: hidden;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                height: 176px;
                height: 46.93333vw
            }

            .sec-download .download-list .each-download .img img,.sec-download .download-list .each-download .mktoImg img {
                width: calc(100% + 2px);
                height: auto;
                position: absolute;
                left: 50%;
                top: 0;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%)
            }

            .sec-download .download-list .each-download .doc-title {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                z-index: 2;
                color: #fff;
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 1em;
                font-weight: 700;
                height: 176px;
                height: 46.93333vw;
                font-size: 15px;
                font-size: 4vw
            }

            .sec-download .download-list .each-download .txt-area {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                /* padding: 6.13333vw 4.26667vw 6.4vw */
            }

            .sec-download .download-list .each-download .txt-area .title {
                color: #4c566c;
                margin-bottom: .4em
            }

            .sec-download .download-list .each-download .txt-area .desc {
                color: #4c566c;
                line-height: 1.7;
                font-size: 14px;
                font-size: 3.73333vw;
                letter-spacing: .02em;
                margin-bottom: 5.33333vw
            }

            .sec-download .download-list .each-download .txt-area .doc-points li {
                line-height: 1.7
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:before {
                font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
                color: #2dcc70;
                font-weight: 600;
                display: inline-block;
                width: 1.5em
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:first-child:before {
                content: "01."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(2):before {
                content: "02."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(3):before {
                content: "03."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(4):before {
                content: "04."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(5):before {
                content: "05."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(6):before {
                content: "06."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(7):before {
                content: "07."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(8):before {
                content: "08."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(9):before {
                content: "09."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(10):before {
                content: "10."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(11):before {
                content: "11."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(12):before {
                content: "12."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(13):before {
                content: "13."
            }

            .sec-download .download-list .each-download .txt-area .doc-points li:nth-child(14):before {
                content: "14."
            }

            .sec-download .download-list .each-download .txt-area .btn {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #fff;
                font-weight: 600;
                background: #000;
                text-decoration: none;
                width: 200px;
                width: 53.33333vw;
                height: 44px;
                height: 11.73333vw;
                font-size: 16px;
                font-size: 4.26667vw;
                border-radius: 22px;
                border-radius: 5.86667vw;
                margin: 0 auto;
                font-family: Noto Sans JP;
                font-display: swap;
                line-height: 1;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-bottom: .1em;
                position: relative
            }

            .sec-download .download-list .each-download .txt-area .btn .arrow {
                width: 16px;
                width: 4.26667vw;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 14px;
                right: 3.73333vw
            }

            .sec-thanks {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: calc(100vh - 65px);
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 0 20px
            }

            .sec-thanks,.sec-thanks .thanks-message {
                font-family: Noto Sans JP;
                font-display: swap
            }

            .sec-thanks .thanks-message {
                line-height: 1.63;
                letter-spacing: normal;
                text-align: center;
                margin-top: 35px;
                font-size: 16px;
                font-size: 4.26667vw
            }

            .sec-thanks .thanks-btn {
                margin-top: 35px
            }

            .sec-thanks .module-btn-l {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-decoration: none;
                padding-bottom: .1em;
                font-size: 18px;
                font-size: 4.8vw;
                font-weight: 700;
                letter-spacing: normal;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 298px;
                width: 79.46667vw;
                max-width: 100%;
                height: 55px;
                height: 14.66667vw;
                border-radius: 28px;
                border-radius: 7.46667vw
            }

            .sec-thanks .module-btn-filled-green {
                background-color: #2dcc70;
                color: #161b2c
            }

            .sec-thanks .module-txt-white {
                color: #fff!important
            }

            .page-download .sec-form {
                font-family: Noto Sans JP;
                font-display: swap
            }

            .page-download .sec-form .btn-download {
                font-weight: 700;
                overflow: hidden;
                background: #57d68d;
                color: #fff;
                text-decoration: none
            }

            .page-download .sec-form .btn-download:after {
                border-right: 3px solid #fff;
                border-top: 3px solid #fff
            }

            .page-download .sec-form {
                padding: 65px 0 130px
            }

            .page-download .sec-form .desc {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                color: #6c6c6c;
                font-size: 15px;
                line-height: 1.5;
                margin-bottom: 50px;
                padding: 0 15px;
                text-align: center;
                word-break: normal
            }

            .page-download .sec-form .btn-download:after,.sec-contact-download .each-btn:after {
                right: 10px;
                top: 50%;
                pointer-events: none
            }

            .sec-contact-download .each-btn:after {
                -webkit-box-sizing: border-box;
                -webkit-transform: rotate(45deg)
            }

            .page-download .sec-form .desc a {
                -webkit-transition: all .7s ease;
                color: #000;
                transition: all .7s ease;
                text-decoration: underline
            }

            .page-download .sec-form .btn-download {
                -ms-flex-pack: center;
                -webkit-box-align: center;
                -webkit-box-pack: center;
                -webkit-transition: all .3s ease;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-size: 16px;
                height: 55px;
                justify-content: center;
                letter-spacing: .2em;
                margin-left: auto;
                margin-right: auto;
                position: relative;
                transition: all .3s ease
            }

            #loading,.sec-contact-download .each-btn {
                -ms-flex-align: center;
                display: -webkit-box;
                display: -ms-flexbox
            }

            .page-download .sec-form .btn-download span {
                position: relative;
                z-index: 2
            }

            .page-download .sec-form .btn-download span.txt {
                font-weight: 700
            }

            .page-download .sec-form .btn-download:after {
                -webkit-transition: all .3s ease;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 10px;
                position: absolute;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transform-origin: top right;
                transform-origin: top right;
                transition: all .3s ease;
                width: 10px
            }

            .page-download .sec-form .btn-download .icon {
                -webkit-transition: all .3s ease;
                
                background-repeat: no-repeat;
                height: 16px;
                transition: all .3s ease;
                width: 30px
            }

            .thanksWrap {
                max-width: 730px;
                margin: 0 auto;
                text-align: center
            }

            .pt200 {
                padding-top: 200px!important
            }

            .pb200 {
                padding-bottom: 200px!important
            }

            .pt100 {
                padding-top: 100px!important
            }

            .pb100 {
                padding-bottom: 100px!important
            }

            .page-download .inner {
                width: 100%;
                position: relative;
                max-width: 1084px;
                padding: 0 30px;
                margin: 0 auto
            }

            .mb30 {
                margin-bottom: 30px!important
            }

            .fz24 {
                font-size: 24px!important
            }

            .bold {
                font-weight: 700
            }

            .mb40 {
                margin-bottom: 40px!important
            }

            .thanksWrap a {
                display: block;
                height: 50px;
                width: 100%;
                line-height: 50px;
                font-size: 20px;
                font-weight: 700;
                color: #fff;
                transition: all .3s ease 0s;
                -moz-transition: all .3s ease 0s;
                -webkit-transition: all .3s ease 0s;
                position: relative;
                text-align: center;
                background-color: #2dcc70;
                border-radius: 30px;
                max-width: 460px;
                margin: 0 auto
            }

            .thanksWrap a:hover {
                opacity: .7;
                text-decoration: none
            }

            .thanksWrap a:hover:after {
                right: 16px
            }

            .thanksWrap a:after {
                content: "";
                position: absolute;
                right: 28px;
                top: 50%;
                width: 20px;
                height: 20px;
                margin-top: -10px;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 50%;
                
                transition: all .3s ease 0s;
                -moz-transition: all .3s ease 0s;
                -webkit-transition: all .3s ease 0s
            }

            .page-download-breadcrumb {
                margin-top: 4.26667vw
            }

            .page-download-form {
                margin-top: 8vw;
                margin-bottom: 10.66667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 4.26667vw;
                padding-right: 4.26667vw
            }

            .page-download-form .form-area,.page-download-form .overview-area {
                margin-left: 0;
                margin-right: 0
            }

            .page-download-form .overview-area {
                width: 343px;
                width: 91.46667vw;
                margin-bottom: 8vw
            }

            .page-download-form .overview-area .download-title {
                font-family: Noto Sans JP;
                font-display: swap;
                color: #000;
                font-size: 32px;
                font-size: 8.53333vw;
                font-weight: 900;
                line-height: 1.5;
                margin-bottom: 3.73333vw;
                position: relative;
                top: -.35em
            }

            .page-download-form .overview-area .download-img {
                margin-bottom: 8vw
            }

            .page-download-form .overview-area .download-desc {
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 400;
                line-height: 1.5
            }

            .page-download-form .form-area {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 2.66667vw solid #eee;
                padding: 2.13333vw 4vw 10.13333vw
            }

            .page-download-download {
                margin-top: 16vw;
                margin-bottom: 23.2vw
            }

            .page-download-download .download-desc {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 400;
                font-family: Noto Sans JP;
                font-display: swap;
                color: #000;
                text-align: center;
                margin-bottom: 6.93333vw
            }

            .page-download-download .download-btn {
                font-family: Noto Sans JP;
                font-display: swap;
                font-size: 19px;
                font-size: 5.06667vw;
                font-weight: 700;
                background: #000;
                color: #fff;
                width: 295px;
                width: 78.66667vw;
                height: 55px;
                height: 14.66667vw;
                border-radius: 10px;
                border-radius: 2.66667vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 10.66667vw;
                line-height: 1
            }

            .page-download-download .download-btn p,.page-download-download .download-btn span {
                font-weight: 700
            }

            .page-download-download .download-btn .icon {
                width: 18px;
                width: 4.8vw;
                height: 19px;
                height: 5.06667vw;
                position: absolute;
                top: 50%;
                left: 28px;
                left: 7.46667vw;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .page-download-download .download-notes {
                font-size: 14px;
                font-size: 3.73333vw;
                font-weight: 400;
                font-family: Noto Sans JP;
                font-display: swap;
                color: #000;
                width: 353px;
                width: 94.13333vw;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 10.66667vw
            }

            @-webkit-keyframes slide {
                0% {
                    opacity: 0
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @keyframes slide {
                0% {
                    opacity: 0
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            .js-accordion {
                height: auto;
                -webkit-transition: all .3s ease;
                transition: all .3s ease
            }

            .js-accordion .js-accordion-inner>* {
                opacity: 1
            }

            .js-accordion .js-accordion-head {
                opacity: 1;
                cursor: pointer
            }

            .js-accordion .js-accordion-head:before {
                content: "";
                width: 3px;
                width: .8vw;
                height: 3px;
                height: .8vw;
                background: #2dc79d;
                position: absolute;
                right: 6.5px;
                right: 1.73333vw;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                opacity: 0
            }

            .js-accordion.invisible {
                height: 64px;
                height: 17.06667vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                overflow: hidden;
                padding-bottom: 0!important;
                margin-bottom: 0!important;
                cursor: pointer
            }

            .js-accordion.invisible .js-accordion-inner>* {
                opacity: 0;
                -webkit-transition: opacity .6s ease!important;
                transition: opacity .6s ease!important
            }

            .js-accordion.invisible .js-accordion-head {
                opacity: 1
            }

            .js-accordion.invisible .js-accordion-head:before {
                opacity: 1;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 3px;
                width: .8vw;
                height: 16px;
                height: 4.26667vw
            }

            .lazyload,.lazyloading {
                opacity: 0;
                background: none!important
            }

            .lazyloaded {
                opacity: 1;
                -webkit-transition: opacity .3s;
                transition: opacity .3s
            }

            @media (-ms-high-contrast:none) {
                .img img {
                    min-width: auto!important
                }

                .img ::-ms-backdrop,.img img {
                    min-width: auto!important
                }
 .sec-contact-download .each-btn,.sec-contact .each-btn,.sec-form .btn-download,::-ms-backdrop {
                    padding-top: 8px
                }

                .each-btn-contact:before,.sec-contact .each-btn,::-ms-backdrop {
                    top: -5px
                }

                .btn,.header-nav-btn,.mv-btn,.sec-sub-creative .btn-download,::-ms-backdrop {
                    padding-top: 6px
                }

                .sec-contact-download .each-btn-contact .icon,.sec-contact .each-btn-contact .icon,::-ms-backdrop {
                    position: relative;
                    top: -3px
                }

                .mv-box .copy span,::-ms-backdrop {
                    margin-bottom: -3px
                }

                .mv-box .copy,::-ms-backdrop {
                    margin-bottom: 15px!important
                }
            }

            @media screen and (min-width: 561px) {
                .setOrder {
                    color:#000
                }

                .mdl-sm,.module-sm {
                    display: none
                }

                .mdl-head01 {
                    font-size: 32px;
                    font-size: 2.5vw;
                    padding-bottom: 1.79687vw
                }

                .mdl-head01:before {
                    width: 144px;
                    width: 11.25vw;
                    height: 4px;
                    height: .3125vw
                }

                .mdl-head01 .gray,.mdl-head01 .small {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                .mdl-head01 .en {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    top: 1px;
                    top: .07813vw
                }

                .mdl-breadcrumb {
                    font-size: 12px;
                    font-size: .9375vw;
                    margin-top: 1.01563vw;
                    margin-bottom: 1.875vw;
                    padding-left: 2.34375vw;
                    padding-right: 2.34375vw
                }

                .mdl-bnr-whole {
                    max-width: 343px
                }

                a:link:hover {
                    opacity: .6
                }

                #wrapper {
                    padding-top: 0
                }

                .btn-download {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    border-radius: 32px;
                    border-radius: 2.5vw;
                    width: 320px;
                    width: 25vw;
                    height: 64px;
                    height: 5vw;
                    padding-right: .78125vw
                }

                .btn-download .arrow {
                    width: 16px;
                    width: 1.25vw;
                    right: 26px;
                    right: 2.03125vw
                }

                .subpage-mv.engine .head-area {
                    margin-left: 9.21875vw
                }

                .subpage-mv.engine .head-area .picto {
                    width: 136px;
                    width: 10.625vw;
                    margin-right: 5.46875vw;
                    margin-bottom: 0;
                    top: -8px;
                    top: -.625vw
                }

                .subpage-mv.engine .head-area .txt-area {
                    top: -7px;
                    top: -.54687vw
                }

                .subpage-mv.engine .head-area .title {
                    font-size: 72px;
                    font-size: 5.625vw;
                    margin-bottom: 0
                }

                .subpage-mv.team .head-area {
                    margin-left: 9.21875vw
                }

                .subpage-mv.team .head-area .picto {
                    width: 136px;
                    width: 10.625vw;
                    margin-right: 5.46875vw;
                    margin-bottom: 0;
                    top: -8px;
                    top: -.625vw
                }

                .subpage-mv.team .head-area .txt-area {
                    top: -7px;
                    top: -.54687vw
                }

                .subpage-mv.team .head-area .title {
                    font-size: 72px;
                    font-size: 5.625vw;
                    margin-bottom: 0
                }

                .subpage-mv.video {
                    height: 440px;
                    height: 34.375vw
                }

                .subpage-mv.video .subpage-mv-inner {
                    padding-top: 6.95313vw;
                    padding-left: 0;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start
                }

                .subpage-mv.video .head-area {
                    margin-left: 9.21875vw
                }

                .subpage-mv.video .head-area .title-area {
                    margin-bottom: 0
                }

                .subpage-mv.video .head-area .copy {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: 2.10938vw
                }

                .subpage-mv.video .head-area .copy .num {
                    font-size: 32px;
                    font-size: 2.5vw
                }

                .subpage-mv.video .head-area .picto {
                    width: 120px;
                    width: 9.375vw;
                    height: 102px;
                    height: 7.96875vw;
                    margin-right: 1.79687vw
                }

                .subpage-mv.video .head-area .title {
                    font-size: 56px;
                    font-size: 4.375vw;
                    top: -6px;
                    top: -.46875vw
                }

                .subpage-mv.video .head-area .lead {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .subpage-mv.video .head-area .num {
                    font-size: 32px;
                    font-size: 2.5vw;
                    top: 1px;
                    top: .07813vw;
                    left: 1px;
                    left: .07813vw
                }

                .subpage-mv.video .btn-wrap {
                    margin-top: 3.51563vw;
                    margin-left: 2.65625vw
                }

                .subpage-mv.video .btn {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    border-radius: 32px;
                    border-radius: 2.5vw;
                    width: 360px;
                    width: 28.125vw;
                    height: 64px;
                    height: 5vw;
                    padding-right: .78125vw;
                    margin-bottom: .78125vw
                }

                .subpage-mv.video .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    right: 26px;
                    right: 2.03125vw
                }

                .subpage-mv {
                    height: 440px;
                    padding: 18px;
                    height: 34.375vw
                }

                .subpage-mv .subpage-mv-inner {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .subpage-mv .arrow {
                    margin-left: 50%;
                    width: 40.9375vw;
                    height: 27.8125vw;
                    left: -15.39062vw;
                    top: 4.6875vw
                }

                .subpage-mv .head-area {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-left: 6.25vw
                }

                .subpage-mv .head-area .picto {
                    width: 16.48438vw;
                    margin-right: 2.34375vw;
                    margin-bottom: 0
                }

                .subpage-mv .head-area .title {
                    font-size: 72px;
                    font-size: 5.625vw;
                    margin-bottom: 0
                }

                .subpage-mv .head-area .lead {
                    font-size: 32px;
                    font-size: 2.5vw
                }

                .sec-mv {
                    height: 560px;
                    height: 43.75vw;
                    padding: 18px
                }

                .sec-mv .sec-mv-inner {
                    padding-top: 5.3125vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .sec-mv .sec-mv-img {
                    
                    background-size: auto 41.95313vw;
                    background-position: top right 9vw
                }

                .sec-mv .bg-wrap {
                    height: calc(191.78571vw - 18px)
                }

                .sec-mv .bg,.sec-mv picture {
                    height: 537px;
                    height: 41.95313vw
                }

                .sec-mv .arrow {
                    width: 702px;
                    width: 54.84375vw;
                    top: 58px;
                    top: 4.53125vw;
                    height: 480px;
                    height: 37.5vw;
                    right: calc(50% - 44vw)
                }

                .sec-mv .copy {
                    font-size: 32px;
                    font-size: 2.5vw
                }

                .sec-mv .copy .name {
                    margin-top: 2.26563vw;
                    width: 82.8125vw;
                    max-width: 82.8125vw
                }

                .sec-mv .results {
                    width: 483px;
                    width: 37.73438vw;
                    bottom: 63px;
                    bottom: 4.92188vw;
                    left: -18px;
                    padding-right: 6px
                }

                .sec-mv .results,.sec-mv .results-wrap {
                    height: 90px;
                    height: 7.03125vw
                }

                .sec-mv .results-wrap {
                    bottom: 63px;
                    bottom: 4.92188vw;
                    width: 82.8125vw;
                    max-width: 82.8125vw;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    padding-left: 20px
                }

                .sec-mv .results-wrap .each-result {
                    margin-right: 2.10938vw
                }

                .sec-mv .results-wrap .icon {
                    width: 28px;
                    width: 2.1875vw;
                    margin-right: 1.17188vw
                }

                .sec-mv .results-wrap .txt-area {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .sec-mv .results-wrap .num {
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                .sec-top-services {
                    padding-top: 4.6875vw;
                    padding-bottom: 4.6875vw
                }

                .sec-top-services .services-head01 {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 1.17188vw
                }

                .sec-top-services .services-desc01 {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.5vw
                }

                .sec-top-services .each-service {
                    margin-bottom: 1.25vw;
                    padding: 9px;
                    max-width: 640px;
                    max-width: 84.21053vw
                }

                .sec-top-services .each-service.dx .desc-area .picto {
                    width: 160px;
                    width: 12.5vw
                }

                .sec-top-services .each-service.ux .desc-area .picto {
                    width: 164px;
                    width: 12.8125vw
                }

                .sec-top-services .each-service.video .desc-area .picto {
                    width: 160px;
                    width: 12.5vw
                }

                .sec-top-services .each-service.video .features-area .each-feature {
                    width: 400px;
                    width: 31.25vw;
                    margin-bottom: 0
                }

                .sec-top-services .each-service.video .features-area .each-feature:not(:last-of-type) {
                    margin-bottom: 30px
                }

                .sec-top-services .each-service.video .features-area .each-feature .picto.ad {
                    width: 70px;
                    width: 5.46875vw
                }

                .sec-top-services .each-service.video .features-area .each-feature:first-of-type {
                    margin-bottom: 0
                }

                .sec-top-services .each-service .each-service-inner {
                    padding-top: 2.34375vw;
                    padding-bottom: 2.34375vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-top-services .each-service .service-name {
                    font-size: 40px;
                    font-size: 3.125vw;
                    margin-bottom: 2.34375vw
                }

                .sec-top-services .each-service .desc-area {
                    margin-bottom: 1.95313vw
                }

                .sec-top-services .each-service .desc-area .picto {
                    margin-bottom: 1.17188vw;
                    height: 101px;
                    height: 7.89063vw
                }

                .sec-top-services .each-service .desc-area .desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-top-services .each-service .features-area .each-feature {
                    width: 160px;
                    width: 12.5vw;
                    margin-bottom: 1.95313vw;
                    margin-left: 1.09375vw;
                    margin-right: 1.09375vw
                }

                .sec-top-services .each-service .features-area .each-feature .btn {
                    margin-top: 2.34375vw
                }

                .sec-top-services .each-service .features-area .picto {
                    width: 60px;
                    width: 4.6875vw;
                    height: 60px;
                    height: 4.6875vw;
                    margin-bottom: .46875vw
                }

                .sec-top-services .each-service .features-area .feature-name {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .78125vw;
                    height: 27px;
                    height: 2.10938vw
                }

                .sec-top-services .each-service .btn,.sec-top-services .each-service .features-area .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-top-services .each-service .btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    margin-top: auto
                }

                .sec-top-services .each-service .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-top-services .service-structure {
                    padding: 9px;
                    max-width: 640px;
                    max-width: 84.21053vw;
                    margin-left: auto;
                    margin-right: auto
                }

                .sec-top-services .service-structure .service-structure-inner {
                    padding-top: 2.73438vw;
                    padding-bottom: 2.73438vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-top-services .service-structure .lead {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: 1.17188vw
                }

                .sec-top-services .service-structure .picto-area {
                    margin-bottom: .39063vw
                }

                .sec-top-services .service-structure .picto-area .each .name {
                    font-size: 24px;
                    font-size: 1.875vw
                }

                .sec-top-services .service-structure .picto-area .arrow {
                    width: 49px;
                    width: 3.82813vw;
                    margin-right: .85938vw;
                    margin-left: .78125vw
                }

                .sec-top-services .service-structure .picto-area .picto {
                    margin-right: .9375vw;
                    margin-left: .9375vw
                }

                .sec-top-services .service-structure .picto-area .picto .label {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .sec-top-services .service-structure .picto-area .building {
                    width: 58px;
                    width: 4.53125vw;
                    height: 80px;
                    height: 6.25vw
                }

                .sec-top-services .service-structure .picto-area .shopping {
                    width: 56px;
                    width: 4.375vw;
                    height: 80px;
                    height: 6.25vw
                }

                .sec-top-services .service-structure .desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-top-news {
                    padding-top: 4.6875vw;
                    padding-bottom: 5.3125vw
                }

                .sec-top-news .sec-top-news-inner {
                    max-width: 84.21053vw
                }

                .sec-top-news .news-head01 {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 3.125vw
                }

                .sec-top-news .news-list .each-news {
                    margin-bottom: 1.25vw;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-top-news .news-list .each-news .date {
                    font-size: 12px;
                    font-size: .9375vw;
                    width: 50px;
                    width: 3.90625vw;
                    height: 50px;
                    height: 3.90625vw;
                    margin-right: 1.25vw
                }

                .sec-top-news .news-list .each-news .title {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-top-bnr {
                    padding-bottom: 5.3125vw
                }

                .sec-bnr .bnr-dx-book {
                    margin-bottom: 3.59375vw
                }

                .sec-bnr .bnr-flex {
                    margin-bottom: 5.625vw
                }

                .sec-bnr .bnr-flex .bnr-half {
                    width: 240px;
                    width: 18.75vw;
                    height: 72px;
                    height: 5.625vw
                }

                .sec-bnr .bnr-flex .bnr-half.bnr-media {
                    margin-right: .54688vw
                }

                .sec-bnr .bnr-flex .bnr-half.bnr-seminar {
                    margin-left: .54688vw
                }

                .sec-bnr .bnr-flex .bnr-half .txt {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-bnr .bnr-growthhacker {
                    height: 118px;
                    height: 9.21875vw;
                    padding-bottom: 0
                }

                .sec-bnr .bnr-growthhacker .txt-area {
                    padding-left: 7.8125vw;
                    padding-bottom: .54688vw;
                    width: 43.4375%;
                    max-width: 417px;
                    height: 100%;
                    max-height: 100%;
                    margin-left: auto;
                    padding-left: 100px;
                    background: #000
                }

                .sec-bnr .bnr-growthhacker .txt-area .title {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    margin-bottom: 1.17188vw
                }

                .sec-bnr .bnr-growthhacker .txt-area .lead {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-bnr .bnr-growthhacker .logomark {
                    width: 48px;
                    width: 3.75vw
                }

                .sec-dx-overview .dx-overview-head {
                    margin-bottom: 3.90625vw
                }

                .sec-dx-overview .dx-overview-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.89063vw;
                    line-height: 1.75
                }

                .sec-dx-overview .dx-overview-video {
                    margin-bottom: 5.46875vw;
                    max-width: 640px
                }

                .sec-dx-overview .dx-overview-video .title {
                    height: 34px;
                    height: 2.65625vw;
                    padding-left: 1.25vw;
                    padding-right: 1.25vw;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-dx-overview .dx-overview-video .small {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .sec-dx-overview .dx-overview-video .large {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-dx-pro {
                    padding-top: 1.5625vw;
                    padding-bottom: 7.03125vw;
                    
                    background-size: 79.0625vw auto
                }

                .sec-dx-pro .dx-pro-head {
                    margin-bottom: 4.6875vw
                }

                .sec-dx-pro .pro-people {
                    padding-bottom: 4.6875vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .sec-dx-pro .each-people {
                    width: 372px;
                    width: 29.0625vw;
                    margin-bottom: 0;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-left: 1.5625vw;
                    margin-right: 1.5625vw
                }

                .sec-dx-pro .each-people .pro-box01 {
                    margin-bottom: 0;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                .sec-dx-pro .each-people .pro-img {
                    width: 120px;
                    width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    padding: .3125vw;
                    margin-bottom: 1.875vw
                }

                .sec-dx-pro .each-people .pro-img .pro-img-inner {
                    width: 112px;
                    width: 8.75vw;
                    height: 112px;
                    height: 8.75vw
                }

                .sec-dx-pro .each-people .pro-img .pro-img-inner img {
                    width: 120px;
                    width: 9.375vw;
                    max-width: 120px;
                    max-width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    top: -4px;
                    top: -.3125vw;
                    left: -4px;
                    left: -.3125vw
                }

                .sec-dx-pro .each-people .pro-name-area {
                    text-align: center
                }

                .sec-dx-pro .each-people .pro-name {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .54688vw
                }

                .sec-dx-pro .each-people .pro-role {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 1.5625vw
                }

                .sec-dx-pro .each-people .pro-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    line-height: 1.71429
                }

                .sec-dx-project {
                    padding-top: 5.85938vw;
                    padding-bottom: 6.64063vw
                }

                .sec-dx-project .dx-project-head {
                    margin-bottom: 4.6875vw
                }

                .sec-dx-project .dx-projects {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .sec-dx-project .dx-projects .each-project {
                    width: 579px;
                    width: 45.23438vw;
                    padding-top: 1.875vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    padding-bottom: 2.5vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-dx-project .dx-projects .each-project .project-img {
                    margin-bottom: .9375vw
                }

                .sec-dx-project .dx-projects .each-project .project-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .78125vw;
                    line-height: 1.6
                }

                .sec-dx-project .dx-projects .each-project .project-client {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 1.32813vw
                }

                .sec-dx-project .dx-projects .each-project .tags {
                    margin-bottom: 1.5625vw
                }

                .sec-dx-project .dx-projects .each-project .tags .each-tag {
                    font-size: 12px;
                    font-size: .9375vw;
                    margin-right: .3125vw;
                    min-width: 77px;
                    min-width: 6.01563vw;
                    height: 23px;
                    height: 1.79687vw;
                    border-radius: 12px;
                    border-radius: .9375vw;
                    padding-left: .625vw;
                    padding-right: .625vw
                }

                .sec-dx-project .dx-projects .each-project .project-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.17188vw;
                    line-height: 1.71429
                }

                .sec-dx-project .dx-projects .each-project .project-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-dx-project .dx-projects .each-project .project-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-dx-client {
                    padding-top: 6.09375vw;
                    padding-bottom: 4.76563vw
                }

                .sec-dx-client .dx-client-head {
                    margin-bottom: 3.51563vw
                }

                .sec-dx-client .dx-clients {
                    width: 1120px;
                    width: 87.5vw
                }

                .sec-dx-client .dx-clients .each-client {
                    border-radius: 8px;
                    border-radius: .625vw;
                    margin-bottom: 1.875vw;
                    padding-left: 4.6875vw;
                    padding-right: 4.6875vw;
                    width: 25%
                }

                .dx-bg-arrow {
                    
                    background-size: 79.0625vw auto;
                    background-position: top 3.35938vw left
                }

                .sec-dx-needs {
                    padding-top: 6.25vw;
                    padding-bottom: 1.25vw
                }

                .sec-dx-needs .dx-needs-head {
                    margin-bottom: 4.84375vw
                }

                .sec-dx-needs .dx-needs {
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    max-width: 976px;
                    margin: 0 auto
                }

                .sec-dx-needs .dx-needs:after {
                    content: "";
                    width: 75vw;
                    height: 1px;
                    border-top: 1px dashed #2dc2cc;
                    position: absolute;
                    left: 50%;
                    top: calc(50% - 2.4vw);
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%)
                }

                .sec-dx-needs .each-needs {
                    width: 472px;
                    width: 36.875vw;
                    margin-bottom: 5vw;
                    margin-left: .625vw;
                    margin-right: .625vw;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-dx-needs .each-needs.bnr {
                    margin-bottom: 5vw;
                    height: 144px;
                    height: 11.25vw
                }

                .sec-dx-needs .each-needs.bnr img {
                    height: 144px;
                    height: 11.25vw
                }

                .sec-dx-needs .each-needs .needs-picto {
                    width: 144px;
                    width: 11.25vw;
                    height: 144px;
                    height: 11.25vw;
                    margin-right: 1.875vw
                }

                .sec-dx-needs .each-needs .txt-area {
                    padding-bottom: 1.09375vw
                }

                .sec-dx-needs .each-needs .needs-name {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: .85938vw
                }

                .sec-dx-needs .each-needs .needs-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    width: 304px;
                    width: 23.75vw;
                    line-height: 1.75
                }

                .sec-dx-services {
                    padding-top: 6.25vw;
                    padding-bottom: 11.71875vw
                }

                .sec-dx-services .services-head01 {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 2.73438vw
                }

                .sec-dx-services .services-desc01 {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.5vw
                }

                .sec-dx-services .each-service {
                    margin-bottom: 1.25vw;
                    padding: 9px;
                    max-width: 640px;
                    max-width: 84.21053vw
                }

                .sec-dx-services .each-service.dx .desc-area .picto,.sec-dx-services .each-service.solution .desc-area .picto {
                    width: 140px;
                    width: 10.9375vw
                }

                .sec-dx-services .each-service.ux .desc-area .picto {
                    width: 164px;
                    width: 12.8125vw
                }

                .sec-dx-services .each-service.video .desc-area .picto {
                    width: 160px;
                    width: 12.5vw
                }

                .sec-dx-services .each-service.video .features-area .each-feature {
                    width: 400px;
                    width: 31.25vw;
                    margin-bottom: 0
                }

                .sec-dx-services .each-service.video .features-area .each-feature:not(:last-of-type) {
                    margin-bottom: 30px
                }

                .sec-dx-services .each-service.video .features-area .each-feature .picto.ad {
                    width: 70px;
                    width: 5.46875vw
                }

                .sec-dx-services .each-service.video .features-area .each-feature:first-of-type {
                    margin-bottom: 0
                }

                .sec-dx-services .each-service .each-service-inner {
                    padding-top: 2.34375vw;
                    padding-bottom: 2.34375vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-dx-services .each-service .service-name {
                    font-size: 40px;
                    font-size: 3.125vw;
                    margin-bottom: 2.34375vw
                }

                .sec-dx-services .each-service .desc-area {
                    margin-bottom: 1.95313vw
                }

                .sec-dx-services .each-service .desc-area .picto {
                    margin-bottom: 1.17188vw;
                    height: 101px;
                    height: 7.89063vw
                }

                .sec-dx-services .each-service .desc-area .desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-dx-services .each-service .features-area .each-feature {
                    width: 160px;
                    width: 12.5vw;
                    margin-bottom: 1.95313vw;
                    margin-left: 1.09375vw;
                    margin-right: 1.09375vw
                }

                .sec-dx-services .each-service .features-area .each-feature .btn {
                    margin-top: 2.34375vw
                }

                .sec-dx-services .each-service .features-area .picto {
                    width: 60px;
                    width: 4.6875vw;
                    height: 60px;
                    height: 4.6875vw;
                    margin-bottom: .46875vw
                }

                .sec-dx-services .each-service .features-area .feature-name {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .78125vw;
                    height: 27px;
                    height: 2.10938vw
                }

                .sec-dx-services .each-service .btn,.sec-dx-services .each-service .features-area .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-dx-services .each-service .btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    margin-top: auto
                }

                .sec-dx-services .each-service .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-ux-overview {
                    padding-bottom: 5.46875vw
                }

                .sec-ux-overview .ux-overview-head {
                    margin-bottom: 3.59375vw
                }

                .sec-ux-overview .ux-issues {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .sec-ux-overview .ux-issues .each-issue {
                    width: 372px;
                    width: 29.0625vw;
                    margin-right: 1.64063vw;
                    margin-left: 1.64063vw;
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .sec-ux-overview .ux-issues .each-issue .issue {
                    height: 84px;
                    height: 6.5625vw;
                    margin-bottom: 3.125vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue.high {
                    height: 84px;
                    height: 6.5625vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue.high .issue-txt {
                    top: 0;
                    height: 84px;
                    height: 6.5625vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue.high.bg {
                    height: 84px;
                    height: 6.5625vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue .issue-txt {
                    top: 0;
                    left: 96px;
                    left: 7.5vw;
                    width: 260px;
                    width: 20.3125vw;
                    height: 84px;
                    height: 6.5625vw;
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue .bg {
                    height: 84px;
                    height: 6.5625vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue:after {
                    bottom: -28px;
                    bottom: -2.1875vw
                }

                .sec-ux-overview .ux-issues .each-issue .task {
                    height: 96px;
                    height: 7.5vw
                }

                .sec-ux-overview .ux-issues .each-issue .task .task-inner {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    line-height: 1.6
                }

                .sec-ux-strength {
                    padding-top: 4.6875vw
                }

                .sec-ux-strength .ux-strength-head {
                    margin-bottom: 3.125vw
                }

                .sec-ux-strength .ux-strength {
                    width: 1200px;
                    width: 93.75vw
                }

                .sec-ux-strength .ux-strength .ux-strength-inner {
                    padding-top: 4.0625vw;
                    padding-bottom: 3.4375vw;
                    padding-left: 2.1875vw;
                    padding-right: 2.1875vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between
                }

                .sec-ux-strength .ux-strength .each-strength {
                    width: 350px;
                    width: 27.34375vw;
                    margin-bottom: 0
                }

                .sec-ux-strength .ux-strength .each-strength .strength-picto {
                    width: 144px;
                    width: 11.25vw;
                    margin-bottom: .9375vw
                }

                .sec-ux-strength .ux-strength .each-strength .strength-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.5625vw;
                    height: 2.75em
                }

                .sec-ux-strength .ux-strength .each-strength .strength-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    line-height: 1.71429
                }

                .sec-ux-strength .ux-strength-result {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-top: 3.59375vw;
                    padding-top: 1.64063vw;
                    padding-bottom: 5.46875vw;
                    
                    background-size: 81.71875vw auto;
                    background-position: 0 0
                }

                .sec-ux-strength .ux-strength-result .large {
                    font-size: 64px;
                    font-size: 5vw
                }

                .sec-ux-strength .ux-strength-result .middle {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-top: .78125vw
                }

                .sec-ux-services {
                    padding-top: 4.6875vw;
                    padding-bottom: 6.64063vw
                }

                .sec-ux-services .ux-services-head {
                    margin-bottom: 3.90625vw
                }

                .sec-ux-services .ux-service {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                .sec-ux-services .ux-service .each-service {
                    width: 579px;
                    width: 45.23438vw;
                    padding-top: 2.5vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    padding-bottom: 2.5vw;
                    margin-left: 1.5625vw;
                    margin-right: 1.5625vw;
                    margin-bottom: 3.125vw
                }

                .sec-ux-services .ux-service .each-service .service-picto {
                    width: 120px;
                    width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    margin-bottom: 2.34375vw
                }

                .sec-ux-services .ux-service .each-service .service-copy {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .39063vw
                }

                .sec-ux-services .ux-service .each-service .service-name {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-bottom: 1.5625vw
                }

                .sec-ux-services .ux-service .each-service .service-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.17188vw;
                    line-height: 1.71429;
                    min-height: 5em
                }

                .sec-ux-services .ux-service .each-service .service-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-ux-services .ux-service .each-service .service-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-ux-case {
                    padding-top: 5.46875vw
                }

                .sec-ux-case .ux-case-head {
                    margin-bottom: 3.125vw
                }

                .sec-ux-case .bx-next,.sec-ux-case .bx-prev {
                    width: 56px;
                    width: 4.375vw;
                    height: 238px;
                    height: 18.59375vw
                }

                .sec-ux-case .bx-next:before,.sec-ux-case .bx-prev:before {
                    width: 40px;
                    width: 3.125vw;
                    height: 40px;
                    height: 3.125vw
                }

                .sec-ux-case .bx-next:after,.sec-ux-case .bx-prev:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 15px;
                    height: 1.17188vw
                }

                .sec-ux-case .bx-prev:after {
                    left: 15px;
                    left: 1.17188vw
                }

                .sec-ux-case .bx-next:after {
                    right: 15px;
                    right: 1.17188vw
                }

                .sec-ux-case .bx-pager {
                    margin-top: 2.1875vw
                }

                .sec-ux-case .bx-pager .bx-pager-item {
                    width: 10px;
                    width: .78125vw;
                    height: 10px;
                    height: .78125vw;
                    margin-left: .3125vw;
                    margin-right: .3125vw
                }

                .sec-ux-case .ux-cases {
                    opacity: 0
                }

                .sec-ux-case .ux-cases.visible {
                    opacity: 1
                }

                .sec-ux-case .ux-cases {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start
                }

                .sec-ux-case .ux-cases .each-case {
                    width: 460px;
                    width: 35.9375vw;
                    max-width: 460px;
                    max-width: 35.9375vw;
                    margin-bottom: 0;
                    margin-left: 1.5625vw;
                    margin-right: 1.5625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner {
                    padding-top: 1.5625vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw;
                    padding-bottom: 1.5625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .img {
                    margin-bottom: 1.95313vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .title {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: .54688vw;
                    line-height: 1.625
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .client {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: .78125vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .tags {
                    margin-bottom: 1.5625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .tags .each-tag {
                    font-size: 12px;
                    font-size: .9375vw;
                    margin-right: .3125vw;
                    margin-bottom: 0;
                    min-width: 77px;
                    min-width: 6.01563vw;
                    height: 23px;
                    height: 1.79687vw;
                    border-radius: 12px;
                    border-radius: .9375vw;
                    padding-left: .625vw;
                    padding-right: .625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.5625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-ux-client {
                    padding-top: 6.09375vw;
                    padding-bottom: 7.1875vw
                }

                .sec-ux-client .ux-client-head {
                    margin-bottom: 3.51563vw
                }

                .sec-ux-client .ux-clients {
                    width: 1120px;
                    width: 87.5vw
                }

                .sec-ux-client .ux-clients .each-client {
                    border-radius: 8px;
                    border-radius: .625vw;
                    margin-bottom: 1.875vw;
                    padding-left: 2.34375vw;
                    padding-right: 2.34375vw;
                    width: 16.6%
                }

                .ux-bg-arrow {
                    
                    background-size: 79.0625vw auto;
                    background-position: top 3.35938vw left
                }

                .sec-ux-needs {
                    padding-top: 6.25vw;
                    padding-bottom: 1.25vw
                }

                .sec-ux-needs .ux-needs-head {
                    margin-bottom: 3.125vw
                }

                .sec-ux-needs .ux-needs {
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    max-width: 976px;
                    margin: 0 auto
                }

                .sec-ux-needs .ux-needs:after {
                    content: "";
                    width: 75vw;
                    height: 1px;
                    border-top: 1px dashed #2dc2cc;
                    position: absolute;
                    left: 50%;
                    top: calc(50% - 2.4vw);
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%)
                }

                .sec-ux-needs .each-needs {
                    width: 472px;
                    width: 36.875vw;
                    margin-bottom: 5vw;
                    margin-left: .625vw;
                    margin-right: .625vw;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-ux-needs .each-needs.bnr {
                    margin-bottom: 5vw;
                    height: 144px;
                    height: 11.25vw
                }

                .sec-ux-needs .each-needs .needs-picto {
                    width: 144px;
                    width: 11.25vw;
                    height: 144px;
                    height: 11.25vw;
                    margin-right: 1.875vw
                }

                .sec-ux-needs .each-needs .needs-name {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: .78125vw
                }

                .sec-ux-needs .each-needs .needs-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    width: 304px;
                    width: 23.75vw;
                    line-height: 1.75
                }

                .sec-ux-service {
                    padding-top: 5.54688vw;
                    padding-bottom: 7.42188vw
                }

                .sec-ux-service .ux-service-head {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 2.73438vw
                }

                .sec-ux-service .service {
                    margin-bottom: 1.25vw;
                    padding: 9px;
                    max-width: 640px;
                    width: 75vw
                }

                .sec-ux-service .service.dx .desc-area .picto {
                    width: 180px;
                    width: 14.0625vw
                }

                .sec-ux-service .service.ux .desc-area .picto {
                    width: 164px;
                    width: 12.8125vw
                }

                .sec-ux-service .service .service-inner {
                    padding-top: 2.34375vw;
                    padding-bottom: 3.28125vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-ux-service .service .service-name {
                    font-size: 40px;
                    font-size: 3.125vw;
                    margin-bottom: 1.40625vw
                }

                .sec-ux-service .service .desc-area {
                    margin-bottom: 2.57813vw
                }

                .sec-ux-service .service .desc-area .picto {
                    margin-bottom: 1.5625vw;
                    height: 112px;
                    height: 8.75vw
                }

                .sec-ux-service .service .desc-area .desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-ux-service .service .features-area {
                    margin-bottom: 1.40625vw
                }

                .sec-ux-service .service .features-area .each-feature {
                    width: 258px;
                    width: 20.15625vw;
                    margin-bottom: 1.95313vw;
                    margin-left: 1.17188vw;
                    margin-right: 1.17188vw
                }

                .sec-ux-service .service .features-area .picto {
                    width: 85px;
                    width: 6.64063vw;
                    height: 85px;
                    height: 6.64063vw;
                    margin-bottom: .3125vw
                }

                .sec-ux-service .service .features-area .feature-name {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .78125vw;
                    height: 27px;
                    height: 2.10938vw
                }

                .sec-ux-service .service .btn,.sec-ux-service .service .features-area .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-ux-service .service .btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    margin-top: 0
                }

                .sec-ux-service .service .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-engine-overview {
                    padding-bottom: 0;
                    
                    background-size: 79.0625vw auto
                }

                .sec-engine-overview .engine-overview-head {
                    margin-bottom: 3.04688vw
                }

                .sec-engine-overview .engine-overview-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 5.70313vw;
                    line-height: 1.75
                }

                section.sec-engine-features {
                    padding-top: 6.25vw;
                    padding-bottom: 6.25vw
                }

                section.sec-engine-features .engine-features-head {
                    margin-bottom: 3.75vw
                }

                section.sec-engine-features .engine-features {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                section.sec-engine-features .engine-features .each-feature {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                section.sec-engine-features .engine-features .each-feature .each-feature-inner {
                    padding-top: 1.5625vw;
                    padding-bottom: 2.1875vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .78125vw;
                    line-height: 1.6
                }

                section.sec-engine-features .engine-features .each-feature .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.40625vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-img {
                    height: 188px;
                    height: 14.6875vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-img.feature01 {
                    width: 292px;
                    width: 22.8125vw;
                    left: 3px;
                    left: .23438vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-img.feature02 {
                    width: 303px;
                    width: 23.67188vw;
                    top: 11px;
                    top: .85938vw;
                    left: 4px;
                    left: .3125vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-img.feature03 {
                    width: 288px;
                    width: 22.5vw;
                    top: 2px;
                    top: .15625vw;
                    left: 14px;
                    left: 1.09375vw
                }

                .sec-engine-cases {
                    padding-top: 5.15625vw;
                    padding-bottom: 6.25vw
                }

                .sec-engine-cases .engine-cases-head {
                    margin-bottom: 3.75vw
                }

                .sec-engine-cases .engine-cases {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .sec-engine-cases .engine-cases .each-case {
                    width: 579px;
                    width: 45.23438vw;
                    padding-top: 1.875vw;
                    padding-bottom: 1.875vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-engine-cases .engine-cases .each-case .case-client {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .625vw
                }

                .sec-engine-cases .engine-cases .each-case .case-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-engine-cases .engine-cases .each-case .arrow {
                    width: 32px;
                    width: 2.5vw;
                    height: 28px;
                    height: 2.1875vw
                }

                .sec-engine-cases .engine-cases .each-case .phone {
                    width: 200px;
                    width: 15.625vw;
                    height: 410px;
                    height: 32.03125vw;
                    padding-top: .23438vw;
                    padding-bottom: .23438vw;
                    padding-left: .39063vw;
                    padding-right: .39063vw
                }

                .sec-engine-cases .engine-cases .each-case .phone .phone-inner {
                    border-radius: 20px;
                    border-radius: 1.5625vw
                }

                .sec-engine-cases .engine-cases .each-case .phone.half {
                    width: 200px;
                    width: 15.625vw;
                    height: 410px;
                    height: 32.03125vw;
                    padding-top: .23438vw;
                    padding-bottom: .23438vw;
                    padding-left: .39063vw;
                    padding-right: .39063vw
                }

                .sec-engine-cases .engine-cases .each-case .phone.half .phone-inner {
                    border-radius: 20px;
                    border-radius: 1.5625vw
                }

                .sec-engine-cases .engine-cases .each-case .case-img-area,.sec-engine-cases .engine-cases .each-case .case-video {
                    margin-bottom: .9375vw
                }

                .sec-engine-function {
                    padding-top: 5.23438vw
                }

                .sec-engine-function .engine-function-head {
                    margin-bottom: 3.59375vw
                }

                .sec-engine-function .each-function {
                    margin-bottom: 12.96875vw
                }

                .sec-engine-function .each-function.function01 {
                    margin-bottom: 10.625vw
                }

                .sec-engine-function .each-function.left .function-txt-area {
                    right: 640px;
                    right: 50vw;
                    padding-right: 8.125vw
                }

                .sec-engine-function .each-function.left .function-img,.sec-engine-function .each-function.right .function-txt-area {
                    left: 640px;
                    left: 50vw
                }

                .sec-engine-function .each-function.right .function-txt-area {
                    padding-left: 7.89063vw
                }

                .sec-engine-function .each-function.right .function-img {
                    right: 640px;
                    right: 50vw
                }

                .sec-engine-function .each-function .function-gradient {
                    width: 960px;
                    width: 75vw;
                    height: 240px;
                    height: 18.75vw;
                    max-width: 960px
                }

                .sec-engine-function .each-function .function-txt-area {
                    width: 480px;
                    width: 37.5vw;
                    padding-top: 3.75vw
                }

                .sec-engine-function .each-function .function-name {
                    font-size: 32px;
                    font-size: 2.5vw;
                    margin-bottom: 1.875vw;
                    letter-spacing: .02em
                }

                .sec-engine-function .each-function .function-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    color: #fff
                }

                .sec-engine-function .each-function .function-img {
                    width: 480px;
                    width: 37.5vw;
                    height: 248px;
                    height: 19.375vw;
                    top: 48px;
                    top: 3.75vw
                }

                .sec-engine-function .each-function .function-img.function02 img {
                    height: 278px;
                    height: 21.71875vw
                }

                .sec-common-services {
                    padding-top: 4.6875vw;
                    padding-bottom: 6.25vw;
                    margin-bottom: 2.5vw
                }

                .sec-common-services .common-services-head {
                    margin-bottom: 3.51563vw
                }

                .sec-common-services .common-service {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                .sec-common-services .common-service .each-service {
                    width: 372px;
                    width: 29.0625vw;
                    padding-top: 2.1875vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    padding-bottom: 1.875vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-common-services .common-service .each-service .service-picto {
                    width: 120px;
                    width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    margin-bottom: 1.5625vw
                }

                .sec-common-services .common-service .each-service .service-copy {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .15625vw
                }

                .sec-common-services .common-service .each-service .service-name {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-bottom: 1.01563vw
                }

                .sec-common-services .common-service .each-service .service-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.48438vw;
                    line-height: 1.71429
                }

                .sec-common-services .common-service .each-service .service-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-common-services .common-service .each-service .service-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-team-overview {
                    padding-bottom: 0;
                    
                    background-size: 79.0625vw auto
                }

                .sec-team-overview .team-overview-head {
                    margin-bottom: 3.04688vw
                }

                .sec-team-overview .team-overview-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 5.70313vw;
                    line-height: 1.75
                }

                section.sec-team-features {
                    padding-top: 5.85938vw;
                    padding-bottom: 5.85938vw
                }

                section.sec-team-features .team-features-head {
                    margin-bottom: 3.75vw
                }

                section.sec-team-features .team-features {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                section.sec-team-features .team-features .each-feature {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0;
                    background: -webkit-gradient(linear,left top,left bottom,from(#2dcc70),to(#2dc79d));
                    background: linear-gradient(180deg,#2dcc70,#2dc79d)
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner {
                    padding-top: 1.95313vw;
                    padding-bottom: 1.79687vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature02 {
                    padding-top: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature02 .feature-img {
                    margin-bottom: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 {
                    padding-top: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 .feature-img {
                    margin-bottom: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 .feature-lead {
                    margin-bottom: .78125vw
                }

                section.sec-team-features .team-features .each-feature .feature-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .78125vw;
                    line-height: 1.6
                }

                section.sec-team-features .team-features .each-feature .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                section.sec-team-features .team-features .each-feature .feature-img {
                    height: 149px;
                    height: 11.64063vw;
                    margin-bottom: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .feature-img.feature01 {
                    width: 226px;
                    width: 17.65625vw
                }

                section.sec-team-features .team-features .each-feature .feature-img.feature02 {
                    width: 231px;
                    width: 18.04688vw
                }

                section.sec-team-features .team-features .each-feature .feature-img.feature03 {
                    width: 216px;
                    width: 16.875vw
                }

                .sec-team-support {
                    padding-top: 0;
                    padding-bottom: 6.25vw
                }

                .sec-team-support .team-support-head {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: 3.125vw
                }

                .sec-team-support .team-support-list {
                    padding-left: 0;
                    padding-right: 0
                }

                .sec-team-support .team-support-list .each-support {
                    margin-bottom: 0
                }

                .sec-team-support .team-support-list .each-support .support-picto {
                    width: 0;
                    top: 0
                }

                .sec-team-support .team-support-list .each-support .support-txt-area {
                    width: 0
                }

                .sec-team-support .team-support-list .each-support .support-role {
                    font-size: 0;
                    margin-bottom: 0
                }

                .sec-team-support .team-support-list .each-support .support-desc {
                    font-size: 0
                }

                .sec-team-support .team-support-img {
                    width: 1200px;
                    width: 93.75vw
                }

                .sec-team-services {
                    padding-top: 4.6875vw;
                    padding-bottom: 3.75vw;
                    margin-bottom: 2.5vw
                }

                .sec-team-services .team-services-head {
                    margin-bottom: 3.51563vw
                }

                .sec-team-services .team-service {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                .sec-team-services .team-service .each-service {
                    width: 372px;
                    width: 29.0625vw;
                    padding-top: 2.1875vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    padding-bottom: 2.5vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-team-services .team-service .each-service .service-picto {
                    width: 120px;
                    width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    margin-bottom: 1.5625vw
                }

                .sec-team-services .team-service .each-service .service-copy {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .15625vw
                }

                .sec-team-services .team-service .each-service .service-name {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-bottom: 1.01563vw
                }

                .sec-team-services .team-service .each-service .service-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.48438vw;
                    line-height: 1.71429
                }

                .sec-team-services .team-service .each-service .service-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-team-services .team-service .each-service .service-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .bg-arrow {
                    
                    background-size: 79.0625vw auto
                }

                .sec-video-overview {
                    padding-bottom: 0
                }

                .sec-video-overview .video-overview-head {
                    margin-top: -.39062vw;
                    margin-bottom: 3.82813vw
                }

                .sec-video-overview .video-advantage {
                    width: 1242px;
                    width: 97.03125vw;
                    padding-bottom: 5.625vw
                }

                .sec-video-overview .video-advantage .video-advantage-inner {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .sec-video-overview .video-advantage .each-advantage {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-video-overview .video-advantage .each-advantage .advantage-picto {
                    width: 144px;
                    width: 11.25vw;
                    margin-bottom: 1.32813vw
                }

                .sec-video-overview .video-advantage .each-advantage .advantage-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.01563vw
                }

                .sec-video-overview .video-advantage .each-advantage .advantage-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    line-height: 1.71429
                }

                .sec-video-cases {
                    padding-bottom: 6.25vw
                }

                .sec-video-cases .bx-next,.sec-video-cases .bx-prev {
                    width: 56px;
                    width: 4.375vw;
                    height: 394px;
                    height: 30.78125vw
                }

                .sec-video-cases .bx-next:before,.sec-video-cases .bx-prev:before {
                    width: 40px;
                    width: 3.125vw;
                    height: 40px;
                    height: 3.125vw
                }

                .sec-video-cases .bx-next:after,.sec-video-cases .bx-prev:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 15px;
                    height: 1.17188vw
                }

                .sec-video-cases .bx-prev:after {
                    left: 15px;
                    left: 1.17188vw
                }

                .sec-video-cases .bx-next:after {
                    right: 15px;
                    right: 1.17188vw
                }

                .sec-video-cases .bx-pager {
                    margin-top: 2.1875vw
                }

                .sec-video-cases .bx-pager .bx-pager-item {
                    width: 10px;
                    width: .78125vw;
                    height: 10px;
                    height: .78125vw;
                    margin-left: .3125vw;
                    margin-right: .3125vw
                }

                .video-cases {
                    left: 21.87vw;
                    opacity: 0
                }

                .video-cases.visible {
                    opacity: 1
                }

                .video-cases .each-case {
                    width: 640px;
                    width: 50vw;
                    max-width: 640px;
                    max-width: 50vw;
                    margin-bottom: 0;
                    margin-left: 3.125vw;
                    margin-right: 3.125vw
                }

                .video-cases .each-case .each-case-inner .title {
                    font-size: 16px;
                    font-size: 1.25vw;
                    height: 34px;
                    height: 2.65625vw;
                    padding-left: 1.25vw;
                    padding-right: 1.25vw
                }

                .video-cases .each-case .each-case-inner .video {
                    margin-bottom: .85938vw
                }

                .video-cases .each-case .each-case-inner .txt-area .client {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .85938vw
                }

                .video-cases .each-case .each-case-inner .txt-area .desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-price {
                    padding-top: 5.46875vw;
                    padding-bottom: 6.25vw;
                    margin-bottom: 2.5vw
                }

                .sec-video-price .video-price-head {
                    margin-bottom: 3.51563vw
                }

                .sec-video-price .video-price {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                .sec-video-price .video-price .each-price {
                    width: 372px;
                    width: 29.0625vw;
                    padding-top: 2.1875vw;
                    padding-bottom: 2.34375vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-video-price .video-price .each-price .price-title {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.64063vw
                }

                .sec-video-price .video-price .each-price .price-content {
                    padding-left: 1.875vw;
                    padding-right: 1.875vw
                }

                .sec-video-price .video-price .each-price .price-picto {
                    height: 102px;
                    height: 7.96875vw;
                    margin-left: .39063vw;
                    margin-right: 1.5625vw
                }

                .sec-video-price .video-price .each-price .price-picto.price01 {
                    margin-left: .78125vw;
                    margin-right: 2.5vw
                }

                .sec-video-price .video-price .each-price .price-price {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .625vw
                }

                .sec-video-price .video-price .each-price .price-price .num {
                    font-size: 48px;
                    font-size: 3.75vw;
                    margin-right: 0
                }

                .sec-video-plan {
                    padding-top: 1.5625vw;
                    padding-bottom: 4.6875vw
                }

                .sec-video-plan .sec-video-plan-inner {
                    width: 960px;
                    width: 75vw
                }

                .sec-video-plan .video-plan-head {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 2.5vw;
                    padding-left: 0
                }

                .sec-video-plan .video-plan-head:after {
                    width: 24px;
                    width: 1.875vw;
                    height: 4px;
                    height: .3125vw
                }

                .sec-video-plan .video-plan-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.10938vw;
                    padding-left: 0
                }

                .sec-video-plan .video-table01 {
                    margin-bottom: .78125vw;
                    left: 0
                }

                .sec-video-plan .video-table01 tr.list td.trans,.sec-video-plan .video-table01 tr.list th.trans {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-video-plan .video-table01 tr.list td,.sec-video-plan .video-table01 tr.list th {
                    padding-top: .78125vw;
                    padding-bottom: .9375vw;
                    padding-left: 1.875vw;
                    font-size: 14px;
                    font-size: 1.09375vw;
                    line-height: 1.57143
                }

                .sec-video-plan .video-table01 td,.sec-video-plan .video-table01 th {
                    height: 72px;
                    height: 5.625vw;
                    font-size: 14px;
                    font-size: 1.09375vw;
                    width: 25%
                }

                .sec-video-plan .video-table01 th.plan-name,.sec-video-plan .video-table01 th.trans {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-video-plan .video-table01 th.short {
                    height: 72px;
                    height: 5.625vw
                }

                .sec-video-plan .table-note {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .sec-video-option {
                    padding-top: 1.5625vw;
                    padding-bottom: 5vw;
                    margin-bottom: 5vw
                }

                .sec-video-option .sec-video-option-inner {
                    width: 960px;
                    width: 75vw
                }

                .sec-video-option .video-option-head {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 2.5vw
                }

                .sec-video-option .video-option-head:after {
                    width: 24px;
                    width: 1.875vw;
                    height: 4px;
                    height: .3125vw
                }

                .sec-video-option .video-option-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.10938vw;
                    padding-left: 0
                }

                .sec-video-option .video-table02 {
                    left: 0
                }

                .sec-video-option .video-table02 tr.gradient td,.sec-video-option .video-table02 tr.gradient th {
                    height: 72px;
                    height: 5.625vw;
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-video-option .video-table02 tr td:first-child,.sec-video-option .video-table02 tr th:first-child {
                    width: 713px;
                    width: 55.70313vw
                }

                .sec-video-option .video-table02 td,.sec-video-option .video-table02 th {
                    height: 88px;
                    height: 6.875vw
                }

                .sec-video-option .video-table02 th {
                    padding-left: 1.875vw
                }

                .sec-video-option .video-table02 th .option-name {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .46875vw
                }

                .sec-video-option .video-table02 th .option-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-option .video-table02 td {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-video-production {
                    margin-top: 4.6875vw;
                    padding-top: 5.625vw;
                    padding-bottom: 6.25vw
                }

                .sec-video-production .video-production-head {
                    margin-bottom: 3.59375vw;
                    font-size: 32px;
                    font-size: 2.5vw;
                    padding-bottom: 1.79687vw
                }

                .sec-video-production .video-production-head .small {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: .78125vw
                }

                .sec-video-production .video-production {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .sec-video-production .video-production .each-production {
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0;
                    width: 579px;
                    width: 45.23438vw;
                    padding-top: 1.5625vw;
                    padding-bottom: 1.40625vw
                }

                .sec-video-production .video-production .each-production.production01 {
                    padding-top: 1.5625vw;
                    padding-bottom: 1.40625vw
                }

                .sec-video-production .video-production .each-production.production01 .production-lead {
                    margin-bottom: 1.5625vw
                }

                .sec-video-production .video-production .each-production .production-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.5625vw;
                    line-height: 1.6
                }

                .sec-video-production .video-production .each-production .production-picto.production01 {
                    width: 200px;
                    width: 15.625vw;
                    margin-bottom: 1.32813vw
                }

                .sec-video-production .video-production .each-production .production-picto.production02 {
                    width: 282px;
                    width: 22.03125vw;
                    margin-bottom: 2.1875vw
                }

                .sec-video-production .video-production .each-production .production-note {
                    font-size: 11px;
                    font-size: .85938vw;
                    width: 579px;
                    width: 45.23438vw;
                    text-align: center;
                    line-height: 1.36364
                }

                .sec-video-doda {
                    padding-top: 6.25vw;
                    padding-bottom: 5.85938vw
                }

                .sec-video-doda .video-doda-head {
                    margin-bottom: 2.73438vw
                }

                .sec-video-doda .video-doda-head .green {
                    font-size: 16px;
                    font-size: 1.25vw;
                    padding-left: .625vw;
                    padding-right: .625vw;
                    padding-top: .15625vw;
                    padding-bottom: .15625vw;
                    margin-bottom: 1.01563vw
                }

                .sec-video-doda .video-doda-head .name {
                    font-size: 24px;
                    font-size: 1.875vw;
                    line-height: 1.75
                }

                .sec-video-doda .video-doda-content {
                    width: 960px;
                    width: 75vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                .sec-video-doda .video-doda-content .video {
                    width: 640px;
                    width: 50vw;
                    margin-right: 1.875vw;
                    margin-bottom: 0
                }

                .sec-video-doda .video-doda-content .video video {
                    margin-bottom: .3125vw
                }

                .sec-video-doda .video-doda-content .cap {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-doda .result-area,.sec-video-doda .result-area .step01 {
                    width: 296px;
                    width: 23.125vw
                }

                .sec-video-doda .result-area .step01 {
                    height: 40px;
                    height: 3.125vw;
                    margin-bottom: 1.5625vw
                }

                .sec-video-doda .result-area .step01:before {
                    border-width: 11px 6.5px 0;
                    bottom: -11px
                }

                .sec-video-doda .result-area .step01 .step01-inner {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-video-doda .result-area .issues {
                    margin-bottom: 1.25vw;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                .sec-video-doda .result-area .issues .issue01,.sec-video-doda .result-area .issues .issue02 {
                    font-size: 16px;
                    font-size: 1.25vw;
                    width: 296px;
                    width: 23.125vw;
                    height: 56px;
                    height: 4.375vw;
                    margin-left: 0;
                    margin-right: 0
                }

                .sec-video-doda .result-area .issues .issue01 {
                    margin-bottom: .15625vw
                }

                .sec-video-doda .result-area .arrow {
                    width: 28px;
                    width: 2.1875vw;
                    margin-bottom: .54688vw
                }

                .sec-video-doda .result-area .result .txt01 {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: .23438vw
                }

                .sec-video-doda .result-area .result .txt02 {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-video-doda .result-area .result .txt02 .percentage {
                    font-size: 48px;
                    font-size: 3.75vw;
                    margin-right: .3125vw;
                    top: 2px;
                    top: .15625vw
                }

                .sec-video-service {
                    padding-top: 5.39063vw;
                    padding-bottom: 6.25vw;
                    
                }

                .sec-video-service .video-services-head {
                    margin-bottom: 3.51563vw
                }

                .sec-video-service .video-service {
                    width: 960px;
                    width: 75vw;
                    padding-top: 2.5vw;
                    padding-left: 6.25vw;
                    padding-right: 10.46875vw;
                    padding-bottom: 2.5vw
                }

                .sec-video-service .video-service:not(:last-of-type) {
                    margin-bottom: 2.34375vw
                }

                .sec-video-service .video-service .picto-area {
                    width: 248px;
                    width: 19.375vw;
                    padding-top: .78125vw;
                    margin-bottom: 0
                }

                .sec-video-service .video-service .service-picto {
                    width: 88px;
                    width: 6.875vw;
                    height: 88px;
                    height: 6.875vw;
                    margin-bottom: 1.25vw
                }

                .sec-video-service .video-service .service-name {
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                .sec-video-service .video-service .service-name.long {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                .sec-video-service .video-service .txt-area {
                    width: 495px;
                    width: 38.67188vw;
                    padding-left: 4.29688vw;
                    padding-bottom: .3125vw;
                    padding-bottom: .625vw;
                    border-left: 1px solid #c4c4c4
                }

                .sec-video-service .video-service .service-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 2.26563vw;
                    line-height: 1.71429
                }

                .sec-video-service .video-service .service-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    margin: auto auto 0 0;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-service .video-service .service-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-video-bnr {
                    padding-top: 5vw;
                    padding-bottom: 5vw
                }

                #showcase .sm,#vx .sm {
                    display: none
                }

                #showcase .module-default-inner,#vx .module-default-inner {
                    max-width: 1700px;
                    width: 100%;
                    margin-left: auto;
                    margin-right: auto
                }

                #showcase .module-thin-inner,#vx .module-thin-inner {
                    max-width: 1580px;
                    width: 100%;
                    margin-left: auto;
                    margin-right: auto;
                    padding-left: 60px;
                    padding-right: 60px
                }

                #showcase .module-head01 .head,#vx .module-head01 .head {
                    margin-left: auto;
                    margin-right: auto
                }

                #showcase .module-head01 .head .ja,#vx .module-head01 .head .ja {
                    font-size: 22px;
                    font-size: 1.71875vw
                }

                #showcase .module-head01 .head .ja:before,#vx .module-head01 .head .ja:before {
                    width: 6.51042vw;
                    max-width: 125px
                }

                #showcase .module-head01 .head .en,#vx .module-head01 .head .en {
                    font-size: 100px;
                    font-size: 7.8125vw;
                    letter-spacing: 2px
                }

                #showcase .module-head01 .lead,#vx .module-head01 .lead {
                    font-size: 30px;
                    font-size: 2.34375vw
                }

                #showcase .module-btn-s,#vx .module-btn-s {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    width: 9.25vw;
                    height: 3.28vw;
                    max-width: 158px;
                    max-height: 56px
                }

                #showcase .module-btn-m,#vx .module-btn-m {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    border-radius: 35px;
                    border-radius: 2.73438vw;
                    width: 11.6vw;
                    height: 4.17vw;
                    max-width: 198px;
                    max-height: 70px
                }

                #showcase .module-btn-l,#vx .module-btn-l {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    border-radius: 35px;
                    border-radius: 2.73438vw;
                    width: 21.91vw;
                    height: 4.17vw;
                    max-width: 374px;
                    max-height: 70px
                }

                #showcase .module-subpage-head,#vx .module-subpage-head {
                    padding: 145px 0 0
                }

                #showcase .module-subpage-head .inner,#vx .module-subpage-head .inner {
                    padding: 0 60px
                }

                #showcase .module-subpage-head .head-wrap,#vx .module-subpage-head .head-wrap {
                    width: 460px
                }

                #showcase .module-subpage-head .head-wrap .txt,#vx .module-subpage-head .head-wrap .txt {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    letter-spacing: 2.2px;
                    margin-right: 14px
                }

                #showcase .module-subpage-head .title,#vx .module-subpage-head .title {
                    font-size: 84px;
                    font-size: 6.5625vw;
                    margin-bottom: 10px
                }

                #showcase .module-subpage-head .title .title-letter,#vx .module-subpage-head .title .title-letter {
                    font-size: 120px;
                    font-size: 9.375vw
                }

                #showcase .module-subpage-head .desc,#vx .module-subpage-head .desc {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 180px
                }

                #showcase .module-subpage-head .backtxt,#vx .module-subpage-head .backtxt {
                    font-size: 210px;
                    font-size: 16.40625vw;
                    left: -.75em;
                    white-space: nowrap
                }

                #showcase .module-subpage-head .copy-area,#vx .module-subpage-head .copy-area {
                    height: 400px
                }

                #showcase .module-subpage-head .copy-area .copy,#vx .module-subpage-head .copy-area .copy {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 25px;
                    line-height: 1.69
                }

                #showcase .module-subpage-head .copy-area .lead,#vx .module-subpage-head .copy-area .lead {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    line-height: 1.64;
                    letter-spacing: 1.1px
                }

                #showcase .module-subpage-head.kaizen-team-for-x .copy-area,#vx .module-subpage-head.kaizen-team-for-x .copy-area {
                    
                }

                #showcase .module-subpage-head.kaizen-cloud-engine .copy-area,#vx .module-subpage-head.kaizen-cloud-engine .copy-area {
                    
                }

                #showcase .module-subpage-head.growthhacker .copy-area,#vx .module-subpage-head.growthhacker .copy-area {
                    
                }

                #showcase .sec-gh-awards,#showcase .sec-gh-features,#showcase .sec-kce-features,#showcase .sec-kce-reason,#showcase .sec-ktx-features,#vx .sec-gh-awards,#vx .sec-gh-features,#vx .sec-kce-features,#vx .sec-kce-reason,#vx .sec-ktx-features {
                    padding: 200px 0 0
                }

                #showcase .sec-gh-awards .each-feature,#showcase .sec-gh-features .each-feature,#showcase .sec-kce-features .each-feature,#showcase .sec-kce-reason .each-feature,#showcase .sec-ktx-features .each-feature,#vx .sec-gh-awards .each-feature,#vx .sec-gh-features .each-feature,#vx .sec-kce-features .each-feature,#vx .sec-kce-reason .each-feature,#vx .sec-ktx-features .each-feature {
                    margin-top: 177px
                }

                #showcase .sec-gh-awards .each-feature .txt-area,#showcase .sec-gh-features .each-feature .txt-area,#showcase .sec-kce-features .each-feature .txt-area,#showcase .sec-kce-reason .each-feature .txt-area,#showcase .sec-ktx-features .each-feature .txt-area,#vx .sec-gh-awards .each-feature .txt-area,#vx .sec-gh-features .each-feature .txt-area,#vx .sec-kce-features .each-feature .txt-area,#vx .sec-kce-reason .each-feature .txt-area,#vx .sec-ktx-features .each-feature .txt-area {
                    max-width: 550px;
                    min-width: 350px;
                    margin-right: 60px
                }

                #showcase .sec-gh-awards .each-feature .txt-area .feature-head,#showcase .sec-gh-features .each-feature .txt-area .feature-head,#showcase .sec-kce-features .each-feature .txt-area .feature-head,#showcase .sec-kce-reason .each-feature .txt-area .feature-head,#showcase .sec-ktx-features .each-feature .txt-area .feature-head,#vx .sec-gh-awards .each-feature .txt-area .feature-head,#vx .sec-gh-features .each-feature .txt-area .feature-head,#vx .sec-kce-features .each-feature .txt-area .feature-head,#vx .sec-kce-reason .each-feature .txt-area .feature-head,#vx .sec-ktx-features .each-feature .txt-area .feature-head {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    line-height: 1.39;
                    margin-bottom: 40px
                }

                #showcase .sec-gh-awards .each-feature .txt-area .feature-head:after,#showcase .sec-gh-features .each-feature .txt-area .feature-head:after,#showcase .sec-kce-features .each-feature .txt-area .feature-head:after,#showcase .sec-kce-reason .each-feature .txt-area .feature-head:after,#showcase .sec-ktx-features .each-feature .txt-area .feature-head:after,#vx .sec-gh-awards .each-feature .txt-area .feature-head:after,#vx .sec-gh-features .each-feature .txt-area .feature-head:after,#vx .sec-kce-features .each-feature .txt-area .feature-head:after,#vx .sec-kce-reason .each-feature .txt-area .feature-head:after,#vx .sec-ktx-features .each-feature .txt-area .feature-head:after {
                    width: 166px;
                    bottom: -22px
                }

                #showcase .sec-gh-awards .each-feature .txt-area .feature-desc,#showcase .sec-gh-features .each-feature .txt-area .feature-desc,#showcase .sec-kce-features .each-feature .txt-area .feature-desc,#showcase .sec-kce-reason .each-feature .txt-area .feature-desc,#showcase .sec-ktx-features .each-feature .txt-area .feature-desc,#vx .sec-gh-awards .each-feature .txt-area .feature-desc,#vx .sec-gh-features .each-feature .txt-area .feature-desc,#vx .sec-kce-features .each-feature .txt-area .feature-desc,#vx .sec-kce-reason .each-feature .txt-area .feature-desc,#vx .sec-ktx-features .each-feature .txt-area .feature-desc {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    font-weight: 500;
                    line-height: 1.95;
                    letter-spacing: 1px
                }

                #showcase .sec-gh-awards .btn,#showcase .sec-gh-features .btn,#showcase .sec-kce-features .btn,#showcase .sec-kce-reason .btn,#showcase .sec-ktx-features .btn,#vx .sec-gh-awards .btn,#vx .sec-gh-features .btn,#vx .sec-kce-features .btn,#vx .sec-kce-reason .btn,#vx .sec-ktx-features .btn {
                    margin-top: 160px
                }

                #showcase .sec-gh-awards .support-area .support-head,#showcase .sec-gh-features .support-area .support-head,#showcase .sec-kce-features .support-area .support-head,#showcase .sec-kce-reason .support-area .support-head,#showcase .sec-ktx-features .support-area .support-head,#vx .sec-gh-awards .support-area .support-head,#vx .sec-gh-features .support-area .support-head,#vx .sec-kce-features .support-area .support-head,#vx .sec-kce-reason .support-area .support-head,#vx .sec-ktx-features .support-area .support-head {
                    font-size: 50px;
                    font-size: 3.90625vw;
                    margin: 340px 0 180px
                }

                #showcase .sec-gh-awards .support-area .support-sp-flow .each-flow .head,#showcase .sec-gh-features .support-area .support-sp-flow .each-flow .head,#showcase .sec-kce-features .support-area .support-sp-flow .each-flow .head,#showcase .sec-kce-reason .support-area .support-sp-flow .each-flow .head,#showcase .sec-ktx-features .support-area .support-sp-flow .each-flow .head,#vx .sec-gh-awards .support-area .support-sp-flow .each-flow .head,#vx .sec-gh-features .support-area .support-sp-flow .each-flow .head,#vx .sec-kce-features .support-area .support-sp-flow .each-flow .head,#vx .sec-kce-reason .support-area .support-sp-flow .each-flow .head,#vx .sec-ktx-features .support-area .support-sp-flow .each-flow .head {
                    font-size: 2.2rem
                }

                #showcase .sec-gh-awards .support-area .support-sp-flow .each-flow .desc,#showcase .sec-gh-features .support-area .support-sp-flow .each-flow .desc,#showcase .sec-kce-features .support-area .support-sp-flow .each-flow .desc,#showcase .sec-kce-reason .support-area .support-sp-flow .each-flow .desc,#showcase .sec-ktx-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-gh-awards .support-area .support-sp-flow .each-flow .desc,#vx .sec-gh-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-kce-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-kce-reason .support-area .support-sp-flow .each-flow .desc,#vx .sec-ktx-features .support-area .support-sp-flow .each-flow .desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                #showcase .sec-gh-awards .img-area,#showcase .sec-gh-features .img-area,#showcase .sec-kce-features .img-area,#showcase .sec-kce-reason .img-area,#showcase .sec-ktx-features .img-area,#vx .sec-gh-awards .img-area,#vx .sec-gh-features .img-area,#vx .sec-kce-features .img-area,#vx .sec-kce-reason .img-area,#vx .sec-ktx-features .img-area {
                    padding: 200px 0 0
                }

                #showcase .sec-gh-awards .img-area .img,#showcase .sec-gh-features .img-area .img,#showcase .sec-kce-features .img-area .img,#showcase .sec-kce-reason .img-area .img,#showcase .sec-ktx-features .img-area .img,#vx .sec-gh-awards .img-area .img,#vx .sec-gh-features .img-area .img,#vx .sec-kce-features .img-area .img,#vx .sec-kce-reason .img-area .img,#vx .sec-ktx-features .img-area .img {
                    max-width: 1740px
                }

                #showcase .sec-gh-awards .img-area .img:last-of-type,#showcase .sec-gh-features .img-area .img:last-of-type,#showcase .sec-kce-features .img-area .img:last-of-type,#showcase .sec-kce-reason .img-area .img:last-of-type,#showcase .sec-ktx-features .img-area .img:last-of-type,#vx .sec-gh-awards .img-area .img:last-of-type,#vx .sec-gh-features .img-area .img:last-of-type,#vx .sec-kce-features .img-area .img:last-of-type,#vx .sec-kce-reason .img-area .img:last-of-type,#vx .sec-ktx-features .img-area .img:last-of-type {
                    margin-bottom: 200px
                }

                #showcase .sec-gh-awards .img-area .img-right,#showcase .sec-gh-features .img-area .img-right,#showcase .sec-kce-features .img-area .img-right,#showcase .sec-kce-reason .img-area .img-right,#showcase .sec-ktx-features .img-area .img-right,#vx .sec-gh-awards .img-area .img-right,#vx .sec-gh-features .img-area .img-right,#vx .sec-kce-features .img-area .img-right,#vx .sec-kce-reason .img-area .img-right,#vx .sec-ktx-features .img-area .img-right {
                    padding-left: 9.375vw
                }

                #showcase .sec-gh-awards .img-area .img-left,#showcase .sec-gh-features .img-area .img-left,#showcase .sec-kce-features .img-area .img-left,#showcase .sec-kce-reason .img-area .img-left,#showcase .sec-ktx-features .img-area .img-left,#vx .sec-gh-awards .img-area .img-left,#vx .sec-gh-features .img-area .img-left,#vx .sec-kce-features .img-area .img-left,#vx .sec-kce-reason .img-area .img-left,#vx .sec-ktx-features .img-area .img-left {
                    padding-right: 9.375vw
                }

                #showcase .sec-gh-awards .service-area,#showcase .sec-gh-features .service-area,#showcase .sec-kce-features .service-area,#showcase .sec-kce-reason .service-area,#showcase .sec-ktx-features .service-area,#vx .sec-gh-awards .service-area,#vx .sec-gh-features .service-area,#vx .sec-kce-features .service-area,#vx .sec-kce-reason .service-area,#vx .sec-ktx-features .service-area {
                    padding: 190px 0
                }

                #showcase .sec-gh-awards .service-area .service-head,#showcase .sec-gh-features .service-area .service-head,#showcase .sec-kce-features .service-area .service-head,#showcase .sec-kce-reason .service-area .service-head,#showcase .sec-ktx-features .service-area .service-head,#vx .sec-gh-awards .service-area .service-head,#vx .sec-gh-features .service-area .service-head,#vx .sec-kce-features .service-area .service-head,#vx .sec-kce-reason .service-area .service-head,#vx .sec-ktx-features .service-area .service-head {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 123px
                }

                #showcase .sec-gh-awards .service-area .service-list,#showcase .sec-gh-features .service-area .service-list,#showcase .sec-kce-features .service-area .service-list,#showcase .sec-kce-reason .service-area .service-list,#showcase .sec-ktx-features .service-area .service-list,#vx .sec-gh-awards .service-area .service-list,#vx .sec-gh-features .service-area .service-list,#vx .sec-kce-features .service-area .service-list,#vx .sec-kce-reason .service-area .service-list,#vx .sec-ktx-features .service-area .service-list {
                    max-width: 1086px;
                    margin-right: auto;
                    margin-left: auto;
                    margin-bottom: 174px
                }

                #showcase .sec-gh-awards .service-area .service-list.last,#showcase .sec-gh-features .service-area .service-list.last,#showcase .sec-kce-features .service-area .service-list.last,#showcase .sec-kce-reason .service-area .service-list.last,#showcase .sec-ktx-features .service-area .service-list.last,#vx .sec-gh-awards .service-area .service-list.last,#vx .sec-gh-features .service-area .service-list.last,#vx .sec-kce-features .service-area .service-list.last,#vx .sec-kce-reason .service-area .service-list.last,#vx .sec-ktx-features .service-area .service-list.last {
                    margin-bottom: 0
                }

                #showcase .sec-gh-awards .service-area .service-list .each-service,#showcase .sec-gh-features .service-area .service-list .each-service,#showcase .sec-kce-features .service-area .service-list .each-service,#showcase .sec-kce-reason .service-area .service-list .each-service,#showcase .sec-ktx-features .service-area .service-list .each-service,#vx .sec-gh-awards .service-area .service-list .each-service,#vx .sec-gh-features .service-area .service-list .each-service,#vx .sec-kce-features .service-area .service-list .each-service,#vx .sec-kce-reason .service-area .service-list .each-service,#vx .sec-ktx-features .service-area .service-list .each-service {
                    width: 298px;
                    padding-left: 20px;
                    margin-right: 95px
                }

                #showcase .sec-gh-awards .service-area .service-list .each-service:last-of-type,#showcase .sec-gh-features .service-area .service-list .each-service:last-of-type,#showcase .sec-kce-features .service-area .service-list .each-service:last-of-type,#showcase .sec-kce-reason .service-area .service-list .each-service:last-of-type,#showcase .sec-ktx-features .service-area .service-list .each-service:last-of-type,#vx .sec-gh-awards .service-area .service-list .each-service:last-of-type,#vx .sec-gh-features .service-area .service-list .each-service:last-of-type,#vx .sec-kce-features .service-area .service-list .each-service:last-of-type,#vx .sec-kce-reason .service-area .service-list .each-service:last-of-type,#vx .sec-ktx-features .service-area .service-list .each-service:last-of-type {
                    margin-right: 0
                }

                #showcase .sec-gh-awards .service-area .service-list .service-name,#showcase .sec-gh-features .service-area .service-list .service-name,#showcase .sec-kce-features .service-area .service-list .service-name,#showcase .sec-kce-reason .service-area .service-list .service-name,#showcase .sec-ktx-features .service-area .service-list .service-name,#vx .sec-gh-awards .service-area .service-list .service-name,#vx .sec-gh-features .service-area .service-list .service-name,#vx .sec-kce-features .service-area .service-list .service-name,#vx .sec-kce-reason .service-area .service-list .service-name,#vx .sec-ktx-features .service-area .service-list .service-name {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    margin-top: -7px;
                    margin-bottom: 23px;
                    height: 2em
                }

                #showcase .sec-gh-awards .service-area .service-list .service-desc,#showcase .sec-gh-features .service-area .service-list .service-desc,#showcase .sec-kce-features .service-area .service-list .service-desc,#showcase .sec-kce-reason .service-area .service-list .service-desc,#showcase .sec-ktx-features .service-area .service-list .service-desc,#vx .sec-gh-awards .service-area .service-list .service-desc,#vx .sec-gh-features .service-area .service-list .service-desc,#vx .sec-kce-features .service-area .service-list .service-desc,#vx .sec-kce-reason .service-area .service-list .service-desc,#vx .sec-ktx-features .service-area .service-list .service-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    font-weight: 500;
                    line-height: 1.38;
                    letter-spacing: .2px;
                    margin-bottom: 2px
                }

                #showcase .sec-gh-features,#vx .sec-gh-features {
                    padding-bottom: 200px
                }

                #showcase .sec-solution-guide,#vx .sec-solution-guide {
                    height: 400px;
                    -webkit-transition: all .3s ease-in-out .1s;
                    transition: all .3s ease-in-out .1s
                }

                #showcase .sec-solution-guide:hover,#vx .sec-solution-guide:hover {
                    opacity: .9
                }

                #showcase .sec-solution-guide.kce,#vx .sec-solution-guide.kce {
                    
                }

                #showcase .sec-solution-guide.ktx,#vx .sec-solution-guide.ktx {
                    
                }

                #showcase .sec-solution-guide.gh,#vx .sec-solution-guide.gh {
                    
                }

                #showcase .sec-solution-guide .txt,#vx .sec-solution-guide .txt {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    font-weight: 600
                }

                #showcase .sec-solution-guide .name,#vx .sec-solution-guide .name {
                    font-size: 60px;
                    font-size: 4.6875vw;
                    margin-bottom: 24px
                }

                #showcase .sec-solution-guide .lead,#vx .sec-solution-guide .lead {
                    font-size: 26px;
                    font-size: 2.03125vw;
                    font-weight: 700;
                    margin-bottom: 70px
                }

                #showcase .sec-solution-guide .more,#vx .sec-solution-guide .more {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                #showcase .sec-gh-features .each-showcase .num {
                    font-size: 21px;
                    font-size: 1.64063vw
                }

                #showcase .sec-gh-features .each-showcase .lead {
                    font-size: 22px;
                    font-size: 1.71875vw
                }

                #showcase .sec-gh-features .each-showcase .body {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                #showcase .sec-gh-features .each-showcase .tag {
                    font-size: 15px;
                    font-size: 1.17188vw
                }

                .sec-404 .head {
                    font-size: 100px;
                    font-size: 7.8125vw
                }

                .sec-404 .lead {
                    font-size: 40px;
                    font-size: 3.125vw
                }

                .sec-404 .body {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-404 .btn {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    border-radius: 32px;
                    border-radius: 2.5vw;
                    width: 320px;
                    width: 25vw;
                    height: 64px;
                    height: 5vw;
                    padding-right: .78125vw
                }

                .sec-404 .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    right: 26px;
                    right: 2.03125vw
                }

                #school-kv {
                    height: 555px;
                    height: 43.35938vw
                }

                .school-kv-pic {
                    
                    background-size: contain;
                    background-position: 100%;
                    background-repeat: no-repeat
                }

                .school-kv-layer {
                    background: linear-gradient(116.17deg,#6fd99f 7.78%,#2dc2cc 66.47%)
                }

                .school-kv-content-area {
                    padding-top: 9.21875vw;
                    padding-left: 7.65625vw;
                    padding-bottom: 10.9375vw
                }

                .school-kv-lead {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 0
                }

                .school-kv-lead .small {
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                .school-kv-title {
                    font-size: 82px;
                    font-size: 6.40625vw;
                    margin-bottom: 2.34375vw
                }

                .school-kv-btn {
                    width: 374px;
                    width: 29.21875vw;
                    height: 64px;
                    height: 5vw;
                    border-radius: 32px;
                    border-radius: 2.5vw;
                    font-size: 18px;
                    font-size: 1.40625vw;
                    background-size: 18px auto;
                    background-position: right 25px center
                }

                #school-about {
                    padding-top: 8.59375vw;
                    padding-bottom: 10.9375vw
                }

                .school-about-head {
                    margin-bottom: 4.45313vw
                }

                .school-about-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    padding-left: 0;
                    padding-right: 0;
                    margin-bottom: 3.90625vw;
                    text-align: center
                }

                .school-about-list {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .school-about-list__item {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0;
                    padding-bottom: 3.90625vw
                }

                .school-about-list__img {
                    margin-bottom: 2.34375vw
                }

                .school-about-list__txt-wrap {
                    width: 272px;
                    width: 21.25vw
                }

                .school-about-list__ttl-wrap {
                    height: 114px;
                    height: 8.90625vw;
                    margin-bottom: 1.17188vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                .school-about-list__txt-sub {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .39063vw
                }

                p.school-about-list__txt-ttl {
                    font-size: 30px;
                    font-size: 2.34375vw
                }

                p.school-about-list__txt-ttl .small {
                    font-size: 24px;
                    font-size: 1.875vw
                }

                p.school-about-list__txt-body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                #school-reason {
                    padding-top: 9.375vw;
                    padding-bottom: 11.71875vw
                }

                .school-reason-head {
                    margin-bottom: 5.07813vw
                }

                .school-reason-list {
                    width: 940px;
                    width: 73.4375vw;
                    padding-top: 0
                }

                .school-reason-list__item {
                    margin-bottom: 6.875vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                .school-reason-list__desc-wrap,.school-reason-list__head-wrap {
                    width: 50%;
                    border-left: 3px solid #fff
                }

                .school-reason-list__head-wrap {
                    padding-top: .78125vw;
                    padding-bottom: 0
                }

                .school-reason-list__head-num {
                    margin-bottom: 1.01563vw;
                    width: 69px;
                    width: 5.39063vw;
                    height: 69px;
                    height: 5.39063vw
                }

                .school-reason-list__head-txt {
                    font-size: 42px;
                    font-size: 3.28125vw
                }

                .school-reason-list__desc-wrap {
                    padding-left: 5.9375vw;
                    padding-top: 0;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .school-reason-list__desc-txt {
                    font-size: 34px;
                    font-size: 2.65625vw
                }

                #school-recommend {
                    padding-top: 9.375vw;
                    padding-bottom: 11.71875vw
                }

                .school-recommend-head {
                    margin-bottom: 5.07813vw
                }

                .school-recommend__item {
                    width: 1200px;
                    width: 93.75vw;
                    margin-bottom: 7.1875vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                .school-recommend__item:nth-of-type(odd) .school-recommend__txt-border {
                    left: -88px;
                    left: -6.875vw
                }

                .school-recommend__item:nth-of-type(odd) .school-recommend__icon {
                    right: 0
                }

                .school-recommend__item:nth-of-type(2n) {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: reverse;
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start
                }

                .school-recommend__item:nth-of-type(2n) .school-recommend__txt-border {
                    right: -88px;
                    right: -6.875vw
                }

                .school-recommend__item:nth-of-type(2n) .school-recommend__icon {
                    left: 0
                }

                .school-recommend__img {
                    width: 674px;
                    width: 52.65625vw
                }

                .school-recommend__txt-border {
                    width: 460px;
                    width: 35.9375vw;
                    height: 290px;
                    height: 22.65625vw;
                    top: 84px;
                    top: 6.5625vw
                }

                .school-recommend__txt-wrap {
                    padding-top: 0;
                    padding-bottom: 0;
                    padding-left: 4.21875vw;
                    padding-right: 4.21875vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .school-recommend__icon {
                    width: 220px;
                    width: 17.1875vw;
                    top: 0
                }

                .school-recommend__txt-ttl {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-bottom: 1.5625vw
                }

                .school-recommend__txt-body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                #school-point {
                    padding-top: 1.95313vw;
                    padding-bottom: 4.6875vw;
                    
                    background-repeat: no-repeat;
                    background-size: 1816px auto;
                    background-position: top -175px right 164px
                }

                .school-point-head {
                    margin-bottom: 6.64063vw
                }

                .school-point__item-list {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    width: 1260px;
                    margin: 0 auto
                }

                .school-point__item {
                    width: 360px;
                    width: 28.125vw;
                    margin-left: 2.34375vw;
                    margin-right: 2.34375vw;
                    margin-bottom: 5.39063vw;
                    padding-top: 3.90625vw;
                    padding-left: 3.90625vw;
                    padding-right: 3.90625vw;
                    padding-bottom: 3.90625vw
                }

                .school-point__num {
                    width: 60px;
                    width: 4.6875vw;
                    height: 60px;
                    height: 4.6875vw;
                    top: 7px;
                    top: .54688vw;
                    font-size: 28px;
                    font-size: 2.1875vw;
                    left: 0
                }

                .school-point__ttl {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: .78125vw
                }

                .school-point__img {
                    height: 140px;
                    height: 10.9375vw;
                    margin-bottom: .78125vw
                }

                .school-point__body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                #school-teacher {
                    padding-top: 8.59375vw;
                    padding-bottom: 10.9375vw
                }

                .school-teacher-head {
                    margin-bottom: 5.07813vw
                }

                .school-teacher__item-list {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                .school-teacher__item {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0;
                    padding-bottom: 3.90625vw
                }

                .school-teacher__img {
                    margin-bottom: 2.34375vw
                }

                .school-teacher__txt-wrap {
                    padding-left: 3.90625vw;
                    padding-right: 3.90625vw
                }

                .school-teacher__name {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    margin-bottom: .39063vw
                }

                .school-teacher__role {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 1.17188vw
                }

                .school-teacher__body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                #school-contents {
                    padding-top: 10.15625vw;
                    padding-bottom: 6.64063vw
                }

                .school-contents-head {
                    margin-bottom: 5.07813vw
                }

                .school-contents__border {
                    width: 960px;
                    width: 75vw
                }

                .school-contents__inner {
                    padding-bottom: 3.51563vw
                }

                .school-contents__gr-1 {
                    height: 125px;
                    height: 9.76563vw;
                    padding-top: 0;
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .school-contents__ttl {
                    font-size: 35px;
                    font-size: 2.73438vw;
                    margin-bottom: 0
                }

                .school-contents__fig {
                    width: 192px;
                    width: 15vw;
                    margin-left: 2.65625vw
                }

                .schoo-contents__body {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    line-height: 1.571
                }

                .school-contents__gr-2 {
                    padding-left: 0;
                    padding-right: 0;
                    margin-left: auto
                }

                .school-contents__list {
                    margin-bottom: 2.34375vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .school-contents__list-item {
                    width: 325px;
                    width: 25.39063vw;
                    font-size: 18px;
                    font-size: 1.40625vw;
                    padding-top: .9375vw;
                    padding-bottom: .9375vw;
                    border-right: 1px solid #d7d7d7
                }

                .school-contents__amount {
                    padding-top: 3.125vw;
                    padding-bottom: 3.125vw;
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                #school-flow {
                    padding-top: 6.64063vw;
                    padding-bottom: 7.03125vw
                }

                .school-flow-head {
                    margin-bottom: 5.07813vw
                }

                .school-flow__list {
                    margin-bottom: 4.6875vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .school-flow__list-item {
                    width: 324px;
                    width: 25.3125vw;
                    margin-left: 3.59375vw;
                    margin-right: 3.59375vw;
                    margin-bottom: 0
                }

                .school-flow__list-item:not(:last-of-type):after {
                    width: 92px;
                    width: 7.1875vw;
                    height: 40px;
                    height: 3.125vw;
                    top: 6.25vw;
                    right: -5.85937vw;
                    
                    background-size: cover
                }

                .school-flow__list-fig {
                    width: 170px;
                    width: 13.28125vw;
                    margin-bottom: 2.34375vw
                }

                .school-flow__list-box {
                    width: 324px;
                    width: 25.3125vw
                }

                .school-flow__list-ttl {
                    font-size: 24px;
                    font-size: 1.875vw;
                    height: 63px;
                    height: 4.92188vw;
                    margin-bottom: 1.17188vw;
                    line-height: 1.312;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    text-align: center
                }

                .school-flow__list-body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .school-flow__btn {
                    width: 374px;
                    width: 29.21875vw;
                    height: 64px;
                    height: 5vw;
                    font-size: 18px;
                    font-size: 1.40625vw;
                    background-size: 18px auto;
                    background-position: right 25px center
                }

                #school-company {
                    padding-top: 6.64063vw;
                    padding-bottom: 0
                }

                .school-company-head {
                    margin-bottom: 5.07813vw
                }

                .school-company__list-item {
                    margin-bottom: 8.35938vw;
                    padding-top: 0;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .school-company__list-item:nth-of-type(odd) .school-company__list-bg {
                    background: -webkit-gradient(linear,left top,right top,from(#2dc2cc),to(#2dc79d));
                    background: linear-gradient(90deg,#2dc2cc,#2dc79d);
                    left: 0
                }

                .school-company__list-item:nth-of-type(2n) {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: reverse;
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse
                }

                .school-company__list-item:nth-of-type(2n) .school-company__list-bg {
                    background: -webkit-gradient(linear,left top,right top,from(#2dc2cc),to(#2dc79d));
                    background: linear-gradient(90deg,#2dc2cc,#2dc79d);
                    right: 0
                }

                .school-company__list-bg {
                    height: 309px;
                    height: 24.14063vw;
                    width: calc(50% + 320px)
                }

                .school-company__list-txt-wrap {
                    width: 548px;
                    width: 42.8125vw;
                    height: 309px;
                    height: 24.14063vw;
                    padding-top: 1.95313vw;
                    padding-left: 5.07813vw;
                    padding-right: 5.07813vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .school-company__list-ttl {
                    margin-bottom: 1.17188vw;
                    font-size: 27px;
                    font-size: 2.10938vw
                }

                .school-company__list-body {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    color: #fff
                }

                .school-company__list-fig {
                    width: 480px;
                    width: 37.5vw;
                    height: 266px;
                    height: 20.78125vw;
                    margin-bottom: 0;
                    top: 6.64063vw
                }

                #school-book {
                    padding-bottom: 10.9375vw
                }

                .school-book__border {
                    width: 960px;
                    width: 75vw;
                    min-height: 30.46875vw
                }

                .school-book__inner {
                    padding-top: 3.125vw;
                    padding-bottom: 2.34375vw;
                    padding-left: 3.51563vw;
                    padding-right: 28.4375vw;
                    min-height: 29.84375vw
                }

                .shool-book__ttl {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    padding-bottom: 2.10938vw;
                    margin-bottom: 2.34375vw;
                    line-height: 1.4;
                    letter-spacing: .04em
                }

                .shool-book__ttl:before {
                    content: "";
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    background-image: -webkit-gradient(linear,left top,right top,from(#6fd99f),to(#2dc2cc));
                    background-image: linear-gradient(90deg,#6fd99f,#2dc2cc)
                }

                .school-book__fig {
                    width: 216px;
                    width: 16.875vw;
                    padding-bottom: 0;
                    margin-bottom: 0;
                    position: absolute;
                    top: 2.8125vw;
                    right: 2.65625vw
                }

                .school-book__book-1,.school-book__book-2 {
                    width: 114px;
                    width: 8.90625vw
                }

                .school-book__book-1 {
                    top: 23px;
                    top: 1.79687vw;
                    left: -141px;
                    left: -11.01562vw
                }

                .school-book__book-2 {
                    top: 136px;
                    top: 10.625vw;
                    left: -84px;
                    left: -6.5625vw
                }

                .school-book__role {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .school-book__name {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.17188vw
                }

                .school-book__kana,.school-book__profile {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .school-form,.school-form-2 {
                    padding-top: 8.59375vw;
                    padding-bottom: 10.15625vw;
                    padding-left: 0;
                    padding-right: 0
                }

                .school-form-head {
                    margin-bottom: 5.07813vw
                }

                .school-form__card {
                    width: 828px;
                    width: 64.6875vw;
                    padding-top: 4.6875vw;
                    padding-bottom: 6.64063vw;
                    padding-left: 7.26563vw;
                    padding-right: 7.26563vw;
                    margin-bottom: 4.6875vw
                }

                .school-form__desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 4.29688vw
                }

                .school-form .hs-form {
                    width: 612px;
                    width: 47.8125vw!important
                }

                .school-form .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
                    margin-left: 0;
                    margin-left: 0!important
                }

                .school-form .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) .input {
                    width: 370px;
                    width: 28.90625vw
                }

                .school-form .hs-form .hs-form-field {
                    margin-bottom: 42px;
                    margin-bottom: 3.28125vw!important;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .school-form .hs-form .hs-form-field label {
                    width: 234px;
                    width: 18.28125vw;
                    margin-bottom: 0;
                    padding-left: 6.71875vw
                }

                .school-form .hs-form .hs-form-field span {
                    font-size: 17px;
                    font-size: 1.32813vw
                }

                .school-form .hs-form .hs-form-field span.hs-form-required:before {
                    left: 31px;
                    left: 2.42188vw;
                    font-size: 13px;
                    font-size: 1.01563vw;
                    width: 44px;
                    width: 3.4375vw;
                    height: 21px;
                    height: 1.64063vw;
                    top: calc(50% + 1px)
                }

                .school-form .hs-form .hs-error-msg {
                    font-size: 10px;
                    font-size: .78125vw;
                    padding-top: .39063vw;
                    left: 234px;
                    left: 18.28125vw
                }

                .school-form .hs-form .hs_error_rollup .hs-main-font-element {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .school-form .hs-form input,.school-form .hs-form select,.school-form .hs-form textarea {
                    width: 370px;
                    width: 28.90625vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important;
                    padding-left: 16px;
                    padding-left: 1.25vw!important;
                    padding-right: 16px;
                    padding-right: 1.25vw!important
                }

                .school-form .hs-form input[name=firstname],.school-form .hs-form input[name=furigana_first_name],.school-form .hs-form input[name=furigana_last_name],.school-form .hs-form input[name=lastname],.school-form .hs-form select[name=firstname],.school-form .hs-form select[name=furigana_first_name],.school-form .hs-form select[name=furigana_last_name],.school-form .hs-form select[name=lastname],.school-form .hs-form textarea[name=firstname],.school-form .hs-form textarea[name=furigana_first_name],.school-form .hs-form textarea[name=furigana_last_name],.school-form .hs-form textarea[name=lastname] {
                    width: 180px;
                    width: 14.0625vw!important
                }

                .school-form .hs-form input[name=division_detail],.school-form .hs-form input[name=lastname],.school-form .hs-form select[name=division_detail],.school-form .hs-form select[name=lastname],.school-form .hs-form textarea[name=division_detail],.school-form .hs-form textarea[name=lastname] {
                    margin-right: 0;
                    margin-right: 0!important
                }

                .school-form .hs-form input,.school-form .hs-form select {
                    height: 50px;
                    height: 3.90625vw!important
                }

                .school-form .hs-form textarea {
                    min-height: 170px;
                    min-height: 13.28125vw;
                    padding-top: 1.40625vw!important
                }

                .school-form .hs-form fieldset:first-of-type,.school-form .hs-form fieldset:nth-of-type(3) {
                    width: 234px;
                    width: 18.28125vw;
                    margin-bottom: 42px;
                    margin-bottom: 3.28125vw!important;
                    padding-left: 6.71875vw;
                    font-size: 17px;
                    font-size: 1.32813vw
                }

                .school-form .hs-form fieldset:first-of-type:before,.school-form .hs-form fieldset:nth-of-type(3):before {
                    left: 31px;
                    left: 2.42188vw;
                    font-size: 13px;
                    font-size: 1.01563vw;
                    width: 44px;
                    width: 3.4375vw;
                    height: 21px;
                    height: 1.64063vw;
                    top: calc(50% + 1px)
                }

                .school-form .hs-form fieldset:nth-of-type(2),.school-form .hs-form fieldset:nth-of-type(4) {
                    width: 370px;
                    width: 28.90625vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(2) .input,.school-form .hs-form fieldset:nth-of-type(4) .input {
                    width: 185px;
                    width: 14.45313vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(8) {
                    font-size: 17px;
                    font-size: 1.32813vw;
                    padding-left: 6.71875vw;
                    margin-bottom: 0;
                    width: 234px;
                    width: 18.28125vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(8):before {
                    left: 31px;
                    left: 2.42188vw;
                    font-size: 13px;
                    font-size: 1.01563vw;
                    width: 44px;
                    width: 3.4375vw;
                    height: 21px;
                    height: 1.64063vw;
                    top: calc(50% + 1px)
                }

                .school-form .hs-form fieldset:nth-of-type(10),.school-form .hs-form fieldset:nth-of-type(11),.school-form .hs-form fieldset:nth-of-type(12),.school-form .hs-form fieldset:nth-of-type(13),.school-form .hs-form fieldset:nth-of-type(14) {
                    padding-left: 18.28125vw
                }

                .school-form .hs-form fieldset:nth-of-type(9),.school-form .hs-form fieldset:nth-of-type(11),.school-form .hs-form fieldset:nth-of-type(13) {
                    font-size: 17px;
                    font-size: 1.32813vw;
                    margin-bottom: .39063vw
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(10) .hs-fieldtype-date,.school-form .hs-form fieldset:nth-of-type(12) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(12) .hs-fieldtype-date,.school-form .hs-form fieldset:nth-of-type(14) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(14) .hs-fieldtype-date {
                    width: 195px;
                    width: 15.23438vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field {
                    margin-bottom: 30px;
                    margin-bottom: 2.34375vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(10) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(10) .hs-form-field select,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field select,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field select {
                    font-size: 12px;
                    font-size: .9375vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field:nth-of-type(odd),.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field:nth-of-type(odd),.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field:nth-of-type(odd) {
                    width: 192px;
                    width: 15vw
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field:nth-of-type(2n),.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field:nth-of-type(2n),.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field:nth-of-type(2n) {
                    width: 157px;
                    width: 12.26563vw;
                    margin-left: 18px;
                    margin-left: 1.40625vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-error-msg,.school-form .hs-form fieldset:nth-of-type(12) .hs-error-msg,.school-form .hs-form fieldset:nth-of-type(14) .hs-error-msg {
                    width: 110%!important;
                    left: -5%!important
                }

                .school-form .hs-form .hs-submit {
                    margin-top: 4.21875vw
                }

                .school-form .hs-form .hs-submit .actions {
                    width: 374px;
                    width: 29.21875vw!important;
                    border-radius: 6px;
                    border-radius: .46875vw!important
                }

                .school-form .hs-form .hs-submit .actions:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 3px;
                    height: .23438vw;
                    right: 16px;
                    right: 1.25vw
                }

                .school-form .hs-form .hs-submit .actions:before {
                    width: 12px;
                    width: .9375vw;
                    height: 12px;
                    height: .9375vw;
                    right: 17px;
                    right: 1.32813vw;
                    border-top: 3px solid #fff;
                    border-right: 3px solid #fff
                }

                .school-form .hs-form .hs-submit .actions .hs-button {
                    width: 374px;
                    width: 29.21875vw!important;
                    height: 64px;
                    height: 5vw!important;
                    border-radius: 6px;
                    border-radius: .46875vw!important;
                    font-size: 20px;
                    font-size: 1.5625vw!important
                }

                .school-form__card-2 {
                    width: 928px;
                    width: 72.5vw;
                    padding-top: 4.6875vw;
                    padding-bottom: 6.64063vw;
                    padding-left: 7.26563vw;
                    padding-right: 7.26563vw
                }

                .school-form-2 .hs-form {
                    width: 704px;
                    width: 55vw!important
                }

                .school-form-2 .hs-form .form-columns-2 .hs-form-field,.school-form-2 .hs-form .form-columns-2 .hs-form-field label {
                    width: 370px;
                    width: 28.90625vw!important
                }

                .school-form-2 .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
                    margin-left: 0;
                    margin-left: 0!important
                }

                .school-form-2 .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) .input {
                    width: 370px;
                    width: 28.90625vw!important
                }

                .school-form-2 .hs-form .hs-form-field {
                    margin-bottom: 42px;
                    margin-bottom: 3.28125vw!important;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .school-form-2 .hs-form .hs-form-field label {
                    width: 234px;
                    width: 18.28125vw;
                    margin-bottom: 0;
                    padding-left: 6.71875vw
                }

                .school-form-2 .hs-form .hs-form-field span {
                    font-size: 17px;
                    font-size: 1.32813vw
                }

                .school-form-2 .hs-form .hs-form-field span.hs-form-required:before {
                    left: 31px;
                    left: 2.42188vw;
                    font-size: 13px;
                    font-size: 1.01563vw;
                    width: 44px;
                    width: 3.4375vw;
                    height: 21px;
                    height: 1.64063vw;
                    top: calc(50% + 1px)
                }

                .school-form-2 .hs-form .hs-error-msg {
                    font-size: 10px;
                    font-size: .78125vw;
                    padding-top: .39063vw;
                    left: 234px;
                    left: 18.28125vw
                }

                .school-form-2 .hs-form .hs_error_rollup .hs-main-font-element {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .school-form-2 .hs-form input,.school-form-2 .hs-form select,.school-form-2 .hs-form textarea {
                    width: 470px;
                    width: 36.71875vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important;
                    padding-left: 16px;
                    padding-left: 1.25vw!important;
                    padding-right: 16px;
                    padding-right: 1.25vw!important
                }

                .school-form-2 .hs-form input[name=division_detail],.school-form-2 .hs-form input[name=firstname],.school-form-2 .hs-form input[name=jobtitle],.school-form-2 .hs-form input[name=lastname],.school-form-2 .hs-form select[name=division_detail],.school-form-2 .hs-form select[name=firstname],.school-form-2 .hs-form select[name=jobtitle],.school-form-2 .hs-form select[name=lastname],.school-form-2 .hs-form textarea[name=division_detail],.school-form-2 .hs-form textarea[name=firstname],.school-form-2 .hs-form textarea[name=jobtitle],.school-form-2 .hs-form textarea[name=lastname] {
                    width: 180px;
                    width: 14.0625vw!important
                }

                .school-form-2 .hs-form input[name=division_detail],.school-form-2 .hs-form input[name=lastname],.school-form-2 .hs-form select[name=division_detail],.school-form-2 .hs-form select[name=lastname],.school-form-2 .hs-form textarea[name=division_detail],.school-form-2 .hs-form textarea[name=lastname] {
                    margin-right: 0;
                    margin-right: 0!important
                }

                .school-form-2 .hs-form input,.school-form-2 .hs-form select {
                    height: 50px;
                    height: 3.90625vw!important
                }

                .school-form-2 .hs-form textarea {
                    min-height: 170px;
                    min-height: 13.28125vw;
                    padding-top: 1.40625vw!important
                }

                .school-form-2 .hs-form .hs-submit {
                    margin-top: 4.21875vw
                }

                .school-form-2 .hs-form .hs-submit .actions {
                    width: 374px;
                    width: 29.21875vw!important;
                    border-radius: 6px;
                    border-radius: .46875vw!important
                }

                .school-form-2 .hs-form .hs-submit .actions:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 3px;
                    height: .23438vw;
                    right: 16px;
                    right: 1.25vw
                }

                .school-form-2 .hs-form .hs-submit .actions:before {
                    width: 12px;
                    width: .9375vw;
                    height: 12px;
                    height: .9375vw;
                    right: 17px;
                    right: 1.32813vw;
                    border-top: 3px solid #fff;
                    border-right: 3px solid #fff
                }

                .school-form-2 .hs-form .hs-submit .actions .hs-button {
                    width: 374px;
                    width: 29.21875vw!important;
                    height: 64px;
                    height: 5vw!important;
                    border-radius: 6px;
                    border-radius: .46875vw!important;
                    font-size: 20px;
                    font-size: 1.5625vw!important
                }

                .m-school-head {
                    padding-bottom: 2.34375vw
                }

                .m-school-head .en {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    margin-bottom: 1.17188vw
                }

                .m-school-head .ja {
                    font-size: 42px;
                    font-size: 3.28125vw
                }

                .m-school-head:after {
                    width: 144px;
                    width: 11.25vw;
                    height: 4px
                }

                .layout-form {
                    margin-bottom: 4.84375vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                .layout-form .form-form,.layout-form .form-overview {
                    width: 50%
                }

                .layout-form .form-overview {
                    padding: 1.875vw
                }

                .layout-form .form-overview .overview-inner {
                    padding-top: 3.20312vw;
                    padding-left: 3.67188vw;
                    padding-right: 3.67188vw;
                    
                }

                .layout-form .form-overview .overview-inner .arrow {
                    width: 469px;
                    width: 36.64063vw;
                    bottom: px;
                    bottom: 3.67188vw;
                    left: -1.875vw
                }

                .layout-form .form-overview .overview-inner .overview-title-area {
                    margin-bottom: 3.90625vw
                }

                .layout-form .form-overview .overview-inner .overview-title-area .en {
                    font-size: 1.75rem;
                    margin-bottom: .78125vw
                }

                .layout-form .form-overview .overview-inner .overview-title-area .ja {
                    font-size: 1.75rem;
                    font-size: 2.5vw
                }

                .layout-form .form-overview .overview-inner .overview-lead {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: 3.4375vw;
                    letter-spacing: .04em
                }

                .layout-form .overview-list-head {
                    font-size: 1.125rem;
                     line-height: 1.8rem;
                     font-weight: bold;
                     color: #4c566c;
                }

                .layout-form .overview-lead-sm {
                    margin-bottom: 0
                }

                .layout-form .overview-list {
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .layout-form .overview-list li {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .15625vw
                }

                .layout-form .overview-list li:before {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-right: .70313vw;
                    top: 3px;
                    top: .23438vw
                }

                .layout-form .form-form .form-inner {
                    padding-top: 1.01563vw;
                    padding-bottom: 4.0625vw;
                    width: 565px;
                    width: 44.14063vw
                }

                .layout-form .form-form .form-inner .breadcrumb {
                    margin-top: 1.09375vw;
                    margin-bottom: .70313vw;
                    padding-left: 0;
                    padding-right: 0
                }

                .layout-form .form-form .form-inner .bg-sm {
                    padding-left: 0;
                    padding-right: 0
                }

                .layout-form .form-form .form-inner form {
                    left: -1px;
                    left: -.07812vw!important
                }

                .mktoForm-wrap .mktoForm label:before {
                    height: 29px;
                    height: 2.26563vw!important;
                    top: 27px;
                    top: 2.10938vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .mktoForm-wrap .mktoForm label[for=comment],.mktoForm-wrap .mktoForm label[for=Comment],.mktoForm-wrap .mktoForm label[for=Company],.mktoForm-wrap .mktoForm label[for=company],.mktoForm-wrap .mktoForm label[for=Email],.mktoForm-wrap .mktoForm label[for=Phone],.mktoForm-wrap .mktoForm label[for=request],.mktoForm-wrap .mktoForm label[for=Request],.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactcomment],.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactrequest],.mktoForm-wrap .mktoForm label[for=z201CompanyName_L] {
                    width: 563px;
                    width: 43.98438vw!important
                }

                .mktoForm-wrap .mktoForm label[for=Department]:before,.mktoForm-wrap .mktoForm label[for=FirstName]:before,.mktoForm-wrap .mktoForm label[for=LastName]:before,.mktoForm-wrap .mktoForm label[for=Title]:before {
                    width: 274px;
                    width: 21.40625vw!important
                }

                .mktoForm-wrap .mktoForm label .mktoAsterix {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    top: 25px;
                    top: 1.95313vw
                }

                .mktoForm-wrap .mktoForm label[for=company] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Company] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Department] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=LastName] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Title] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z201CompanyName_L] .mktoAsterix {
                    left: 40px;
                    left: 3.125vw
                }

                .mktoForm-wrap .mktoForm label[for=Phone] .mktoAsterix {
                    left: 56px;
                    left: 4.375vw
                }

                .mktoForm-wrap .mktoForm label[for=Email] .mktoAsterix {
                    left: 96px;
                    left: 7.5vw
                }

                .mktoForm-wrap .mktoForm label[for=comment] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Comment] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactcomment] .mktoAsterix {
                    left: 112px;
                    left: 8.75vw
                }

                .mktoForm-wrap .mktoForm label[for=request] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Request] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactrequest] .mktoAsterix {
                    left: 160px;
                    left: 12.5vw
                }

                .mktoForm-wrap .mktoForm input,.mktoForm-wrap .mktoForm select,.mktoForm-wrap .mktoForm textarea {
                    margin-top: 53px;
                    margin-top: 4.14063vw!important;
                    width: 563px;
                    width: 43.98438vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important;
                    padding-left: 16px;
                    padding-left: 1.25vw!important;
                    padding-right: 16px;
                    padding-right: 1.25vw!important
                }

                .mktoForm-wrap .mktoForm input#Department,.mktoForm-wrap .mktoForm input#FirstName,.mktoForm-wrap .mktoForm input#LastName,.mktoForm-wrap .mktoForm input#Title,.mktoForm-wrap .mktoForm select#Department,.mktoForm-wrap .mktoForm select#FirstName,.mktoForm-wrap .mktoForm select#LastName,.mktoForm-wrap .mktoForm select#Title,.mktoForm-wrap .mktoForm textarea#Department,.mktoForm-wrap .mktoForm textarea#FirstName,.mktoForm-wrap .mktoForm textarea#LastName,.mktoForm-wrap .mktoForm textarea#Title {
                    width: 274px;
                    width: 21.40625vw!important
                }

                .mktoForm-wrap .mktoForm input#Department,.mktoForm-wrap .mktoForm input#LastName,.mktoForm-wrap .mktoForm select#Department,.mktoForm-wrap .mktoForm select#LastName,.mktoForm-wrap .mktoForm textarea#Department,.mktoForm-wrap .mktoForm textarea#LastName {
                    margin-right: 17px;
                    margin-right: 1.32813vw!important
                }

                .mktoForm-wrap .mktoForm input,.mktoForm-wrap .mktoForm select {
                    height: 44px;
                    height: 3.4375vw!important
                }

                .mktoForm-wrap .mktoForm textarea {
                    min-height: 170px;
                    min-height: 13.28125vw;
                    padding-top: 1.40625vw!important
                }

                .mktoForm-wrap .mktoForm .mktoHtmlText {
                    width: 563px;
                    width: 43.98438vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important;
                    text-align: right
                }

                .mktoForm-wrap .mktoForm .mktoHtmlText p {
                    text-align: right;
                    color: #a8a8a8!important
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow {
                    margin-top: 5.39063vw
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap {
                    width: 311px;
                    width: 24.29688vw!important;
                    border-radius: 30px;
                    border-radius: 2.34375vw!important
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 3px;
                    height: .23438vw;
                    right: 16px;
                    right: 1.25vw
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap:before {
                    width: 12px;
                    width: .9375vw;
                    height: 12px;
                    height: .9375vw;
                    right: 17px;
                    right: 1.32813vw;
                    border-top: 3px solid #fff;
                    border-right: 3px solid #fff
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow button {
                    width: 311px;
                    width: 24.29688vw!important;
                    height: 60px;
                    height: 4.6875vw!important;
                    border-radius: 30px;
                    border-radius: 2.34375vw!important;
                    font-size: 20px;
                    font-size: 1.5625vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red {
                    width: 424px;
                    width: 33.125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select {
                    height: 42px;
                    height: 3.28125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea {
                    width: 424px;
                    width: 33.125vw!important;
                    border-radius: 10px;
                    border-radius: .78125vw;
                    font-size: 16px;
                    font-size: 1.25vw;
                    padding-left: 16px;
                    padding-left: 1.25vw!important;
                    padding-right: 16px;
                    padding-right: 1.25vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm input#Title,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#Title,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#Title {
                    width: 424px;
                    width: 33.125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm input#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#LastName {
                    width: 202px;
                    width: 15.78125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#LastName {
                    margin-right: 17px;
                    margin-right: 1.32813vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=comment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Comment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Company],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=company],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Department],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Email],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Phone],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=request],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Request],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Title],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactcomment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactrequest],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z201CompanyName_L] {
                    width: 424px;
                    width: 33.125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=FirstName]:before,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=LastName]:before {
                    width: 202px;
                    width: 15.78125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label:before {
                    font-size: 16px;
                    font-size: 1.25vw;
                    top: 20px;
                    top: 1.5625vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label .mktoAsterix {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    top: 18px;
                    top: 1.40625vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=company] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Company] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Department] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=LastName] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Title] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z201CompanyName_L] .mktoAsterix {
                    left: 47px;
                    left: 3.67188vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Phone] .mktoAsterix {
                    left: 63px;
                    left: 4.92188vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=comment] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Comment] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Email] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactcomment] .mktoAsterix {
                    left: 112px;
                    left: 8.75vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=request] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Request] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactrequest] .mktoAsterix {
                    left: 160px;
                    left: 12.5vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoHtmlText {
                    margin-top: 39px;
                    margin-top: 3.04688vw!important;
                    width: 424px;
                    width: 33.125vw!important;
                    font-size: 12px;
                    font-size: .9375vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoButtonRow {
                    margin-top: 10px;
                    margin-top: .78125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoButtonRow .mktoButtonWrap {
                    width: 424px;
                    width: 33.125vw!important;
                    border-radius: 10px;
                    border-radius: .78125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm button {
                    width: 424px;
                    width: 33.125vw!important;
                    height: 64px;
                    height: 5vw!important;
                    border-radius: 10px;
                    border-radius: .78125vw!important;
                    font-size: 20px;
                    font-size: 1.5625vw!important
                }


                .marketo-download-breadcrumb {
                    margin-top: 2.1875vw;
                    margin-bottom: 1.25vw
                }

                .sec-marketo-seminar,section.sec-marketo-download {
                    width: 1200px;
                    width: 93.75vw
                }

                .marketo-download-head,.marketo-seminar-head {
                    margin-bottom: 3.75vw
                }

                .sec-seminar {
                    margin-top: 3.125vw;
                    padding-bottom: 4.6875vw
                }

                .sec-seminar .seminar-list {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                .sec-seminar .seminar-list .each-seminar {
                    width: 372px;
                    width: 29.0625vw;
                    margin-right: 3.28125vw;
                    margin-bottom: 3.28125vw
                }

                .sec-seminar .seminar-list .each-seminar:nth-of-type(3n) {
                    margin-right: 0
                }

                .sec-seminar .seminar-list .each-seminar .img {
                    height: 177px;
                    height: 13.82813vw
                }

                .sec-seminar .seminar-list .each-seminar .txt-area {
                    padding-top: 1.79687vw;
                    padding-bottom: 2.8125vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-seminar .seminar-list .each-seminar .availability,.sec-seminar .seminar-list .each-seminar .tag {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-seminar .seminar-list .each-seminar .tag-area {
                    margin-bottom: .3em
                }

                .sec-seminar .seminar-list .each-seminar .availability {
                    width: 85px;
                    width: 6.64063vw;
                    height: 31px;
                    height: 2.42188vw;
                    border-radius: 10px;
                    border-radius: .78125vw;
                    top: 15px;
                    top: 1.17188vw;
                    right: 14px;
                    right: 1.09375vw
                }

                .sec-seminar .seminar-list .each-seminar .available {
                    border: 2px solid #2dcc70
                }

                .sec-seminar .seminar-list .each-seminar .title-dark,.sec-seminar .seminar-list .each-seminar .title-light {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-download {
                    margin-top: 2.10938vw;
                    padding-bottom: 4.6875vw
                }

                .sec-download .list-title {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: 2.03125vw
                }

                .sec-download .list-title:after {
                    width: 100%
                }

                .sec-download .download-list {
                    padding-bottom: .78125vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                .sec-download .download-list .each-download {
                    width: 372px;
                    width: 29.0625vw;
                    margin-right: 3.28125vw;
                    margin-bottom: 3.28125vw
                }

                .sec-download .download-list .each-download:nth-of-type(3n) {
                    margin-right: 0
                }

                .sec-download .download-list .each-download .doc-title,.sec-download .download-list .each-download .img,.sec-download .download-list .each-download .mktoImg {
                    height: 191px;
                    height: 14.92188vw
                }

                .sec-download .download-list .each-download .doc-title {
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                .sec-download .download-list .each-download .txt-area {
                    padding-top: 1.95313vw;
                    padding-bottom: 2.8125vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-download .download-list .each-download .txt-area .title {
                    font-size: 1.05263vw;
                    font-size: 16px
                }

                .sec-download .download-list .each-download .txt-area .desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.5625vw
                }

                .sec-download .download-list .each-download .txt-area .doc-points {
                    font-size: 1.05263vw;
                    font-size: 15px
                }

                .sec-download .download-list .each-download .txt-area .btn {
                    width: 200px;
                    width: 15.625vw;
                    height: 44px;
                    height: 3.4375vw;
                    font-size: 16px;
                    font-size: 1.25vw;
                    border-radius: 22px;
                    border-radius: 1.71875vw
                }

                .sec-download .download-list .each-download .txt-area .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    right: 14px;
                    right: 1.09375vw
                }

                .sec-thanks {
                    height: calc(100vh - 125px);
                    padding: 0 30px
                }

                .sec-thanks .thanks-message {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-top: 45px;
                    line-height: 1.67
                }

                .sec-thanks .thanks-btn {
                    margin-top: 45px
                }

                .sec-thanks .module-btn-l {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    width: 374px;
                    width: 29.21875vw;
                    height: 55px;
                    height: 4.29688vw;
                    border-radius: 28px;
                    border-radius: 2.1875vw
                }

                .page-download-breadcrumb {
                    margin-top: 1.25vw
                }

                .page-download-form {
                    margin-top: 3.4375vw;
                    margin-bottom: 3.35938vw;
                    padding-left: 0;
                    padding-right: 0;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .page-download-form .form-area,.page-download-form .overview-area {
                    margin-left: 1.5625vw;
                    margin-right: 1.5625vw
                }

                .page-download-form .overview-area {
                    width: 653px;
                    width: 51.01563vw;
                    margin-bottom: 0
                }

                .page-download-form .overview-area .download-title {
                    font-size: 32px;
                    font-size: 2.5vw;
                    margin-bottom: 1.09375vw
                }

                .page-download-form .overview-area .download-img {
                    margin-bottom: 1.5625vw
                }

                .page-download-form .overview-area .download-desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .page-download-form .form-area {
                    border-width: .9375vw;
                    padding-left: 2.34375vw;
                    padding-right: 2.34375vw;
                    padding-top: .625vw;
                    padding-bottom: 2.96875vw
                }

                .page-download-download {
                    margin-top: 5.46875vw;
                    margin-bottom: 5.85938vw
                }

                .page-download-download .download-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 1.875vw
                }

                .page-download-download .download-btn {
                    font-size: 30px;
                    font-size: 2.34375vw;
                    width: 454px;
                    width: 35.46875vw;
                    height: 85px;
                    height: 6.64063vw;
                    border-radius: 10px;
                    border-radius: .78125vw;
                    margin-bottom: 5vw
                }

                .page-download-download .download-btn .icon {
                    width: 30px;
                    width: 2.34375vw;
                    height: 32px;
                    height: 2.5vw;
                    left: 28px;
                    left: 2.1875vw
                }

                .page-download-download .download-notes {
                    font-size: 16px;
                    font-size: 1.25vw;
                    width: 878px;
                    width: 68.59375vw;
                    margin-bottom: 1.875vw
                }

            
                .js-accordion .js-accordion-head:before {
                    width: 4px;
                    width: .3125vw;
                    height: 4px;
                    height: .3125vw;
                    right: 10px;
                    right: .78125vw
                }

                .js-accordion.invisible {
                    height: 74px;
                    height: 5.78125vw
                }

                .js-accordion.invisible:hover {
                    background: #d9f5d7
                }

                .js-accordion.invisible .js-accordion-head:before {
                    width: 4px;
                    width: .3125vw;
                    height: 24px;
                    height: 1.875vw
                }
            }

            @media screen and (min-width: 961px) {
                .setOrder {
                    color:#000
                }

                .mdl-smmd {
                    display: none
                }

                .mdl-head01 {
                    font-size: 32px;
                    font-size: 2.5vw;
                    padding-bottom: 1.79687vw
                }

                .mdl-head01:before {
                    width: 144px;
                    width: 11.25vw;
                    height: 4px;
                    height: .3125vw
                }

                .mdl-head01 .gray,.mdl-head01 .small {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                .mdl-head01 .en {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    top: 1px;
                    top: .07813vw
                }

                .mdl-breadcrumb {
                    font-size: 12px;
                    font-size: .9375vw;
                    margin-top: 1.01563vw;
                    margin-bottom: 1.875vw;
                    padding-left: 2.34375vw;
                    padding-right: 2.34375vw
                }

                .mdl-bnr-whole {
                    max-width: 960px
                }

             
                .btn-download {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    border-radius: 32px;
                    border-radius: 2.5vw;
                    width: 320px;
                    width: 25vw;
                    height: 64px;
                    height: 5vw;
                    padding-right: .78125vw;
                    right: 32px;
                    bottom: 32px
                }

                .btn-download .arrow {
                    width: 16px;
                    width: 1.25vw;
                    right: 26px;
                    right: 2.03125vw
                }

                .subpage-mv.engine .subpage-mv-img.poly01 {
                    
                }

                .subpage-mv.engine .head-area {
                    margin-left: 9.21875vw
                }

                .subpage-mv.engine .head-area .picto {
                    width: 136px;
                    width: 10.625vw;
                    margin-right: 5.46875vw;
                    margin-bottom: 0;
                    top: -8px;
                    top: -.625vw
                }

                .subpage-mv.engine .head-area .txt-area {
                    top: -7px;
                    top: -.54687vw
                }

                .subpage-mv.engine .head-area .title {
                    font-size: 72px;
                    font-size: 5.625vw;
                    margin-bottom: 0
                }

                .subpage-mv.team .subpage-mv-img.poly01 {
                    
                }

                .subpage-mv.team .head-area {
                    margin-left: 9.21875vw
                }

                .subpage-mv.team .head-area .picto {
                    width: 136px;
                    width: 10.625vw;
                    margin-right: 5.46875vw;
                    margin-bottom: 0;
                    top: -8px;
                    top: -.625vw
                }

                .subpage-mv.team .head-area .txt-area {
                    top: -7px;
                    top: -.54687vw
                }

                .subpage-mv.team .head-area .title {
                    font-size: 72px;
                    font-size: 5.625vw;
                    margin-bottom: 0
                }

                .subpage-mv.video {
                    height: 440px;
                    height: 34.375vw
                }

                .subpage-mv.video .subpage-mv-inner {
                    padding-top: 6.95313vw;
                    padding-left: 0
                }

                .subpage-mv.video .head-area {
                    margin-left: 9.21875vw
                }

                .subpage-mv.video .head-area .title-area {
                    margin-bottom: 0
                }

                .subpage-mv.video .head-area .copy {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: 2.10938vw
                }

                .subpage-mv.video .head-area .copy .num {
                    font-size: 32px;
                    font-size: 2.5vw
                }

                .subpage-mv.video .head-area .picto {
                    width: 120px;
                    width: 9.375vw;
                    height: 102px;
                    height: 7.96875vw;
                    margin-right: 1.79687vw
                }

                .subpage-mv.video .head-area .title {
                    font-size: 56px;
                    font-size: 4.375vw;
                    top: -6px;
                    top: -.46875vw
                }

                .subpage-mv.video .head-area .lead {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .subpage-mv.video .head-area .num {
                    font-size: 32px;
                    font-size: 2.5vw;
                    top: 1px;
                    top: .07813vw;
                    left: 1px;
                    left: .07813vw
                }

                .subpage-mv.video .btn-wrap {
                    margin-top: 3.51563vw;
                    margin-left: 2.65625vw
                }

                .subpage-mv.video .btn {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    border-radius: 32px;
                    border-radius: 2.5vw;
                    width: 360px;
                    width: 28.125vw;
                    height: 64px;
                    height: 5vw;
                    padding-right: .78125vw;
                    margin-bottom: .78125vw
                }

                .subpage-mv.video .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    right: 26px;
                    right: 2.03125vw
                }

                .subpage-mv {
                    height: 440px;
                    height: 34.375vw
                }

                .subpage-mv .subpage-mv-img.poly01 {
                    
                }

                .subpage-mv .head-area {
                    margin-left: 80px
                }

                .subpage-mv .head-area .title {
                    font-size: 72px;
                    font-size: 5.625vw;
                    margin-bottom: 0
                }

                .subpage-mv .head-area .lead {
                    font-size: 32px;
                    font-size: 2.5vw
                }

                .sec-mv {
                    height: 560px;
                    height: 43.75vw;
                    padding: 24px
                }

                .sec-mv .sec-mv-inner {
                    padding-top: 5.3125vw
                }

                .sec-mv .sec-mv-img {
                    
                    background-size: auto 537px;
                    background-position: 100% 0 calc(50vw - 533px)
                }

                .sec-mv .bg-wrap {
                    height: 513px
                }

                .sec-mv picture {
                    margin-left: auto;
                    margin-right: calc(50vw - 533px)
                }

                .sec-mv .bg,.sec-mv picture {
                    height: 537px;
                    height: 41.95313vw
                }

                .sec-mv .arrow {
                    width: 702px;
                    width: 54.84375vw;
                    top: 58px;
                    top: 4.53125vw;
                    height: 480px;
                    height: 37.5vw;
                    right: calc(50% - 44vw)
                }

                .sec-mv .copy {
                    font-size: 32px;
                    font-size: 2.5vw;
                    line-height: 1.75
                }

                .sec-mv .copy .name {
                    margin-top: 2.26563vw;
                    width: 1060px
                }

                .sec-mv .results {
                    width: 483px;
                    width: 37.73438vw;
                    bottom: 63px;
                    bottom: 4.92188vw;
                    left: -24px
                }

                .sec-mv .results,.sec-mv .results-wrap {
                    height: 90px;
                    height: 7.03125vw
                }

                .sec-mv .results-wrap {
                    bottom: 63px;
                    bottom: 4.92188vw;
                    width: 1060px
                }

                .sec-mv .results-wrap .each-result {
                    margin-right: 2.10938vw
                }

                .sec-mv .results-wrap .icon {
                    width: 28px;
                    width: 2.1875vw;
                    margin-right: 1.17188vw
                }

                .sec-mv .results-wrap .txt-area {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .sec-mv .results-wrap .num {
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                .sec-top-services {
                    padding-top: 4.6875vw;
                    padding-bottom: 4.6875vw
                }

                .sec-top-services .services-head01 {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 1.17188vw
                }

                .sec-top-services .services-desc01 {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.5vw
                }

                .sec-top-services .service-box {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    max-width: 1500px;
                    margin: 0 auto
                }

                .sec-top-services .each-service {
                    margin-bottom: 1.25vw;
                    width: 472px;
                    max-width: calc(50% - 8px);
                    margin-left: .625vw;
                    margin-right: .625vw
                }

                .sec-top-services .each-service.dx .desc-area .picto {
                    width: 160px;
                    width: 12.5vw
                }

                .sec-top-services .each-service.ux .desc-area .picto {
                    width: 164px;
                    width: 12.8125vw
                }

                .sec-top-services .each-service.video {
                    width: 960px;
                    max-width: 100%
                }

                .sec-top-services .each-service.video .desc-area .picto {
                    width: 160px;
                    width: 12.5vw
                }

                .sec-top-services .each-service.video .features-area .each-feature {
                    width: 400px;
                    width: 31.25vw
                }

                .sec-top-services .each-service.video .features-area .each-feature .picto.ad {
                    width: 70px;
                    width: 5.46875vw
                }

                .sec-top-services .each-service.video .features-area .each-feature:first-of-type {
                    margin-bottom: 0
                }

                .sec-top-services .each-service .each-service-inner {
                    padding-top: 2.34375vw;
                    padding-bottom: 2.34375vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-top-services .each-service .service-name {
                    font-size: 40px;
                    font-size: 3.125vw;
                    margin-bottom: 2.34375vw
                }

                .sec-top-services .each-service .desc-area {
                    margin-bottom: 1.95313vw
                }

                .sec-top-services .each-service .desc-area .picto {
                    margin-bottom: 1.17188vw;
                    height: 101px;
                    height: 7.89063vw
                }

                .sec-top-services .each-service .desc-area .desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-top-services .each-service .features-area .each-feature {
                    width: 160px;
                    width: 12.5vw;
                    margin-bottom: 1.95313vw;
                    margin-left: 1.09375vw;
                    margin-right: 1.09375vw
                }

                .sec-top-services .each-service .features-area .each-feature .btn {
                    margin-top: 2.34375vw
                }

                .sec-top-services .each-service .features-area .picto {
                    width: 60px;
                    width: 4.6875vw;
                    height: 60px;
                    height: 4.6875vw;
                    margin-bottom: .46875vw
                }

                .sec-top-services .each-service .features-area .feature-name {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .78125vw;
                    height: 27px;
                    height: 2.10938vw
                }

                .sec-top-services .each-service .btn,.sec-top-services .each-service .features-area .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-top-services .each-service .btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw
                }

                .sec-top-services .each-service .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-top-services .service-structure {
                    width: 100%;
                    max-width: 960px
                }

                .sec-top-services .service-structure .service-structure-inner {
                    padding-top: 2.73438vw;
                    padding-bottom: 2.73438vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-top-services .service-structure .lead {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: 1.17188vw
                }

                .sec-top-services .service-structure .picto-area {
                    margin-bottom: .39063vw
                }

                .sec-top-services .service-structure .picto-area .each .name {
                    font-size: 24px;
                    font-size: 1.875vw
                }

                .sec-top-services .service-structure .picto-area .arrow {
                    width: 49px;
                    width: 3.82813vw;
                    margin-right: .85938vw;
                    margin-left: .78125vw
                }

                .sec-top-services .service-structure .picto-area .picto {
                    margin-right: .9375vw;
                    margin-left: .9375vw
                }

                .sec-top-services .service-structure .picto-area .picto .label {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .sec-top-services .service-structure .picto-area .building {
                    width: 58px;
                    width: 4.53125vw;
                    height: 80px;
                    height: 6.25vw
                }

                .sec-top-services .service-structure .picto-area .shopping {
                    width: 56px;
                    width: 4.375vw;
                    height: 80px;
                    height: 6.25vw
                }

                .sec-top-services .service-structure .desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-top-news {
                    padding-top: 4.6875vw;
                    padding-bottom: 5.3125vw
                }

                .sec-top-news .sec-top-news-inner {
                    max-width: 960px
                }

                .sec-top-news .news-head01 {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 3.125vw
                }

                .sec-top-news .news-list .each-news {
                    margin-bottom: 1.25vw
                }

                .sec-top-news .news-list .each-news .date {
                    font-size: 12px;
                    font-size: .9375vw;
                    width: 50px;
                    width: 3.90625vw;
                    height: 50px;
                    height: 3.90625vw;
                    margin-right: 1.25vw
                }

                .sec-top-news .news-list .each-news .title {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-top-bnr {
                    padding-bottom: 5.3125vw
                }

                .sec-bnr .bnr-dx-book {
                    margin-bottom: 3.59375vw
                }

                .sec-bnr .bnr-flex {
                    margin-bottom: 5.625vw
                }

                .sec-bnr .bnr-flex .bnr-half {
                    width: 240px;
                    width: 18.75vw;
                    height: 72px;
                    height: 5.625vw
                }

                .sec-bnr .bnr-flex .bnr-half.bnr-media {
                    margin-right: .54688vw
                }

                .sec-bnr .bnr-flex .bnr-half.bnr-seminar {
                    margin-left: .54688vw
                }

                .sec-bnr .bnr-flex .bnr-half .txt {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-bnr .bnr-growthhacker {
                    height: 9.21875vw;
                    padding-bottom: 0;
                    height: 118px;
                    display: block
                }

                .sec-bnr .bnr-growthhacker .txt-area {
                    padding-left: 7.8125vw;
                    padding-bottom: .54688vw
                }

                .sec-bnr .bnr-growthhacker .txt-area .title {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    margin-bottom: 1.17188vw
                }

                .sec-bnr .bnr-growthhacker .txt-area .lead {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-bnr .bnr-growthhacker .logomark {
                    width: 48px;
                    width: 3.75vw;
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 30px;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%)
                }

                .sec-dx-overview .dx-overview-head {
                    margin-bottom: 3.90625vw
                }

                .sec-dx-overview .dx-overview-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.89063vw
                }

                .sec-dx-overview .dx-overview-video {
                    margin-bottom: 5.46875vw;
                    max-width: 640px
                }

                .sec-dx-overview .dx-overview-video .title {
                    height: 34px;
                    height: 2.65625vw;
                    padding-left: 1.25vw;
                    padding-right: 1.25vw
                }

                .sec-dx-overview .dx-overview-video .small {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .sec-dx-overview .dx-overview-video .large {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-dx-pro {
                    padding-top: 1.5625vw;
                    padding-bottom: 7.03125vw;
                    background-size: 1012px auto
                }

                .sec-dx-pro .dx-pro-head {
                    margin-bottom: 4.6875vw
                }

                .sec-dx-pro .pro-people {
                    padding-bottom: 4.6875vw
                }

                .sec-dx-pro .each-people {
                    width: 372px;
                    width: 29.0625vw;
                    margin-bottom: 0
                }

                .sec-dx-pro .each-people .pro-box01 {
                    margin-bottom: 0
                }

                .sec-dx-pro .each-people .pro-img {
                    width: 120px;
                    width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    padding: .3125vw;
                    margin-bottom: 1.875vw
                }

                .sec-dx-pro .each-people .pro-img .pro-img-inner {
                    width: 112px;
                    width: 8.75vw;
                    height: 112px;
                    height: 8.75vw
                }

                .sec-dx-pro .each-people .pro-img .pro-img-inner img {
                    width: 120px;
                    width: 9.375vw;
                    max-width: 120px;
                    max-width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    top: -4px;
                    top: -.3125vw;
                    left: -4px;
                    left: -.3125vw
                }

                .sec-dx-pro .each-people .pro-name {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .54688vw
                }

                .sec-dx-pro .each-people .pro-role {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 1.5625vw
                }

                .sec-dx-pro .each-people .pro-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-dx-project {
                    padding-top: 5.85938vw;
                    padding-bottom: 6.64063vw
                }

                .sec-dx-project .dx-project-head {
                    margin-bottom: 4.6875vw
                }

                .sec-dx-project .dx-projects .each-project {
                    width: 579px;
                    width: 45.23438vw;
                    padding-top: 1.875vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    padding-bottom: 2.5vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-dx-project .dx-projects .each-project .project-img {
                    margin-bottom: .9375vw
                }

                .sec-dx-project .dx-projects .each-project .project-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .78125vw
                }

                .sec-dx-project .dx-projects .each-project .project-client {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 1.32813vw
                }

                .sec-dx-project .dx-projects .each-project .tags {
                    margin-bottom: 1.5625vw
                }

                .sec-dx-project .dx-projects .each-project .tags .each-tag {
                    font-size: 12px;
                    font-size: .9375vw;
                    margin-right: .3125vw;
                    min-width: 77px;
                    min-width: 6.01563vw;
                    height: 23px;
                    height: 1.79687vw;
                    border-radius: 12px;
                    border-radius: .9375vw;
                    padding-left: .625vw;
                    padding-right: .625vw
                }

                .sec-dx-project .dx-projects .each-project .project-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.17188vw
                }

                .sec-dx-project .dx-projects .each-project .project-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-dx-project .dx-projects .each-project .project-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-dx-client {
                    padding-top: 6.09375vw;
                    padding-bottom: 4.76563vw
                }

                .sec-dx-client .dx-client-head {
                    margin-bottom: 3.51563vw
                }

                .sec-dx-client .dx-clients {
                    width: 1120px;
                    width: 87.5vw
                }

                .sec-dx-client .dx-clients .each-client {
                    border-radius: 8px;
                    border-radius: .625vw;
                    margin-bottom: 1.875vw;
                    padding-left: 4.6875vw;
                    padding-right: 4.6875vw
                }

                .dx-bg-arrow {
                    background-size: 1012px auto
                }

                .sec-dx-needs {
                    padding-top: 6.25vw;
                    padding-bottom: 1.25vw
                }

                .sec-dx-needs .dx-needs-head {
                    margin-bottom: 4.84375vw
                }

                .sec-dx-needs .dx-needs:after {
                    width: 960px;
                    left: 8px;
                    top: calc(50% - 33px);
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }

                .sec-dx-needs .each-needs {
                    width: 472px;
                    width: 36.875vw;
                    margin-bottom: 5vw;
                    margin-left: .625vw;
                    margin-right: .625vw
                }

                .sec-dx-needs .each-needs.bnr {
                    margin-bottom: 5vw;
                    height: 144px;
                    height: 11.25vw
                }

                .sec-dx-needs .each-needs.bnr img {
                    height: 144px;
                    height: 11.25vw
                }

                .sec-dx-needs .each-needs .needs-picto {
                    width: 144px;
                    width: 11.25vw;
                    height: 144px;
                    height: 11.25vw;
                    margin-right: 1.875vw
                }

                .sec-dx-needs .each-needs .txt-area {
                    padding-bottom: 1.09375vw
                }

                .sec-dx-needs .each-needs .needs-name {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: .85938vw
                }

                .sec-dx-needs .each-needs .needs-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    width: 304px;
                    width: 23.75vw
                }

                .sec-dx-services {
                    padding-top: 6.25vw;
                    padding-bottom: 11.71875vw
                }

                .sec-dx-services .services-head01 {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 2.73438vw
                }

                .sec-dx-services .services-desc01 {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.5vw
                }

                .sec-dx-services .service-box {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .sec-dx-services .each-service {
                    margin-bottom: 1.25vw;
                    width: 472px;
                    max-width: calc(50% - 8px);
                    margin-left: .625vw;
                    margin-right: .625vw
                }

                .sec-dx-services .each-service.dx .desc-area .picto,.sec-dx-services .each-service.solution .desc-area .picto {
                    width: 140px;
                    width: 10.9375vw
                }

                .sec-dx-services .each-service.ux .desc-area .picto {
                    width: 164px;
                    width: 12.8125vw
                }

                .sec-dx-services .each-service.video {
                    width: 960px;
                    max-width: 100%
                }

                .sec-dx-services .each-service.video .desc-area .picto {
                    width: 160px;
                    width: 12.5vw
                }

                .sec-dx-services .each-service.video .features-area .each-feature {
                    width: 400px;
                    width: 31.25vw
                }

                .sec-dx-services .each-service.video .features-area .each-feature .picto.ad {
                    width: 70px;
                    width: 5.46875vw
                }

                .sec-dx-services .each-service.video .features-area .each-feature:first-of-type {
                    margin-bottom: 0
                }

                .sec-dx-services .each-service .each-service-inner {
                    padding-top: 2.34375vw;
                    padding-bottom: 2.34375vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-dx-services .each-service .service-name {
                    font-size: 40px;
                    font-size: 3.125vw;
                    margin-bottom: 2.34375vw
                }

                .sec-dx-services .each-service .desc-area {
                    margin-bottom: 1.95313vw
                }

                .sec-dx-services .each-service .desc-area .picto {
                    margin-bottom: 1.17188vw;
                    height: 101px;
                    height: 7.89063vw
                }

                .sec-dx-services .each-service .desc-area .desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-dx-services .each-service .features-area .each-feature {
                    width: 160px;
                    width: 12.5vw;
                    margin-bottom: 1.95313vw;
                    margin-left: 1.09375vw;
                    margin-right: 1.09375vw
                }

                .sec-dx-services .each-service .features-area .each-feature .btn {
                    margin-top: 2.34375vw
                }

                .sec-dx-services .each-service .features-area .picto {
                    width: 60px;
                    width: 4.6875vw;
                    height: 60px;
                    height: 4.6875vw;
                    margin-bottom: .46875vw
                }

                .sec-dx-services .each-service .features-area .feature-name {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .78125vw;
                    height: 27px;
                    height: 2.10938vw
                }

                .sec-dx-services .each-service .btn,.sec-dx-services .each-service .features-area .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-dx-services .each-service .btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw
                }

                .sec-dx-services .each-service .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-ux-overview {
                    padding-bottom: 5.46875vw
                }

                .sec-ux-overview .ux-overview-head {
                    margin-bottom: 3.59375vw
                }

                .sec-ux-overview .ux-issues .each-issue {
                    width: 372px;
                    width: 29.0625vw;
                    margin-right: 1.64063vw;
                    margin-left: 1.64063vw;
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .sec-ux-overview .ux-issues .each-issue .issue {
                    height: 84px;
                    height: 6.5625vw;
                    margin-bottom: 3.125vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue.high {
                    height: 84px;
                    height: 6.5625vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue.high .issue-txt {
                    top: 0;
                    height: 84px;
                    height: 6.5625vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue.high.bg {
                    height: 84px;
                    height: 6.5625vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue .issue-txt {
                    top: 0;
                    left: 96px;
                    left: 7.5vw;
                    width: 260px;
                    width: 20.3125vw;
                    height: 84px;
                    height: 6.5625vw;
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue .bg {
                    height: 84px;
                    height: 6.5625vw
                }

                .sec-ux-overview .ux-issues .each-issue .issue:after {
                    bottom: -28px;
                    bottom: -2.1875vw
                }

                .sec-ux-overview .ux-issues .each-issue .task {
                    height: 96px;
                    height: 7.5vw
                }

                .sec-ux-overview .ux-issues .each-issue .task .task-inner {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                .sec-ux-strength {
                    padding-top: 4.6875vw
                }

                .sec-ux-strength .ux-strength-head {
                    margin-bottom: 3.125vw
                }

                .sec-ux-strength .ux-strength {
                    width: 1200px;
                    width: 93.75vw
                }

                .sec-ux-strength .ux-strength .ux-strength-inner {
                    padding-top: 4.0625vw;
                    padding-bottom: 3.4375vw;
                    padding-left: 2.1875vw;
                    padding-right: 2.1875vw
                }

                .sec-ux-strength .ux-strength .each-strength {
                    width: 350px;
                    width: 27.34375vw;
                    margin-bottom: 0
                }

                .sec-ux-strength .ux-strength .each-strength .strength-picto {
                    width: 144px;
                    width: 11.25vw;
                    margin-bottom: .9375vw
                }

                .sec-ux-strength .ux-strength .each-strength .strength-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.5625vw
                }

                .sec-ux-strength .ux-strength .each-strength .strength-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-ux-strength .ux-strength-result {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-top: 3.59375vw;
                    padding-top: 1.64063vw;
                    padding-bottom: 5.46875vw;
                    background-size: 1046px auto
                }

                .sec-ux-strength .ux-strength-result .large {
                    font-size: 64px;
                    font-size: 5vw
                }

                .sec-ux-strength .ux-strength-result .middle {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-top: .78125vw
                }

                .sec-ux-services {
                    padding-top: 4.6875vw;
                    padding-bottom: 6.64063vw
                }

                .sec-ux-services .ux-services-head {
                    margin-bottom: 3.90625vw
                }

                .sec-ux-services .ux-service .each-service {
                    width: 579px;
                    width: 45.23438vw;
                    padding-top: 2.5vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    padding-bottom: 2.5vw;
                    margin-left: 1.5625vw;
                    margin-right: 1.5625vw;
                    margin-bottom: 3.125vw
                }

                .sec-ux-services .ux-service .each-service .service-picto {
                    width: 120px;
                    width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    margin-bottom: 2.34375vw
                }

                .sec-ux-services .ux-service .each-service .service-copy {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .39063vw
                }

                .sec-ux-services .ux-service .each-service .service-name {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-bottom: 1.5625vw
                }

                .sec-ux-services .ux-service .each-service .service-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.17188vw
                }

                .sec-ux-services .ux-service .each-service .service-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-ux-services .ux-service .each-service .service-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-ux-case {
                    padding-top: 5.46875vw
                }

                .sec-ux-case .ux-case-head {
                    margin-bottom: 3.125vw
                }

                .sec-ux-case .bx-next,.sec-ux-case .bx-prev {
                    width: 56px;
                    width: 4.375vw;
                    height: 238px;
                    height: 18.59375vw
                }

                .sec-ux-case .bx-next:before,.sec-ux-case .bx-prev:before {
                    width: 40px;
                    width: 3.125vw;
                    height: 40px;
                    height: 3.125vw
                }

                .sec-ux-case .bx-next:after,.sec-ux-case .bx-prev:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 15px;
                    height: 1.17188vw
                }

                .sec-ux-case .bx-prev:after {
                    left: 15px;
                    left: 1.17188vw
                }

                .sec-ux-case .bx-next:after {
                    right: 15px;
                    right: 1.17188vw
                }

                .sec-ux-case .bx-pager {
                    margin-top: 2.1875vw
                }

                .sec-ux-case .bx-pager .bx-pager-item {
                    width: 10px;
                    width: .78125vw;
                    height: 10px;
                    height: .78125vw;
                    margin-left: .3125vw;
                    margin-right: .3125vw
                }

                .sec-ux-case .ux-cases .each-case {
                    width: 460px;
                    width: 35.9375vw;
                    max-width: 460px;
                    max-width: 35.9375vw;
                    margin-bottom: 0;
                    margin-left: 1.5625vw;
                    margin-right: 1.5625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner {
                    padding-top: 1.5625vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw;
                    padding-bottom: 1.5625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .img {
                    margin-bottom: 1.95313vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .title {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: .54688vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .client {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: .78125vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .tags {
                    margin-bottom: 1.5625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .tags .each-tag {
                    font-size: 12px;
                    font-size: .9375vw;
                    margin-right: .3125vw;
                    margin-bottom: 0;
                    min-width: 77px;
                    min-width: 6.01563vw;
                    height: 23px;
                    height: 1.79687vw;
                    border-radius: 12px;
                    border-radius: .9375vw;
                    padding-left: .625vw;
                    padding-right: .625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.5625vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-ux-client {
                    padding-top: 6.09375vw;
                    padding-bottom: 7.1875vw
                }

                .sec-ux-client .ux-client-head {
                    margin-bottom: 3.51563vw
                }

                .sec-ux-client .ux-clients {
                    width: 1120px;
                    width: 87.5vw
                }

                .sec-ux-client .ux-clients .each-client {
                    border-radius: 8px;
                    border-radius: .625vw;
                    margin-bottom: 1.875vw;
                    padding-left: 2.34375vw;
                    padding-right: 2.34375vw
                }

                .ux-bg-arrow {
                    background-size: 1012px auto
                }

                .sec-ux-needs {
                    padding-top: 6.25vw;
                    padding-bottom: 1.25vw
                }

                .sec-ux-needs .ux-needs-head {
                    margin-bottom: 3.125vw
                }

                .sec-ux-needs .ux-needs:after {
                    width: 960px;
                    left: 8px;
                    top: calc(50% - 31px);
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }

                .sec-ux-needs .each-needs {
                    width: 472px;
                    width: 36.875vw;
                    margin-bottom: 5vw;
                    margin-left: .625vw;
                    margin-right: .625vw
                }

                .sec-ux-needs .each-needs.bnr {
                    margin-bottom: 5vw;
                    height: 144px;
                    height: 11.25vw
                }

                .sec-ux-needs .each-needs .needs-picto {
                    width: 144px;
                    width: 11.25vw;
                    height: 144px;
                    height: 11.25vw;
                    margin-right: 1.875vw
                }

                .sec-ux-needs .each-needs .needs-name {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: .78125vw
                }

                .sec-ux-needs .each-needs .needs-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    width: 304px;
                    width: 23.75vw
                }

                .sec-ux-service {
                    padding-top: 5.54688vw;
                    padding-bottom: 7.42188vw
                }

                .sec-ux-service .ux-service-head {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 2.73438vw
                }

                .sec-ux-service .service {
                    margin-bottom: 1.25vw;
                    width: 75vw;
                    max-width: 960px;
                    padding: 5px
                }

                .sec-ux-service .service.dx .desc-area .picto {
                    width: 180px;
                    width: 14.0625vw
                }

                .sec-ux-service .service.ux .desc-area .picto {
                    width: 164px;
                    width: 12.8125vw
                }

                .sec-ux-service .service .service-inner {
                    padding-top: 2.34375vw;
                    padding-bottom: 3.28125vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-ux-service .service .service-name {
                    font-size: 40px;
                    font-size: 3.125vw;
                    margin-bottom: 1.40625vw
                }

                .sec-ux-service .service .desc-area {
                    margin-bottom: 2.57813vw
                }

                .sec-ux-service .service .desc-area .picto {
                    margin-bottom: 1.5625vw;
                    height: 112px;
                    height: 8.75vw
                }

                .sec-ux-service .service .desc-area .desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-ux-service .service .features-area {
                    margin-bottom: 1.40625vw
                }

                .sec-ux-service .service .features-area .each-feature {
                    width: 258px;
                    width: 20.15625vw;
                    margin-bottom: 1.95313vw;
                    margin-left: 1.17188vw;
                    margin-right: 1.17188vw
                }

                .sec-ux-service .service .features-area .picto {
                    width: 85px;
                    width: 6.64063vw;
                    height: 85px;
                    height: 6.64063vw;
                    margin-bottom: .3125vw
                }

                .sec-ux-service .service .features-area .feature-name {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .78125vw;
                    height: 27px;
                    height: 2.10938vw
                }

                .sec-ux-service .service .btn,.sec-ux-service .service .features-area .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-ux-service .service .btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    margin-top: 0
                }

                .sec-ux-service .service .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-engine-overview {
                    padding-bottom: 0;
                    background-size: 1012px auto
                }

                .sec-engine-overview .engine-overview-head {
                    margin-bottom: 3.04688vw
                }

                .sec-engine-overview .engine-overview-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 5.70313vw
                }

                section.sec-engine-features {
                    padding-top: 6.25vw;
                    padding-bottom: 6.25vw
                }

                section.sec-engine-features .engine-features-head {
                    margin-bottom: 3.75vw
                }

                section.sec-engine-features .engine-features .each-feature {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                section.sec-engine-features .engine-features .each-feature .each-feature-inner {
                    padding-top: 1.5625vw;
                    padding-bottom: 2.1875vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .78125vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.40625vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-img {
                    height: 188px;
                    height: 14.6875vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-img.feature01 {
                    width: 292px;
                    width: 22.8125vw;
                    left: 3px;
                    left: .23438vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-img.feature02 {
                    width: 303px;
                    width: 23.67188vw;
                    top: 11px;
                    top: .85938vw;
                    left: 4px;
                    left: .3125vw
                }

                section.sec-engine-features .engine-features .each-feature .feature-img.feature03 {
                    width: 288px;
                    width: 22.5vw;
                    top: 2px;
                    top: .15625vw;
                    left: 14px;
                    left: 1.09375vw
                }

                .sec-engine-cases {
                    padding-top: 5.15625vw;
                    padding-bottom: 6.25vw
                }

                .sec-engine-cases .engine-cases-head {
                    margin-bottom: 3.75vw
                }

                .sec-engine-cases .engine-cases .each-case {
                    width: 579px;
                    width: 45.23438vw;
                    padding-top: 1.875vw;
                    padding-bottom: 1.875vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-engine-cases .engine-cases .each-case .case-client {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .625vw
                }

                .sec-engine-cases .engine-cases .each-case .case-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-engine-cases .engine-cases .each-case .arrow {
                    width: 32px;
                    width: 2.5vw;
                    height: 28px;
                    height: 2.1875vw
                }

                .sec-engine-cases .engine-cases .each-case .phone {
                    width: 200px;
                    width: 15.625vw;
                    height: 410px;
                    height: 32.03125vw;
                    padding-top: .23438vw;
                    padding-bottom: .23438vw;
                    padding-left: .39063vw;
                    padding-right: .39063vw
                }

                .sec-engine-cases .engine-cases .each-case .phone .phone-inner {
                    border-radius: 20px;
                    border-radius: 1.5625vw
                }

                .sec-engine-cases .engine-cases .each-case .phone.half {
                    width: 200px;
                    width: 15.625vw;
                    height: 410px;
                    height: 32.03125vw;
                    padding-top: .23438vw;
                    padding-bottom: .23438vw;
                    padding-left: .39063vw;
                    padding-right: .39063vw
                }

                .sec-engine-cases .engine-cases .each-case .phone.half .phone-inner {
                    border-radius: 20px;
                    border-radius: 1.5625vw
                }

                .sec-engine-cases .engine-cases .each-case .case-img-area,.sec-engine-cases .engine-cases .each-case .case-video {
                    margin-bottom: .9375vw
                }

                .sec-engine-function {
                    padding-top: 5.23438vw
                }

                .sec-engine-function .engine-function-head {
                    margin-bottom: 3.59375vw
                }

                .sec-engine-function .each-function {
                    margin-bottom: 12.96875vw
                }

                .sec-engine-function .each-function.function01 {
                    margin-bottom: 10.625vw
                }

                .sec-engine-function .each-function.left .function-txt-area {
                    right: 640px;
                    right: 50vw;
                    padding-right: 8.125vw
                }

                .sec-engine-function .each-function.left .function-img,.sec-engine-function .each-function.right .function-txt-area {
                    left: 640px;
                    left: 50vw
                }

                .sec-engine-function .each-function.right .function-txt-area {
                    padding-left: 7.89063vw
                }

                .sec-engine-function .each-function.right .function-img {
                    right: 640px;
                    right: 50vw
                }

                .sec-engine-function .each-function .function-gradient {
                    width: 960px;
                    width: 75vw;
                    height: 240px;
                    height: 18.75vw
                }

                .sec-engine-function .each-function .function-txt-area {
                    width: 480px;
                    width: 37.5vw;
                    padding-top: 3.75vw
                }

                .sec-engine-function .each-function .function-name {
                    font-size: 32px;
                    font-size: 2.5vw;
                    margin-bottom: 1.875vw
                }

                .sec-engine-function .each-function .function-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-engine-function .each-function .function-img {
                    width: 480px;
                    width: 37.5vw;
                    height: 248px;
                    height: 19.375vw;
                    top: 48px;
                    top: 3.75vw
                }

                .sec-engine-function .each-function .function-img.function02 img {
                    height: 278px;
                    height: 21.71875vw
                }

                .sec-common-services {
                    padding-top: 4.6875vw;
                    padding-bottom: 6.25vw;
                    margin-bottom: 2.5vw
                }

                .sec-common-services .common-services-head {
                    margin-bottom: 3.51563vw
                }

                .sec-common-services .common-service .each-service {
                    width: 372px;
                    width: 29.0625vw;
                    padding-top: 2.1875vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    padding-bottom: 1.875vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-common-services .common-service .each-service .service-picto {
                    width: 120px;
                    width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    margin-bottom: 1.5625vw
                }

                .sec-common-services .common-service .each-service .service-copy {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .15625vw
                }

                .sec-common-services .common-service .each-service .service-name {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-bottom: 1.01563vw
                }

                .sec-common-services .common-service .each-service .service-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.48438vw
                }

                .sec-common-services .common-service .each-service .service-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-common-services .common-service .each-service .service-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-team-overview {
                    padding-bottom: 0;
                    background-size: 1012px auto
                }

                .sec-team-overview .team-overview-head {
                    margin-bottom: 3.04688vw
                }

                .sec-team-overview .team-overview-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 5.70313vw
                }

                section.sec-team-features {
                    padding-top: 5.85938vw;
                    padding-bottom: 5.85938vw
                }

                section.sec-team-features .team-features-head {
                    margin-bottom: 3.75vw
                }

                section.sec-team-features .team-features .each-feature {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner {
                    padding-top: 1.95313vw;
                    padding-bottom: 1.79687vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature02 {
                    padding-top: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature02 .feature-img {
                    margin-bottom: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 {
                    padding-top: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 .feature-img {
                    margin-bottom: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 .feature-lead {
                    margin-bottom: .78125vw
                }

                section.sec-team-features .team-features .each-feature .feature-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .78125vw
                }

                section.sec-team-features .team-features .each-feature .feature-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                section.sec-team-features .team-features .each-feature .feature-img {
                    height: 149px;
                    height: 11.64063vw;
                    margin-bottom: 1.95313vw
                }

                section.sec-team-features .team-features .each-feature .feature-img.feature01 {
                    width: 226px;
                    width: 17.65625vw
                }

                section.sec-team-features .team-features .each-feature .feature-img.feature02 {
                    width: 231px;
                    width: 18.04688vw
                }

                section.sec-team-features .team-features .each-feature .feature-img.feature03 {
                    width: 216px;
                    width: 16.875vw
                }

                .sec-team-support {
                    padding-top: 0;
                    padding-bottom: 6.25vw
                }

                .sec-team-support .team-support-head {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: 3.125vw
                }

                .sec-team-support .team-support-list {
                    padding-left: 0;
                    padding-right: 0
                }

                .sec-team-support .team-support-list .each-support {
                    margin-bottom: 0
                }

                .sec-team-support .team-support-list .each-support .support-picto {
                    width: 0;
                    top: 0
                }

                .sec-team-support .team-support-list .each-support .support-txt-area {
                    width: 0
                }

                .sec-team-support .team-support-list .each-support .support-role {
                    font-size: 0;
                    margin-bottom: 0
                }

                .sec-team-support .team-support-list .each-support .support-desc {
                    font-size: 0
                }

                .sec-team-support .team-support-img {
                    width: 1200px;
                    width: 93.75vw
                }

                .sec-team-services {
                    padding-top: 4.6875vw;
                    padding-bottom: 3.75vw;
                    margin-bottom: 2.5vw
                }

                .sec-team-services .team-services-head {
                    margin-bottom: 3.51563vw
                }

                .sec-team-services .team-service .each-service {
                    width: 372px;
                    width: 29.0625vw;
                    padding-top: 2.1875vw;
                    padding-left: 1.875vw;
                    padding-right: 1.875vw;
                    padding-bottom: 2.5vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-team-services .team-service .each-service .service-picto {
                    width: 120px;
                    width: 9.375vw;
                    height: 120px;
                    height: 9.375vw;
                    margin-bottom: 1.5625vw
                }

                .sec-team-services .team-service .each-service .service-copy {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .15625vw
                }

                .sec-team-services .team-service .each-service .service-name {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-bottom: 1.01563vw
                }

                .sec-team-services .team-service .each-service .service-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.48438vw
                }

                .sec-team-services .team-service .each-service .service-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-team-services .team-service .each-service .service-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .bg-arrow {
                    background-size: 1012px auto
                }

                .sec-video-overview {
                    padding-bottom: 0
                }

                .sec-video-overview .video-overview-head {
                    margin-top: -.39062vw;
                    margin-bottom: 3.82813vw
                }

                .sec-video-overview .video-advantage {
                    width: 1242px;
                    width: 97.03125vw;
                    padding-bottom: 5.625vw
                }

                .sec-video-overview .video-advantage .each-advantage {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-video-overview .video-advantage .each-advantage .advantage-picto {
                    width: 144px;
                    width: 11.25vw;
                    margin-bottom: 1.32813vw
                }

                .sec-video-overview .video-advantage .each-advantage .advantage-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.01563vw
                }

                .sec-video-overview .video-advantage .each-advantage .advantage-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-cases {
                    padding-bottom: 6.25vw
                }

                .sec-video-cases .bx-next,.sec-video-cases .bx-prev {
                    width: 56px;
                    width: 4.375vw;
                    height: 394px;
                    height: 30.78125vw
                }

                .sec-video-cases .bx-next:before,.sec-video-cases .bx-prev:before {
                    width: 40px;
                    width: 3.125vw;
                    height: 40px;
                    height: 3.125vw
                }

                .sec-video-cases .bx-next:after,.sec-video-cases .bx-prev:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 15px;
                    height: 1.17188vw
                }

                .sec-video-cases .bx-prev:after {
                    left: 15px;
                    left: 1.17188vw
                }

                .sec-video-cases .bx-next:after {
                    right: 15px;
                    right: 1.17188vw
                }

                .sec-video-cases .bx-pager {
                    margin-top: 2.1875vw
                }

                .sec-video-cases .bx-pager .bx-pager-item {
                    width: 10px;
                    width: .78125vw;
                    height: 10px;
                    height: .78125vw;
                    margin-left: .3125vw;
                    margin-right: .3125vw
                }

                .video-cases .each-case {
                    width: 640px;
                    width: 50vw;
                    max-width: 640px;
                    max-width: 50vw;
                    margin-bottom: 0;
                    margin-left: 3.125vw;
                    margin-right: 3.125vw
                }

                .video-cases .each-case .each-case-inner .title {
                    font-size: 16px;
                    font-size: 1.25vw;
                    height: 34px;
                    height: 2.65625vw;
                    padding-left: 1.25vw;
                    padding-right: 1.25vw
                }

                .video-cases .each-case .each-case-inner .video {
                    margin-bottom: .85938vw
                }

                .video-cases .each-case .each-case-inner .txt-area .client {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .85938vw
                }

                .video-cases .each-case .each-case-inner .txt-area .desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-price {
                    padding-top: 5.46875vw;
                    padding-bottom: 6.25vw;
                    margin-bottom: 2.5vw
                }

                .sec-video-price .video-price-head {
                    margin-bottom: 3.51563vw
                }

                .sec-video-price .video-price .each-price {
                    width: 372px;
                    width: 29.0625vw;
                    padding-top: 2.1875vw;
                    padding-bottom: 2.34375vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0
                }

                .sec-video-price .video-price .each-price .price-title {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.64063vw
                }

                .sec-video-price .video-price .each-price .price-content {
                    padding-left: 1.875vw;
                    padding-right: 1.875vw
                }

                .sec-video-price .video-price .each-price .price-picto {
                    height: 102px;
                    height: 7.96875vw;
                    margin-left: .39063vw;
                    margin-right: 1.5625vw
                }

                .sec-video-price .video-price .each-price .price-picto.price01 {
                    margin-left: .78125vw;
                    margin-right: 2.5vw
                }

                .sec-video-price .video-price .each-price .price-price {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: .625vw
                }

                .sec-video-price .video-price .each-price .price-price .num {
                    font-size: 48px;
                    font-size: 3.75vw;
                    margin-right: 0
                }

                .sec-video-plan {
                    padding-top: 1.5625vw;
                    padding-bottom: 4.6875vw
                }

                .sec-video-plan .sec-video-plan-inner {
                    width: 960px;
                    width: 75vw
                }

                .sec-video-plan .video-plan-head {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 2.5vw;
                    padding-left: 0
                }

                .sec-video-plan .video-plan-head:after {
                    width: 24px;
                    width: 1.875vw;
                    height: 4px;
                    height: .3125vw
                }

                .sec-video-plan .video-plan-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.10938vw;
                    padding-left: 0
                }

                .sec-video-plan .video-table01 {
                    margin-bottom: .78125vw;
                    left: 0
                }

                .sec-video-plan .video-table01 tr.list td.trans,.sec-video-plan .video-table01 tr.list th.trans {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-video-plan .video-table01 tr.list td,.sec-video-plan .video-table01 tr.list th {
                    padding-top: .78125vw;
                    padding-bottom: .9375vw;
                    padding-left: 1.875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-plan .video-table01 td,.sec-video-plan .video-table01 th {
                    height: 72px;
                    height: 5.625vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-plan .video-table01 th.plan-name,.sec-video-plan .video-table01 th.trans {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-video-plan .video-table01 th.short {
                    height: 72px;
                    height: 5.625vw
                }

                .sec-video-plan .table-note {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .sec-video-option {
                    padding-top: 1.5625vw;
                    padding-bottom: 5vw;
                    margin-bottom: 5vw
                }

                .sec-video-option .sec-video-option-inner {
                    width: 960px;
                    width: 75vw
                }

                .sec-video-option .video-option-head {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 2.5vw
                }

                .sec-video-option .video-option-head:after {
                    width: 24px;
                    width: 1.875vw;
                    height: 4px;
                    height: .3125vw
                }

                .sec-video-option .video-option-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 2.10938vw;
                    padding-left: 0
                }

                .sec-video-option .video-table02 {
                    left: 0
                }

                .sec-video-option .video-table02 tr.gradient td,.sec-video-option .video-table02 tr.gradient th {
                    height: 72px;
                    height: 5.625vw;
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-video-option .video-table02 tr td:first-child,.sec-video-option .video-table02 tr th:first-child {
                    width: 713px;
                    width: 55.70313vw
                }

                .sec-video-option .video-table02 td,.sec-video-option .video-table02 th {
                    height: 88px;
                    height: 6.875vw
                }

                .sec-video-option .video-table02 th {
                    padding-left: 1.875vw
                }

                .sec-video-option .video-table02 th .option-name {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .46875vw
                }

                .sec-video-option .video-table02 th .option-desc {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-option .video-table02 td {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-video-production {
                    margin-top: 4.6875vw;
                    padding-top: 5.625vw;
                    padding-bottom: 6.25vw
                }

                .sec-video-production .video-production-head {
                    margin-bottom: 3.59375vw;
                    font-size: 32px;
                    font-size: 2.5vw;
                    padding-bottom: 1.79687vw
                }

                .sec-video-production .video-production-head .small {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: .78125vw
                }

                .sec-video-production .video-production .each-production {
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0;
                    width: 579px;
                    width: 45.23438vw;
                    padding-top: 1.5625vw;
                    padding-bottom: 1.40625vw
                }

                .sec-video-production .video-production .each-production.production01 {
                    padding-top: 1.5625vw;
                    padding-bottom: 1.40625vw
                }

                .sec-video-production .video-production .each-production.production01 .production-lead {
                    margin-bottom: 1.5625vw
                }

                .sec-video-production .video-production .each-production .production-lead {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.5625vw
                }

                .sec-video-production .video-production .each-production .production-picto.production01 {
                    width: 200px;
                    width: 15.625vw;
                    margin-bottom: 1.32813vw
                }

                .sec-video-production .video-production .each-production .production-picto.production02 {
                    width: 282px;
                    width: 22.03125vw;
                    margin-bottom: 2.1875vw
                }

                .sec-video-production .video-production .each-production .production-note {
                    font-size: 11px;
                    font-size: .85938vw;
                    width: 579px;
                    width: 45.23438vw
                }

                .sec-video-doda {
                    padding-top: 6.25vw;
                    padding-bottom: 5.85938vw
                }

                .sec-video-doda .video-doda-head {
                    margin-bottom: 2.73438vw
                }

                .sec-video-doda .video-doda-head .green {
                    font-size: 16px;
                    font-size: 1.25vw;
                    padding-left: .625vw;
                    padding-right: .625vw;
                    padding-top: .15625vw;
                    padding-bottom: .15625vw;
                    margin-bottom: 1.01563vw
                }

                .sec-video-doda .video-doda-head .name {
                    font-size: 24px;
                    font-size: 1.875vw
                }

                .sec-video-doda .video-doda-content {
                    width: 960px;
                    width: 75vw
                }

                .sec-video-doda .video-doda-content .video {
                    width: 640px;
                    width: 50vw;
                    margin-right: 1.875vw;
                    margin-bottom: 0
                }

                .sec-video-doda .video-doda-content .video video {
                    margin-bottom: .3125vw
                }

                .sec-video-doda .video-doda-content .cap {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-doda .result-area,.sec-video-doda .result-area .step01 {
                    width: 296px;
                    width: 23.125vw
                }

                .sec-video-doda .result-area .step01 {
                    height: 40px;
                    height: 3.125vw;
                    margin-bottom: 1.5625vw
                }

                .sec-video-doda .result-area .step01 .step01-inner {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-video-doda .result-area .issues {
                    margin-bottom: 1.25vw
                }

                .sec-video-doda .result-area .issues .issue01,.sec-video-doda .result-area .issues .issue02 {
                    font-size: 16px;
                    font-size: 1.25vw;
                    width: 296px;
                    width: 23.125vw;
                    height: 56px;
                    height: 4.375vw;
                    margin-left: 0;
                    margin-right: 0
                }

                .sec-video-doda .result-area .issues .issue01 {
                    margin-bottom: .15625vw
                }

                .sec-video-doda .result-area .arrow {
                    width: 28px;
                    width: 2.1875vw;
                    margin-bottom: .54688vw
                }

                .sec-video-doda .result-area .result .txt01 {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: .23438vw
                }

                .sec-video-doda .result-area .result .txt02 {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-video-doda .result-area .result .txt02 .percentage {
                    font-size: 48px;
                    font-size: 3.75vw;
                    margin-right: .3125vw;
                    top: 2px;
                    top: .15625vw
                }

                .sec-video-service {
                    padding-top: 5.39063vw;
                    padding-bottom: 6.25vw
                }

                .sec-video-service .video-services-head {
                    margin-bottom: 3.51563vw
                }

                .sec-video-service .video-service {
                    width: 960px;
                    width: 75vw;
                    padding-top: 2.5vw;
                    padding-left: 6.25vw;
                    padding-right: 10.46875vw;
                    padding-bottom: 2.5vw
                }

                .sec-video-service .video-service:not(:last-of-type) {
                    margin-bottom: 2.34375vw
                }

                .sec-video-service .video-service .picto-area {
                    width: 248px;
                    width: 19.375vw;
                    padding-top: .78125vw;
                    margin-bottom: 0
                }

                .sec-video-service .video-service .service-picto {
                    width: 88px;
                    width: 6.875vw;
                    height: 88px;
                    height: 6.875vw;
                    margin-bottom: 1.25vw
                }

                .sec-video-service .video-service .service-name {
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                .sec-video-service .video-service .service-name.long {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                .sec-video-service .video-service .txt-area {
                    width: 495px;
                    width: 38.67188vw;
                    padding-left: 4.29688vw;
                    padding-bottom: .3125vw;
                    padding-bottom: .625vw
                }

                .sec-video-service .video-service .service-desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 2.26563vw
                }

                .sec-video-service .video-service .service-btn {
                    width: 293px;
                    width: 22.89063vw;
                    height: 48px;
                    height: 3.75vw;
                    border-radius: 6px;
                    border-radius: .46875vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-video-service .video-service .service-btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    height: 14px;
                    height: 1.09375vw;
                    right: 16px;
                    right: 1.25vw
                }

                .sec-video-bnr {
                    padding-top: 5vw;
                    padding-bottom: 5vw
                }

                #showcase .module-head01 .head .ja,#vx .module-head01 .head .ja {
                    font-size: 22px;
                    font-size: 1.71875vw
                }

                #showcase .module-head01 .head .en,#vx .module-head01 .head .en {
                    font-size: 100px;
                    font-size: 7.8125vw
                }

                #showcase .module-head01 .lead,#vx .module-head01 .lead {
                    font-size: 30px;
                    font-size: 2.34375vw
                }

                #showcase .module-btn-s,#vx .module-btn-s {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                #showcase .module-btn-m,#vx .module-btn-m {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    border-radius: 35px;
                    border-radius: 2.73438vw
                }

                #showcase .module-btn-l,#vx .module-btn-l {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    border-radius: 35px;
                    border-radius: 2.73438vw
                }

                #showcase .module-subpage-head .head-wrap .txt,#vx .module-subpage-head .head-wrap .txt {
                    font-size: 22px;
                    font-size: 1.71875vw
                }

                #showcase .module-subpage-head .title,#vx .module-subpage-head .title {
                    font-size: 84px;
                    font-size: 6.5625vw
                }

                #showcase .module-subpage-head .title .title-letter,#vx .module-subpage-head .title .title-letter {
                    font-size: 120px;
                    font-size: 9.375vw
                }

                #showcase .module-subpage-head .desc,#vx .module-subpage-head .desc {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                #showcase .module-subpage-head .backtxt,#vx .module-subpage-head .backtxt {
                    font-size: 210px;
                    font-size: 16.40625vw
                }

                #showcase .module-subpage-head .copy-area .copy,#vx .module-subpage-head .copy-area .copy {
                    font-size: 36px;
                    font-size: 2.8125vw
                }

                #showcase .module-subpage-head .copy-area .lead,#vx .module-subpage-head .copy-area .lead {
                    font-size: 22px;
                    font-size: 1.71875vw
                }

                #showcase .sec-gh-awards .each-feature .txt-area .feature-head,#showcase .sec-gh-features .each-feature .txt-area .feature-head,#showcase .sec-kce-features .each-feature .txt-area .feature-head,#showcase .sec-kce-reason .each-feature .txt-area .feature-head,#showcase .sec-ktx-features .each-feature .txt-area .feature-head,#vx .sec-gh-awards .each-feature .txt-area .feature-head,#vx .sec-gh-features .each-feature .txt-area .feature-head,#vx .sec-kce-features .each-feature .txt-area .feature-head,#vx .sec-kce-reason .each-feature .txt-area .feature-head,#vx .sec-ktx-features .each-feature .txt-area .feature-head {
                    font-size: 36px;
                    font-size: 2.8125vw
                }

                #showcase .sec-gh-awards .each-feature .txt-area .feature-desc,#showcase .sec-gh-features .each-feature .txt-area .feature-desc,#showcase .sec-kce-features .each-feature .txt-area .feature-desc,#showcase .sec-kce-reason .each-feature .txt-area .feature-desc,#showcase .sec-ktx-features .each-feature .txt-area .feature-desc,#vx .sec-gh-awards .each-feature .txt-area .feature-desc,#vx .sec-gh-features .each-feature .txt-area .feature-desc,#vx .sec-kce-features .each-feature .txt-area .feature-desc,#vx .sec-kce-reason .each-feature .txt-area .feature-desc,#vx .sec-ktx-features .each-feature .txt-area .feature-desc {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                #showcase .sec-gh-awards .support-area .support-head,#showcase .sec-gh-features .support-area .support-head,#showcase .sec-kce-features .support-area .support-head,#showcase .sec-kce-reason .support-area .support-head,#showcase .sec-ktx-features .support-area .support-head,#vx .sec-gh-awards .support-area .support-head,#vx .sec-gh-features .support-area .support-head,#vx .sec-kce-features .support-area .support-head,#vx .sec-kce-reason .support-area .support-head,#vx .sec-ktx-features .support-area .support-head {
                    font-size: 50px;
                    font-size: 3.90625vw
                }

                #showcase .sec-gh-awards .support-area .support-sp-flow .each-flow .desc,#showcase .sec-gh-features .support-area .support-sp-flow .each-flow .desc,#showcase .sec-kce-features .support-area .support-sp-flow .each-flow .desc,#showcase .sec-kce-reason .support-area .support-sp-flow .each-flow .desc,#showcase .sec-ktx-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-gh-awards .support-area .support-sp-flow .each-flow .desc,#vx .sec-gh-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-kce-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-kce-reason .support-area .support-sp-flow .each-flow .desc,#vx .sec-ktx-features .support-area .support-sp-flow .each-flow .desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                #showcase .sec-gh-awards .service-area .service-head,#showcase .sec-gh-features .service-area .service-head,#showcase .sec-kce-features .service-area .service-head,#showcase .sec-kce-reason .service-area .service-head,#showcase .sec-ktx-features .service-area .service-head,#vx .sec-gh-awards .service-area .service-head,#vx .sec-gh-features .service-area .service-head,#vx .sec-kce-features .service-area .service-head,#vx .sec-kce-reason .service-area .service-head,#vx .sec-ktx-features .service-area .service-head {
                    font-size: 36px;
                    font-size: 2.8125vw
                }

                #showcase .sec-gh-awards .service-area .service-list .service-name,#showcase .sec-gh-features .service-area .service-list .service-name,#showcase .sec-kce-features .service-area .service-list .service-name,#showcase .sec-kce-reason .service-area .service-list .service-name,#showcase .sec-ktx-features .service-area .service-list .service-name,#vx .sec-gh-awards .service-area .service-list .service-name,#vx .sec-gh-features .service-area .service-list .service-name,#vx .sec-kce-features .service-area .service-list .service-name,#vx .sec-kce-reason .service-area .service-list .service-name,#vx .sec-ktx-features .service-area .service-list .service-name {
                    font-size: 22px;
                    font-size: 1.71875vw
                }

                #showcase .sec-gh-awards .service-area .service-list .service-desc,#showcase .sec-gh-features .service-area .service-list .service-desc,#showcase .sec-kce-features .service-area .service-list .service-desc,#showcase .sec-kce-reason .service-area .service-list .service-desc,#showcase .sec-ktx-features .service-area .service-list .service-desc,#vx .sec-gh-awards .service-area .service-list .service-desc,#vx .sec-gh-features .service-area .service-list .service-desc,#vx .sec-kce-features .service-area .service-list .service-desc,#vx .sec-kce-reason .service-area .service-list .service-desc,#vx .sec-ktx-features .service-area .service-list .service-desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                #showcase .sec-solution-guide .txt,#vx .sec-solution-guide .txt {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                #showcase .sec-solution-guide .name,#vx .sec-solution-guide .name {
                    font-size: 60px;
                    font-size: 4.6875vw
                }

                #showcase .sec-solution-guide .lead,#vx .sec-solution-guide .lead {
                    font-size: 26px;
                    font-size: 2.03125vw
                }

                #showcase .sec-solution-guide .more,#vx .sec-solution-guide .more {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                #showcase .sec-gh-features .each-showcase .num {
                    font-size: 21px;
                    font-size: 1.64063vw
                }

                #showcase .sec-gh-features .each-showcase .lead {
                    font-size: 22px;
                    font-size: 1.71875vw
                }

                #showcase .sec-gh-features .each-showcase .body {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                #showcase .sec-gh-features .each-showcase .tag {
                    font-size: 15px;
                    font-size: 1.17188vw
                }

                .sec-404 .head {
                    font-size: 100px;
                    font-size: 7.8125vw
                }

                .sec-404 .lead {
                    font-size: 40px;
                    font-size: 3.125vw
                }

                .sec-404 .body {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .sec-404 .btn {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    border-radius: 32px;
                    border-radius: 2.5vw;
                    width: 320px;
                    width: 25vw;
                    height: 64px;
                    height: 5vw;
                    padding-right: .78125vw
                }

                .sec-404 .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    right: 26px;
                    right: 2.03125vw
                }

                #school-kv {
                    height: 555px;
                    height: 43.35938vw
                }

                .school-kv-content-area {
                    padding-top: 9.21875vw;
                    padding-left: 7.65625vw;
                    padding-bottom: 10.9375vw
                }

                .school-kv-lead {
                    font-size: 36px;
                    font-size: 2.8125vw;
                    margin-bottom: 0
                }

                .school-kv-lead .small {
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                .school-kv-title {
                    font-size: 82px;
                    font-size: 6.40625vw;
                    margin-bottom: 2.34375vw
                }

                .school-kv-btn {
                    width: 374px;
                    width: 29.21875vw;
                    height: 64px;
                    height: 5vw;
                    border-radius: 32px;
                    border-radius: 2.5vw;
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                #school-about {
                    padding-top: 8.59375vw;
                    padding-bottom: 10.9375vw
                }

                .school-about-head {
                    margin-bottom: 4.45313vw
                }

                .school-about-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    padding-left: 0;
                    padding-right: 0;
                    margin-bottom: 3.90625vw
                }

                .school-about-list__item {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0;
                    padding-bottom: 3.90625vw
                }

                .school-about-list__img {
                    margin-bottom: 2.34375vw
                }

                .school-about-list__txt-wrap {
                    width: 272px;
                    width: 21.25vw
                }

                .school-about-list__ttl-wrap {
                    height: 114px;
                    height: 8.90625vw;
                    margin-bottom: 1.17188vw
                }

                .school-about-list__txt-sub {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .39063vw
                }

                p.school-about-list__txt-ttl {
                    font-size: 30px;
                    font-size: 2.34375vw
                }

                p.school-about-list__txt-ttl .small {
                    font-size: 24px;
                    font-size: 1.875vw
                }

                p.school-about-list__txt-body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                #school-reason {
                    padding-top: 9.375vw;
                    padding-bottom: 11.71875vw
                }

                .school-reason-head {
                    margin-bottom: 5.07813vw
                }

                .school-reason-list {
                    width: 940px;
                    width: 73.4375vw;
                    padding-top: 0
                }

                .school-reason-list__item {
                    margin-bottom: 6.875vw
                }

                .school-reason-list__head-wrap {
                    padding-top: .78125vw;
                    padding-bottom: 0
                }

                .school-reason-list__head-num {
                    margin-bottom: 1.01563vw;
                    width: 69px;
                    width: 5.39063vw;
                    height: 69px;
                    height: 5.39063vw
                }

                .school-reason-list__head-txt {
                    font-size: 42px;
                    font-size: 3.28125vw
                }

                .school-reason-list__desc-wrap {
                    padding-left: 5.9375vw;
                    padding-top: 0
                }

                .school-reason-list__desc-txt {
                    font-size: 34px;
                    font-size: 2.65625vw
                }

                #school-recommend {
                    padding-top: 9.375vw;
                    padding-bottom: 11.71875vw
                }

                .school-recommend-head {
                    margin-bottom: 5.07813vw
                }

                .school-recommend__item {
                    width: 1200px;
                    width: 93.75vw;
                    margin-bottom: 7.1875vw
                }

                .school-recommend__item:nth-of-type(odd) .school-recommend__txt-border {
                    left: -88px;
                    left: -6.875vw
                }

                .school-recommend__item:nth-of-type(odd) .school-recommend__icon {
                    right: 0
                }

                .school-recommend__item:nth-of-type(2n) .school-recommend__txt-border {
                    right: -88px;
                    right: -6.875vw
                }

                .school-recommend__item:nth-of-type(2n) .school-recommend__icon {
                    left: 0
                }

                .school-recommend__img {
                    width: 674px;
                    width: 52.65625vw
                }

                .school-recommend__txt-border {
                    width: 460px;
                    width: 35.9375vw;
                    height: 290px;
                    height: 22.65625vw;
                    top: 84px;
                    top: 6.5625vw
                }

                .school-recommend__txt-wrap {
                    padding-top: 0;
                    padding-bottom: 0;
                    padding-left: 4.21875vw;
                    padding-right: 4.21875vw
                }

                .school-recommend__icon {
                    width: 220px;
                    width: 17.1875vw;
                    top: 0
                }

                .school-recommend__txt-ttl {
                    font-size: 28px;
                    font-size: 2.1875vw;
                    margin-bottom: 1.5625vw
                }

                .school-recommend__txt-body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                #school-point {
                    padding-top: 1.95313vw;
                    padding-bottom: 4.6875vw
                }

                .school-point-head {
                    margin-bottom: 6.64063vw
                }

                .school-point__item {
                    width: 360px;
                    width: 28.125vw;
                    margin-left: 2.34375vw;
                    margin-right: 2.34375vw;
                    margin-bottom: 5.39063vw;
                    padding-top: 3.90625vw;
                    padding-left: 3.90625vw;
                    padding-right: 3.90625vw;
                    padding-bottom: 3.90625vw
                }

                .school-point__num {
                    width: 60px;
                    width: 4.6875vw;
                    height: 60px;
                    height: 4.6875vw;
                    top: 7px;
                    top: .54688vw;
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                .school-point__ttl {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: .78125vw
                }

                .school-point__img {
                    height: 140px;
                    height: 10.9375vw;
                    margin-bottom: .78125vw
                }

                .school-point__body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                #school-teacher {
                    padding-top: 8.59375vw;
                    padding-bottom: 10.9375vw
                }

                .school-teacher-head {
                    margin-bottom: 5.07813vw
                }

                .school-teacher__item {
                    width: 372px;
                    width: 29.0625vw;
                    margin-left: 1.64063vw;
                    margin-right: 1.64063vw;
                    margin-bottom: 0;
                    padding-bottom: 3.90625vw
                }

                .school-teacher__img {
                    margin-bottom: 2.34375vw
                }

                .school-teacher__txt-wrap {
                    padding-left: 3.90625vw;
                    padding-right: 3.90625vw
                }

                .school-teacher__name {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    margin-bottom: .39063vw
                }

                .school-teacher__role {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 1.17188vw
                }

                .school-teacher__body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                #school-contents {
                    padding-top: 10.15625vw;
                    padding-bottom: 6.64063vw
                }

                .school-contents-head {
                    margin-bottom: 5.07813vw
                }

                .school-contents__border {
                    width: 960px;
                    width: 75vw
                }

                .school-contents__inner {
                    padding-bottom: 3.51563vw
                }

                .school-contents__gr-1 {
                    height: 125px;
                    height: 9.76563vw;
                    padding-top: 0;
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .school-contents__ttl {
                    font-size: 35px;
                    font-size: 2.73438vw;
                    margin-bottom: 0
                }

                .school-contents__fig {
                    width: 192px;
                    width: 15vw;
                    margin-left: 2.65625vw
                }

                .schoo-contents__body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .school-contents__gr-2 {
                    padding-left: 0;
                    padding-right: 0
                }

                .school-contents__list {
                    margin-bottom: 2.34375vw
                }

                .school-contents__list-item {
                    width: 325px;
                    width: 25.39063vw;
                    font-size: 18px;
                    font-size: 1.40625vw;
                    padding-top: .9375vw;
                    padding-bottom: .9375vw
                }

                .school-contents__amount {
                    padding-top: 3.125vw;
                    padding-bottom: 3.125vw;
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                #school-flow {
                    padding-top: 6.64063vw;
                    padding-bottom: 7.03125vw
                }

                .school-flow-head {
                    margin-bottom: 5.07813vw
                }

                .school-flow__list {
                    margin-bottom: 4.6875vw
                }

                .school-flow__list-item {
                    width: 324px;
                    width: 25.3125vw;
                    margin-left: 3.59375vw;
                    margin-right: 3.59375vw;
                    margin-bottom: 0
                }

                .school-flow__list-item:not(:last-of-type):after {
                    width: 92px;
                    width: 7.1875vw;
                    height: 40px;
                    height: 3.125vw
                }

                .school-flow__list-fig {
                    width: 170px;
                    width: 13.28125vw;
                    margin-bottom: 2.34375vw
                }

                .school-flow__list-box {
                    width: 324px;
                    width: 25.3125vw
                }

                .school-flow__list-ttl {
                    font-size: 24px;
                    font-size: 1.875vw;
                    height: 63px;
                    height: 4.92188vw;
                    margin-bottom: 1.17188vw
                }

                .school-flow__list-body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .school-flow__btn {
                    width: 374px;
                    width: 29.21875vw;
                    height: 64px;
                    height: 5vw;
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                #school-company {
                    padding-top: 6.64063vw;
                    padding-bottom: 0
                }

                .school-company-head {
                    margin-bottom: 5.07813vw
                }

                .school-company__list-item {
                    margin-bottom: 8.35938vw;
                    padding-top: 0
                }

                .school-company__list-bg {
                    height: 309px;
                    height: 24.14063vw
                }

                .school-company__list-txt-wrap {
                    width: 548px;
                    width: 42.8125vw;
                    height: 309px;
                    height: 24.14063vw;
                    padding-top: 1.95313vw;
                    padding-left: 5.07813vw;
                    padding-right: 5.07813vw
                }

                .school-company__list-ttl {
                    margin-bottom: 1.17188vw;
                    font-size: 27px;
                    font-size: 2.10938vw
                }

                .school-company__list-body {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .school-company__list-fig {
                    width: 480px;
                    width: 37.5vw;
                    height: 266px;
                    height: 20.78125vw;
                    margin-bottom: 0
                }

                #school-book {
                    padding-bottom: 10.9375vw
                }

                .school-book__border {
                    width: 960px;
                    width: 75vw
                }

                .school-book__inner {
                    padding-top: 3.125vw;
                    padding-bottom: 2.34375vw;
                    padding-left: 3.51563vw;
                    padding-right: 28.4375vw
                }

                .shool-book__ttl {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    padding-bottom: 2.10938vw;
                    margin-bottom: 2.34375vw
                }

                .school-book__fig {
                    width: 216px;
                    width: 16.875vw;
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .school-book__book-1,.school-book__book-2 {
                    width: 114px;
                    width: 8.90625vw
                }

                .school-book__book-1 {
                    top: 23px;
                    top: 1.79687vw;
                    left: -141px;
                    left: -11.01562vw
                }

                .school-book__book-2 {
                    top: 136px;
                    top: 10.625vw;
                    left: -84px;
                    left: -6.5625vw
                }

                .school-book__role {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .school-book__name {
                    font-size: 20px;
                    font-size: 1.5625vw;
                    margin-bottom: 1.17188vw
                }

                .school-book__kana,.school-book__profile {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .school-form,.school-form-2 {
                    padding-top: 8.59375vw;
                    padding-bottom: 10.15625vw;
                    padding-left: 0;
                    padding-right: 0
                }

                .school-form-head {
                    margin-bottom: 5.07813vw
                }

                .school-form__card {
                    width: 828px;
                    width: 64.6875vw;
                    padding-top: 4.6875vw;
                    padding-bottom: 6.64063vw;
                    padding-left: 7.26563vw;
                    padding-right: 7.26563vw;
                    margin-bottom: 4.6875vw
                }

                .school-form__desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 4.29688vw
                }

                .school-form .hs-form {
                    width: 612px;
                    width: 47.8125vw!important
                }

                .school-form .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
                    margin-left: 0;
                    margin-left: 0!important
                }

                .school-form .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) .input {
                    width: 370px;
                    width: 28.90625vw
                }

                .school-form .hs-form .hs-form-field {
                    margin-bottom: 42px;
                    margin-bottom: 3.28125vw!important
                }

                .school-form .hs-form .hs-form-field label {
                    width: 234px;
                    width: 18.28125vw;
                    margin-bottom: 0;
                    padding-left: 6.71875vw
                }

                .school-form .hs-form .hs-form-field span {
                    font-size: 17px;
                    font-size: 1.32813vw
                }

                .school-form .hs-form .hs-form-field span.hs-form-required:before {
                    left: 31px;
                    left: 2.42188vw;
                    font-size: 13px;
                    font-size: 1.01563vw;
                    width: 44px;
                    width: 3.4375vw;
                    height: 21px;
                    height: 1.64063vw
                }

                .school-form .hs-form .hs-error-msg {
                    font-size: 10px;
                    font-size: .78125vw;
                    padding-top: .39063vw;
                    left: 234px;
                    left: 18.28125vw
                }

                .school-form .hs-form .hs_error_rollup .hs-main-font-element {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .school-form .hs-form input,.school-form .hs-form select,.school-form .hs-form textarea {
                    width: 370px;
                    width: 28.90625vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important;
                    padding-left: 16px;
                    padding-left: 1.25vw!important;
                    padding-right: 16px;
                    padding-right: 1.25vw!important
                }

                .school-form .hs-form input[name=firstname],.school-form .hs-form input[name=furigana_first_name],.school-form .hs-form input[name=furigana_last_name],.school-form .hs-form input[name=lastname],.school-form .hs-form select[name=firstname],.school-form .hs-form select[name=furigana_first_name],.school-form .hs-form select[name=furigana_last_name],.school-form .hs-form select[name=lastname],.school-form .hs-form textarea[name=firstname],.school-form .hs-form textarea[name=furigana_first_name],.school-form .hs-form textarea[name=furigana_last_name],.school-form .hs-form textarea[name=lastname] {
                    width: 180px;
                    width: 14.0625vw!important
                }

                .school-form .hs-form input[name=division_detail],.school-form .hs-form input[name=lastname],.school-form .hs-form select[name=division_detail],.school-form .hs-form select[name=lastname],.school-form .hs-form textarea[name=division_detail],.school-form .hs-form textarea[name=lastname] {
                    margin-right: 0;
                    margin-right: 0!important
                }

                .school-form .hs-form input,.school-form .hs-form select {
                    height: 50px;
                    height: 3.90625vw!important
                }

                .school-form .hs-form textarea {
                    min-height: 170px;
                    min-height: 13.28125vw
                }

                .school-form .hs-form fieldset:first-of-type,.school-form .hs-form fieldset:nth-of-type(3) {
                    width: 234px;
                    width: 18.28125vw;
                    margin-bottom: 42px;
                    margin-bottom: 3.28125vw!important;
                    padding-left: 6.71875vw;
                    font-size: 17px;
                    font-size: 1.32813vw
                }

                .school-form .hs-form fieldset:first-of-type:before,.school-form .hs-form fieldset:nth-of-type(3):before {
                    left: 31px;
                    left: 2.42188vw;
                    font-size: 13px;
                    font-size: 1.01563vw;
                    width: 44px;
                    width: 3.4375vw;
                    height: 21px;
                    height: 1.64063vw
                }

                .school-form .hs-form fieldset:nth-of-type(2),.school-form .hs-form fieldset:nth-of-type(4) {
                    width: 370px;
                    width: 28.90625vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(2) .input,.school-form .hs-form fieldset:nth-of-type(4) .input {
                    width: 185px;
                    width: 14.45313vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(8) {
                    font-size: 17px;
                    font-size: 1.32813vw;
                    padding-left: 6.71875vw;
                    margin-bottom: 0;
                    width: 234px;
                    width: 18.28125vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(8):before {
                    left: 31px;
                    left: 2.42188vw;
                    font-size: 13px;
                    font-size: 1.01563vw;
                    width: 44px;
                    width: 3.4375vw;
                    height: 21px;
                    height: 1.64063vw
                }

                .school-form .hs-form fieldset:nth-of-type(10),.school-form .hs-form fieldset:nth-of-type(11),.school-form .hs-form fieldset:nth-of-type(12),.school-form .hs-form fieldset:nth-of-type(13),.school-form .hs-form fieldset:nth-of-type(14) {
                    padding-left: 18.28125vw
                }

                .school-form .hs-form fieldset:nth-of-type(9),.school-form .hs-form fieldset:nth-of-type(11),.school-form .hs-form fieldset:nth-of-type(13) {
                    font-size: 17px;
                    font-size: 1.32813vw;
                    margin-bottom: .39063vw
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(10) .hs-fieldtype-date,.school-form .hs-form fieldset:nth-of-type(12) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(12) .hs-fieldtype-date,.school-form .hs-form fieldset:nth-of-type(14) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(14) .hs-fieldtype-date {
                    width: 195px;
                    width: 15.23438vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field {
                    margin-bottom: 30px;
                    margin-bottom: 2.34375vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(10) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(10) .hs-form-field select,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field select,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field select {
                    font-size: 12px;
                    font-size: .9375vw!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field:nth-of-type(odd),.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field:nth-of-type(odd),.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field:nth-of-type(odd) {
                    width: 192px;
                    width: 15vw
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field:nth-of-type(2n),.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field:nth-of-type(2n),.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field:nth-of-type(2n) {
                    width: 157px;
                    width: 12.26563vw;
                    margin-left: 18px;
                    margin-left: 1.40625vw!important
                }

                .school-form .hs-form .hs-submit {
                    margin-top: 4.21875vw
                }

                .school-form .hs-form .hs-submit .actions {
                    width: 374px;
                    width: 29.21875vw!important;
                    border-radius: 6px;
                    border-radius: .46875vw!important
                }

                .school-form .hs-form .hs-submit .actions:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 3px;
                    height: .23438vw;
                    right: 16px;
                    right: 1.25vw
                }

                .school-form .hs-form .hs-submit .actions:before {
                    width: 12px;
                    width: .9375vw;
                    height: 12px;
                    height: .9375vw;
                    right: 17px;
                    right: 1.32813vw
                }

                .school-form .hs-form .hs-submit .actions .hs-button {
                    width: 374px;
                    width: 29.21875vw!important;
                    height: 64px;
                    height: 5vw!important;
                    border-radius: 6px;
                    border-radius: .46875vw!important;
                    font-size: 20px;
                    font-size: 1.5625vw!important
                }

                .school-form__card-2 {
                    width: 928px;
                    width: 72.5vw;
                    padding-top: 4.6875vw;
                    padding-bottom: 6.64063vw;
                    padding-left: 7.26563vw;
                    padding-right: 7.26563vw
                }

                .school-form-2 .hs-form {
                    width: 704px;
                    width: 55vw!important
                }

                .school-form-2 .hs-form .form-columns-2 .hs-form-field,.school-form-2 .hs-form .form-columns-2 .hs-form-field label {
                    width: 370px;
                    width: 28.90625vw!important
                }

                .school-form-2 .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
                    margin-left: 0;
                    margin-left: 0!important
                }

                .school-form-2 .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) .input {
                    width: 370px;
                    width: 28.90625vw!important
                }

                .school-form-2 .hs-form .hs-form-field {
                    margin-bottom: 42px;
                    margin-bottom: 3.28125vw!important
                }

                .school-form-2 .hs-form .hs-form-field label {
                    width: 234px;
                    width: 18.28125vw;
                    margin-bottom: 0;
                    padding-left: 6.71875vw
                }

                .school-form-2 .hs-form .hs-form-field span {
                    font-size: 17px;
                    font-size: 1.32813vw
                }

                .school-form-2 .hs-form .hs-form-field span.hs-form-required:before {
                    left: 31px;
                    left: 2.42188vw;
                    font-size: 13px;
                    font-size: 1.01563vw;
                    width: 44px;
                    width: 3.4375vw;
                    height: 21px;
                    height: 1.64063vw
                }

                .school-form-2 .hs-form .hs-error-msg {
                    font-size: 10px;
                    font-size: .78125vw;
                    padding-top: .39063vw;
                    left: 234px;
                    left: 18.28125vw
                }

                .school-form-2 .hs-form .hs_error_rollup .hs-main-font-element {
                    font-size: 12px;
                    font-size: .9375vw
                }

                .school-form-2 .hs-form input,.school-form-2 .hs-form select,.school-form-2 .hs-form textarea {
                    width: 470px;
                    width: 36.71875vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important;
                    padding-left: 16px;
                    padding-left: 1.25vw!important;
                    padding-right: 16px;
                    padding-right: 1.25vw!important
                }

                .school-form-2 .hs-form input[name=division_detail],.school-form-2 .hs-form input[name=firstname],.school-form-2 .hs-form input[name=jobtitle],.school-form-2 .hs-form input[name=lastname],.school-form-2 .hs-form select[name=division_detail],.school-form-2 .hs-form select[name=firstname],.school-form-2 .hs-form select[name=jobtitle],.school-form-2 .hs-form select[name=lastname],.school-form-2 .hs-form textarea[name=division_detail],.school-form-2 .hs-form textarea[name=firstname],.school-form-2 .hs-form textarea[name=jobtitle],.school-form-2 .hs-form textarea[name=lastname] {
                    width: 180px;
                    width: 14.0625vw!important
                }

                .school-form-2 .hs-form input[name=division_detail],.school-form-2 .hs-form input[name=lastname],.school-form-2 .hs-form select[name=division_detail],.school-form-2 .hs-form select[name=lastname],.school-form-2 .hs-form textarea[name=division_detail],.school-form-2 .hs-form textarea[name=lastname] {
                    margin-right: 0;
                    margin-right: 0!important
                }

                .school-form-2 .hs-form input,.school-form-2 .hs-form select {
                    height: 50px;
                    height: 3.90625vw!important
                }

                .school-form-2 .hs-form textarea {
                    min-height: 170px;
                    min-height: 13.28125vw
                }

                .school-form-2 .hs-form .hs-submit {
                    margin-top: 4.21875vw
                }

                .school-form-2 .hs-form .hs-submit .actions {
                    width: 374px;
                    width: 29.21875vw!important;
                    border-radius: 6px;
                    border-radius: .46875vw!important
                }

                .school-form-2 .hs-form .hs-submit .actions:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 3px;
                    height: .23438vw;
                    right: 16px;
                    right: 1.25vw
                }

                .school-form-2 .hs-form .hs-submit .actions:before {
                    width: 12px;
                    width: .9375vw;
                    height: 12px;
                    height: .9375vw;
                    right: 17px;
                    right: 1.32813vw
                }

                .school-form-2 .hs-form .hs-submit .actions .hs-button {
                    width: 374px;
                    width: 29.21875vw!important;
                    height: 64px;
                    height: 5vw!important;
                    border-radius: 6px;
                    border-radius: .46875vw!important;
                    font-size: 20px;
                    font-size: 1.5625vw!important
                }

                .m-school-head {
                    padding-bottom: 2.34375vw
                }

                .m-school-head .en {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    margin-bottom: 1.17188vw
                }

                .m-school-head .ja {
                    font-size: 42px;
                    font-size: 3.28125vw
                }

                .m-school-head:after {
                    width: 144px;
                    width: 11.25vw
                }

                .layout-form {
                    margin-bottom: 4.84375vw
                }

                .layout-form .form-overview {
                    padding: 1.875vw
                }

                .layout-form .form-overview .overview-inner {
                    padding-top: 3.20312vw;
                    padding-left: 3.67188vw;
                    padding-right: 3.67188vw
                }

                .layout-form .form-overview .overview-inner .arrow {
                    width: 469px;
                    width: 36.64063vw;
                    bottom: px;
                    bottom: 3.67188vw
                }

                .layout-form .form-overview .overview-inner .overview-title-area {
                    margin-bottom: 3.90625vw
                }

                .layout-form .form-overview .overview-inner .overview-title-area .en {
                     font-size: 1.75rem;
                    font-size: 4.375vw;
                    margin-bottom: .78125vw
                }

                .layout-form .form-overview .overview-inner .overview-title-area .ja {
                    font-size: 1.75rem;
                    font-size: 2.5vw
                }

                .layout-form .form-overview .overview-inner .overview-lead {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: 3.4375vw
                }

                .layout-form .overview-list-head {
                    font-size: 1.125rem;
                     line-height: 1.8rem;
                     font-weight: bold;
                    margin-bottom: .85938vw;
                      color: #4c566c;
                }

                .layout-form .overview-lead-sm {
                    margin-bottom: 0
                }

                .layout-form .overview-list {
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .layout-form .overview-list li {
                    font-size: 18px;
                    font-size: 1.40625vw;
                    margin-bottom: .15625vw
                }

                .layout-form .overview-list li:before {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-right: .70313vw;
                    top: 3px;
                    top: .23438vw
                }

                .layout-form .form-form .form-inner {
                    padding-top: 1.01563vw;
                    padding-bottom: 4.0625vw;
                    width: 565px;
                    width: 44.14063vw
                }

                .layout-form .form-form .form-inner .breadcrumb {
                    margin-top: 1.09375vw;
                    margin-bottom: .70313vw;
                    padding-left: 0;
                    padding-right: 0
                }

                .layout-form .form-form .form-inner .bg-sm {
                    padding-left: 0;
                    padding-right: 0
                }

                .layout-form .form-form .form-inner form {
                    left: -1px;
                    left: -.07812vw!important
                }

                .mktoForm-wrap .mktoForm label:before {
                    height: 29px;
                    height: 2.26563vw!important;
                    top: 27px;
                    top: 2.10938vw;
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .mktoForm-wrap .mktoForm label[for=comment],.mktoForm-wrap .mktoForm label[for=Comment],.mktoForm-wrap .mktoForm label[for=Company],.mktoForm-wrap .mktoForm label[for=company],.mktoForm-wrap .mktoForm label[for=Email],.mktoForm-wrap .mktoForm label[for=Phone],.mktoForm-wrap .mktoForm label[for=request],.mktoForm-wrap .mktoForm label[for=Request],.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactcomment],.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactrequest],.mktoForm-wrap .mktoForm label[for=z201CompanyName_L] {
                    width: 563px;
                    width: 43.98438vw!important
                }

                .mktoForm-wrap .mktoForm label[for=Department]:before,.mktoForm-wrap .mktoForm label[for=FirstName]:before,.mktoForm-wrap .mktoForm label[for=LastName]:before,.mktoForm-wrap .mktoForm label[for=Title]:before {
                    width: 274px;
                    width: 21.40625vw!important
                }

                .mktoForm-wrap .mktoForm label .mktoAsterix {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    top: 25px;
                    top: 1.95313vw
                }

                .mktoForm-wrap .mktoForm label[for=company] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Company] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Department] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=LastName] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Title] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z201CompanyName_L] .mktoAsterix {
                    left: 40px;
                    left: 3.125vw
                }

                .mktoForm-wrap .mktoForm label[for=Phone] .mktoAsterix {
                    left: 56px;
                    left: 4.375vw
                }

                .mktoForm-wrap .mktoForm label[for=Email] .mktoAsterix {
                    left: 96px;
                    left: 7.5vw
                }

                .mktoForm-wrap .mktoForm label[for=comment] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Comment] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactcomment] .mktoAsterix {
                    left: 112px;
                    left: 8.75vw
                }

                .mktoForm-wrap .mktoForm label[for=request] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Request] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactrequest] .mktoAsterix {
                    left: 160px;
                    left: 12.5vw
                }

                .mktoForm-wrap .mktoForm input,.mktoForm-wrap .mktoForm select,.mktoForm-wrap .mktoForm textarea {
                    margin-top: 53px;
                    margin-top: 4.14063vw!important;
                    width: 563px;
                    width: 43.98438vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important;
                    padding-left: 16px;
                    padding-left: 1.25vw!important;
                    padding-right: 16px;
                    padding-right: 1.25vw!important
                }

                .mktoForm-wrap .mktoForm input#Department,.mktoForm-wrap .mktoForm input#FirstName,.mktoForm-wrap .mktoForm input#LastName,.mktoForm-wrap .mktoForm input#Title,.mktoForm-wrap .mktoForm select#Department,.mktoForm-wrap .mktoForm select#FirstName,.mktoForm-wrap .mktoForm select#LastName,.mktoForm-wrap .mktoForm select#Title,.mktoForm-wrap .mktoForm textarea#Department,.mktoForm-wrap .mktoForm textarea#FirstName,.mktoForm-wrap .mktoForm textarea#LastName,.mktoForm-wrap .mktoForm textarea#Title {
                    width: 274px;
                    width: 21.40625vw!important
                }

                .mktoForm-wrap .mktoForm input#Department,.mktoForm-wrap .mktoForm input#LastName,.mktoForm-wrap .mktoForm select#Department,.mktoForm-wrap .mktoForm select#LastName,.mktoForm-wrap .mktoForm textarea#Department,.mktoForm-wrap .mktoForm textarea#LastName {
                    margin-right: 17px;
                    margin-right: 1.32813vw!important
                }

                .mktoForm-wrap .mktoForm input,.mktoForm-wrap .mktoForm select {
                    height: 44px;
                    height: 3.4375vw!important
                }

                .mktoForm-wrap .mktoForm textarea {
                    min-height: 170px;
                    min-height: 13.28125vw
                }

                .mktoForm-wrap .mktoForm .mktoHtmlText {
                    width: 563px;
                    width: 43.98438vw!important;
                    font-size: 14px;
                    font-size: 1.09375vw!important
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow {
                    margin-top: 5.39063vw
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap {
                    width: 311px;
                    width: 24.29688vw!important;
                    border-radius: 30px;
                    border-radius: 2.34375vw!important
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap:after {
                    width: 15px;
                    width: 1.17188vw;
                    height: 3px;
                    height: .23438vw;
                    right: 16px;
                    right: 1.25vw
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap:before {
                    width: 12px;
                    width: .9375vw;
                    height: 12px;
                    height: .9375vw;
                    right: 17px;
                    right: 1.32813vw
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow button {
                    width: 311px;
                    width: 24.29688vw!important;
                    height: 60px;
                    height: 4.6875vw!important;
                    border-radius: 30px;
                    border-radius: 2.34375vw!important;
                    font-size: 20px;
                    font-size: 1.5625vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red {
                    width: 424px;
                    width: 33.125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select {
                    height: 42px;
                    height: 3.28125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea {
                    width: 424px;
                    width: 33.125vw!important;
                    border-radius: 10px;
                    border-radius: .78125vw;
                    font-size: 16px;
                    font-size: 1.25vw;
                    padding-left: 16px;
                    padding-left: 1.25vw!important;
                    padding-right: 16px;
                    padding-right: 1.25vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm input#Title,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#Title,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#Title {
                    width: 424px;
                    width: 33.125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm input#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#LastName {
                    width: 202px;
                    width: 15.78125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#LastName {
                    margin-right: 17px;
                    margin-right: 1.32813vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=comment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Comment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Company],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=company],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Department],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Email],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Phone],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=request],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Request],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Title],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactcomment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactrequest],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z201CompanyName_L] {
                    width: 424px;
                    width: 33.125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=FirstName]:before,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=LastName]:before {
                    width: 202px;
                    width: 15.78125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label:before {
                    font-size: 16px;
                    font-size: 1.25vw;
                    top: 20px;
                    top: 1.5625vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label .mktoAsterix {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    top: 18px;
                    top: 1.40625vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=company] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Company] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Department] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=LastName] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Title] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z201CompanyName_L] .mktoAsterix {
                    left: 47px;
                    left: 3.67188vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Phone] .mktoAsterix {
                    left: 63px;
                    left: 4.92188vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=comment] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Comment] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Email] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactcomment] .mktoAsterix {
                    left: 112px;
                    left: 8.75vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=request] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Request] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactrequest] .mktoAsterix {
                    left: 160px;
                    left: 12.5vw
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoHtmlText {
                    margin-top: 39px;
                    margin-top: 3.04688vw!important;
                    width: 424px;
                    width: 33.125vw!important;
                    font-size: 12px;
                    font-size: .9375vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoButtonRow {
                    margin-top: 10px;
                    margin-top: .78125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoButtonRow .mktoButtonWrap {
                    width: 424px;
                    width: 33.125vw!important;
                    border-radius: 10px;
                    border-radius: .78125vw!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm button {
                    width: 424px;
                    width: 33.125vw!important;
                    height: 64px;
                    height: 5vw!important;
                    border-radius: 10px;
                    border-radius: .78125vw!important;
                    font-size: 20px;
                    font-size: 1.5625vw!important
                }
                .marketo-download-breadcrumb {
                    margin-top: 2.1875vw;
                    margin-bottom: 1.25vw
                }

                .sec-marketo-seminar,section.sec-marketo-download {
                    width: 1200px;
                    width: 93.75vw
                }

                .marketo-download-head,.marketo-seminar-head {
                    margin-bottom: 3.75vw
                }

                .sec-seminar {
                    margin-top: 3.125vw;
                    padding-bottom: 4.6875vw
                }

                .sec-seminar .seminar-list .each-seminar {
                    width: 372px;
                    width: 29.0625vw;
                    margin-right: 3.28125vw;
                    margin-bottom: 3.28125vw
                }

                .sec-seminar .seminar-list .each-seminar .img {
                    height: 177px;
                    height: 13.82813vw
                }

                .sec-seminar .seminar-list .each-seminar .txt-area {
                    padding-top: 1.79687vw;
                    padding-bottom: 2.8125vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-seminar .seminar-list .each-seminar .availability,.sec-seminar .seminar-list .each-seminar .tag {
                    font-size: 14px;
                    font-size: 1.09375vw
                }

                .sec-seminar .seminar-list .each-seminar .availability {
                    width: 85px;
                    width: 6.64063vw;
                    height: 31px;
                    height: 2.42188vw;
                    border-radius: 10px;
                    border-radius: .78125vw;
                    top: 15px;
                    top: 1.17188vw;
                    right: 14px;
                    right: 1.09375vw
                }

                .sec-seminar .seminar-list .each-seminar .title-dark,.sec-seminar .seminar-list .each-seminar .title-light {
                    font-size: 18px;
                    font-size: 1.40625vw
                }

                .sec-download {
                    margin-top: 2.10938vw;
                    padding-bottom: 4.6875vw
                }

                .sec-download .list-title {
                    font-size: 24px;
                    font-size: 1.875vw;
                    margin-bottom: 2.03125vw
                }

                .sec-download .download-list {
                    padding-bottom: .78125vw
                }

                .sec-download .download-list .each-download {
                    width: 372px;
                    width: 29.0625vw;
                    margin-right: 3.28125vw;
                    margin-bottom: 3.28125vw
                }

                .sec-download .download-list .each-download .doc-title,.sec-download .download-list .each-download .img,.sec-download .download-list .each-download .mktoImg {
                    height: 191px;
                    height: 14.92188vw
                }

                .sec-download .download-list .each-download .doc-title {
                    font-size: 28px;
                    font-size: 2.1875vw
                }

                .sec-download .download-list .each-download .txt-area {
                    padding-top: 1.95313vw;
                    padding-bottom: 2.8125vw;
                    padding-left: 1.5625vw;
                    padding-right: 1.5625vw
                }

                .sec-download .download-list .each-download .txt-area .desc {
                    font-size: 14px;
                    font-size: 1.09375vw;
                    margin-bottom: 1.5625vw
                }

                .sec-download .download-list .each-download .txt-area .btn {
                    width: 200px;
                    width: 15.625vw;
                    height: 44px;
                    height: 3.4375vw;
                    font-size: 16px;
                    font-size: 1.25vw;
                    border-radius: 22px;
                    border-radius: 1.71875vw
                }

                .sec-download .download-list .each-download .txt-area .btn .arrow {
                    width: 16px;
                    width: 1.25vw;
                    right: 14px;
                    right: 1.09375vw
                }

                .sec-thanks .thanks-message {
                    font-size: 20px;
                    font-size: 1.5625vw
                }

                .sec-thanks .module-btn-l {
                    font-size: 22px;
                    font-size: 1.71875vw;
                    width: 374px;
                    width: 29.21875vw;
                    height: 55px;
                    height: 4.29688vw;
                    border-radius: 28px;
                    border-radius: 2.1875vw
                }

                .page-download-breadcrumb {
                    margin-top: 1.25vw
                }

                .page-download-form {
                    margin-top: 3.4375vw;
                    margin-bottom: 3.35938vw;
                    padding-left: 0;
                    padding-right: 0
                }

                .page-download-form .form-area,.page-download-form .overview-area {
                    margin-left: 1.5625vw;
                    margin-right: 1.5625vw
                }

                .page-download-form .overview-area {
                    width: 653px;
                    width: 51.01563vw;
                    margin-bottom: 0
                }

                .page-download-form .overview-area .download-title {
                    font-size: 32px;
                    font-size: 2.5vw;
                    margin-bottom: 1.09375vw
                }

                .page-download-form .overview-area .download-img {
                    margin-bottom: 1.5625vw
                }

                .page-download-form .overview-area .download-desc {
                    font-size: 16px;
                    font-size: 1.25vw
                }

                .page-download-form .form-area {
                    border-width: .9375vw;
                    padding-left: 2.34375vw;
                    padding-right: 2.34375vw;
                    padding-top: .625vw;
                    padding-bottom: 2.96875vw
                }

                .page-download-download {
                    margin-top: 5.46875vw;
                    margin-bottom: 5.85938vw
                }

                .page-download-download .download-desc {
                    font-size: 16px;
                    font-size: 1.25vw;
                    margin-bottom: 1.875vw
                }

                .page-download-download .download-btn {
                    font-size: 30px;
                    font-size: 2.34375vw;
                    width: 454px;
                    width: 35.46875vw;
                    height: 85px;
                    height: 6.64063vw;
                    border-radius: 10px;
                    border-radius: .78125vw;
                    margin-bottom: 5vw
                }

                .page-download-download .download-btn .icon {
                    width: 30px;
                    width: 2.34375vw;
                    height: 32px;
                    height: 2.5vw;
                    left: 28px;
                    left: 2.1875vw
                }

                .page-download-download .download-notes {
                    font-size: 16px;
                    font-size: 1.25vw;
                    width: 878px;
                    width: 68.59375vw;
                    margin-bottom: 1.875vw
                }

           
                .js-accordion .js-accordion-head:before {
                    width: 4px;
                    width: .3125vw;
                    height: 4px;
                    height: .3125vw;
                    right: 10px;
                    right: .78125vw
                }

                .js-accordion.invisible {
                    height: 74px;
                    height: 5.78125vw
                }

                .js-accordion.invisible .js-accordion-head:before {
                    width: 4px;
                    width: .3125vw;
                    height: 24px;
                    height: 1.875vw
                }
            }

            @media screen and (max-width: 560px) {
                .setOrder {
                    color:#000
                }

                .mdl-md,.module-md {
                    display: none
                }
 
                .subpage-mv.video .head-area .copy {
                    line-height: 1.4
                }

                .subpage-mv.video .head-area .lead {
                    position: absolute;
                    top: -2.6em;
                    left: 0
                }

                .subpage-mv {
                    height: 64vw
                }

                .subpage-mv .subpage-mv-inner {
                    padding-top: 5.86667vw;
                    padding-left: 5.33333vw
                }

                .subpage-mv .arrow {
                    left: -16px;
                    top: 5.86667vw;
                    width: 89.86667vw
                }

                .subpage-mv .head-area .picto {
                    width: 28.8vw;
                    margin-bottom: 1.33333vw
                }

                .sec-mv .arrow {
                    left: -12px
                }

                .sec-mv .copy .name {
                    max-width: 82.13333vw
                }

                .sec-mv .results-wrap {
                    max-width: 82.13333vw;
                    left: 20px
                }

                .sec-top-services .each-service.video .features-area {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                .sec-top-services .each-service.video .features-area .each-feature {
                    margin-bottom: 30px
                }

                .sec-top-services .each-service .desc-area .desc {
                    max-width: 265px
                }

                .sec-top-news .news-list .each-news .title {
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    padding-top: .2em
                }

                .sec-bnr .bnr-growthhacker .bg {
                    width: 100%
                }

                .sec-dx-overview .dx-overview-desc {
                    line-height: 1.71429
                }

                .sec-dx-overview .dx-overview-video {
                    max-width: 91.46667vw
                }

                .sec-dx-overview .dx-overview-video .title {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    line-height: 1.4
                }

                .sec-dx-pro .each-people .pro-img {
                    margin-right: 4.26667vw
                }

                .sec-dx-pro .each-people .pro-desc {
                    line-height: 1.57143
                }

                .sec-dx-project .dx-projects {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-dx-project .dx-projects .each-project .project-lead {
                    line-height: 1.55556
                }

                .sec-dx-project .dx-projects .each-project .project-desc {
                    line-height: 1.57143
                }

                .sec-dx-client .dx-clients .each-client {
                    width: 50%
                }

                .dx-bg-arrow {
                    
                    background-size: 95.46667vw;
                    background-position: top 6.93333vw left
                }

                .sec-dx-needs .dx-needs {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-dx-needs .each-needs .needs-desc {
                    line-height: 1.57143
                }

                .sec-dx-services .each-service.video .features-area {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                .sec-dx-services .each-service.video .features-area .each-feature {
                    margin: 0 0 30px
                }

                .sec-dx-services .each-service .desc-area .desc {
                    max-width: 265px
                }

                .sec-ux-overview .ux-issues .each-issue {
                    border-bottom: 1px dashed #2dc2cc
                }

                .sec-ux-overview .ux-issues .each-issue:last-of-type {
                    border-bottom: none
                }

                .sec-ux-overview .ux-issues .each-issue .task .task-inner {
                    line-height: 1.55556
                }

                .sec-ux-strength .ux-strength .each-strength .strength-desc {
                    line-height: 1.57143
                }

                .sec-ux-services .ux-service {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-ux-services .ux-service .each-service .service-desc {
                    line-height: 1.57143
                }

                .sec-ux-case .ux-cases .each-case {
                    margin-left: auto;
                    margin-right: auto
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .title {
                    line-height: 1.5
                }

                .sec-ux-client .ux-clients .each-client {
                    width: 25%
                }

                .ux-bg-arrow {
                    
                    background-size: 95.46667vw;
                    background-position: top 6.93333vw left
                }

                .sec-ux-needs .ux-needs {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-ux-needs .each-needs .needs-desc {
                    line-height: 1.57143
                }

                .sec-ux-service .service {
                    width: 91.46667vw;
                    padding: 9px
                }

                .sec-ux-service .service .desc-area .desc {
                    max-width: 265px
                }

                .sec-ux-service .service .features-area .each-feature:last-of-type {
                    width: 100%
                }

                .sec-ux-service .service .features-area .each-feature:last-of-type .feature-desc {
                    text-align: center
                }

                .sec-ux-service .service .features-area .feature-desc {
                    text-align: left
                }

                .sec-engine-overview .engine-overview-desc {
                    line-height: 1.71429
                }

                section.sec-engine-features .engine-features .each-feature .feature-lead {
                    line-height: 1.55556
                }

                .sec-engine-function .each-function.right .function-name {
                    text-align: right
                }

                .sec-engine-function .each-function .function-desc {
                    color: #2b2b2b;
                    position: absolute;
                    top: 68.8vw
                }

                .sec-engine-function .each-function .function-desc.function01 {
                    top: 63.46667vw
                }

                .sec-common-services .common-service {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-common-services .common-service .each-service .service-desc {
                    line-height: 1.57143
                }

                .sec-team-overview .team-overview-desc {
                    line-height: 1.71429
                }

                section.sec-team-features .team-features .each-feature {
                    background: -webkit-gradient(linear,left top,left bottom,from(#88e18e),to(#2dc79d));
                    background: linear-gradient(180deg,#88e18e,#2dc79d)
                }

                section.sec-team-features .team-features .each-feature .feature-lead {
                    line-height: 1.55556
                }

                .sec-team-services .team-service {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-team-services .team-service .each-service .service-desc,.sec-video-overview .video-advantage .each-advantage .advantage-desc {
                    line-height: 1.57143
                }

                .video-cases .each-case {
                    margin-left: auto;
                    margin-right: auto
                }

                .sec-video-price .video-price {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .sec-video-plan .video-plan-desc {
                    line-height: 1.57143
                }

                .sec-video-plan .video-table01 tr.list td,.sec-video-plan .video-table01 tr.list th {
                    line-height: 2
                }

                .sec-video-plan .video-table01 td,.sec-video-plan .video-table01 th {
                    width: 23.46667vw
                }

                .sec-video-plan .video-table01 td.narrow,.sec-video-plan .video-table01 th.narrow {
                    width: 22.4vw
                }

                .sec-video-plan .video-table01 th.trans {
                    width: 21.33333vw
                }

                .sec-video-option .video-option-desc {
                    line-height: 1.57143
                }

                .sec-video-production .video-production-head {
                    letter-spacing: 0
                }

                .sec-video-production .video-production .each-production .production-lead {
                    line-height: 1.625;
                    height: auto!important
                }

                .sec-video-production .video-production .each-production .production-note {
                    line-height: 1.5
                }

                .sec-video-doda .video-doda-head .name {
                    line-height: 1.6
                }

                .sec-video-doda .result-area .step01 {
                    margin-left: auto;
                    margin-right: auto
                }

                .sec-video-doda .result-area .step01:before {
                    border-width: 6px 3.5px 0;
                    bottom: -6px
                }

                .sec-video-doda .result-area .issues {
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between
                }

                .sec-video-doda .result-area .issues .issue01,.sec-video-doda .result-area .issues .issue02,.sec-video-doda .result-area .result .txt01 {
                    line-height: 1.57143
                }

                .sec-video-service .video-service {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                .sec-video-service .video-service .service-desc {
                    line-height: 1.57143
                }

                .sec-video-service .video-service .service-btn {
                    margin: auto auto 0
                }

                #showcase .md,#vx .md {
                    display: none
                }

                #showcase .module-default-inner,#vx .module-default-inner {
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    padding-left: 20px;
                    padding-right: 20px
                }

                #showcase .module-thin-inner,#vx .module-thin-inner {
                    padding-left: 20px;
                    padding-right: 20px
                }

                #showcase .module-subpage-head,#vx .module-subpage-head {
                    overflow: hidden
                }

                #showcase .module-subpage-head .head-wrap,#vx .module-subpage-head .head-wrap {
                    margin-bottom: 12px
                }

                #showcase .module-subpage-head .copy-area,#vx .module-subpage-head .copy-area {
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    padding: 80px 19px 74px
                }

                #showcase .sec-gh-awards .head,#showcase .sec-gh-features .head,#showcase .sec-kce-features .head,#showcase .sec-kce-reason .head,#showcase .sec-ktx-features .head,#vx .sec-gh-awards .head,#vx .sec-gh-features .head,#vx .sec-kce-features .head,#vx .sec-kce-reason .head,#vx .sec-ktx-features .head {
                    margin-bottom: 87px
                }

                #showcase .sec-gh-awards .each-feature,#showcase .sec-gh-features .each-feature,#showcase .sec-kce-features .each-feature,#showcase .sec-kce-reason .each-feature,#showcase .sec-ktx-features .each-feature,#vx .sec-gh-awards .each-feature,#vx .sec-gh-features .each-feature,#vx .sec-kce-features .each-feature,#vx .sec-kce-reason .each-feature,#vx .sec-ktx-features .each-feature {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    margin-bottom: 113px
                }

                #showcase .sec-gh-awards .each-feature .txt-area,#showcase .sec-gh-features .each-feature .txt-area,#showcase .sec-kce-features .each-feature .txt-area,#showcase .sec-kce-reason .each-feature .txt-area,#showcase .sec-ktx-features .each-feature .txt-area,#vx .sec-gh-awards .each-feature .txt-area,#vx .sec-gh-features .each-feature .txt-area,#vx .sec-kce-features .each-feature .txt-area,#vx .sec-kce-reason .each-feature .txt-area,#vx .sec-ktx-features .each-feature .txt-area {
                    margin-bottom: 30px
                }

                #showcase .sec-gh-awards .service-area .service-list .each-service,#showcase .sec-gh-features .service-area .service-list .each-service,#showcase .sec-kce-features .service-area .service-list .each-service,#showcase .sec-kce-reason .service-area .service-list .each-service,#showcase .sec-ktx-features .service-area .service-list .each-service,#vx .sec-gh-awards .service-area .service-list .each-service,#vx .sec-gh-features .service-area .service-list .each-service,#vx .sec-kce-features .service-area .service-list .each-service,#vx .sec-kce-reason .service-area .service-list .each-service,#vx .sec-ktx-features .service-area .service-list .each-service {
                    margin-bottom: 50px
                }

                #showcase .sec-gh-awards .service-area .service-list .each-service:nth-of-type(2n),#showcase .sec-gh-features .service-area .service-list .each-service:nth-of-type(2n),#showcase .sec-kce-features .service-area .service-list .each-service:nth-of-type(2n),#showcase .sec-kce-reason .service-area .service-list .each-service:nth-of-type(2n),#showcase .sec-ktx-features .service-area .service-list .each-service:nth-of-type(2n),#vx .sec-gh-awards .service-area .service-list .each-service:nth-of-type(2n),#vx .sec-gh-features .service-area .service-list .each-service:nth-of-type(2n),#vx .sec-kce-features .service-area .service-list .each-service:nth-of-type(2n),#vx .sec-kce-reason .service-area .service-list .each-service:nth-of-type(2n),#vx .sec-ktx-features .service-area .service-list .each-service:nth-of-type(2n) {
                    margin-left: auto
                }

                #showcase .sec-gh-awards .service-area .service-list .service-name,#showcase .sec-gh-features .service-area .service-list .service-name,#showcase .sec-kce-features .service-area .service-list .service-name,#showcase .sec-kce-reason .service-area .service-list .service-name,#showcase .sec-ktx-features .service-area .service-list .service-name,#vx .sec-gh-awards .service-area .service-list .service-name,#vx .sec-gh-features .service-area .service-list .service-name,#vx .sec-kce-features .service-area .service-list .service-name,#vx .sec-kce-reason .service-area .service-list .service-name,#vx .sec-ktx-features .service-area .service-list .service-name {
                    line-height: 1.25;
                    margin-bottom: 14px;
                    height: 2.5em
                }

                #showcase .sec-solution-guide,#vx .sec-solution-guide {
                    padding: 70px 20px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box
                }

                #showcase .sec-solution-guide.ktx,#vx .sec-solution-guide.ktx {
                    height: 106.66667vw;
                    max-height: 600px
                }

                #showcase .sec-solution-guide.ktx .txt,#vx .sec-solution-guide.ktx .txt {
                    font-size: 12px
                }

                #showcase .sec-solution-guide.gh,#vx .sec-solution-guide.gh {
                    height: 106.66667vw;
                    max-height: 600px
                }

                #showcase .sec-solution-guide .txt,#vx .sec-solution-guide .txt {
                    margin-bottom: 13px
                }

                #showcase .sec-solution-guide .name,#vx .sec-solution-guide .name {
                    text-align: center
                }

                #showcase .sec-solution-guide .lead,#vx .sec-solution-guide .lead {
                    text-align: center;
                    margin-bottom: 78px
                }

                .school-kv-pic {
                    
                    background-size: contain;
                    background-position: 100% 100%;
                    background-repeat: no-repeat
                }

                .school-kv-layer {
                    background: -webkit-gradient(linear,left top,left bottom,color-stop(8.7%,#6fd99f),color-stop(71.9%,#2dc2cc));
                    background: linear-gradient(180deg,#6fd99f 8.7%,#2dc2cc 71.9%)
                }

                .school-kv-lead {
                    text-align: center
                }

                .school-kv-btn {
                    background-size: 12px auto;
                    background-position: right 20px center
                }

                .school-reason-list__desc-wrap {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    border-top: 2px solid #fff
                }

                .school-recommend__item:nth-of-type(2n) .school-recommend__img {
                    margin-left: auto
                }

                .school-recommend__txt-border {
                    margin-left: auto;
                    margin-right: auto
                }

                #school-point {
                    
                    background-repeat: no-repeat;
                    background-size: 95.46667vw;
                    background-position: top 12vw right 4vw
                }

                .school-point__num {
                    left: 50%
                }

                .school-contents__gr-1 {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                .schoo-contents__body {
                    line-height: 1.714
                }

                .school-contents__list-item {
                    text-align: center;
                    line-height: 1.375;
                    border-bottom: 1px solid #d7d7d7
                }

                .school-flow__list-item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .school-flow__list-item:not(:last-of-type):after {
                    left: 16.8vw;
                    bottom: .8vw;
                    -webkit-transform: translateY(100%);
                    transform: translateY(100%);
                    
                    background-size: cover
                }

                .school-flow__list-ttl {
                    line-height: 1.333;
                    display: block
                }

                .school-flow__btn {
                    background-size: 12px auto;
                    background-position: right 20px center
                }

                .school-company__list-item {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                .school-company__list-bg {
                    width: 100%;
                    background: -webkit-gradient(linear,left top,right top,from(#2dc2cc),to(#2dc79d));
                    background: linear-gradient(90deg,#2dc2cc,#2dc79d)
                }

                .school-company__list-body {
                    letter-spacing: .04em
                }

                .shool-book__ttl {
                    line-height: 1.425;
                    letter-spacing: .02em
                }

                .school-book__fig {
                    margin-left: auto;
                    position: relative
                }

                .school-book__fig:before {
                    content: "";
                    width: 76vw;
                    height: 1px;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    background-image: -webkit-gradient(linear,left top,right top,from(#6fd99f),to(#2dc2cc));
                    background-image: linear-gradient(90deg,#6fd99f,#2dc2cc)
                }

                .school-form .hs-form .hs-form-field label {
                    display: block
                }

                .school-form .hs-form .hs-form-field span.hs-form-required:before {
                    top: 50%
                }

                .school-form .hs-form textarea {
                    padding-top: 3.06667vw!important
                }

                .school-form .hs-form fieldset:first-of-type,.school-form .hs-form fieldset:nth-of-type(3) {
                    display: block
                }

                .school-form .hs-form fieldset:first-of-type:before,.school-form .hs-form fieldset:nth-of-type(3):before,.school-form .hs-form fieldset:nth-of-type(8):before {
                    top: 50%
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-error-msg,.school-form .hs-form fieldset:nth-of-type(12) .hs-error-msg,.school-form .hs-form fieldset:nth-of-type(14) .hs-error-msg {
                    left: 0!important
                }

                .school-form .hs-form .hs-submit .actions:before {
                    border-top: 2px solid #fff;
                    border-right: 2px solid #fff
                }

                .school-form-2 .hs-form .hs-form-field label {
                    display: block
                }

                .school-form-2 .hs-form .hs-form-field span.hs-form-required:before {
                    top: 50%
                }

                .school-form-2 .hs-form textarea {
                    padding-top: 3.06667vw!important
                }

                .school-form-2 .hs-form .hs-submit .actions:before {
                    border-top: 2px solid #fff;
                    border-right: 2px solid #fff
                }

                .m-school-head:after {
                    height: 2px
                }

                .layout-form .form-overview {
                    height: 51.46667vw
                }

                .layout-form .form-overview .overview-inner {
                    
                }

                .layout-form .form-overview .overview-inner .arrow {
                    right: 26px
                }

                .layout-form .overview-list:after {
                    content: "";
                    width: 38.4vw;
                    height: 4px;
                    background: #88e18e;
                    position: absolute;
                    bottom: 0;
                    right: -4.26667vw
                }

                .layout-form .form-form .form-inner .bg-sm {
                    
                    background-size: 95.46667vw;
                    background-position: top .53333vw right 4.26667vw;
                    background-repeat: no-repeat
                }

                .mktoForm-wrap .mktoForm .mktoFormRow {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                .mktoForm-wrap .mktoForm textarea {
                    padding-top: 3.06667vw!important
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap:before {
                    border-top: 2px solid #fff;
                    border-right: 2px solid #fff
                }

                .hs-form textarea {
                    padding-top: 3.06667vw!important
                }

                .hs-form .hs-submit .actions:before {
                    border-top: 2px solid #fff;
                    border-right: 2px solid #fff
                }

                .hs-form-2 .hs-form textarea {
                    padding-top: 3.06667vw!important
                }

                .sec-seminar .seminar-list .each-seminar .available {
                    border: 1px solid #2dcc70
                }

                .sec-download .download-list .each-download .txt-area .title {
                    font-size: 2.93333vw
                }

                .sec-download .download-list .each-download .txt-area .doc-points {
                    font-size: 2.66667vw
                }

                .sec-thanks .thanks-icon {
                    width: 80px
                }

                .sec-thanks .thanks-icon img {
                    width: 100%
                }

                .page-download-form .overview-area .download-title {
                    text-align: center
                }

                .page-download-form .form-columns-1 .hs-form-field {
                    max-width: 78.13333vw!important
                }

                .page-download-form .form-columns-1 .input {
                    margin-right: 0!important
                }

                .page-download-form .actions {
                    max-width: 78.13333vw!important
                }
            }

            @media screen and (max-width: 961px) {
                .mdl-lg {
                    display:none
                }

              
            }

            @media screen and (min-width: 1200px) {
                .mdl-head01 {
                    font-size:32px;
                    padding-bottom: 23px
                }

                .mdl-head01:before {
                    width: 144px;
                    height: 4px
                }

                .mdl-head01 .gray,.mdl-head01 .small {
                    font-size: 20px
                }

                .mdl-head01 .en {
                    font-size: 36px;
                    top: 1px
                }

                .mdl-breadcrumb {
                    font-size: 12px;
                    margin-top: 13px;
                    margin-bottom: 24px;
                    padding-left: 30px;
                    padding-right: 30px
                }

                .btn-download {
                    font-size: 22px;
                    border-radius: 32px;
                    width: 320px;
                    height: 64px;
                    padding-right: 10px
                }

                .btn-download .arrow {
                    width: 16px;
                    right: 26px
                }

                .subpage-mv.engine .head-area {
                    margin-left: 118px
                }

                .subpage-mv.engine .head-area .picto {
                    width: 136px;
                    margin-right: 70px;
                    margin-bottom: 0;
                    top: -8px
                }

                .subpage-mv.engine .head-area .txt-area {
                    top: -7px
                }

                .subpage-mv.engine .head-area .title {
                    font-size: 72px;
                    margin-bottom: 0
                }

                .subpage-mv.team .head-area {
                    margin-left: 118px
                }

                .subpage-mv.team .head-area .picto {
                    width: 136px;
                    margin-right: 70px;
                    margin-bottom: 0;
                    top: -8px
                }

                .subpage-mv.team .head-area .txt-area {
                    top: -7px
                }

                .subpage-mv.team .head-area .title {
                    font-size: 72px;
                    margin-bottom: 0
                }

                .subpage-mv.video {
                    height: 440px
                }

                .subpage-mv.video .subpage-mv-inner {
                    padding-top: 89px;
                    padding-left: 0
                }

                .subpage-mv.video .head-area {
                    margin-left: 118px
                }

                .subpage-mv.video .head-area .title-area {
                    margin-bottom: 0
                }

                .subpage-mv.video .head-area .copy {
                    font-size: 18px;
                    margin-bottom: 27px
                }

                .subpage-mv.video .head-area .copy .num {
                    font-size: 32px
                }

                .subpage-mv.video .head-area .picto {
                    width: 120px;
                    height: 102px;
                    margin-right: 23px
                }

                .subpage-mv.video .head-area .title {
                    font-size: 56px;
                    top: -6px
                }

                .subpage-mv.video .head-area .lead {
                    font-size: 18px
                }

                .subpage-mv.video .head-area .num {
                    font-size: 32px;
                    top: 1px;
                    left: 1px
                }

                .subpage-mv.video .btn-wrap {
                    margin-top: 45px;
                    margin-left: 34px
                }

                .subpage-mv.video .btn {
                    font-size: 18px;
                    border-radius: 32px;
                    width: 360px;
                    height: 64px;
                    padding-right: 10px;
                    margin-bottom: 10px
                }

                .subpage-mv.video .btn .arrow {
                    width: 16px;
                    right: 26px
                }

                .subpage-mv {
                    padding: 24px;
                    height: 440px
                }

                .subpage-mv .arrow {
                    margin-left: 50%;
                    width: 524px;
                    height: 356px;
                    left: -197px;
                    top: 60px
                }

                .subpage-mv .head-area .picto {
                    width: 211px;
                    margin-right: 30px
                }

                .subpage-mv .head-area .title {
                    font-size: 72px;
                    margin-bottom: 0
                }

                .subpage-mv .head-area .lead {
                    font-size: 32px
                }

                .sec-mv {
                    height: 560px
                }

                .sec-mv .sec-mv-inner {
                    padding-top: 68px
                }

                .sec-mv .bg,.sec-mv picture {
                    height: 537px
                }

                .sec-mv .arrow {
                    width: 702px;
                    top: 58px;
                    height: 480px;
                    right: calc(50% - 560px)
                }

                .sec-mv .copy {
                    font-size: 32px
                }

                .sec-mv .copy .name {
                    margin-top: 29px
                }

                .sec-mv .results {
                    width: 483px;
                    height: 90px;
                    bottom: 63px;
                    width: 32.2vw;
                    width: calc(50vw - 160px);
                    min-width: 38.28125vw
                }

                .sec-mv .results-wrap {
                    height: 90px;
                    bottom: 63px
                }

                .sec-mv .results-wrap .each-result {
                    margin-right: 27px
                }

                .sec-mv .results-wrap .icon {
                    width: 28px;
                    margin-right: 15px
                }

                .sec-mv .results-wrap .txt-area {
                    font-size: 12px
                }

                .sec-mv .results-wrap .num {
                    font-size: 28px
                }

                .sec-top-services {
                    padding-top: 60px;
                    padding-bottom: 60px
                }

                .sec-top-services .services-head01 {
                    font-size: 36px;
                    margin-bottom: 15px
                }

                .sec-top-services .services-desc01 {
                    font-size: 16px;
                    margin-bottom: 32px
                }

                .sec-top-services .each-service {
                    margin-bottom: 16px;
                    margin-left: 8px;
                    margin-right: 8px
                }

                .sec-top-services .each-service.dx .desc-area .picto {
                    width: 160px
                }

                .sec-top-services .each-service.ux .desc-area .picto {
                    width: 164px
                }

                .sec-top-services .each-service.video .desc-area .picto {
                    width: 160px
                }

                .sec-top-services .each-service.video .features-area .each-feature {
                    width: 400px
                }

                .sec-top-services .each-service.video .features-area .each-feature .picto.ad {
                    width: 70px
                }

                .sec-top-services .each-service.video .features-area .each-feature:first-of-type {
                    margin-bottom: 0
                }

                .sec-top-services .each-service .each-service-inner {
                    padding-top: 30px;
                    padding-bottom: 30px;
                    padding-left: 20px;
                    padding-right: 20px
                }

                .sec-top-services .each-service .service-name {
                    font-size: 40px;
                    margin-bottom: 30px
                }

                .sec-top-services .each-service .desc-area {
                    margin-bottom: 25px
                }

                .sec-top-services .each-service .desc-area .picto {
                    margin-bottom: 15px;
                    height: 101px
                }

                .sec-top-services .each-service .desc-area .desc {
                    font-size: 16px
                }

                .sec-top-services .each-service .features-area .each-feature {
                    width: 160px;
                    margin-bottom: 25px;
                    margin-left: 14px;
                    margin-right: 14px
                }

                .sec-top-services .each-service .features-area .each-feature .btn {
                    margin-top: 30px
                }

                .sec-top-services .each-service .features-area .picto {
                    width: 60px;
                    height: 60px;
                    margin-bottom: 6px
                }

                .sec-top-services .each-service .features-area .feature-name {
                    font-size: 18px;
                    margin-bottom: 10px;
                    height: 27px
                }

                .sec-top-services .each-service .btn,.sec-top-services .each-service .features-area .feature-desc {
                    font-size: 14px
                }

                .sec-top-services .each-service .btn {
                    width: 293px;
                    height: 48px
                }

                .sec-top-services .each-service .btn .arrow {
                    width: 16px;
                    height: 14px;
                    right: 16px
                }

                .sec-top-services .service-structure .service-structure-inner {
                    padding-top: 35px;
                    padding-bottom: 35px;
                    padding-left: 20px;
                    padding-right: 20px
                }

                .sec-top-services .service-structure .lead {
                    font-size: 18px;
                    margin-bottom: 15px
                }

                .sec-top-services .service-structure .picto-area {
                    margin-bottom: 5px
                }

                .sec-top-services .service-structure .picto-area .each .name {
                    font-size: 24px
                }

                .sec-top-services .service-structure .picto-area .arrow {
                    width: 49px;
                    margin-right: 11px;
                    margin-left: 10px
                }

                .sec-top-services .service-structure .picto-area .picto {
                    margin-right: 12px;
                    margin-left: 12px
                }

                .sec-top-services .service-structure .picto-area .picto .label {
                    font-size: 12px
                }

                .sec-top-services .service-structure .picto-area .building {
                    width: 58px;
                    height: 80px
                }

                .sec-top-services .service-structure .picto-area .shopping {
                    width: 56px;
                    height: 80px
                }

                .sec-top-services .service-structure .desc {
                    font-size: 14px
                }

                .sec-top-news {
                    padding-top: 60px;
                    padding-bottom: 68px
                }

                .sec-top-news .news-head01 {
                    font-size: 36px;
                    margin-bottom: 40px
                }

                .sec-top-news .news-list .each-news {
                    margin-bottom: 16px
                }

                .sec-top-news .news-list .each-news .date {
                    font-size: 12px;
                    width: 50px;
                    height: 50px;
                    margin-right: 16px
                }

                .sec-top-news .news-list .each-news .title {
                    font-size: 16px
                }

                .sec-top-bnr {
                    padding-bottom: 68px
                }

                .sec-bnr .bnr-dx-book {
                    margin-bottom: 46px
                }

                .sec-bnr .bnr-flex {
                    margin-bottom: 72px
                }

                .sec-bnr .bnr-flex .bnr-half {
                    width: 240px;
                    height: 72px
                }

                .sec-bnr .bnr-flex .bnr-half.bnr-media {
                    margin-right: 7px
                }

                .sec-bnr .bnr-flex .bnr-half.bnr-seminar {
                    margin-left: 7px
                }

                .sec-bnr .bnr-flex .bnr-half .txt {
                    font-size: 18px
                }

                .sec-bnr .bnr-growthhacker {
                    height: 118px;
                    padding-bottom: 0
                }

                .sec-bnr .bnr-growthhacker .txt-area {
                    padding-left: 100px;
                    padding-bottom: 7px
                }

                .sec-bnr .bnr-growthhacker .txt-area .title {
                    font-size: 22px;
                    margin-bottom: 15px
                }

                .sec-bnr .bnr-growthhacker .txt-area .lead {
                    font-size: 14px
                }

                .sec-bnr .bnr-growthhacker .logomark {
                    width: 48px
                }

                .sec-dx-overview .dx-overview-head {
                    margin-bottom: 50px
                }

                .sec-dx-overview .dx-overview-desc {
                    font-size: 16px;
                    margin-bottom: 37px
                }

                .sec-dx-overview .dx-overview-video {
                    margin-bottom: 70px
                }

                .sec-dx-overview .dx-overview-video .title {
                    height: 34px;
                    padding-left: 16px;
                    padding-right: 16px
                }

                .sec-dx-overview .dx-overview-video .small {
                    font-size: 12px
                }

                .sec-dx-overview .dx-overview-video .large {
                    font-size: 16px
                }

                .sec-dx-pro {
                    padding-top: 20px;
                    padding-bottom: 90px
                }

                .sec-dx-pro .dx-pro-head {
                    margin-bottom: 60px
                }

                .sec-dx-pro .pro-people {
                    padding-bottom: 60px
                }

                .sec-dx-pro .each-people {
                    width: 372px;
                    margin-bottom: 0;
                    margin-left: 20px;
                    margin-right: 20px
                }

                .sec-dx-pro .each-people .pro-box01 {
                    margin-bottom: 0
                }

                .sec-dx-pro .each-people .pro-img {
                    width: 120px;
                    height: 120px;
                    padding: 4px;
                    margin-bottom: 24px
                }

                .sec-dx-pro .each-people .pro-img .pro-img-inner {
                    width: 112px;
                    height: 112px
                }

                .sec-dx-pro .each-people .pro-img .pro-img-inner img {
                    width: 120px;
                    max-width: 120px;
                    height: 120px;
                    top: -4px;
                    left: -4px
                }

                .sec-dx-pro .each-people .pro-name {
                    font-size: 20px;
                    margin-bottom: 7px
                }

                .sec-dx-pro .each-people .pro-role {
                    font-size: 16px;
                    margin-bottom: 20px
                }

                .sec-dx-pro .each-people .pro-desc {
                    font-size: 14px
                }

                .sec-dx-project {
                    padding-top: 75px;
                    padding-bottom: 85px
                }

                .sec-dx-project .dx-project-head {
                    margin-bottom: 60px
                }

                .sec-dx-project .dx-projects .each-project {
                    width: 579px;
                    padding-top: 24px;
                    padding-left: 24px;
                    padding-right: 24px;
                    padding-bottom: 32px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0
                }

                .sec-dx-project .dx-projects .each-project .project-img {
                    margin-bottom: 12px
                }

                .sec-dx-project .dx-projects .each-project .project-lead {
                    font-size: 20px;
                    margin-bottom: 10px
                }

                .sec-dx-project .dx-projects .each-project .project-client {
                    font-size: 16px;
                    margin-bottom: 17px
                }

                .sec-dx-project .dx-projects .each-project .tags {
                    margin-bottom: 20px
                }

                .sec-dx-project .dx-projects .each-project .tags .each-tag {
                    font-size: 12px;
                    margin-right: 4px;
                    min-width: 77px;
                    height: 23px;
                    border-radius: 12px;
                    padding-left: 8px;
                    padding-right: 8px
                }

                .sec-dx-project .dx-projects .each-project .project-desc {
                    font-size: 14px;
                    margin-bottom: 15px
                }

                .sec-dx-project .dx-projects .each-project .project-btn {
                    width: 293px;
                    height: 48px;
                    border-radius: 6px;
                    font-size: 14px
                }

                .sec-dx-project .dx-projects .each-project .project-btn .arrow {
                    width: 16px;
                    height: 14px;
                    right: 16px
                }

                .sec-dx-client {
                    padding-top: 78px;
                    padding-bottom: 61px
                }

                .sec-dx-client .dx-client-head {
                    margin-bottom: 45px
                }

                .sec-dx-client .dx-clients {
                    width: 1120px
                }

                .sec-dx-client .dx-clients .each-client {
                    border-radius: 8px;
                    margin-bottom: 24px;
                    padding-left: 60px;
                    padding-right: 60px
                }

                .sec-dx-needs {
                    padding-top: 80px;
                    padding-bottom: 16px
                }

                .sec-dx-needs .dx-needs-head {
                    margin-bottom: 62px
                }

                .sec-dx-needs .each-needs {
                    width: 472px;
                    margin-bottom: 64px;
                    margin-left: 8px;
                    margin-right: 8px
                }

                .sec-dx-needs .each-needs.bnr {
                    margin-bottom: 64px;
                    height: 144px
                }

                .sec-dx-needs .each-needs.bnr img {
                    height: 144px
                }

                .sec-dx-needs .each-needs .needs-picto {
                    width: 144px;
                    height: 144px;
                    margin-right: 24px
                }

                .sec-dx-needs .each-needs .txt-area {
                    padding-bottom: 14px
                }

                .sec-dx-needs .each-needs .needs-name {
                    font-size: 24px;
                    margin-bottom: 11px
                }

                .sec-dx-needs .each-needs .needs-desc {
                    font-size: 16px;
                    width: 304px
                }

                .sec-dx-services {
                    padding-top: 80px;
                    padding-bottom: 150px
                }

                .sec-dx-services .services-head01 {
                    font-size: 36px;
                    margin-bottom: 35px
                }

                .sec-dx-services .services-desc01 {
                    font-size: 16px;
                    margin-bottom: 32px
                }

                .sec-dx-services .each-service {
                    margin-bottom: 16px;
                    margin-left: 8px;
                    margin-right: 8px
                }

                .sec-dx-services .each-service.dx .desc-area .picto,.sec-dx-services .each-service.solution .desc-area .picto {
                    width: 140px
                }

                .sec-dx-services .each-service.ux .desc-area .picto {
                    width: 164px
                }

                .sec-dx-services .each-service.video .desc-area .picto {
                    width: 160px
                }

                .sec-dx-services .each-service.video .features-area .each-feature {
                    width: 400px
                }

                .sec-dx-services .each-service.video .features-area .each-feature .picto.ad {
                    width: 70px
                }

                .sec-dx-services .each-service.video .features-area .each-feature:first-of-type {
                    margin-bottom: 0
                }

                .sec-dx-services .each-service .each-service-inner {
                    padding-top: 30px;
                    padding-bottom: 30px;
                    padding-left: 20px;
                    padding-right: 20px
                }

                .sec-dx-services .each-service .service-name {
                    font-size: 40px;
                    margin-bottom: 30px
                }

                .sec-dx-services .each-service .desc-area {
                    margin-bottom: 25px
                }

                .sec-dx-services .each-service .desc-area .picto {
                    margin-bottom: 15px;
                    height: 101px
                }

                .sec-dx-services .each-service .desc-area .desc {
                    font-size: 16px
                }

                .sec-dx-services .each-service .features-area .each-feature {
                    width: 160px;
                    margin-bottom: 25px;
                    margin-left: 14px;
                    margin-right: 14px
                }

                .sec-dx-services .each-service .features-area .each-feature .btn {
                    margin-top: 30px
                }

                .sec-dx-services .each-service .features-area .picto {
                    width: 60px;
                    height: 60px;
                    margin-bottom: 6px
                }

                .sec-dx-services .each-service .features-area .feature-name {
                    font-size: 18px;
                    margin-bottom: 10px;
                    height: 27px
                }

                .sec-dx-services .each-service .btn,.sec-dx-services .each-service .features-area .feature-desc {
                    font-size: 14px
                }

                .sec-dx-services .each-service .btn {
                    width: 293px;
                    height: 48px
                }

                .sec-dx-services .each-service .btn .arrow {
                    width: 16px;
                    height: 14px;
                    right: 16px
                }

                .sec-ux-overview {
                    padding-bottom: 70px
                }

                .sec-ux-overview .ux-overview-head {
                    margin-bottom: 46px
                }

                .sec-ux-overview .ux-issues .each-issue {
                    width: 372px;
                    margin-right: 21px;
                    margin-left: 21px;
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .sec-ux-overview .ux-issues .each-issue .issue {
                    height: 84px;
                    margin-bottom: 40px
                }

                .sec-ux-overview .ux-issues .each-issue .issue.high {
                    height: 84px
                }

                .sec-ux-overview .ux-issues .each-issue .issue.high .issue-txt {
                    top: 0;
                    height: 84px
                }

                .sec-ux-overview .ux-issues .each-issue .issue.high.bg {
                    height: 84px
                }

                .sec-ux-overview .ux-issues .each-issue .issue .issue-txt {
                    top: 0;
                    left: 96px;
                    width: 260px;
                    height: 84px;
                    font-size: 16px
                }

                .sec-ux-overview .ux-issues .each-issue .issue .bg {
                    height: 84px
                }

                .sec-ux-overview .ux-issues .each-issue .issue:after {
                    bottom: -28px
                }

                .sec-ux-overview .ux-issues .each-issue .task {
                    height: 96px
                }

                .sec-ux-overview .ux-issues .each-issue .task .task-inner {
                    font-size: 20px
                }

                .sec-ux-strength {
                    padding-top: 60px
                }

                .sec-ux-strength .ux-strength-head {
                    margin-bottom: 40px
                }

                .sec-ux-strength .ux-strength {
                    width: 1200px
                }

                .sec-ux-strength .ux-strength .ux-strength-inner {
                    padding-top: 52px;
                    padding-bottom: 44px;
                    padding-left: 28px;
                    padding-right: 28px
                }

                .sec-ux-strength .ux-strength .each-strength {
                    width: 350px;
                    margin-bottom: 0
                }

                .sec-ux-strength .ux-strength .each-strength .strength-picto {
                    width: 144px;
                    margin-bottom: 12px
                }

                .sec-ux-strength .ux-strength .each-strength .strength-lead {
                    font-size: 20px;
                    margin-bottom: 20px
                }

                .sec-ux-strength .ux-strength .each-strength .strength-desc {
                    font-size: 14px
                }

                .sec-ux-strength .ux-strength-result {
                    font-size: 24px;
                    margin-top: 46px;
                    padding-top: 21px;
                    padding-bottom: 70px
                }

                .sec-ux-strength .ux-strength-result .large {
                    font-size: 64px
                }

                .sec-ux-strength .ux-strength-result .middle {
                    font-size: 28px;
                    margin-top: 10px
                }

                .sec-ux-services {
                    padding-top: 60px;
                    padding-bottom: 85px
                }

                .sec-ux-services .ux-services-head {
                    margin-bottom: 50px
                }

                .sec-ux-services .ux-service .each-service {
                    width: 579px;
                    padding-top: 32px;
                    padding-left: 24px;
                    padding-right: 24px;
                    padding-bottom: 32px;
                    margin-left: 20px;
                    margin-right: 20px;
                    margin-bottom: 40px
                }

                .sec-ux-services .ux-service .each-service .service-picto {
                    width: 120px;
                    height: 120px;
                    margin-bottom: 30px
                }

                .sec-ux-services .ux-service .each-service .service-copy {
                    font-size: 18px;
                    margin-bottom: 5px
                }

                .sec-ux-services .ux-service .each-service .service-name {
                    font-size: 28px;
                    margin-bottom: 20px
                }

                .sec-ux-services .ux-service .each-service .service-desc {
                    font-size: 14px;
                    margin-bottom: 15px
                }

                .sec-ux-services .ux-service .each-service .service-btn {
                    width: 293px;
                    height: 48px;
                    border-radius: 6px;
                    font-size: 14px
                }

                .sec-ux-services .ux-service .each-service .service-btn .arrow {
                    width: 16px;
                    height: 14px;
                    right: 16px
                }

                .sec-ux-case {
                    padding-top: 70px
                }

                .sec-ux-case .ux-case-head {
                    margin-bottom: 40px
                }

                .sec-ux-case .bx-next,.sec-ux-case .bx-prev {
                    width: 56px;
                    height: 238px
                }

                .sec-ux-case .bx-next:before,.sec-ux-case .bx-prev:before {
                    width: 40px;
                    height: 40px
                }

                .sec-ux-case .bx-next:after,.sec-ux-case .bx-prev:after {
                    width: 15px;
                    height: 15px
                }

                .sec-ux-case .bx-prev:after {
                    left: 15px
                }

                .sec-ux-case .bx-next:after {
                    right: 15px
                }

                .sec-ux-case .bx-pager {
                    margin-top: 28px
                }

                .sec-ux-case .bx-pager .bx-pager-item {
                    width: 10px;
                    height: 10px;
                    margin-left: 4px;
                    margin-right: 4px
                }

                .sec-ux-case .ux-cases .each-case {
                    width: 460px;
                    max-width: 460px;
                    margin-bottom: 0;
                    margin-left: 20px;
                    margin-right: 20px
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner {
                    padding-top: 20px;
                    padding-left: 20px;
                    padding-right: 20px;
                    padding-bottom: 20px
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .img {
                    margin-bottom: 25px
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .title {
                    font-size: 16px;
                    margin-bottom: 7px
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .client {
                    font-size: 14px;
                    margin-bottom: 10px
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .tags {
                    margin-bottom: 20px
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .content .tags .each-tag {
                    font-size: 12px;
                    margin-right: 4px;
                    margin-bottom: 0;
                    min-width: 77px;
                    height: 23px;
                    border-radius: 12px;
                    padding-left: 8px;
                    padding-right: 8px
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .desc {
                    font-size: 14px;
                    margin-bottom: 20px
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .btn {
                    width: 293px;
                    height: 48px;
                    border-radius: 6px;
                    font-size: 14px
                }

                .sec-ux-case .ux-cases .each-case .each-case-inner .btn .arrow {
                    width: 16px;
                    height: 14px;
                    right: 16px
                }

                .sec-ux-client {
                    padding-top: 78px;
                    padding-bottom: 92px
                }

                .sec-ux-client .ux-client-head {
                    margin-bottom: 45px
                }

                .sec-ux-client .ux-clients {
                    width: 1120px
                }

                .sec-ux-client .ux-clients .each-client {
                    border-radius: 8px;
                    margin-bottom: 24px;
                    padding-left: 30px;
                    padding-right: 30px
                }

                .sec-ux-needs {
                    padding-top: 80px;
                    padding-bottom: 16px
                }

                .sec-ux-needs .ux-needs-head {
                    margin-bottom: 40px
                }

                .sec-ux-needs .each-needs {
                    width: 472px;
                    margin-bottom: 64px;
                    margin-left: 8px;
                    margin-right: 8px
                }

                .sec-ux-needs .each-needs.bnr {
                    margin-bottom: 64px;
                    height: 144px
                }

                .sec-ux-needs .each-needs .needs-picto {
                    width: 144px;
                    height: 144px;
                    margin-right: 24px
                }

                .sec-ux-needs .each-needs .needs-name {
                    font-size: 24px;
                    margin-bottom: 10px
                }

                .sec-ux-needs .each-needs .needs-desc {
                    font-size: 16px;
                    width: 304px
                }

                .sec-ux-service {
                    padding-top: 71px;
                    padding-bottom: 95px
                }

                .sec-ux-service .ux-service-head {
                    font-size: 36px;
                    margin-bottom: 35px
                }

                .sec-ux-service .service {
                    margin-bottom: 16px
                }

                .sec-ux-service .service.dx .desc-area .picto {
                    width: 180px
                }

                .sec-ux-service .service.ux .desc-area .picto {
                    width: 164px
                }

                .sec-ux-service .service .service-inner {
                    padding-top: 30px;
                    padding-bottom: 42px;
                    padding-left: 20px;
                    padding-right: 20px
                }

                .sec-ux-service .service .service-name {
                    font-size: 40px;
                    margin-bottom: 18px
                }

                .sec-ux-service .service .desc-area {
                    margin-bottom: 33px
                }

                .sec-ux-service .service .desc-area .picto {
                    margin-bottom: 20px;
                    height: 112px
                }

                .sec-ux-service .service .desc-area .desc {
                    font-size: 16px
                }

                .sec-ux-service .service .features-area {
                    margin-bottom: 18px
                }

                .sec-ux-service .service .features-area .each-feature {
                    width: 258px;
                    margin-bottom: 25px;
                    margin-left: 15px;
                    margin-right: 15px
                }

                .sec-ux-service .service .features-area .picto {
                    width: 85px;
                    height: 85px;
                    margin-bottom: 4px
                }

                .sec-ux-service .service .features-area .feature-name {
                    font-size: 20px;
                    margin-bottom: 10px;
                    height: 27px
                }

                .sec-ux-service .service .btn,.sec-ux-service .service .features-area .feature-desc {
                    font-size: 14px
                }

                .sec-ux-service .service .btn {
                    width: 293px;
                    height: 48px;
                    margin-top: 0
                }

                .sec-ux-service .service .btn .arrow {
                    width: 16px;
                    height: 14px;
                    right: 16px
                }

                .sec-engine-overview {
                    padding-bottom: 0
                }

                .sec-engine-overview .engine-overview-head {
                    margin-bottom: 39px
                }

                .sec-engine-overview .engine-overview-desc {
                    font-size: 16px;
                    margin-bottom: 73px
                }

                section.sec-engine-features {
                    padding-top: 80px;
                    padding-bottom: 80px
                }

                section.sec-engine-features .engine-features-head {
                    margin-bottom: 48px
                }

                section.sec-engine-features .engine-features .each-feature {
                    width: 372px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0
                }

                section.sec-engine-features .engine-features .each-feature .each-feature-inner {
                    padding-top: 20px;
                    padding-bottom: 28px;
                    padding-left: 20px;
                    padding-right: 20px
                }

                section.sec-engine-features .engine-features .each-feature .feature-lead {
                    font-size: 20px;
                    margin-bottom: 10px
                }

                section.sec-engine-features .engine-features .each-feature .feature-desc {
                    font-size: 14px;
                    margin-bottom: 18px
                }

                section.sec-engine-features .engine-features .each-feature .feature-img {
                    height: 188px
                }

                section.sec-engine-features .engine-features .each-feature .feature-img.feature01 {
                    width: 292px;
                    left: 3px
                }

                section.sec-engine-features .engine-features .each-feature .feature-img.feature02 {
                    width: 303px;
                    top: 11px;
                    left: 4px
                }

                section.sec-engine-features .engine-features .each-feature .feature-img.feature03 {
                    width: 288px;
                    top: 2px;
                    left: 14px
                }

                .sec-engine-cases {
                    padding-top: 66px;
                    padding-bottom: 80px
                }

                .sec-engine-cases .engine-cases-head {
                    margin-bottom: 48px
                }

                .sec-engine-cases .engine-cases .each-case {
                    width: 579px;
                    padding-top: 24px;
                    padding-bottom: 24px;
                    padding-left: 24px;
                    padding-right: 24px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0
                }

                .sec-engine-cases .engine-cases .each-case .case-client {
                    font-size: 18px;
                    margin-bottom: 8px
                }

                .sec-engine-cases .engine-cases .each-case .case-desc {
                    font-size: 14px
                }

                .sec-engine-cases .engine-cases .each-case .arrow {
                    width: 32px;
                    height: 28px
                }

                .sec-engine-cases .engine-cases .each-case .phone {
                    width: 200px;
                    height: 410px;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    padding-left: 5px;
                    padding-right: 5px
                }

                .sec-engine-cases .engine-cases .each-case .phone .phone-inner {
                    border-radius: 20px
                }

                .sec-engine-cases .engine-cases .each-case .phone.half {
                    width: 200px;
                    height: 410px;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    padding-left: 5px;
                    padding-right: 5px
                }

                .sec-engine-cases .engine-cases .each-case .phone.half .phone-inner {
                    border-radius: 20px
                }

                .sec-engine-cases .engine-cases .each-case .case-img-area,.sec-engine-cases .engine-cases .each-case .case-video {
                    margin-bottom: 12px
                }

                .sec-engine-function {
                    padding-top: 67px
                }

                .sec-engine-function .engine-function-head {
                    margin-bottom: 46px
                }

                .sec-engine-function .each-function {
                    margin-bottom: 166px
                }

                .sec-engine-function .each-function.function01 {
                    margin-bottom: 136px
                }

                .sec-engine-function .each-function.left .function-txt-area {
                    right: 640px;
                    padding-right: 104px;
                    right: 50%
                }

                .sec-engine-function .each-function.left .function-img {
                    left: 640px;
                    left: 50%
                }

                .sec-engine-function .each-function.right .function-txt-area {
                    left: 640px;
                    padding-left: 101px;
                    left: 50%
                }

                .sec-engine-function .each-function.right .function-img {
                    right: 640px;
                    right: 50%
                }

                .sec-engine-function .each-function .function-gradient {
                    width: 960px;
                    height: 240px;
                    width: calc(50vw + 320px);
                    max-width: calc(50vw + 320px)
                }

                .sec-engine-function .each-function .function-txt-area {
                    width: 480px;
                    padding-top: 48px
                }

                .sec-engine-function .each-function .function-name {
                    font-size: 32px;
                    margin-bottom: 24px
                }

                .sec-engine-function .each-function .function-desc {
                    font-size: 14px
                }

                .sec-engine-function .each-function .function-img {
                    width: 480px;
                    height: 248px;
                    top: 48px
                }

                .sec-engine-function .each-function .function-img.function02 img {
                    height: 278px
                }

                .sec-common-services {
                    padding-top: 60px;
                    padding-bottom: 80px;
                    margin-bottom: 32px
                }

                .sec-common-services .common-services-head {
                    margin-bottom: 45px
                }

                .sec-common-services .common-service .each-service {
                    width: 372px;
                    padding-top: 28px;
                    padding-left: 24px;
                    padding-right: 24px;
                    padding-bottom: 24px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0
                }

                .sec-common-services .common-service .each-service .service-picto {
                    width: 120px;
                    height: 120px;
                    margin-bottom: 20px
                }

                .sec-common-services .common-service .each-service .service-copy {
                    font-size: 18px;
                    margin-bottom: 2px
                }

                .sec-common-services .common-service .each-service .service-name {
                    font-size: 28px;
                    margin-bottom: 13px
                }

                .sec-common-services .common-service .each-service .service-desc {
                    font-size: 14px;
                    margin-bottom: 19px
                }

                .sec-common-services .common-service .each-service .service-btn {
                    width: 293px;
                    height: 48px;
                    border-radius: 6px;
                    font-size: 14px
                }

                .sec-common-services .common-service .each-service .service-btn .arrow {
                    width: 16px;
                    height: 14px;
                    right: 16px
                }

                .sec-team-overview {
                    padding-bottom: 0
                }

                .sec-team-overview .team-overview-head {
                    margin-bottom: 39px
                }

                .sec-team-overview .team-overview-desc {
                    font-size: 16px;
                    margin-bottom: 73px
                }

                section.sec-team-features {
                    padding-top: 75px;
                    padding-bottom: 75px
                }

                section.sec-team-features .team-features-head {
                    margin-bottom: 48px
                }

                section.sec-team-features .team-features .each-feature {
                    width: 372px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner {
                    padding-top: 25px;
                    padding-bottom: 23px;
                    padding-left: 20px;
                    padding-right: 20px
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature02 {
                    padding-top: 25px
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature02 .feature-img {
                    margin-bottom: 25px
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 {
                    padding-top: 25px
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 .feature-img {
                    margin-bottom: 25px
                }

                section.sec-team-features .team-features .each-feature .each-feature-inner.feature03 .feature-lead {
                    margin-bottom: 10px
                }

                section.sec-team-features .team-features .each-feature .feature-lead {
                    font-size: 20px;
                    margin-bottom: 10px
                }

                section.sec-team-features .team-features .each-feature .feature-desc {
                    font-size: 14px
                }

                section.sec-team-features .team-features .each-feature .feature-img {
                    height: 149px;
                    margin-bottom: 25px
                }

                section.sec-team-features .team-features .each-feature .feature-img.feature01 {
                    width: 226px
                }

                section.sec-team-features .team-features .each-feature .feature-img.feature02 {
                    width: 231px
                }

                section.sec-team-features .team-features .each-feature .feature-img.feature03 {
                    width: 216px
                }

                .sec-team-support {
                    padding-top: 0;
                    padding-bottom: 80px
                }

                .sec-team-support .team-support-head {
                    font-size: 24px;
                    margin-bottom: 40px
                }

                .sec-team-support .team-support-list {
                    padding-left: 0;
                    padding-right: 0
                }

                .sec-team-support .team-support-list .each-support {
                    margin-bottom: 0
                }

                .sec-team-support .team-support-list .each-support .support-picto {
                    width: 0;
                    top: 0
                }

                .sec-team-support .team-support-list .each-support .support-txt-area {
                    width: 0
                }

                .sec-team-support .team-support-list .each-support .support-role {
                    font-size: 0;
                    margin-bottom: 0
                }

                .sec-team-support .team-support-list .each-support .support-desc {
                    font-size: 0
                }

                .sec-team-support .team-support-img {
                    width: 1200px
                }

                .sec-team-services {
                    padding-top: 60px;
                    padding-bottom: 48px;
                    margin-bottom: 32px
                }

                .sec-team-services .team-services-head {
                    margin-bottom: 45px
                }

                .sec-team-services .team-service .each-service {
                    width: 372px;
                    padding-top: 28px;
                    padding-left: 24px;
                    padding-right: 24px;
                    padding-bottom: 32px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0
                }

                .sec-team-services .team-service .each-service .service-picto {
                    width: 120px;
                    height: 120px;
                    margin-bottom: 20px
                }

                .sec-team-services .team-service .each-service .service-copy {
                    font-size: 18px;
                    margin-bottom: 2px
                }

                .sec-team-services .team-service .each-service .service-name {
                    font-size: 28px;
                    margin-bottom: 13px
                }

                .sec-team-services .team-service .each-service .service-desc {
                    font-size: 14px;
                    margin-bottom: 19px
                }

                .sec-team-services .team-service .each-service .service-btn {
                    width: 293px;
                    height: 48px;
                    border-radius: 6px;
                    font-size: 14px
                }

                .sec-team-services .team-service .each-service .service-btn .arrow {
                    width: 16px;
                    height: 14px;
                    right: 16px
                }

                .sec-video-overview {
                    padding-bottom: 0
                }

                .sec-video-overview .video-overview-head {
                    margin-top: -5px;
                    margin-bottom: 49px
                }

                .sec-video-overview .video-advantage {
                    width: 1242px;
                    padding-bottom: 72px
                }

                .sec-video-overview .video-advantage .each-advantage {
                    width: 372px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0
                }

                .sec-video-overview .video-advantage .each-advantage .advantage-picto {
                    width: 144px;
                    margin-bottom: 17px
                }

                .sec-video-overview .video-advantage .each-advantage .advantage-lead {
                    font-size: 20px;
                    margin-bottom: 13px
                }

                .sec-video-overview .video-advantage .each-advantage .advantage-desc {
                    font-size: 14px
                }

                .sec-video-cases {
                    padding-bottom: 80px
                }

                .sec-video-cases .bx-next,.sec-video-cases .bx-prev {
                    width: 56px;
                    height: 394px
                }

                .sec-video-cases .bx-next:before,.sec-video-cases .bx-prev:before {
                    width: 40px;
                    height: 40px
                }

                .sec-video-cases .bx-next:after,.sec-video-cases .bx-prev:after {
                    width: 15px;
                    height: 15px
                }

                .sec-video-cases .bx-prev:after {
                    left: 15px
                }

                .sec-video-cases .bx-next:after {
                    right: 15px
                }

                .sec-video-cases .bx-pager {
                    margin-top: 28px
                }

                .sec-video-cases .bx-pager .bx-pager-item {
                    width: 10px;
                    height: 10px;
                    margin-left: 4px;
                    margin-right: 4px
                }

                .video-cases {
                    left: calc(50vw - 360px)
                }

                .video-cases .each-case {
                    width: 640px;
                    max-width: 640px;
                    margin-bottom: 0;
                    margin-left: 40px;
                    margin-right: 40px
                }

                .video-cases .each-case .each-case-inner .title {
                    font-size: 16px;
                    height: 34px;
                    padding-left: 16px;
                    padding-right: 16px
                }

                .video-cases .each-case .each-case-inner .video {
                    margin-bottom: 11px
                }

                .video-cases .each-case .each-case-inner .txt-area .client {
                    font-size: 18px;
                    margin-bottom: 11px
                }

                .video-cases .each-case .each-case-inner .txt-area .desc {
                    font-size: 14px
                }

                .sec-video-price {
                    padding-top: 70px;
                    padding-bottom: 80px;
                    margin-bottom: 32px
                }

                .sec-video-price .video-price-head {
                    margin-bottom: 45px
                }

                .sec-video-price .video-price .each-price {
                    width: 372px;
                    padding-top: 28px;
                    padding-bottom: 30px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0
                }

                .sec-video-price .video-price .each-price .price-title {
                    font-size: 20px;
                    margin-bottom: 21px
                }

                .sec-video-price .video-price .each-price .price-content {
                    padding-left: 24px;
                    padding-right: 24px
                }

                .sec-video-price .video-price .each-price .price-picto {
                    height: 102px;
                    margin-left: 5px;
                    margin-right: 20px
                }

                .sec-video-price .video-price .each-price .price-picto.price01 {
                    margin-left: 10px;
                    margin-right: 32px
                }

                .sec-video-price .video-price .each-price .price-price {
                    font-size: 20px;
                    margin-bottom: 8px
                }

                .sec-video-price .video-price .each-price .price-price .num {
                    font-size: 48px;
                    margin-right: 0
                }

                .sec-video-plan {
                    padding-top: 20px;
                    padding-bottom: 60px
                }

                .sec-video-plan .sec-video-plan-inner {
                    width: 960px
                }

                .sec-video-plan .video-plan-head {
                    font-size: 20px;
                    margin-bottom: 32px;
                    padding-left: 0
                }

                .sec-video-plan .video-plan-head:after {
                    width: 24px;
                    height: 4px
                }

                .sec-video-plan .video-plan-desc {
                    font-size: 16px;
                    margin-bottom: 27px;
                    padding-left: 0
                }

                .sec-video-plan .video-table01 {
                    margin-bottom: 10px;
                    left: 0
                }

                .sec-video-plan .video-table01 tr.list td.trans,.sec-video-plan .video-table01 tr.list th.trans {
                    font-size: 16px
                }

                .sec-video-plan .video-table01 tr.list td,.sec-video-plan .video-table01 tr.list th {
                    padding-top: 10px;
                    padding-bottom: 12px;
                    padding-left: 24px;
                    font-size: 14px
                }

                .sec-video-plan .video-table01 td,.sec-video-plan .video-table01 th {
                    height: 72px;
                    font-size: 14px
                }

                .sec-video-plan .video-table01 th.plan-name,.sec-video-plan .video-table01 th.trans {
                    font-size: 16px
                }

                .sec-video-plan .video-table01 th.short {
                    height: 72px
                }

                .sec-video-plan .table-note {
                    font-size: 12px
                }

                .sec-video-option {
                    padding-top: 20px;
                    padding-bottom: 64px;
                    margin-bottom: 64px
                }

                .sec-video-option .sec-video-option-inner {
                    width: 960px
                }

                .sec-video-option .video-option-head {
                    font-size: 20px;
                    margin-bottom: 32px
                }

                .sec-video-option .video-option-head:after {
                    width: 24px;
                    height: 4px
                }

                .sec-video-option .video-option-desc {
                    font-size: 16px;
                    margin-bottom: 27px;
                    padding-left: 0
                }

                .sec-video-option .video-table02 {
                    left: 0
                }

                .sec-video-option .video-table02 tr.gradient td,.sec-video-option .video-table02 tr.gradient th {
                    height: 72px;
                    font-size: 18px
                }

                .sec-video-option .video-table02 tr td:first-child,.sec-video-option .video-table02 tr th:first-child {
                    width: 713px
                }

                .sec-video-option .video-table02 td,.sec-video-option .video-table02 th {
                    height: 88px
                }

                .sec-video-option .video-table02 th {
                    padding-left: 24px
                }

                .sec-video-option .video-table02 th .option-name {
                    font-size: 18px;
                    margin-bottom: 6px
                }

                .sec-video-option .video-table02 th .option-desc {
                    font-size: 14px
                }

                .sec-video-option .video-table02 td {
                    font-size: 18px
                }

                .sec-video-production {
                    margin-top: 60px;
                    padding-top: 72px;
                    padding-bottom: 80px
                }

                .sec-video-production .video-production-head {
                    margin-bottom: 46px;
                    font-size: 32px;
                    padding-bottom: 23px
                }

                .sec-video-production .video-production-head .small {
                    font-size: 24px;
                    margin-bottom: 10px
                }

                .sec-video-production .video-production .each-production {
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0;
                    width: 579px;
                    padding-top: 20px;
                    padding-bottom: 18px
                }

                .sec-video-production .video-production .each-production.production01 {
                    padding-top: 20px;
                    padding-bottom: 18px
                }

                .sec-video-production .video-production .each-production.production01 .production-lead {
                    margin-bottom: 20px
                }

                .sec-video-production .video-production .each-production .production-lead {
                    font-size: 20px;
                    margin-bottom: 20px
                }

                .sec-video-production .video-production .each-production .production-picto.production01 {
                    width: 200px;
                    margin-bottom: 17px
                }

                .sec-video-production .video-production .each-production .production-picto.production02 {
                    width: 282px;
                    margin-bottom: 28px
                }

                .sec-video-production .video-production .each-production .production-note {
                    font-size: 11px;
                    width: 579px
                }

                .sec-video-doda {
                    padding-top: 80px;
                    padding-bottom: 75px
                }

                .sec-video-doda .video-doda-head {
                    margin-bottom: 35px
                }

                .sec-video-doda .video-doda-head .green {
                    font-size: 16px;
                    padding-left: 8px;
                    padding-right: 8px;
                    padding-top: 2px;
                    padding-bottom: 2px;
                    margin-bottom: 13px
                }

                .sec-video-doda .video-doda-head .name {
                    font-size: 24px
                }

                .sec-video-doda .video-doda-content {
                    width: 960px
                }

                .sec-video-doda .video-doda-content .video {
                    width: 640px;
                    margin-right: 24px;
                    margin-bottom: 0
                }

                .sec-video-doda .video-doda-content .video video {
                    margin-bottom: 4px
                }

                .sec-video-doda .video-doda-content .cap {
                    font-size: 14px
                }

                .sec-video-doda .result-area,.sec-video-doda .result-area .step01 {
                    width: 296px
                }

                .sec-video-doda .result-area .step01 {
                    height: 40px;
                    margin-bottom: 20px
                }

                .sec-video-doda .result-area .step01 .step01-inner {
                    font-size: 18px
                }

                .sec-video-doda .result-area .issues {
                    margin-bottom: 16px
                }

                .sec-video-doda .result-area .issues .issue01,.sec-video-doda .result-area .issues .issue02 {
                    font-size: 16px;
                    width: 296px;
                    height: 56px;
                    margin-left: 0;
                    margin-right: 0
                }

                .sec-video-doda .result-area .issues .issue01 {
                    margin-bottom: 2px
                }

                .sec-video-doda .result-area .arrow {
                    width: 28px;
                    margin-bottom: 7px
                }

                .sec-video-doda .result-area .result .txt01 {
                    font-size: 14px;
                    margin-bottom: 3px
                }

                .sec-video-doda .result-area .result .txt02 {
                    font-size: 18px
                }

                .sec-video-doda .result-area .result .txt02 .percentage {
                    font-size: 48px;
                    margin-right: 4px;
                    top: 2px
                }

                .sec-video-service {
                    padding-top: 69px;
                    padding-bottom: 80px
                }

                .sec-video-service .video-services-head {
                    margin-bottom: 45px
                }

                .sec-video-service .video-service {
                    width: 960px;
                    padding-top: 32px;
                    padding-left: 80px;
                    padding-right: 134px;
                    padding-bottom: 32px
                }

                .sec-video-service .video-service:not(:last-of-type) {
                    margin-bottom: 30px
                }

                .sec-video-service .video-service .picto-area {
                    width: 248px;
                    padding-top: 10px;
                    margin-bottom: 0
                }

                .sec-video-service .video-service .service-picto {
                    width: 88px;
                    height: 88px;
                    margin-bottom: 16px
                }

                .sec-video-service .video-service .service-name {
                    font-size: 28px
                }

                .sec-video-service .video-service .service-name.long {
                    font-size: 20px
                }

                .sec-video-service .video-service .txt-area {
                    width: 495px;
                    padding-left: 55px;
                    padding-bottom: 4px;
                    padding-bottom: 8px
                }

                .sec-video-service .video-service .service-desc {
                    font-size: 14px;
                    margin-bottom: 29px
                }

                .sec-video-service .video-service .service-btn {
                    width: 293px;
                    height: 48px;
                    border-radius: 6px;
                    font-size: 14px
                }

                .sec-video-service .video-service .service-btn .arrow {
                    width: 16px;
                    height: 14px;
                    right: 16px
                }

                .sec-video-bnr {
                    padding-top: 64px;
                    padding-bottom: 64px
                }

                #showcase .module-head01 .head .ja,#vx .module-head01 .head .ja {
                    font-size: 22px
                }

                #showcase .module-head01 .head .en,#vx .module-head01 .head .en {
                    font-size: 100px
                }

                #showcase .module-head01 .lead,#vx .module-head01 .lead {
                    font-size: 30px
                }

                #showcase .module-btn-s,#vx .module-btn-s {
                    font-size: 18px
                }

                #showcase .module-btn-m,#vx .module-btn-m {
                    font-size: 22px;
                    border-radius: 35px
                }

                #showcase .module-btn-l,#vx .module-btn-l {
                    font-size: 22px;
                    border-radius: 35px
                }

                #showcase .module-subpage-head .head-wrap .txt,#vx .module-subpage-head .head-wrap .txt {
                    font-size: 22px
                }

                #showcase .module-subpage-head .title,#vx .module-subpage-head .title {
                    font-size: 84px
                }

                #showcase .module-subpage-head .title .title-letter,#vx .module-subpage-head .title .title-letter {
                    font-size: 120px
                }

                #showcase .module-subpage-head .desc,#vx .module-subpage-head .desc {
                    font-size: 20px
                }

                #showcase .module-subpage-head .backtxt,#vx .module-subpage-head .backtxt {
                    font-size: 210px
                }

                #showcase .module-subpage-head .copy-area .copy,#vx .module-subpage-head .copy-area .copy {
                    font-size: 36px
                }

                #showcase .module-subpage-head .copy-area .lead,#vx .module-subpage-head .copy-area .lead {
                    font-size: 22px
                }

                #showcase .sec-gh-awards .each-feature .txt-area .feature-head,#showcase .sec-gh-features .each-feature .txt-area .feature-head,#showcase .sec-kce-features .each-feature .txt-area .feature-head,#showcase .sec-kce-reason .each-feature .txt-area .feature-head,#showcase .sec-ktx-features .each-feature .txt-area .feature-head,#vx .sec-gh-awards .each-feature .txt-area .feature-head,#vx .sec-gh-features .each-feature .txt-area .feature-head,#vx .sec-kce-features .each-feature .txt-area .feature-head,#vx .sec-kce-reason .each-feature .txt-area .feature-head,#vx .sec-ktx-features .each-feature .txt-area .feature-head {
                    font-size: 36px
                }

                #showcase .sec-gh-awards .each-feature .txt-area .feature-desc,#showcase .sec-gh-features .each-feature .txt-area .feature-desc,#showcase .sec-kce-features .each-feature .txt-area .feature-desc,#showcase .sec-kce-reason .each-feature .txt-area .feature-desc,#showcase .sec-ktx-features .each-feature .txt-area .feature-desc,#vx .sec-gh-awards .each-feature .txt-area .feature-desc,#vx .sec-gh-features .each-feature .txt-area .feature-desc,#vx .sec-kce-features .each-feature .txt-area .feature-desc,#vx .sec-kce-reason .each-feature .txt-area .feature-desc,#vx .sec-ktx-features .each-feature .txt-area .feature-desc {
                    font-size: 20px
                }

                #showcase .sec-gh-awards .support-area .support-head,#showcase .sec-gh-features .support-area .support-head,#showcase .sec-kce-features .support-area .support-head,#showcase .sec-kce-reason .support-area .support-head,#showcase .sec-ktx-features .support-area .support-head,#vx .sec-gh-awards .support-area .support-head,#vx .sec-gh-features .support-area .support-head,#vx .sec-kce-features .support-area .support-head,#vx .sec-kce-reason .support-area .support-head,#vx .sec-ktx-features .support-area .support-head {
                    font-size: 50px
                }

                #showcase .sec-gh-awards .support-area .support-sp-flow .each-flow .desc,#showcase .sec-gh-features .support-area .support-sp-flow .each-flow .desc,#showcase .sec-kce-features .support-area .support-sp-flow .each-flow .desc,#showcase .sec-kce-reason .support-area .support-sp-flow .each-flow .desc,#showcase .sec-ktx-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-gh-awards .support-area .support-sp-flow .each-flow .desc,#vx .sec-gh-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-kce-features .support-area .support-sp-flow .each-flow .desc,#vx .sec-kce-reason .support-area .support-sp-flow .each-flow .desc,#vx .sec-ktx-features .support-area .support-sp-flow .each-flow .desc {
                    font-size: 16px
                }

                #showcase .sec-gh-awards .service-area .service-head,#showcase .sec-gh-features .service-area .service-head,#showcase .sec-kce-features .service-area .service-head,#showcase .sec-kce-reason .service-area .service-head,#showcase .sec-ktx-features .service-area .service-head,#vx .sec-gh-awards .service-area .service-head,#vx .sec-gh-features .service-area .service-head,#vx .sec-kce-features .service-area .service-head,#vx .sec-kce-reason .service-area .service-head,#vx .sec-ktx-features .service-area .service-head {
                    font-size: 36px
                }

                #showcase .sec-gh-awards .service-area .service-list .service-name,#showcase .sec-gh-features .service-area .service-list .service-name,#showcase .sec-kce-features .service-area .service-list .service-name,#showcase .sec-kce-reason .service-area .service-list .service-name,#showcase .sec-ktx-features .service-area .service-list .service-name,#vx .sec-gh-awards .service-area .service-list .service-name,#vx .sec-gh-features .service-area .service-list .service-name,#vx .sec-kce-features .service-area .service-list .service-name,#vx .sec-kce-reason .service-area .service-list .service-name,#vx .sec-ktx-features .service-area .service-list .service-name {
                    font-size: 22px
                }

                #showcase .sec-gh-awards .service-area .service-list .service-desc,#showcase .sec-gh-features .service-area .service-list .service-desc,#showcase .sec-kce-features .service-area .service-list .service-desc,#showcase .sec-kce-reason .service-area .service-list .service-desc,#showcase .sec-ktx-features .service-area .service-list .service-desc,#vx .sec-gh-awards .service-area .service-list .service-desc,#vx .sec-gh-features .service-area .service-list .service-desc,#vx .sec-kce-features .service-area .service-list .service-desc,#vx .sec-kce-reason .service-area .service-list .service-desc,#vx .sec-ktx-features .service-area .service-list .service-desc {
                    font-size: 16px
                }

                #showcase .sec-solution-guide .txt,#vx .sec-solution-guide .txt {
                    font-size: 20px
                }

                #showcase .sec-solution-guide .name,#vx .sec-solution-guide .name {
                    font-size: 60px
                }

                #showcase .sec-solution-guide .lead,#vx .sec-solution-guide .lead {
                    font-size: 26px
                }

                #showcase .sec-solution-guide .more,#vx .sec-solution-guide .more {
                    font-size: 20px
                }

                #showcase .sec-gh-features .each-showcase .num {
                    font-size: 21px
                }

                #showcase .sec-gh-features .each-showcase .lead {
                    font-size: 22px
                }

                #showcase .sec-gh-features .each-showcase .body {
                    font-size: 16px
                }

                #showcase .sec-gh-features .each-showcase .tag {
                    font-size: 15px
                }

                .sec-404 .head {
                    font-size: 100px
                }

                .sec-404 .lead {
                    font-size: 40px
                }

                .sec-404 .body {
                    font-size: 16px
                }

                .sec-404 .btn {
                    font-size: 22px;
                    border-radius: 32px;
                    width: 320px;
                    height: 64px;
                    padding-right: 10px
                }

                .sec-404 .btn .arrow {
                    width: 16px;
                    right: 26px
                }

                #school-kv {
                    height: 555px
                }

                .school-kv-content-area {
                    padding-top: 118px;
                    padding-left: 98px;
                    padding-bottom: 140px
                }

                .school-kv-lead {
                    font-size: 36px;
                    margin-bottom: 0
                }

                .school-kv-lead .small {
                    font-size: 28px
                }

                .school-kv-title {
                    font-size: 82px;
                    margin-bottom: 30px
                }

                .school-kv-btn {
                    width: 374px;
                    height: 64px;
                    border-radius: 32px;
                    font-size: 18px
                }

                #school-about {
                    padding-top: 110px;
                    padding-bottom: 140px
                }

                .school-about-head {
                    margin-bottom: 57px
                }

                .school-about-desc {
                    font-size: 16px;
                    padding-left: 0;
                    padding-right: 0;
                    margin-bottom: 50px
                }

                .school-about-list__item {
                    width: 372px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0;
                    padding-bottom: 50px
                }

                .school-about-list__img {
                    margin-bottom: 30px
                }

                .school-about-list__txt-wrap {
                    width: 272px
                }

                .school-about-list__ttl-wrap {
                    height: 114px;
                    margin-bottom: 15px
                }

                .school-about-list__txt-sub {
                    font-size: 18px;
                    margin-bottom: 5px
                }

                p.school-about-list__txt-ttl {
                    font-size: 30px
                }

                p.school-about-list__txt-ttl .small {
                    font-size: 24px
                }

                p.school-about-list__txt-body {
                    font-size: 14px
                }

                #school-reason {
                    padding-top: 120px;
                    padding-bottom: 150px
                }

                .school-reason-head {
                    margin-bottom: 65px
                }

                .school-reason-list {
                    width: 940px;
                    padding-top: 0
                }

                .school-reason-list__item {
                    margin-bottom: 88px
                }

                .school-reason-list__head-wrap {
                    padding-top: 10px;
                    padding-bottom: 0
                }

                .school-reason-list__head-num {
                    margin-bottom: 13px;
                    width: 69px;
                    height: 69px
                }

                .school-reason-list__head-txt {
                    font-size: 42px
                }

                .school-reason-list__desc-wrap {
                    padding-left: 76px;
                    padding-top: 0
                }

                .school-reason-list__desc-txt {
                    font-size: 34px
                }

                #school-recommend {
                    padding-top: 120px;
                    padding-bottom: 150px
                }

                .school-recommend-head {
                    margin-bottom: 65px
                }

                .school-recommend__item {
                    width: 1200px;
                    margin-bottom: 92px
                }

                .school-recommend__item:nth-of-type(odd) .school-recommend__txt-border {
                    left: -88px
                }

                .school-recommend__item:nth-of-type(odd) .school-recommend__icon {
                    right: 0
                }

                .school-recommend__item:nth-of-type(2n) .school-recommend__txt-border {
                    right: -88px
                }

                .school-recommend__item:nth-of-type(2n) .school-recommend__icon {
                    left: 0
                }

                .school-recommend__img {
                    width: 674px
                }

                .school-recommend__txt-border {
                    width: 460px;
                    height: 290px;
                    top: 84px
                }

                .school-recommend__txt-wrap {
                    padding-top: 0;
                    padding-bottom: 0;
                    padding-left: 54px;
                    padding-right: 54px
                }

                .school-recommend__icon {
                    width: 220px;
                    top: 0
                }

                .school-recommend__txt-ttl {
                    font-size: 28px;
                    margin-bottom: 20px
                }

                .school-recommend__txt-body {
                    font-size: 14px
                }

                #school-point {
                    padding-top: 25px;
                    padding-bottom: 60px
                }

                .school-point-head {
                    margin-bottom: 85px
                }

                .school-point__item {
                    width: 360px;
                    margin-left: 30px;
                    margin-right: 30px;
                    margin-bottom: 69px;
                    padding-top: 50px;
                    padding-left: 50px;
                    padding-right: 50px;
                    padding-bottom: 50px
                }

                .school-point__num {
                    width: 60px;
                    height: 60px;
                    top: 7px;
                    font-size: 28px
                }

                .school-point__ttl {
                    font-size: 24px;
                    margin-bottom: 10px
                }

                .school-point__img {
                    height: 140px;
                    margin-bottom: 10px
                }

                .school-point__body {
                    font-size: 14px
                }

                #school-teacher {
                    padding-top: 110px;
                    padding-bottom: 140px
                }

                .school-teacher-head {
                    margin-bottom: 65px
                }

                .school-teacher__item {
                    width: 372px;
                    margin-left: 21px;
                    margin-right: 21px;
                    margin-bottom: 0;
                    padding-bottom: 50px
                }

                .school-teacher__img {
                    margin-bottom: 30px
                }

                .school-teacher__txt-wrap {
                    padding-left: 50px;
                    padding-right: 50px
                }

                .school-teacher__name {
                    font-size: 22px;
                    margin-bottom: 5px
                }

                .school-teacher__role {
                    font-size: 16px;
                    margin-bottom: 15px
                }

                .school-teacher__body {
                    font-size: 14px
                }

                #school-contents {
                    padding-top: 130px;
                    padding-bottom: 85px
                }

                .school-contents-head {
                    margin-bottom: 65px
                }

                .school-contents__border {
                    width: 960px
                }

                .school-contents__inner {
                    padding-bottom: 45px
                }

                .school-contents__gr-1 {
                    height: 125px;
                    padding-top: 0;
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .school-contents__ttl {
                    font-size: 35px;
                    margin-bottom: 0
                }

                .school-contents__fig {
                    width: 192px;
                    margin-left: 34px
                }

                .schoo-contents__body {
                    font-size: 14px
                }

                .school-contents__gr-2 {
                    padding-left: 0;
                    padding-right: 0
                }

                .school-contents__list {
                    margin-bottom: 30px
                }

                .school-contents__list-item {
                    width: 325px;
                    font-size: 18px;
                    padding-top: 12px;
                    padding-bottom: 12px
                }

                .school-contents__amount {
                    padding-top: 40px;
                    padding-bottom: 40px;
                    font-size: 28px
                }

                #school-flow {
                    padding-top: 85px;
                    padding-bottom: 90px
                }

                .school-flow-head {
                    margin-bottom: 65px
                }

                .school-flow__list {
                    margin-bottom: 60px
                }

                .school-flow__list-item {
                    width: 324px;
                    margin-left: 46px;
                    margin-right: 46px;
                    margin-bottom: 0
                }

                .school-flow__list-item:not(:last-of-type):after {
                    width: 92px;
                    height: 40px
                }

                .school-flow__list-fig {
                    width: 170px;
                    margin-bottom: 30px
                }

                .school-flow__list-box {
                    width: 324px
                }

                .school-flow__list-ttl {
                    font-size: 24px;
                    height: 63px;
                    margin-bottom: 15px
                }

                .school-flow__list-body {
                    font-size: 14px
                }

                .school-flow__btn {
                    width: 374px;
                    height: 64px;
                    font-size: 18px
                }

                #school-company {
                    padding-top: 85px;
                    padding-bottom: 0
                }

                .school-company-head {
                    margin-bottom: 65px
                }

                .school-company__list-item {
                    margin-bottom: 107px;
                    padding-top: 0
                }

                .school-company__list-bg {
                    height: 309px
                }

                .school-company__list-txt-wrap {
                    width: 548px;
                    height: 309px;
                    padding-top: 25px;
                    padding-left: 65px;
                    padding-right: 65px
                }

                .school-company__list-ttl {
                    margin-bottom: 15px;
                    font-size: 27px
                }

                .school-company__list-body {
                    font-size: 14px
                }

                .school-company__list-fig {
                    width: 480px;
                    height: 266px;
                    margin-bottom: 0
                }

                #school-book {
                    padding-bottom: 140px
                }

                .school-book__border {
                    width: 960px
                }

                .school-book__inner {
                    padding-top: 40px;
                    padding-bottom: 30px;
                    padding-left: 45px;
                    padding-right: 364px
                }

                .shool-book__ttl {
                    font-size: 20px;
                    padding-bottom: 27px;
                    margin-bottom: 30px
                }

                .school-book__fig {
                    width: 216px;
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .school-book__book-1,.school-book__book-2 {
                    width: 114px
                }

                .school-book__book-1 {
                    top: 23px;
                    left: -141px
                }

                .school-book__book-2 {
                    top: 136px;
                    left: -84px
                }

                .school-book__role {
                    font-size: 16px
                }

                .school-book__name {
                    font-size: 20px;
                    margin-bottom: 15px
                }

                .school-book__kana,.school-book__profile {
                    font-size: 14px
                }

                .school-form,.school-form-2 {
                    padding-top: 110px;
                    padding-bottom: 130px;
                    padding-left: 0;
                    padding-right: 0
                }

                .school-form-head {
                    margin-bottom: 65px
                }

                .school-form__card {
                    width: 828px;
                    padding-top: 60px;
                    padding-bottom: 85px;
                    padding-left: 93px;
                    padding-right: 93px;
                    margin-bottom: 60px
                }

                .school-form__desc {
                    font-size: 16px;
                    margin-bottom: 55px
                }

                .school-form .hs-form {
                    width: 612px!important
                }

                .school-form .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
                    margin-left: 0!important
                }

                .school-form .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) .input {
                    width: 370px
                }

                .school-form .hs-form .hs-form-field {
                    margin-bottom: 42px!important
                }

                .school-form .hs-form .hs-form-field label {
                    width: 234px;
                    margin-bottom: 0;
                    padding-left: 86px
                }

                .school-form .hs-form .hs-form-field span {
                    font-size: 17px
                }

                .school-form .hs-form .hs-form-field span.hs-form-required:before {
                    left: 31px;
                    font-size: 13px;
                    width: 44px;
                    height: 21px
                }

                .school-form .hs-form .hs-error-msg {
                    font-size: 10px;
                    padding-top: 5px;
                    left: 234px
                }

                .school-form .hs-form .hs_error_rollup .hs-main-font-element {
                    font-size: 12px
                }

                .school-form .hs-form input,.school-form .hs-form select,.school-form .hs-form textarea {
                    width: 370px!important;
                    font-size: 14px!important;
                    padding-left: 16px!important;
                    padding-right: 16px!important
                }

                .school-form .hs-form input[name=firstname],.school-form .hs-form input[name=furigana_first_name],.school-form .hs-form input[name=furigana_last_name],.school-form .hs-form input[name=lastname],.school-form .hs-form select[name=firstname],.school-form .hs-form select[name=furigana_first_name],.school-form .hs-form select[name=furigana_last_name],.school-form .hs-form select[name=lastname],.school-form .hs-form textarea[name=firstname],.school-form .hs-form textarea[name=furigana_first_name],.school-form .hs-form textarea[name=furigana_last_name],.school-form .hs-form textarea[name=lastname] {
                    width: 180px!important
                }

                .school-form .hs-form input[name=division_detail],.school-form .hs-form input[name=lastname],.school-form .hs-form select[name=division_detail],.school-form .hs-form select[name=lastname],.school-form .hs-form textarea[name=division_detail],.school-form .hs-form textarea[name=lastname] {
                    margin-right: 0!important
                }

                .school-form .hs-form input,.school-form .hs-form select {
                    height: 50px!important
                }

                .school-form .hs-form textarea {
                    min-height: 170px;
                    padding-top: 18px!important
                }

                .school-form .hs-form fieldset:first-of-type,.school-form .hs-form fieldset:nth-of-type(3) {
                    width: 234px;
                    margin-bottom: 42px!important;
                    padding-left: 86px;
                    font-size: 17px
                }

                .school-form .hs-form fieldset:first-of-type:before,.school-form .hs-form fieldset:nth-of-type(3):before {
                    left: 31px;
                    font-size: 13px;
                    width: 44px;
                    height: 21px
                }

                .school-form .hs-form fieldset:nth-of-type(2),.school-form .hs-form fieldset:nth-of-type(4) {
                    width: 370px!important;
                    font-size: 14px!important
                }

                .school-form .hs-form fieldset:nth-of-type(2) .input,.school-form .hs-form fieldset:nth-of-type(4) .input {
                    width: 185px!important
                }

                .school-form .hs-form fieldset:nth-of-type(8) {
                    font-size: 17px;
                    padding-left: 86px;
                    margin-bottom: 0;
                    width: 234px!important
                }

                .school-form .hs-form fieldset:nth-of-type(8):before {
                    left: 31px;
                    font-size: 13px;
                    width: 44px;
                    height: 21px
                }

                .school-form .hs-form fieldset:nth-of-type(10),.school-form .hs-form fieldset:nth-of-type(11),.school-form .hs-form fieldset:nth-of-type(12),.school-form .hs-form fieldset:nth-of-type(13),.school-form .hs-form fieldset:nth-of-type(14) {
                    padding-left: 234px
                }

                .school-form .hs-form fieldset:nth-of-type(9),.school-form .hs-form fieldset:nth-of-type(11),.school-form .hs-form fieldset:nth-of-type(13) {
                    font-size: 17px;
                    margin-bottom: 5px
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(10) .hs-fieldtype-date,.school-form .hs-form fieldset:nth-of-type(12) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(12) .hs-fieldtype-date,.school-form .hs-form fieldset:nth-of-type(14) .hs-dateinput,.school-form .hs-form fieldset:nth-of-type(14) .hs-fieldtype-date {
                    width: 195px!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field {
                    margin-bottom: 30px!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(10) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(10) .hs-form-field select,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field select,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field .input,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field input,.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field select {
                    font-size: 12px!important
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field:nth-of-type(odd),.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field:nth-of-type(odd),.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field:nth-of-type(odd) {
                    width: 192px
                }

                .school-form .hs-form fieldset:nth-of-type(10) .hs-form-field:nth-of-type(2n),.school-form .hs-form fieldset:nth-of-type(12) .hs-form-field:nth-of-type(2n),.school-form .hs-form fieldset:nth-of-type(14) .hs-form-field:nth-of-type(2n) {
                    width: 157px;
                    margin-left: 18px!important
                }

                .school-form .hs-form .hs-submit {
                    margin-top: 54px
                }

                .school-form .hs-form .hs-submit .actions {
                    width: 374px!important;
                    border-radius: 6px!important
                }

                .school-form .hs-form .hs-submit .actions:after {
                    width: 15px;
                    height: 3px;
                    right: 16px
                }

                .school-form .hs-form .hs-submit .actions:before {
                    width: 12px;
                    height: 12px;
                    right: 17px
                }

                .school-form .hs-form .hs-submit .actions .hs-button {
                    width: 374px!important;
                    height: 64px!important;
                    border-radius: 6px!important;
                    font-size: 20px!important
                }

                .school-form__card-2 {
                    width: 928px;
                    padding-top: 60px;
                    padding-bottom: 85px;
                    padding-left: 93px;
                    padding-right: 93px
                }

                .school-form-2 .hs-form {
                    width: 704px!important
                }

                .school-form-2 .hs-form .form-columns-2 .hs-form-field,.school-form-2 .hs-form .form-columns-2 .hs-form-field label {
                    width: 370px!important
                }

                .school-form-2 .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
                    margin-left: 0!important
                }

                .school-form-2 .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) .input {
                    width: 370px!important
                }

                .school-form-2 .hs-form .hs-form-field {
                    margin-bottom: 42px!important
                }

                .school-form-2 .hs-form .hs-form-field label {
                    width: 234px;
                    margin-bottom: 0;
                    padding-left: 86px
                }

                .school-form-2 .hs-form .hs-form-field span {
                    font-size: 17px
                }

                .school-form-2 .hs-form .hs-form-field span.hs-form-required:before {
                    left: 31px;
                    font-size: 13px;
                    width: 44px;
                    height: 21px
                }

                .school-form-2 .hs-form .hs-error-msg {
                    font-size: 10px;
                    padding-top: 5px;
                    left: 234px
                }

                .school-form-2 .hs-form .hs_error_rollup .hs-main-font-element {
                    font-size: 12px
                }

                .school-form-2 .hs-form input,.school-form-2 .hs-form select,.school-form-2 .hs-form textarea {
                    width: 470px!important;
                    font-size: 14px!important;
                    padding-left: 16px!important;
                    padding-right: 16px!important
                }

                .school-form-2 .hs-form input[name=division_detail],.school-form-2 .hs-form input[name=firstname],.school-form-2 .hs-form input[name=jobtitle],.school-form-2 .hs-form input[name=lastname],.school-form-2 .hs-form select[name=division_detail],.school-form-2 .hs-form select[name=firstname],.school-form-2 .hs-form select[name=jobtitle],.school-form-2 .hs-form select[name=lastname],.school-form-2 .hs-form textarea[name=division_detail],.school-form-2 .hs-form textarea[name=firstname],.school-form-2 .hs-form textarea[name=jobtitle],.school-form-2 .hs-form textarea[name=lastname] {
                    width: 180px!important
                }

                .school-form-2 .hs-form input[name=division_detail],.school-form-2 .hs-form input[name=lastname],.school-form-2 .hs-form select[name=division_detail],.school-form-2 .hs-form select[name=lastname],.school-form-2 .hs-form textarea[name=division_detail],.school-form-2 .hs-form textarea[name=lastname] {
                    margin-right: 0!important
                }

                .school-form-2 .hs-form input,.school-form-2 .hs-form select {
                    height: 50px!important
                }

                .school-form-2 .hs-form textarea {
                    min-height: 170px;
                    padding-top: 18px!important
                }

                .school-form-2 .hs-form .hs-submit {
                    margin-top: 54px
                }

                .school-form-2 .hs-form .hs-submit .actions {
                    width: 374px!important;
                    border-radius: 6px!important
                }

                .school-form-2 .hs-form .hs-submit .actions:after {
                    width: 15px;
                    height: 3px;
                    right: 16px
                }

                .school-form-2 .hs-form .hs-submit .actions:before {
                    width: 12px;
                    height: 12px;
                    right: 17px
                }

                .school-form-2 .hs-form .hs-submit .actions .hs-button {
                    width: 374px!important;
                    height: 64px!important;
                    border-radius: 6px!important;
                    font-size: 20px!important
                }

                .m-school-head {
                    padding-bottom: 30px
                }

                .m-school-head .en {
                    font-size: 22px;
                    margin-bottom: 15px
                }

                .m-school-head .ja {
                    font-size: 42px
                }

                .m-school-head:after {
                    width: 144px
                }

                .layout-form {
                    margin-bottom: 62px
                }

                .layout-form .form-overview {
                    padding: 24px
                }

                .layout-form .form-overview .overview-inner {
                    padding-top: 41px;
                    padding-left: 47px;
                    padding-right: 47px
                }

                .layout-form .form-overview .overview-inner .arrow {
                    width: 469px;
                    bottom: 12px
                }

                .layout-form .form-overview .overview-inner .overview-title-area {
                    margin-bottom: 50px
                }

                .layout-form .form-overview .overview-inner .overview-title-area .en {
                     font-size: 1.75rem;
                    margin-bottom: 10px
                }

                .layout-form .form-overview .overview-inner .overview-title-area .ja {
                    font-size: 1.75rem;
                }

                .layout-form .form-overview .overview-inner .overview-lead {
                    font-size: 24px;
                    margin-bottom: 44px
                }

                .layout-form .overview-list-head {
                    font-size: 1.125rem;
                     line-height: 1.8rem;
                     font-weight: bold;
                    margin-bottom: 11px;
                      color: #4c566c;
                }

                .layout-form .overview-lead-sm {
                    margin-bottom: 0
                }

                .layout-form .overview-list {
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .layout-form .overview-list li {
                    font-size: 18px;
                    margin-bottom: 2px
                }

                .layout-form .overview-list li:before {
                    font-size: 24px;
                    margin-right: 9px;
                    top: 3px
                }

                .layout-form .form-form .form-inner {
                    padding-top: 13px;
                    padding-bottom: 52px;
                    width: 565px
                }

                .layout-form .form-form .form-inner .breadcrumb {
                    margin-top: 14px;
                    margin-bottom: 9px;
                    padding-left: 0;
                    padding-right: 0
                }

                .layout-form .form-form .form-inner .bg-sm {
                    padding-left: 0;
                    padding-right: 0
                }

                .layout-form .form-form .form-inner form {
                    left: -1px!important
                }

                .mktoForm-wrap .mktoForm label:before {
                    height: 29px!important;
                    top: 27px;
                    font-size: 14px
                }

                .mktoForm-wrap .mktoForm label[for=comment],.mktoForm-wrap .mktoForm label[for=Comment],.mktoForm-wrap .mktoForm label[for=Company],.mktoForm-wrap .mktoForm label[for=company],.mktoForm-wrap .mktoForm label[for=Email],.mktoForm-wrap .mktoForm label[for=Phone],.mktoForm-wrap .mktoForm label[for=request],.mktoForm-wrap .mktoForm label[for=Request],.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactcomment],.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactrequest],.mktoForm-wrap .mktoForm label[for=z201CompanyName_L] {
                    width: 563px!important
                }

                .mktoForm-wrap .mktoForm label[for=Department]:before,.mktoForm-wrap .mktoForm label[for=FirstName]:before,.mktoForm-wrap .mktoForm label[for=LastName]:before,.mktoForm-wrap .mktoForm label[for=Title]:before {
                    width: 274px!important
                }

                .mktoForm-wrap .mktoForm label .mktoAsterix {
                    font-size: 14px;
                    top: 25px
                }

                .mktoForm-wrap .mktoForm label[for=company] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Company] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Department] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=LastName] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Title] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z201CompanyName_L] .mktoAsterix {
                    left: 40px
                }

                .mktoForm-wrap .mktoForm label[for=Phone] .mktoAsterix {
                    left: 56px
                }

                .mktoForm-wrap .mktoForm label[for=Email] .mktoAsterix {
                    left: 96px
                }

                .mktoForm-wrap .mktoForm label[for=comment] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Comment] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactcomment] .mktoAsterix {
                    left: 112px
                }

                .mktoForm-wrap .mktoForm label[for=request] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=Request] .mktoAsterix,.mktoForm-wrap .mktoForm label[for=z014JPSSHPcontactrequest] .mktoAsterix {
                    left: 160px
                }

                .mktoForm-wrap .mktoForm input,.mktoForm-wrap .mktoForm select,.mktoForm-wrap .mktoForm textarea {
                    margin-top: 53px!important;
                    width: 563px!important;
                    font-size: 14px!important;
                    padding-left: 16px!important;
                    padding-right: 16px!important
                }

                .mktoForm-wrap .mktoForm input#Department,.mktoForm-wrap .mktoForm input#FirstName,.mktoForm-wrap .mktoForm input#LastName,.mktoForm-wrap .mktoForm input#Title,.mktoForm-wrap .mktoForm select#Department,.mktoForm-wrap .mktoForm select#FirstName,.mktoForm-wrap .mktoForm select#LastName,.mktoForm-wrap .mktoForm select#Title,.mktoForm-wrap .mktoForm textarea#Department,.mktoForm-wrap .mktoForm textarea#FirstName,.mktoForm-wrap .mktoForm textarea#LastName,.mktoForm-wrap .mktoForm textarea#Title {
                    width: 274px!important
                }

                .mktoForm-wrap .mktoForm input#Department,.mktoForm-wrap .mktoForm input#LastName,.mktoForm-wrap .mktoForm select#Department,.mktoForm-wrap .mktoForm select#LastName,.mktoForm-wrap .mktoForm textarea#Department,.mktoForm-wrap .mktoForm textarea#LastName {
                    margin-right: 17px!important
                }

                .mktoForm-wrap .mktoForm input,.mktoForm-wrap .mktoForm select {
                    height: 44px!important
                }

                .mktoForm-wrap .mktoForm textarea {
                    min-height: 170px;
                    padding-top: 18px!important
                }

                .mktoForm-wrap .mktoForm .mktoHtmlText {
                    width: 563px!important;
                    font-size: 14px!important
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow {
                    margin-top: 69px
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap {
                    width: 311px!important;
                    border-radius: 30px!important
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap:after {
                    width: 15px;
                    height: 3px;
                    right: 16px
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow .mktoButtonWrap:before {
                    width: 12px;
                    height: 12px;
                    right: 17px
                }

                .mktoForm-wrap .mktoForm .mktoButtonRow button {
                    width: 311px!important;
                    height: 60px!important;
                    border-radius: 30px!important;
                    font-size: 20px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red {
                    width: 424px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select {
                    height: 42px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea {
                    width: 424px!important;
                    border-radius: 10px;
                    font-size: 16px;
                    padding-left: 16px!important;
                    padding-right: 16px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm input#Title,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#Title,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#Department,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#Title {
                    width: 424px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm input#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#FirstName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#LastName {
                    width: 202px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm input#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm select#LastName,.mktoForm-wrap.mktoForm-wrap-red .mktoForm textarea#LastName {
                    margin-right: 17px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=comment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Comment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Company],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=company],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Department],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Email],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Phone],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=request],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Request],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Title],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactcomment],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactrequest],.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z201CompanyName_L] {
                    width: 424px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=FirstName]:before,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=LastName]:before {
                    width: 202px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label:before {
                    font-size: 16px;
                    top: 20px
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label .mktoAsterix {
                    font-size: 14px;
                    top: 18px
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=company] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Company] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Department] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=LastName] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Title] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z201CompanyName_L] .mktoAsterix {
                    left: 47px
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Phone] .mktoAsterix {
                    left: 63px
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=comment] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Comment] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Email] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactcomment] .mktoAsterix {
                    left: 112px
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=request] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=Request] .mktoAsterix,.mktoForm-wrap.mktoForm-wrap-red .mktoForm label[for=z014JPSSHPcontactrequest] .mktoAsterix {
                    left: 160px
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoHtmlText {
                    margin-top: 39px!important;
                    width: 424px!important;
                    font-size: 12px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoButtonRow {
                    margin-top: 10px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm .mktoButtonRow .mktoButtonWrap {
                    width: 424px!important;
                    border-radius: 10px!important
                }

                .mktoForm-wrap.mktoForm-wrap-red .mktoForm button {
                    width: 424px!important;
                    height: 64px!important;
                    border-radius: 10px!important;
                    font-size: 20px!important
                }

              .cutsom-dx-drive-home-row3 .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) > label {
                text-align: right;
                padding-right: 30px;
              }

                .hs-form .hs-form-field {
                    margin-bottom: 15px!important
                }

                .hs-form .hs-form-field label {
                    margin-bottom: 5px
                }

                .hs-form .hs-error-msg,.hs-form .hs-form-field span,.hs-form .hs-form-field span.hs-form-required {
                    font-size: 14px
                }

                .hs-form .hs-error-msg {
                    margin-top: 5px
                }

                .hs-form .hs_error_rollup .hs-main-font-element {
                    font-size: 14px
                }


                .marketo-download-breadcrumb {
                    margin-top: 28px;
                    margin-bottom: 16px
                }

                .sec-marketo-seminar,section.sec-marketo-download {
                    width: 1200px
                }

                .marketo-download-head,.marketo-seminar-head {
                    margin-bottom: 48px
                }

                .sec-seminar {
                    margin-top: 40px;
                    padding-bottom: 60px
                }

                .sec-seminar .seminar-list .each-seminar {
                    width: 372px;
                    margin-right: 42px;
                    margin-bottom: 42px
                }

                .sec-seminar .seminar-list .each-seminar .img {
                    height: 177px
                }

                .sec-seminar .seminar-list .each-seminar .txt-area {
                    padding-top: 23px;
                    padding-bottom: 36px;
                    padding-left: 20px;
                    padding-right: 20px
                }

                .sec-seminar .seminar-list .each-seminar .availability,.sec-seminar .seminar-list .each-seminar .tag {
                    font-size: 14px
                }

                .sec-seminar .seminar-list .each-seminar .availability {
                    width: 85px;
                    height: 31px;
                    border-radius: 10px;
                    top: 15px;
                    right: 14px
                }

                .sec-seminar .seminar-list .each-seminar .title-dark,.sec-seminar .seminar-list .each-seminar .title-light {
                    font-size: 18px
                }

                .sec-download {
                    margin-top: 27px;
                    padding-bottom: 60px
                }

                .sec-download .list-title {
                    font-size: 24px;
                    margin-bottom: 26px
                }

                .sec-download .download-list {
                    padding-bottom: 10px
                }

                .sec-download .download-list .each-download {
                    width: 372px;
                    margin-right: 42px;
                    margin-bottom: 42px
                }

                .sec-download .download-list .each-download .doc-title,.sec-download .download-list .each-download .img,.sec-download .download-list .each-download .mktoImg {
                    height: 191px
                }

                .sec-download .download-list .each-download .doc-title {
                    font-size: 28px
                }

                .sec-download .download-list .each-download .txt-area {
                    padding-top: 25px;
                    padding-bottom: 36px;
                    padding-left: 20px;
                    padding-right: 20px
                }

                .sec-download .download-list .each-download .txt-area .desc {
                    font-size: 14px;
                    margin-bottom: 20px
                }

                .sec-download .download-list .each-download .txt-area .btn {
                    width: 200px;
                    height: 44px;
                    font-size: 16px;
                    border-radius: 22px
                }

                .sec-download .download-list .each-download .txt-area .btn .arrow {
                    width: 16px;
                    right: 14px
                }

                .sec-thanks .thanks-message {
                    font-size: 20px
                }

                .sec-thanks .module-btn-l {
                    font-size: 22px;
                    width: 374px;
                    height: 55px;
                    border-radius: 28px
                }

                .page-download-breadcrumb {
                    margin-top: 16px
                }

                .page-download-form {
                    margin-top: 44px;
                    margin-bottom: 43px;
                    padding-left: 0;
                    padding-right: 0
                }

                .page-download-form .form-area,.page-download-form .overview-area {
                    margin-left: 20px;
                    margin-right: 20px
                }

                .page-download-form .overview-area {
                    width: 653px;
                    margin-bottom: 0
                }

                .page-download-form .overview-area .download-title {
                    font-size: 32px;
                    margin-bottom: 14px
                }

                .page-download-form .overview-area .download-img {
                    margin-bottom: 20px
                }

                .page-download-form .overview-area .download-desc {
                    font-size: 16px
                }

                .page-download-form .form-area {
                    border-width: 12px;
                    padding-left: 30px;
                    padding-right: 30px;
                    padding-top: 8px;
                    padding-bottom: 38px
                }

                .page-download-download {
                    margin-top: 70px;
                    margin-bottom: 75px
                }

                .page-download-download .download-desc {
                    font-size: 16px;
                    margin-bottom: 24px
                }

                .page-download-download .download-btn {
                    font-size: 30px;
                    width: 454px;
                    height: 85px;
                    border-radius: 10px;
                    margin-bottom: 64px
                }

                .page-download-download .download-btn .icon {
                    width: 30px;
                    height: 32px;
                    left: 28px
                }

                .page-download-download .download-notes {
                    font-size: 16px;
                    width: 878px;
                    margin-bottom: 24px
                }

              
                .js-accordion .js-accordion-head:before {
                    width: 4px;
                    height: 4px;
                    right: 10px 
                }

                .js-accordion.invisible {
                    height: 74px
                }

                .js-accordion.invisible .js-accordion-head:before {
                    width: 4px;
                    height: 24px
                }
            }

            @media screen and (min-width: 561px) and (max-width:750px) {
                .sec-mv .results {
                    min-width:300px
                }
            }

            @media screen and (min-width: 561px) and (max-width:960px) {
                .sec-bnr .bnr-growthhacker .txt-area {
                    width:230px;
                    padding-left: 15px;
                    height: 64px;
                    height: 100%
                }
            }

            @media screen and (min-width: 561px) and (max-width:700px) {
                .sec-ux-overview .ux-issues .each-issue .issue .issue-txt {
                    font-size:10px!important;
                    line-height: 1.2!important
                }
            }

            @media screen and (min-width: 1441px) {
                #showcase .module-br-l1440,#vx .module-br-l1440 {
                    display:none
                }
            }

            @media screen and (min-width: 768px) {
                #showcase .sec-gh-features,#vx .sec-gh-features {
                    padding-bottom:0
                }

                #showcase .sec-solution-guide.kce,#vx .sec-solution-guide.kce {
                    margin-top: 200px
                }

                #showcase .module-subpage-head.growthhacker .copy-area,#vx .module-subpage-head.growthhacker .copy-area {
                    
                }

                #showcase .sp,#vx .sp {
                    display: none
                }

                #showcase .sec-gh-features .each-feature .txt-area,#vx .sec-gh-features .each-feature .txt-area {
                    max-width: 1050px
                }

                #showcase .device,#vx .device {
                    padding: 140px 50px 0;
                    
                    background-size: 100% auto;
                    width: 375px;
                    height: 667px;
                    overflow: hidden
                }

                #showcase .device span,#vx .device span {
                    height: 667px
                }

                #showcase #pages-slider .slick-slide,#showcase #slides .slick-slide,#vx #pages-slider .slick-slide,#vx #slides .slick-slide {
                    padding-top: 210.9375px
                }

                #showcase #stories em,#vx #stories em {
                    top: 155px;
                    right: 55px
                }

                #showcase #stories-slider,#vx #stories-slider {
                    width: 377px;
                    height: 669px
                }

                #showcase #stories-slider .slick-slide,#vx #stories-slider .slick-slide {
                    width: 375px;
                    height: 667px
                }

                #showcase #stories-thumbnail .slick-slide a,#showcase #zuck,#vx #stories-thumbnail .slick-slide a,#vx #zuck {
                    display: none
                }

                .page-download .sec-form .btn-download:after,.page-download .sec-form .btn-download:hover:after {
                    border-right: 4px solid #fff;
                    border-top: 4px solid #fff
                }

                .page-download .sec-form {
                    padding: 120px 0 280px
                }

                .page-download .sec-form .desc {
                    font-size: 16px;
                    margin-bottom: 80px
                }

                .page-download .sec-form .desc a:hover {
                    opacity: .4
                }

                .page-download .sec-form .btn-download {
                    border-radius: 12px;
                    font-size: 24px;
                    height: 84px;
                    margin: 0 auto 80px;
                    width: 340px
                }

                .page-download .sec-form .btn-download:after {
                    height: 16px;
                    right: 13px;
                    width: 16px
                }

                .page-download .sec-form .btn-download .icon {
                    background-size: 30px auto;
                    height: 30px;
                    position: relative;
                    width: 45px
                }

                .page-download .sec-form .btn-download:before {
                    -webkit-transition: all .7s ease;
                    background:#fcb100;
                    content: "";
                    height: 100%;
                    left: 0;
                    position: absolute;
                    top: 0;
                    transition: all .7s ease;
                    width: 0
                }

                .page-download .sec-form .btn-download:hover:before {
                    width: 100%
                }

                .page-download .sec-form .btn-download:hover .icon {
                    
                }
            }

            @media screen and (max-width: 767px) {
                #showcase .sec-gh-features,#vx .sec-gh-features {
                    padding-bottom:0
                }

                #showcase .module-subpage-head.growthhacker .copy-area,#vx .module-subpage-head.growthhacker .copy-area {
                    
                }

                #showcase .pc,#vx .pc {
                    display: none
                }

                #showcase .sec-gh-features .each-feature .img,#vx .sec-gh-features .each-feature .img {
                    width: 100%
                }

                #showcase .device span,#vx .device span {
                    border: 1px solid #ddd;
                    max-width: 375px;
                    height: calc(177.77778vw - 71.11111px);
                    max-height: 667px
                }

                #showcase #pages-slider .slick-slide,#showcase #slides .slick-slide,#vx #pages-slider .slick-slide,#vx #slides .slick-slide {
                    padding-top: calc(56.25vw - 22.5px)
                }

                #showcase #stories em,#vx #stories em {
                    top: 10px;
                    right: 10px
                }

                #showcase #stories-slider,#showcase #stories-slider .slick-slide,#vx #stories-slider,#vx #stories-slider .slick-slide {
                    width: 100%
                }

                #showcase #stories-slider,#vx #stories-slider {
                    width: calc(100% + 4px)
                }

                #showcase #stories-slider .slick-slide video,#vx #stories-slider .slick-slide video {
                    width: 50px
                }

                #showcase #stories-slider .slick-slide,#vx #stories-slider .slick-slide {
                    width: calc(100vw - 40px);
                    max-width: 375px;
                    height: calc(177.77778vw - 71.11111px);
                    max-height: 667px
                }

                #showcase #stories-slider .slick-slide video,#vx #stories-slider .slick-slide video {
                    width: 100%
                }

                #showcase #stories-thumbnail .slick-slide a,#vx #stories-thumbnail .slick-slide a {
                    position: relative;
                    display: none;
                    border: 2px solid transparent;
                    width: 56px;
                    height: 56px;
                    z-index: 1
                }

                #showcase #stories-slider,#showcase #stories-thumbnail,#showcase #stories em,#vx #stories-slider,#vx #stories-thumbnail,#vx #stories em {
                    display: none
                }

                .page-download .sec-form .btn-download {
                    border-radius: 10px;
                    margin: 0 auto 50px;
                    width: calc(100% - 56px)
                }

                .page-download .sec-form .btn-download.each-btn-1st,.sec-contact-download .each-btn.each-btn-1st {
                    margin-bottom: 12px
                }

                .page-download .sec-form .btn-download .icon {
                    background-size: 15px auto;
                    left: 50px;
                    position: absolute;
                    top: calc(50% - 8px)
                }

                .page-download .sec-form .btn-download .icon img {
                    width: 15px
                }
            }

            @media screen and (min-width: 769px) {
                #showcase .sec-gh-features .each-showcase .lead {
                    letter-spacing:1.4px;
                    line-height: 1.79;
                    margin-top: 22px
                }

                #showcase .sec-gh-features .each-showcase .body {
                    line-height: 1.95;
                    margin-top: 15px
                }

                #showcase .module-subpage-head .desc {
                    margin-bottom: 0!important;
                    padding-bottom: 180px
                }

                #showcase .sec-gh-features .showcase-area {
                    -ms-flex-pack: justify;
                    -webkit-box-pack: justify;
                    justify-content: space-between;
                    margin-top: 0
                }

                #showcase .sec-gh-features .showcase-area+.showcase-area {
                    padding-top: 75px
                }

                #showcase .sec-gh-features .each-showcase {
                    margin: 0 15px;
                    max-width: 380px
                }
            }

            @media screen and (max-width: 768px) {
                #showcase .module-subpage-head .desc {
                    margin-bottom:0;
                    padding-bottom: 100px
                }

                #showcase .sec-gh-features .showcase-area {
                    -ms-flex-direction: column;
                    -webkit-box-direction: normal;
                    -webkit-box-orient: vertical;
                    flex-direction: column;
                    margin-top: 0;
                    padding-bottom: 100px
                }

                #showcase .sec-gh-features .showcase-area+.showcase-area {
                    margin-top: -25px
                }

                #showcase .sec-gh-features .each-showcase:last-of-type {
                    margin-bottom: 0
                }

                #showcase .sec-gh-features .each-showcase:empty {
                    display: none
                }

                #showcase .sec-gh-features .showcase-area+.showcase-area .each-showcase {
                    margin: 0
                }
            }

            @media screen and (max-width: 480px) {
                #bodyId {
                    padding:0!important
                }
            }

            @media screen and (min-width: 1500px) {
                .sec-download .download-list .each-download .txt-area .title {
                    font-size:20px
                }

                .sec-download .download-list .each-download .txt-area .doc-points {
                    font-size: 18px
                }
            }

            @media (-ms-high-contrast:none) and (max-height: 768px) {
                .mv-box .copy,::-ms-backdrop {
                    margin-bottom:10px!important
                }
            }

            @media only screen and (max-width: 800px) {
                .thanksWrap {
                    text-align:left
                }

                .thanksWrap a:hover:after {
                    right: 8px
                }

                .pt100sp {
                    padding-top: 100px!important
                }

                .pt60sp {
                    padding-top: 60px!important
                }

                .pb60sp {
                    padding-bottom: 60px!important
                }

                .fz18sp {
                    font-size: 18px!important
                }

                .thanksWrap a {
                    height: 40px;
                    line-height: 40px;
                    font-size: 15px;
                    border-radius: 24px
                }

                .thanksWrap a:after {
                    right: 16px
                }
            }
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
Drag and Drop (DND) sections look when editing content in the page editor.
*********************************************************************************
****************************************************************************** */

.dnd-section > .row-fluid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.dnd-section .widget-type-cell {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
}


/* Custom */
.cutsom-dx-drive-home-row3 form .hs-input {
  color: #000;
  font-family: Arial;
}
.agencies-grp1 .widget-type-rich_text p:last-child {
  word-break: initial;
}
.video-solution-sec1 .image-with-content .each-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 4.26667vw;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  width: 343px;
  width: 91.46667vw;
}
.video-solution-sec1 .image-with-content .each-content .inner {
  padding: 4.26667vw 3.2vw 5.6vw;
}
.video-solution-sec1 .image-with-content .each-content .img {
  height: auto;
  margin-bottom: 6.4vw;
  position: relative;
  text-align: center;
}
.video-solution-sec1 .image-with-content .each-content .img img {
  height: 100% !important;
  width: auto;
}
.video-solution-sec1 .image-with-content .each-content p.title {
  line-height: 1.6;
  margin-bottom: 15px;
}
.video-solution-sec1 .image-with-content .each-content:last-child p.title {
  font-family: "Noto Sans JP";
}
.video-solution-sec1 .image-with-content .each-content p.desc {
  font-family: Noto Sans JP;
  letter-spacing: .04em;
  line-height: 1.71429;
}
.lp_sales_lyt .hs-form ul.inputs-list input:checked:before {
  content: "";
  width: 15px;
  width: 2vw;
  height: 15px;
  height: 2vw;
  background: #161b2c;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.lp_sales_lyt .row6_wrap .dnd-section .submitted-message {
  text-align: center;
}
.lp_sales_lyt .hs-form ul.hs-error-msgs li {
  width: 100% !important;
}

@media (max-width: 560px) {
  .video-solution-sec1 .image-with-content .each-content p.title {
    line-height: 1.55556;
    font-size: 4.8vw;
    margin-bottom: 4vw;
  }
  .lp-sales-footer .footer-sales-inner {
    margin-bottom: -2px;
  }
  .lp-sales-footer .copyright {
    padding-top: 4px;
  }
}
@media (min-width: 561px) {
  .video-solution-sec1 .image-with-content .each-content {
    background: -webkit-gradient(linear,left top,left bottom,from(#2dcc70),to(#2dc79d));
    background: linear-gradient(
      180deg
      ,#2dcc70,#2dc79d);
    margin-bottom: 0;
    margin-left: 1.64063vw;
    margin-right: 1.64063vw;
    width: 372px;
    width: 29.0625vw;
  }
  .video-solution-sec1 .image-with-content .each-content .inner {
    padding-bottom: 1.79687vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    padding-top: 1.95313vw;
  }
  .video-solution-sec1 .image-with-content .each-content .img {
    height: 164px;
    height: 12.8125vw;
    margin-bottom: 1.95313vw;
  }
}
@media (min-width: 768px) {
  .lp_sales_lyt .hs-form ul.inputs-list input:checked:before {
    width: 10px;
    width: .66667vw;
    height: 10px;
    height: .66667vw;
  }
}
@media (min-width: 961px) {
  .video-solution-sec1 .image-with-content .each-content {
    margin-bottom: 0;
    margin-left: 1.64063vw;
    margin-right: 1.64063vw;
    width: 372px;
    width: 29.0625vw;
  }
  .video-solution-sec1 .image-with-content .each-content .inner {
    padding-bottom: 1.79687vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    padding-top: 1.95313vw;
  }
  .video-solution-sec1 .image-with-content .each-content .img {
    height: 164px;
    height: 12.8125vw;
    margin-bottom: 1.95313vw;
  }
}
@media (min-width: 992px) {
  .lp_sales_lyt .hs-form ul.inputs-list input:checked:before {
    width: 10px;
    width: .66667vw;
    height: 10px;
    height: .66667vw;
  }
}
@media (min-width: 1200px) {
  .video-solution-sec1 .image-with-content .each-content {
    margin-bottom: 0;
    margin-left: 21px;
    margin-right: 21px;
    width: 372px;
  }
  .video-solution-sec1 .image-with-content .each-content .inner {
    padding-bottom: 23px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
  }
  .video-solution-sec1 .image-with-content .each-content .img {
    height: 164px;
    margin-bottom: 25px;
  }
  .lp_sales_lyt .hs-form ul.inputs-list input:checked:before {
    width: 10px;
    height: 10px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
fonts apppear throughout your site.
*********************************************************************************
****************************************************************************** */

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Bold");
  font-weight: bold; }

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400; 
  src: url(https://fonts.gstatic.com/l/font?kit=7cHpv4kjgoGqM7EPDtkLwVUW3H1gMvT6ebjz7NGf6VYFBus_oUVR6bLJi5uKLR3iDeaEgAq8A_sCFy0h0mn-AUC35NErhw&skey=32d7acf8757dbad0&v=v5) format('woff2');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600; 
  src: url(https://fonts.gstatic.com/l/font?kit=7cHqv4kjgoGqM7E30-8c5UgevBAcN_P_erX84dKa7lMGG_QiokBW7LHEhJazFiTnCuOHjQWxAP4FEi48zXT9BEey59wkivceSg&skey=a9a2225c15335812&v=v5) format('woff2');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700; 
  src: url(https://fonts.gstatic.com/l/font?kit=7cHqv4kjgoGqM7E3t-4c5UgevBAcN_P_erX84dKa7lMGG_QiokBW7LHEhJazFiTnCuOHjQWxAP4FEi48zXT9BEey59wkivceSg&skey=f60e73b1bbf362f3&v=v5) format('woff2');
}


html {
  font-size: 24px;
}

body {
  font-family: Lato, serif;
  font-size: 1rem;
  color: #494a52;
  line-height:normal; 
}
body.scrl::-webkit-scrollbar {
  display: none!important;
}
p {
  margin-top: 0;
  margin-bottom: 1rem; 
}

/* Anchor Links */
a {
  color: #0270E0;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height:normal;
  font-weight: 700;
  font-family: Merriweather, serif;
  color: #494a52;
  word-break: break-word;
}

h1 {
  font-size: 2.1rem;

}

h2 {
  font-size: 1.6rem;
  margin-top:24px;

}

h3 {
  font-size: 1.25rem;
  margin-top:24px;
}

h4 {
  font-family: Lato, sans-serif;
  font-weight: normal;
  font-size: 1.175rem;
  margin-top:24px;
}

h5 {
  font-size: 1rem;
  line-height: 1.5;
  margin-top:24px;
}

h6 {
  font-size: .9rem;

}

strong {
  font-weight: 700;
}

code {
  vertical-align: bottom;
}

ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

img {

  max-width: 100%;
  height: auto; 
}

blockquote{
  background-color: #f4f4f4;
  padding: 1.5em;
  margin: 15px 0 15px 0;
}

div.hs-embed-wrapper{
  margin-top:10px;
  margin-bottom:15px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}



/* Horizontal Rules */
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* TODO */
small {

}

/* TODO */
mark {

}

sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: auto;
}

.disable-focus-styles :focus {
  outline: none;
}


.body-container-wrapper.pv {
  padding-left: 16px;
  padding-right: 16px;
}

button{
  cursor: pointer;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your forms looks
throughout your site. Styles for form fields, buttons, inputs, etc.
*********************************************************************************
****************************************************************************** */

form {
  max-width: 100%;
  font-family: Lato, sans-serif;
}

.hs-button {
  margin: 10px 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  transition: all .15s linear;
  border-style: solid;
  text-decoration: none !important;
  font-size: 20px;
  letter-spacing: .1em;
  font-weight: 600;
  outline: none;
  white-space: normal !important;
  line-height: normal;
}

.hs-button:hover, .hs-button:focus {
  background-color: #21222a;
  border-color: #21222a;
  
  color: #fff;
}

.hs-button:active {
  background-color: #71727a;
  border-color: #71727a;
}


.hs-form label {
  color: #33475b;
  display: block;
  float: none;
  width: auto;
  text-align: left;
  padding-top: 0;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}

form .hs-error-msgs label {
  margin-top: .5rem;
  color: #f2545b;
}

.hs-input , input#hs-pwd-widget-password,
.hs-search-field__input,
input[type="password"] {
  display: inline-block;
  width: 100% !important;
  font-weight: normal;
  line-height: normal;
  box-sizing: border-box;
  color: #b9b9b9;
  height: 44px;
  font-size: 14px;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 10px;
  font-family: Noto Sans JP;
  padding: 0;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 10px;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  cursor: pointer;
  width: auto !important;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
}

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}

.hs-input:-moz-placeholder {
  color: #bfbfbf;
}

.hs-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus,
input[type="password"]:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
}

textarea.hs-input {
  height: auto;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */


input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #FF441F;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #b9554d;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  text-align: left;
  white-space: normal;

}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

ul.no-list {
  list-style: none;
}

.field {
  margin-bottom: 18px;
}

.hs-field-desc {
  color: #7c98b6;
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-form-required {
  color: red;
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
  font-size: 1rem;
  color: #494a52;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.hs-richtext a {
  color: #0000ee !important;
}
.hs-richtext a:visited {
  color: #551a8b !important;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}
@media (max-width: 400px),
  (min-device-width: 320px) and (max-device-width: 480px) {
    .email-correction form .form-columns-2 .hs-form-field,
    .email-correction form .form-columns-3 .hs-form-field,
    .email-validation form .form-columns-2 .hs-form-field,
    .email-validation form .form-columns-3 .hs-form-field {
      float: none;
      width: 100%;
    }
    .email-correction form .form-columns-2 .hs-form-field .hs-input,
    .email-correction form .form-columns-3 .hs-form-field .hs-input,
    .email-validation form .form-columns-2 .hs-form-field .hs-input,
    .email-validation form .form-columns-3 .hs-form-field .hs-input {
      width: 90%;
    }
    .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-2 .hs-form-field input[type=radio],
    .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-3 .hs-form-field input[type=radio],
    .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-2 .hs-form-field input[type=radio],
    .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
      width: 24px;
    }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Lato, serif;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
menu items appear, including the link and hover effects.
*********************************************************************************
****************************************************************************** */

.hs-menu-wrapper ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.hs-menu-item a {
  display: block;
  text-decoration: none;
}

.hs-menu-item:hover a,
.hs-menu-item:focus a {
  text-decoration: none;
}

.hs-menu-item.active a {
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
tables look throughout your site.
*********************************************************************************
****************************************************************************** */

table {
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
}

th,
td {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}

thead th,
thead td {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
  border-bottom-width: 2px;
}

thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.dnd-section .widget-type-cell {
  padding-left: 0px;
  padding-right:0px;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */
tab/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */

.nopd .dnd-section {
  padding: 0;
}
.nopd .dnd-section>.row-fluid {
  max-width: 100%;
}
.ir__contentWrap { 
  box-sizing: content-box;tab
}
.fxd_btn a {
  color: #fff !important;
}
.full_row1 .widget-type-rich_text h2 {
  border-bottom: 1px solid #2DCC70;
  display: inline-block;
  font-size: 100%;
  margin: 0 0 0.5rem 0;
  padding-bottom: 4px;
}
.ir__contentWrap p { 
  margin-bottom: 32px;
}
.full_row1 .widget-type-rich_text h2 {
  border-bottom: 1px solid #2dcc70;
  display: inline-block;
  font-size: 100%;
  margin: 0 0 .5rem 0;
  padding-bottom: 4px;
  font-family: Barlow,Noto Sans JP,sans-serif;
}
.full_row1 .widget-type-rich_text p:last-child {
  margin: 0;
}
.full_row1 .widget-type-rich_text dd + dt {
  margin-top: 2.5rem;
}
.full_row1 .widget-type-rich_text dd:before {
  border: 2px solid #2DCC70;
  background: #fff;
  border-radius: 50%;
  color: #2DCC70;
  content: 'A';
  display: block;
  font-weight: 600;
  position: absolute;
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  left: 0;
  box-sizing: border-box;
}
.full_row1 .widget-type-rich_text dt:before {
  background: #2DCC70;
  border-radius: 50%;
  color: #fff;
  content: 'Q';
  display: block;
  font-weight: 600;
  position: absolute;
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  left: 0;
}
.full_row1 .widget-type-rich_text dd {
  margin-top: 0.5em;
  padding-left: 2em;
  position: relative;
  margin-left: 0;
}
.full_row1 .widget-type-rich_text dt {
  padding-left: 2em;
  position: relative;
  font-weight: 700;
}
.full_row1 .widget-type-rich_text dl {
  margin: 0;
  padding: 0;
}
.full_row1 .widget-type-rich_text dd a {
  color: -webkit-link !important;
  cursor: pointer;
}
.full_row1 .widget-type-rich_text h1 + p {
  margin-bottom: 0;
}
.full_row1 .widget-type-rich_text h1 {
  color: #868686;
  font-weight: 700;
  font-size: 32px;
  margin: 0 auto;
  margin: 50px 0;
  text-align: center; 
  font-family: Barlow,Noto Sans JP,sans-serif;
}
.no_btn .fxd_btn {
  display: none;
}
.cnt_Pg.layout-form .contact_left {
  width: 50%;
}

.cnt_Pg.layout-form .form-overview{
  width: 100%;
  font-family: Montserrat,"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"メイリオ",sans-serif;

}
.contact_ryt fieldset {
  max-width: 100%;
}


.contact_ryt .hs-form .form-columns-1 {
  max-width: 100%!important
}

.contact_ryt .hs-form .form-columns-2 {
  max-width: 100%
}

.contact_ryt .hs-form .form-columns-2 .hs-form-field {
  max-width: 50%;
  float: left!important
}

.contact_ryt .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
  margin-left: 9px;
  margin-left: 2.4vw!important
}

.contact_ryt .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 0
}

.contact_ryt .hs-form .hs-form-field {
  margin-bottom: 15px;
  margin-bottom: 4vw!important
}

.contact_ryt .hs-form .hs-form-field label {
  display: block;
  margin-bottom: 1.33333vw
}

.contact_ryt .hs-form .hs-form-field span {
  font-size: 14px;
  font-size: 3.73333vw;
  font-weight: 700
}

.contact_ryt .hs-form .hs-error-msg,.contact_ryt .hs-form .hs-form-field span.hs-form-required {
  color: #ff4218;
  font-size: 14px;
  font-size: 3.73333vw
}

.contact_ryt .hs-form .hs-error-msg {
  display: block;
  margin-top: 1.33333vw;
  font-weight: 700
}

.contact_ryt .hs-form .hs_error_rollup .hs-main-font-element {
  color: #ff4218;
  font-size: 14px;
  font-size: 3.73333vw;
  display: block;
  text-align: center;
  font-weight: 700
}

.contact_ryt .hs-form input,.contact_ryt .hs-form select,.contact_ryt .hs-form textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #dedede;
  border: 1px solid #dedede;
  color: #161b2c;
  border-radius: 4px;
  font-family: Noto Sans JP;
  font-display: swap;
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  width: 343px;
  width: 91.46667vw!important;
  font-size: 14px;
  font-size: 3.73333vw!important;
  padding-left: 16px;
  padding-left: 4.26667vw!important;
  padding-right: 16px;
  padding-right: 4.26667vw!important;
  max-width: 100%
}
.contact_ryt .hs-form select {
  cursor: pointer;
}
.contact_ryt .hs-form input:placeholder-shown,.contact_ryt .hs-form select:placeholder-shown,.contact_ryt .hs-form textarea:placeholder-shown {
  color: #b9b9b9!important
}

.contact_ryt .hs-form input::-webkit-input-placeholder,.contact_ryt .hs-form select::-webkit-input-placeholder,.contact_ryt .hs-form textarea::-webkit-input-placeholder {
  color: #b9b9b9!important
}

.contact_ryt .hs-form input:-moz-placeholder,.contact_ryt .hs-form input::-moz-placeholder,.contact_ryt .hs-form select:-moz-placeholder,.contact_ryt .hs-form select::-moz-placeholder,.contact_ryt .hs-form textarea:-moz-placeholder,.contact_ryt .hs-form textarea::-moz-placeholder {
  color: #b9b9b9!important;
  opacity: 1
}

.contact_ryt .hs-form input:-ms-input-placeholder,.contact_ryt .hs-form select:-ms-input-placeholder,.contact_ryt .hs-form textarea:-ms-input-placeholder {
  color: #b9b9b9!important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.contact_ryt .hs-form input[name=division_detail],.contact_ryt .hs-form input[name=firstname],.contact_ryt .hs-form input[name=jobtitle],.contact_ryt .hs-form input[name=lastname],.contact_ryt .hs-form select[name=division_detail],.contact_ryt .hs-form select[name=firstname],.contact_ryt .hs-form select[name=jobtitle],.contact_ryt .hs-form select[name=lastname],.contact_ryt .hs-form textarea[name=division_detail],.contact_ryt .hs-form textarea[name=firstname],.contact_ryt .hs-form textarea[name=jobtitle],.contact_ryt .hs-form textarea[name=lastname] {
  width: 163px;
  width: 43.46667vw!important;
  max-width: 100%
}

.contact_ryt .hs-form input[name=division_detail],.contact_ryt .hs-form input[name=lastname],.contact_ryt .hs-form select[name=division_detail],.contact_ryt .hs-form select[name=lastname],.contact_ryt .hs-form textarea[name=division_detail],.contact_ryt .hs-form textarea[name=lastname] {
  margin-right: 16px;
  margin-right: 4.26667vw!important
}

.contact_ryt .hs-form input,.contact_ryt .hs-form select {
  height: 44px;
  height: 11.73333vw!important;
  min-height: 11.73333vw!important
}

.contact_ryt .hs-form textarea {
  min-height: 170px;
  min-height: 45.33333vw
}

.contact_ryt .hs-form input:focus,.contact_ryt .hs-form textarea:focus {
  border: 1px solid #2dcc70;
  background: #eee
}

.contact_ryt .hs-form .hs-submit {
  margin-top: 5.06667vw
}

.contact_ryt .hs-form .hs-submit .actions {
  margin: 0 auto!important;
  position: relative;
  display: block;
  width: 311px;
  width: 82.93333vw!important;
  border-radius: 48px;
  border-radius: 12.8vw!important
}

.contact_ryt .hs-form .hs-submit .actions:after {
  content: "";
  width: 15px;
  width: 4vw;
  height: 2px;
  height: .53333vw;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 19px;
  right: 5.06667vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5
}

.contact_ryt .hs-form .hs-submit .actions:before {
  content: "";
  width: 11px;
  width: 2.93333vw;
  height: 11px;
  height: 2.93333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 19px;
  right: 5.06667vw;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  z-index: 2
}

.contact_ryt .hs-form .hs-submit .actions .hs-button {
  display: block;
  margin: 0 auto!important;
  background: #000!important;
  border: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  text-shadow: none!important;
  letter-spacing: .1em!important;
  font: inherit!important;
  font-weight: 600!important;
  color: #fff;
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease;
  width: 311px;
  width: 82.93333vw!important;
  height: 48px;
  height: 12.8vw!important;
  border-radius: 48px;
  border-radius: 12.8vw!important;
  font-size: 16px;
  font-size: 4.26667vw!important
}

.contact_ryt .hs-form .hs-submit .actions .hs-button:hover {
  opacity: .6
}
.contact_ryt form {
  font-family: Barlow,Noto Sans JP,sans-serif;
}
.contact_ryt .hs-input {
  margin-bottom: 0;
}
.contact_ryt .form-columns-1 .input {
  margin-right: 3px !important;
}

.contact_left .overview-inner * {
  height: auto;
}
.contact_left * {
  height: 100%;
} 
.contact_ryt .hs-form .hs-submit .actions {
  -webkit-box-shadow: 0 4px 8px rgb(0 0 0 / 25%);
  box-shadow: 0 4px 8px rgb(0 0 0 / 25%);
}
.contact_ryt .invalid {
  border: 1px solid #dedede;
}
.contact_ryt select {
  appearance: none;
}

.contact_ryt_mb h3 {
  margin-top: 0; 
}
.contact_ryt .hs-form .hs-form-field > label {
  font-size: 16px;
}
.contact_ryt .hs-form .hs-submit .actions .hs-button { 
  padding-top: 0;
  padding-bottom: 0;
}
.lib_pg .ir__contentWrap {
  box-sizing: border-box;
}
button, input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
  outline: none;
  resize: none;
}
.lib_pg  .ir__top_relatedPagesBox_wrap * {
  box-sizing: border-box;
}

/* Home css*/



.home_pg .sec-top-services .services-desc01 {
  display: none;
}

.home_pg .sec-top-services .each-service.video {
  margin-bottom: 0;
}

.home_pg .sec-top-services .services-head01 {
  margin-bottom: 7.46667vw;
}

.home_pg .sec-top-services .service-structure {
  margin-bottom: 4.26667vw
}

.home_pg .sec-top-services .each-service.cm {
  margin: 0 auto 13.33333vw;
  text-align: center;
  font-weight: bold;
}

.home_pg .sec-top-services .each-service.cm video {
  margin: 4.26667vw auto 0;
  width: 100%;
}

.home_pg .sec-top-services .each-service.text {
  margin: 0 auto 7.46667vw;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.home_pg .sec-top-services .each-service.text p {
  text-align: left;
}

.home_pg .sec-top-services .each-service.text img {
  margin: 0 auto 7.46667vw;
  width: 50%;
}

.home_pg .sec-top-services .each-service.image {
  margin: 0 auto 4.26667vw;
  background: -webkit-gradient(linear, left top, left bottom, from(#75db9b), to(#2dc2cc));
  background: linear-gradient(180deg, #75db9b 0, #2dc2cc);
  width: 100%;
}  

.home_pg .sec-top-services .each-service.button {
  margin: 0 auto 13.33333vw;
}
.home_row2 p {
  margin: 0;
}  
.home_row2 .widget-type-rich_text h3 {
  font-family: Barlow,Noto Sans JP,sans-serif;
  margin-top: 0;
}

.home_row2 .widget-type-rich_text img,
.home_row2 .widget-type-linked_image img {
  display: block;
}
.home_row4 section.sec-bnr.sec-video-bnr {
  padding: 0;
} 

.home_hd .header-menu-group .hs-menu-wrapper>ul { 
  flex-wrap: nowrap;
}

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

  .home_pg .sec-top-services .services-head01 {
    margin-bottom: 32px;
  }
  .home_pg .sec-top-services .service-structure {
    margin-bottom: 16px;
  }
  .home_pg .sec-top-services .each-service.cm {
    margin-bottom: 60px;
  }
  .home_pg .sec-top-services .each-service.cm video {
    margin-top: 32px;
  }
  .home_pg .sec-top-services .each-service.text {
    margin-bottom: 32px;
  }
  .home_pg .sec-top-services .each-service.text img {
    margin-bottom: 32px;
  }
  .home_pg .sec-top-services .each-service.image {
    margin-bottom: 16px;
  }
  .home_pg .sec-top-services .each-service.button {
    margin-bottom: 60px;
  }
  .btn.mdl-shadow.blk div {
    width: 16px;
    height: 14px;
    right: 16px;
    position: absolute;
  }   

  .btn.mdl-shadow.blk {
    line-height: 1;
    background: #000;  
    color: #fff;
    border-radius: 6px;
    margin: 0 auto;
    display: flex;
    width: 293px;
    height: 48px;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: Noto Sans JP;
    font-weight: 700;
    font-size: 14px;
    margin: 9px auto 99px;
    margin-bottom: calc(4.6875vw + 9px);
  }

  .each-service.button.blk_wrap {
    padding-top: 0;
    padding-bottom: 0;
  }


}

@media screen and (min-width:961px) {
  .hd_type2 .btns.dsk_btn .header-nav-login {
    width: auto;
    margin-right: 33px;
  }
  .hd_type2 .btns.dsk_btn .header-nav-contact {
    min-width: 125px;
    -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 25%);
    box-shadow: 0 4px 10px rgb(0 0 0 / 25%);
  }
  .home_pg .sec-top-services .services-head01 {
    margin-bottom: 2.66667vw;
  }
  .home_pg .sec-top-services .service-structure {
    margin-bottom: 1.25vw;
  }
  .home_pg .sec-top-services .each-service.cm {
    margin-bottom: 4.6875vw;
    max-width: 100%;
    width: 960px;
  }
  .home_pg .sec-top-services .each-service.cm video {
    width: 960px;
  }
  .home_pg .sec-top-services .each-service.text {
    margin-bottom: 2.66667vw;
    max-width: 100%;
    width: 960px;
  }
  .home_pg .sec-top-services .each-service.text img {
    margin-bottom: 2.66667vw;
    max-width: 460px;
  }
  .home_pg .sec-top-services .each-service.image {
    margin-bottom: 1.25vw;
    max-width: 100%;
    width: 960px;
  }
  .home_pg .sec-top-services .each-service.button {
    margin-bottom: 4.6875vw;
  }


}

@media screen and (min-width:561px) {
  .home_pg .sec-top-services .services-head01 {
    margin-bottom: 2.66667vw;
  }
  .home_pg .sec-top-services .service-structure {
    margin-bottom: 1.25vw;
  }
  .home_pg .sec-top-services .each-service.cm {
    margin-bottom: 4.6875vw;
  }
  .home_pg .sec-top-services .each-service.cm p br {
    display: none;
  }
  .home_pg .sec-top-services .each-service.cm video {
    margin-top: 2.66667vw;
  }
  .home_pg .sec-top-services .each-service.text {
    margin-bottom: 2.66667vw;
  }
  .home_pg .sec-top-services .each-service.text img {
    margin-bottom: 2.66667vw;
  }
  .home_pg .sec-top-services .each-service.image {
    margin-bottom: 1.25vw;
  }
  .home_pg .sec-top-services .each-service.button {
    margin-bottom: 4.6875vw;
  }



}

@media screen and (max-width:560px) {
  .home_pg .sec-top-services .service-structure .lead {
    font-size: 4.26667vw;
  }
  .home_pg .sec-top-services .service-structure .picto-area .each {
    display: block;
    width: 40vw;
    text-align: center;
  }
  .home_pg .sec-top-services .service-structure .picto-area .each>* {
    display: block;
    margin: 0 auto;
  }
  .home_pg .sec-top-services .service-structure .picto-area .each .name {
    padding: 10px;
    font-size: 4.2vw;
  }  
  .kt-pg  .mdl-breadcrumb { 
    margin: 2.4vw auto 5.6vw;
  }


}

/* Home css End*/
.kt-pg .ke-grp2 .platform .ux-service .each-service {
  padding-bottom: 9.06667vw;
}
.kt-pg .ke-grp2 .platform .platform-services {
  padding-bottom: 10.66667vw;
}
@media screen and (min-width: 561px) {
  .kt-pg .ke-grp2 .platform .ux-service .each-service {
    padding-bottom: 2.5vw;
  }
  .kt-pg .ke-grp2 .platform .platform-services {
    padding-bottom: 3.75vw;
  }
}
@media screen and (min-width: 961px) {
  .kt-pg .ke-grp2 .platform .ux-service .each-service {
    padding-bottom: 2.5vw;
  }
  .kt-pg .ke-grp2 .platform .platform-services {
    padding-bottom: 3.75vw;
  }
}
@media screen and (min-width: 1200px) {
  .kt-pg .ke-grp2 .platform .ux-service .each-service {
    padding-bottom: 32px;
  }
  .kt-pg .ke-grp2 .platform .platform-services {
    padding-bottom: 48px;
  }
} 
@media(min-width:561px){
  .contact_ryt .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
    margin-left: 9px;
    margin-left: .70313vw!important
  }

  .contact_ryt .hs-form .hs-form-field {
    margin-bottom: 15px;
    margin-bottom: 1.17188vw!important
  }

  .contact_ryt .hs-form .hs-form-field label {
    margin-bottom: .39063vw
  }

  .contact_ryt .hs-form .hs-error-msg,.contact_ryt .hs-form .hs-form-field span,.contact_ryt .hs-form .hs-form-field span.hs-form-required {
    font-size: 14px;
    font-size: 1.09375vw
  }

  .contact_ryt .hs-form .hs-error-msg {
    margin-top: .39063vw
  }

  .contact_ryt .hs-form .hs_error_rollup .hs-main-font-element {
    font-size: 14px;
    font-size: 1.09375vw
  }

  .contact_ryt .hs-form input,.contact_ryt .hs-form select,.contact_ryt .hs-form textarea {
    width: 563px;
    width: 43.98438vw!important;
    font-size: 14px;
    font-size: 1.09375vw!important;
    padding-left: 16px;
    padding-left: 1.25vw!important;
    padding-right: 16px;
    padding-right: 1.25vw!important
  }

  .contact_ryt .hs-form input[name=division_detail],.contact_ryt .hs-form input[name=firstname],.contact_ryt .hs-form input[name=jobtitle],.contact_ryt .hs-form input[name=lastname],.contact_ryt .hs-form select[name=division_detail],.contact_ryt .hs-form select[name=firstname],.contact_ryt .hs-form select[name=jobtitle],.contact_ryt .hs-form select[name=lastname],.contact_ryt .hs-form textarea[name=division_detail],.contact_ryt .hs-form textarea[name=firstname],.contact_ryt .hs-form textarea[name=jobtitle],.contact_ryt .hs-form textarea[name=lastname] {
    width: 274px;
    width: 21.40625vw!important
  }

  .contact_ryt .hs-form input[name=division_detail],.contact_ryt .hs-form input[name=lastname],.contact_ryt .hs-form select[name=division_detail],.contact_ryt .hs-form select[name=lastname],.contact_ryt .hs-form textarea[name=division_detail],.contact_ryt .hs-form textarea[name=lastname] {
    margin-right: 17px;
    margin-right: 1.32813vw!important
  }

  .contact_ryt .hs-form input,.contact_ryt .hs-form select {
    height: 44px;
    height: 3.4375vw!important;
    min-height: 3.4375vw!important
  }

  .contact_ryt .hs-form textarea {
    min-height: 170px;
    min-height: 13.28125vw;
    padding-top: 1.40625vw!important
  }

  .contact_ryt .hs-form .hs-submit {
    margin-top: 4.21875vw
  }

  .contact_ryt .hs-form .hs-submit .actions {
    width: 311px;
    width: 24.29688vw!important;
    border-radius: 30px;
    border-radius: 2.34375vw!important
  }

  .contact_ryt .hs-form .hs-submit .actions:after {
    width: 15px;
    width: 1.17188vw;
    height: 3px;
    height: .23438vw;
    right: 16px;
    right: 1.25vw
  }

  .contact_ryt .hs-form .hs-submit .actions:before {
    width: 12px;
    width: .9375vw;
    height: 12px;
    height: .9375vw;
    right: 17px;
    right: 1.32813vw;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff
  }

  .contact_ryt .hs-form .hs-submit .actions .hs-button {
    width: 311px;
    width: 24.29688vw!important;
    height: 60px;
    height: 4.6875vw!important;
    border-radius: 30px;
    border-radius: 2.34375vw!important;
    font-size: 20px;
    font-size: 1.5625vw!important
  }

}
@media(min-width:961px){
  .contact_ryt .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
    margin-left: 9px;
    margin-left: .70313vw!important
  }

  .contact_ryt .hs-form .hs-form-field {
    margin-bottom: 15px;
    margin-bottom: 1.17188vw!important
  }

  .contact_ryt .hs-form .hs-form-field label {
    margin-bottom: .39063vw
  }

  .contact_ryt .hs-form .hs-error-msg,.contact_ryt .hs-form .hs-form-field span,.contact_ryt .hs-form .hs-form-field span.hs-form-required {
    font-size: 14px;
    font-size: 1.09375vw
  }

  .contact_ryt .hs-form .hs-error-msg {
    margin-top: .39063vw
  }

  .contact_ryt .hs-form .hs_error_rollup .hs-main-font-element {
    font-size: 14px;
    font-size: 1.09375vw
  }

  .contact_ryt .hs-form input,.contact_ryt .hs-form select,.contact_ryt .hs-form textarea {
    width: 563px;
    width: 43.98438vw!important;
    font-size: 14px;
    font-size: 1.09375vw!important;
    padding-left: 16px;
    padding-left: 1.25vw!important;
    padding-right: 16px;
    padding-right: 1.25vw!important
  }

  .contact_ryt .hs-form input[name=division_detail],.contact_ryt .hs-form input[name=firstname],.contact_ryt .hs-form input[name=jobtitle],.contact_ryt .hs-form input[name=lastname],.contact_ryt .hs-form select[name=division_detail],.contact_ryt .hs-form select[name=firstname],.contact_ryt .hs-form select[name=jobtitle],.contact_ryt .hs-form select[name=lastname],.contact_ryt .hs-form textarea[name=division_detail],.contact_ryt .hs-form textarea[name=firstname],.contact_ryt .hs-form textarea[name=jobtitle],.contact_ryt .hs-form textarea[name=lastname] {
    width: 274px;
    width: 21.40625vw!important
  }

  .contact_ryt .hs-form input[name=division_detail],.contact_ryt .hs-form input[name=lastname],.contact_ryt .hs-form select[name=division_detail],.contact_ryt .hs-form select[name=lastname],.contact_ryt .hs-form textarea[name=division_detail],.contact_ryt .hs-form textarea[name=lastname] {
    margin-right: 17px;
    margin-right: 1.32813vw!important
  }

  .contact_ryt .hs-form input,.contact_ryt .hs-form select {
    height: 44px;
    height: 3.4375vw!important
  }

  .contact_ryt .hs-form textarea {
    min-height: 170px;
    min-height: 13.28125vw
  }

  .contact_ryt .hs-form .hs-submit {
    margin-top: 4.21875vw
  }

  .contact_ryt .hs-form .hs-submit .actions {
    width: 311px;
    width: 24.29688vw!important;
    border-radius: 30px;
    border-radius: 2.34375vw!important
  }

  .contact_ryt .hs-form .hs-submit .actions:after {
    width: 15px;
    width: 1.17188vw;
    height: 3px;
    height: .23438vw;
    right: 16px;
    right: 1.25vw
  }

  .contact_ryt .hs-form .hs-submit .actions:before {
    width: 12px;
    width: .9375vw;
    height: 12px;
    height: .9375vw;
    right: 17px;
    right: 1.32813vw
  }

  .contact_ryt .hs-form .hs-submit .actions .hs-button {
    width: 311px;
    width: 24.29688vw!important;
    height: 60px;
    height: 4.6875vw!important;
    border-radius: 30px;
    border-radius: 2.34375vw!important;
    font-size: 20px;
    font-size: 1.5625vw!important
  }

}
@media(min-width:1200px){
  .contact_ryt .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) label {
    margin-left: 9px!important
  }

  .contact_ryt .hs-form .hs-form-field {
    margin-bottom: 15px!important
  }

  .contact_ryt .hs-form .hs-form-field label {
    margin-bottom: 5px
  }

  .contact_ryt .hs-form .hs-error-msg,.contact_ryt .hs-form .hs-form-field span,.contact_ryt .hs-form .hs-form-field span.hs-form-required {
    font-size: 14px
  }

  .contact_ryt .hs-form .hs-error-msg {
    margin-top: 5px
  }

  .contact_ryt .hs-form .hs_error_rollup .hs-main-font-element {
    font-size: 14px
  }

  .contact_ryt .hs-form input,.contact_ryt .hs-form select,.contact_ryt .hs-form textarea {
    width: 563px!important;
    font-size: 14px!important;
    padding-left: 16px!important;
    padding-right: 16px!important
  }

  .contact_ryt .hs-form input[name=division_detail],.contact_ryt .hs-form input[name=firstname],.contact_ryt .hs-form input[name=jobtitle],.contact_ryt .hs-form input[name=lastname],.contact_ryt .hs-form select[name=division_detail],.contact_ryt .hs-form select[name=firstname],.contact_ryt .hs-form select[name=jobtitle],.contact_ryt .hs-form select[name=lastname],.contact_ryt .hs-form textarea[name=division_detail],.contact_ryt .hs-form textarea[name=firstname],.contact_ryt .hs-form textarea[name=jobtitle],.contact_ryt .hs-form textarea[name=lastname] {
    width: 274px!important
  }

  .contact_ryt .hs-form input[name=division_detail],.contact_ryt .hs-form input[name=lastname],.contact_ryt .hs-form select[name=division_detail],.contact_ryt .hs-form select[name=lastname],.contact_ryt .hs-form textarea[name=division_detail],.contact_ryt .hs-form textarea[name=lastname] {
    margin-right: 17px!important
  }

  .contact_ryt .hs-form input,.contact_ryt .hs-form select {
    height: 44px!important;
    min-height: 44px!important
  }

  .contact_ryt .hs-form textarea {
    min-height: 170px;
    padding-top: 18px!important
  }

  .contact_ryt .hs-form .hs-submit {
    margin-top: 54px
  }

  .contact_ryt .hs-form .hs-submit .actions {
    width: 311px!important;
    border-radius: 30px!important
  }

  .contact_ryt .hs-form .hs-submit .actions:after {
    width: 15px;
    height: 3px;
    right: 16px
  }

  .contact_ryt .hs-form .hs-submit .actions:before {
    width: 12px;
    height: 12px;
    right: 17px
  }

  .contact_ryt .hs-form .hs-submit .actions .hs-button {
    width: 311px!important;
    height: 60px!important;
    border-radius: 30px!important;
    font-size: 20px!important
  }
}



@media(max-width:767px){
  .full_row1 .widget-type-rich_text h1 {
    margin-bottom: 20px;
    padding: 20px 0;
    background: #f7f9fd;
    font-size: 24px;
    margin-top: 20px;
  }

}
@media(max-width:560px){
  .cnt_Pg.layout-form .contact_left {
    width: 100%;
  }
  .contact_ryt ol {
    margin: 0;
    padding: 0;
    list-style: none;
  } 
  .layout-form .form-form .form-inner .bg-sm, .layout-form .form-form .form-inner .breadcrumb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4.26667vw;
    padding-right: 4.26667vw;
  }
  .contact_ryt h4.overview-lead:before {
    content: "";
    width: 72px;
    width: 19.2vw;
    height: 3px;
    height: .8vw;
    background: #88e18e;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .contact_ryt h4.overview-lead {
    font-family: Noto Sans JP;
    font-weight: 700;
    letter-spacing: .04em;
    font-size: 5.33333vw;
    line-height: 1.6;
    text-align: center;
    position: relative;
    padding-bottom: 5.06667vw;
    margin-bottom: 10.93333vw;
    margin-top: 0;
  }


}

@media(max-width:479px){
  .full_row2 .ir__top_relatedPagesBox_wrap {
    margin-top: 32px;
  }
  .contact_ryt .form-columns-1 .input {
    margin-right: 0 !important;
  }

}





/* M css */

.custom-hedear-type2 .header__logo {
  margin-top: -5px;
}
.custom-hedear-type2 .header-nav-contact {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  margin-left: 30px;
  width: 200px;
  height: 44px;
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.custom-hedear-type2 .btns.dsk_btn .header-nav-login {
  width: 100px;
  margin-right: 0;
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.custom-hedear-type2 .header-menu-group .hs-menu-wrapper>ul>li>a { 
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.custom-hedear-type2 .children.megamenu .each-col .each-child {
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.custom-hedear-type2 .children.megamenu .each-col .each-child .desc {
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.showcase-header footer.footer.footer-group.m_ft {
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.showcase-header .footer-nav-gr-other .hs-menu-wrapper>ul>li>a,
.showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li>a{
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.showcase-header .footer-desc p {
  font-family: serif;
}
.showcase-header .hs-input :focus {
  background: #dedede;
}
.showcase-header .footer-nav-gr-news .hs-menu-wrapper>ul>li>a,
.showcase-header .footer-nav-gr-corporate .hs-menu-wrapper>ul>li>a,
.showcase-header .footer-nav-gr-terms .hs-menu-wrapper>ul>li>a{
  font-family: "Noto Sans JP" serif;
}
.showcase-header footer .hbspt-form form .hs_submit.hs-submit .actions input.hs-button.primary.large {
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;;
}
.video-experience-layout .custom-showcase-banner-group p.content {
  padding-bottom: 0;
  margin: 0 0 20px;
}
.video-experience-layout .custom-showcase-banner-group {
  padding-bottom: 100px;
}
.video-experience-layout .cwbi_wrap .form-overview .overview-inner {
  text-align: center;
  color: #fff;
  background-size: cover;
  background-position: 50%;
  display: flex;
  height: 400px;
  align-items: center;
  padding: 121px 20px 0;
  flex-direction: column;
}
.video-experience-layout .cwbi_wrap .form-overview .overview-inner .overview-title-area .en {
  margin-bottom: 25px;
  line-height: 1.69;
  font-size: 36px;
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}
.video-experience-layout p.overview-list-head {
  font-size: 22px;
  line-height: 1.64;
  letter-spacing: 1.1px;
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.cutsom-video-experience-row2 .dnd-section {
  padding-top: 200px;
}

.cutsom-video-experience-row2 .dnd-section>.row-fluid {
  padding: 0 60px;
  max-width: 1580px;
}
.custom-video-exp-features-group .device {
  background: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/vx-iphone.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.cutsom-video-experience-row3 .dnd-section {
  padding: 160px 0 30px;
}
.cutsom-video-experience-row3 .hs-button {
  margin: 0;
  font-size: 22px;
  border-radius: 35px;
  width: 21.91vw;
  height: 4.17vw;
  max-width: 374px;
  max-height: 70px;
  background-color: #161b2c;
  color: #fff;
  font-weight: 700;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.showcase-header .fxd_btn {
  display: none;
}

/* ============ DX Drive 2021 ========= */

.dx-drive-home-layout {
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  font-weight: 500;
  background: #000;
  color: #FFF;
}
header.header-dx-drive-home {
  height: 100px;
}
.dx-drive-home-header-grp {
  background-color: #000;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100px;
  z-index: 9;
}
.dx-drive-home-header-grp .header__container {
  padding: 0;
  height: 100%;
  max-width: 100%;
  align-items: flex-start;
  display: flex;
}
.dx-drive-home-header-grp .dx-drive-logo a img {
  width: 121px !important;
}
.dx-drive-home-header-grp .dx-drive-logo a {
  width: 100%;
  opacity: 1 !important;
}
.dx-drive-home-header-grp .dx-drive-logo {
  display: flex;
}
.custom-logo-text {
  text-decoration: none;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  height: 100px;
  height: calc( 100 / 750 * 100vw);
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  padding-left: 50px;
  padding-left: calc( 50 / 750 * 100vw);
  padding-right: 0px;
  padding-right: calc( 0 / 750 * 100vw);
}
header.header-dx-drive-home {
  height: 100px;
}
.header-dx-drive-home .dx-drive-nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
}
.header-dx-drive-home .dx-drive-nav ul li a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFF;
  height: 100px;
  height: calc( 100 / 750 * 100vw);
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  padding-left: 50px;
  padding-left: calc( 50 / 750 * 100vw);
  padding-right: 0px;
  padding-right: calc( 0 / 750 * 100vw);
}
.header-dx-drive-home .dx-drive-nav ul li:last-child a {
  background-image: -webkit-gradient(linear, right top, left top, from(#2dc2cc), to(#70d99f));
  background-image: linear-gradient(to left, #2dc2cc 0%, #70d99f 100%);
  height: 100%;
  color: #000;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  width: 24px;
  width: calc( 24 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 24px;
  padding-right: calc( 24 / 750 * 100vw);
  line-height: 1.5;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.header-dx-drive-home .dx-drive-nav ul li:last-child a:after {
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  pointer-events: none;
  height: 100%;
  background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-black01.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  right: 24px;
  right: calc( 24 / 750 * 100vw);
  width: 24px;
  width: calc( 24 / 750 * 100vw);
  font-weight: 700;
}
.header-dx-drive-home .dx-drive-nav ul li:last-child a:hover {
  opacity: 0.7;
}
.dx-drive-home-layout .body-container-wrapper .dnd-section>.row-fluid {
  max-width: 100%;
}
.cutsom-dx-drive-home-row1 .dnd-section {
  padding-top: 240px;
  padding-top: calc( 240 / 750 * 100vw);
  padding-bottom: 90px;
  padding-bottom: calc( 90 / 750 * 100vw);
  padding-left: 30px;
  padding-left: calc( 30 / 750 * 100vw);
  padding-right: 30px;
  padding-right: calc( 30 / 750 * 100vw);
}
.cutsom-dx-drive-home-row1 picture {
  width: 668px;
  width: calc( 668 / 750 * 100vw);
  margin: 0 auto;
  display: block;
}
.cutsom-dx-drive-home-row1 p {
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  font-weight: bold;
  line-height: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: #FFF;
  margin-top: 100px;
  margin-top: calc( 100 / 750 * 100vw);
  margin-bottom: 0;  
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.cutsom-dx-drive-home-row3 .dnd-section,
.cutsom-dx-drive-home-row4 .dnd-section{
  padding-top: 100px;
  padding-top: calc( 100 / 750 * 100vw);
  padding-bottom: 100px;
  padding-bottom: calc( 100 / 750 * 100vw)
}
.cutsom-dx-drive-home-row3 .section-header,
.cutsom-dx-drive-home-row4 .section-header{
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: solid 1px #a5a5a5;
  padding-bottom: 20px;
  padding-bottom: calc( 20 / 750 * 100vw);
  margin-bottom: 120px;
  margin-bottom: calc( 120 / 750 * 100vw)
}
.cutsom-dx-drive-home-row3 .section-header h1,
.cutsom-dx-drive-home-row4 .section-header h1{
  font-size: 80px;
  font-size: calc( 80 / 750 * 100vw);
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 6px;
  margin-bottom: calc( 6 / 750 * 100vw);
  color: #fff;
}
.cutsom-dx-drive-home-row3 .section-header p,
.cutsom-dx-drive-home-row4 .section-header p{
  font-size: 32px;
  font-size: calc( 32 / 750 * 100vw);
  letter-spacing: 0.2em;
  font-weight: 700;
  margin: 0;
}
.cutsom-dx-drive-home-row4 .section-header {
  align-items: flex-start;
  margin-left: auto;
}
.cutsom-dx-drive-home-row3 .hs_cos_wrapper_type_rich_text p {
  font-size: 30px;
  font-size: calc( 30 / 750 * 100vw);
  font-weight: 700;
  margin-bottom: 100px;
  margin-bottom: calc( 100 / 750 * 100vw);
  padding: 0 20px;
}
.cutsom-dx-drive-home-row3 form {
  width: 570px;
  width: calc( 570 / 750 * 100vw);
  margin-left: auto;
  margin-right: auto;
  max-width: 100
}
.cutsom-dx-drive-home-row3 form .form-columns-2 {
  max-width: 100% !important;
  width: 100%;
}
.cutsom-dx-drive-home-row3 form .hs-form-field { 
  margin-bottom: 28px;
  margin-bottom: calc( 28 / 750 * 100vw) !important;
  position: relative;
}
.cutsom-dx-drive-home-row3 form .form-columns-1 {
  max-width: 100% !important;
}
.cutsom-dx-drive-home-row3 form .hs-form-field label {
  width: 285px;
  width: calc( 285 / 750 * 100vw);
  margin-bottom: 8px;
  margin-bottom: calc( 8 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  color: #fff;
  font-size: 16px !important;
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  font-weight: normal;
}
.cutsom-dx-drive-home-row3 form .hs-form-field label span {
  font-size: 16px;
}
.cutsom-dx-drive-home-row3 form .hs-form-field label .hs-form-required {
  color: #fff;
}
.cutsom-dx-drive-home-row3 form input {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: #333333;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  width: calc( 570 / 750 * 100vw) !important;
  font-size: 14px;
  font-size: calc( 14 / 750 * 100vw) !important;
  padding-left: 16px;
  padding-left: calc( 16 / 750 * 100vw) !important;
  padding-right: 16px;
  padding-right: calc( 16 / 750 * 100vw) !important;
  max-width: 100%;
  border-radius: 20px;
  border-radius: calc( 20 / 750 * 100vw);
  margin-bottom: 0;
}
.cutsom-dx-drive-home-row3 form .hs-error-msgs .hs-error-msg {
  color: #FFF;
  font-size: 10px !important;
  font-size: calc( 10 / 750 * 100vw);
  display: block;
  padding-top: 10px;
  padding-top: calc( 10 / 750 * 100vw);
  padding-left: 0 !important;
  position: absolute !important;
  left: 0px;
  left: calc( 0 / 750 * 100vw);
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  width: 100% !important;
}
.cutsom-dx-drive-home-row3 form .hs-input.error {
  border-color: #F00;
}
.cutsom-dx-drive-home-row3 form .hs-input:focus {
  border: solid 1px #2DCC70;
  background: #eee;
}
.cutsom-dx-drive-home-row3 form .hs-submit {
  margin-top: 19px;
  margin-top: calc( 19 / 750 * 100vw);
  width: 100%;
}
.cutsom-dx-drive-home-row3 form .actions {
  color: #000;
  background-image: -webkit-gradient(linear, right top, left top, from(#2dc2cc), to(#70d99f));
  background-image: linear-gradient(to left, #2dc2cc 0%, #70d99f 100%);
  margin-left: auto;
  margin-right: auto;
}
.cutsom-dx-drive-home-row3 form .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  width: 523px;
  width: calc( 523 / 750 * 100vw);
  height: 102px;
  height: calc( 102 / 750 * 100vw);
  border-radius: 15px;
  border-radius: calc( 15 / 750 * 100vw);
}
.cutsom-dx-drive-home-row3 form .hs-button {
  display: block;
  margin: 0 auto !important;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  letter-spacing: 0.1em !important;
  font: inherit !important;
  font-weight: 600 !important;
  color: #000;
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease;
  width: 100%;
  height: 100%;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  font-size: 30px;
  font-size: calc( 30 / 750 * 100vw) !important;
  padding-top: 0;
  padding-bottom: 0;
}
.cutsom-dx-drive-home-row3 form .actions:after,
.cutsom-dx-drive-home-row4 .hs-button:after {
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  content: '';
  position: absolute;
  pointer-events: none;
  background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-grey01.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 20px;
  width: calc( 20 / 750 * 100vw);
  height: 20px;
  height: calc( 20 / 750 * 100vw);
  top: 43px;
  top: calc( 43 / 750 * 100vw);
  right: 24px;
  right: calc( 24 / 750 * 100vw);
}
footer.dx-ncs-footer.dx-drive-footer2 {
  border-top: 0;
}
.cutsom-dx-drive-home-row3 form .actions .hs-button:hover {
  opacity: 0.6;
}
.cutsom-dx-drive-home-row3 form .inputs-list {
  margin: 0;
  width: auto;
  padding-left: 0;
}
.cutsom-dx-drive-home-row3 form .hs_error_rollup {
  display: none;
}
.cutsom-dx-drive-home-row4 .hs_cos_wrapper_type_rich_text p {
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  line-height: calc(47 / 24);
  margin-bottom: 100px;
  margin-bottom: calc( 100 / 750 * 100vw);
  text-align: center;
}
.cutsom-dx-drive-home-row4 a.hs-button {
  color: #000;
  background-image: -webkit-gradient(linear, right top, left top, from(#2dc2cc), to(#70d99f));
  background-image: linear-gradient(to left, #2dc2cc 0%, #70d99f 100%);
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  font-size: 30px;
  font-size: calc( 30 / 750 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  width: 523px;
  width: calc( 523 / 750 * 100vw);
  height: 102px;
  height: calc( 102 / 750 * 100vw);
  border-radius: 15px;
  border-radius: calc( 15 / 750 * 100vw);
  margin: 0;
  padding: 0;
}
.cutsom-dx-drive-home-row4 a.hs-button:hover {
  opacity: 1;
}
.cutsom-dx-drive-home-row4 .dnd-section {
  padding-bottom: 100px;
  padding-bottom: calc( 100 / 750 * 100vw);
}
.dx-drive-footer2 .footer-ncs-grp.dx-drive-grp2 {
  background-color: #000;
  border-top: solid 1px #fff;
  padding: 0;
  height: 100%;
  justify-content: space-between;
}
.dx-drive-footer2 span.footer-dx-drive-copyright {
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 96px;
  height: calc( 96 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 25px;
  padding-top: calc( 25 / 750 * 100vw);
  color: #FFF;
  padding-left: 0px;
  padding-left: calc( 0 / 750 * 100vw);
}
.cutsom-dx-drive-home-row3 {
  overflow: hidden;
}
.cutsom-dx-drive-home-row1 picture img {
  display: block;
}
.dxdrive-contact nav.footer-dx-drive-nav a.totop.anchor {
  display: none;
}
.dxdrive-contact nav.footer-dx-drive-nav {
  margin-left: auto;
  padding-top: 1px;
}
.dxdrive-contact nav.footer-dx-drive-nav .footer-nav-children {
  border: 0 !important;
}
.dxdrive-contact nav.footer-dx-drive-nav .footer-nav-children:before {
  content: '';
  width: 1px;
  height: 100%;
  background: #a5a5a5;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.cutsom-dx-drive-home-row3 form .form-columns-2 .hs-form-field:nth-of-type(2) .input {
  margin-right: 0;
}
.cutsom-dx-drive-home-row3 form textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: #333333;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  width: calc( 570 / 750 * 100vw) !important;
  font-size: 14px;
  font-size: calc( 14 / 750 * 100vw) !important;
  padding-left: 16px;
  padding-left: calc( 16 / 750 * 100vw) !important;
  padding-right: 16px;
  padding-right: calc( 16 / 750 * 100vw) !important;
  max-width: 100%;
  border-radius: 20px;
  border-radius: calc( 20 / 750 * 100vw);
  margin-bottom: 0;
}
.dxdrive-contact nav.footer-dx-drive-nav .footer-nav-children:hover {
  opacity: 1;
}
.dxdrive-contact nav.footer-dx-drive-nav .footer-nav-children:hover img {
  opacity: 1;
}
@media (min-width: 768px) {
  .dx-drive-home-header-grp .dx-drive-logo a img {
    width: 58px !important;
  }
  .dx-drive-home-header-grp,
  header.header-dx-drive-home {
    height: 100px;
    height: calc( 100 / 1800 * 100vw);
  }
  .custom-logo-text {
    padding-right: 48px;
    padding-right: calc( 48 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    height: 140px;
    height: calc( 140 / 1800 * 100vw);
    padding-right: 48px;
    padding-right: calc( 48 / 1800 * 100vw);
    padding-left: 48px;
    padding-left: calc( 48 / 1800 * 100vw);
  }
  .header-dx-drive-home .dx-drive-nav ul li a {
    height: 100px;
    height: calc( 100 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    padding-left: 48px;
    padding-left: calc( 48 / 1800 * 100vw);
    padding-right: 48px;
    padding-right: calc( 48 / 1800 * 100vw);
  }
  .header-dx-drive-home .dx-drive-nav ul li:first-child a:hover {
    background: #fff;
    color: #000;
    opacity: 1;
  }
  .header-dx-drive-home .dx-drive-nav ul li:last-child a {
    padding-right: 7px;
    padding-right: calc( 7 / 1800 * 100vw);
    font-size: 20px;
    font-size: calc( 20 / 1800 * 100vw);
    width: 214px;
    padding-left: 0;
    width: calc( 214 / 1800 * 100vw);
  }
  .header-dx-drive-home .dx-drive-nav ul li:last-child a:after {
    width: 20px;
    width: calc( 20 / 1800 * 100vw);
    right: 28px;
    right: calc( 28 / 1800 * 100vw)
  }
  .cutsom-dx-drive-home-row1 .dnd-section {
    padding-right: 30px;
    padding-right: calc( 30 / 1800 * 100vw);
    padding-left: 30px;
    padding-left: calc( 30 / 1800 * 100vw);
    padding-bottom: 160px;
    padding-bottom: calc( 160 / 1800 * 100vw);
    padding-top: 160px;
    padding-top: calc( 160 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row1 picture {
    width: 734px;
    width: calc( 734 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row1 p {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    margin-top: 110px;
    margin-top: calc( 110 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 .dnd-section,
  .cutsom-dx-drive-home-row4 .dnd-section{
    padding-top: 115px;
    padding-top: calc( 115 / 1800 * 100vw);
    padding-bottom: 125px;
    padding-bottom: calc( 125 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row4 .dnd-section {
    padding-bottom: 215px;
    padding-bottom: calc( 215 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 .section-header{
    padding-bottom: 16px;
    padding-bottom: calc( 16 / 1800 * 100vw);
    margin-bottom: 120px;
    margin-bottom: calc( 120 / 1800 * 100vw);
    width: calc(100% - 175px)
  }
  .cutsom-dx-drive-home-row4 .section-header{
    padding-bottom: 16px;
    padding-bottom: calc( 16 / 1800 * 100vw);
    margin-bottom: 100px;
    margin-bottom: calc( 100 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 .section-header h1,
  .cutsom-dx-drive-home-row4 .section-header h1{
    font-size: 80px;
    font-size: calc( 80 / 1800 * 100vw);
    margin-bottom: 3px;
    margin-bottom: calc( 3 / 1800 * 100vw)
  }
  .cutsom-dx-drive-home-row3 .section-header p,
  .cutsom-dx-drive-home-row4 .section-header p {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw)
  }
  .cutsom-dx-drive-home-row4 .section-header {
    width: calc(100% - 175px)
  }
  .cutsom-dx-drive-home-row3 .hs_cos_wrapper_type_rich_text p {
    margin-bottom: 150px;
    margin-bottom: calc( 150 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form {
    width: 882px;
    width: calc( 882 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form .form-columns-2 .hs-form-field:nth-of-type(1) {
    width: 60%;
    float: left;
  }
  .cutsom-dx-drive-home-row3 form .hs-form-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    margin-bottom: calc( 40 / 1800 * 100vw) !important;
  }
  .cutsom-dx-drive-home-row3 form .form-columns-2 .hs-form-field:nth-of-type(2) {
    width: 40%;
  }
  .cutsom-dx-drive-home-row3 form .hs-form-field label {
    margin-bottom: 0px;
    margin-bottom: calc( 0 / 1800 * 100vw);
    width: 250px;
    width: calc( 250 / 1800 * 100vw); 
  }
  .cutsom-dx-drive-home-row3 form input {
    width: 630px;
    width: calc( 630 / 1800 * 100vw) !important;
    font-size: 14px;
    font-size: calc( 14 / 1800 * 100vw) !important;
    padding-left: 16px;
    padding-left: calc( 16 / 1800 * 100vw) !important;
    border-radius: 20px;
    border-radius: calc( 20 / 1800 * 100vw);
    height: 90px;
    height: calc( 90 / 1800 * 100vw) !important;
  }
  .cutsom-dx-drive-home-row3 form .hs-error-msgs .hs-error-msg {
    font-size: 10px !important;
    font-size: calc( 10 / 1800 * 100vw);
    padding-top: 5px;
    padding-top: calc( 5 / 1800 * 100vw);
    left: 234px;
    left: calc( 234 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form .actions {
    border-radius: 15px;
    border-radius: calc( 15 / 1800 * 100vw);
    height: 103px;
    height: calc( 103 / 1800 * 100vw);
    width: 750px;
    width: calc( 750 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form .hs-button {
    font-size: 30px;
    font-size: calc( 30 / 1800 * 100vw) !important;
  }
  .cutsom-dx-drive-home-row3 form .actions:after,
  .cutsom-dx-drive-home-row4 a.hs-button:after {
    width: 20px;
    width: calc( 20 / 1800 * 100vw);
    height: 20px;
    height: calc( 20 / 1800 * 100vw);
    top: 43px;
    top: calc( 43 / 1800 * 100vw);
    right: 25px;
    right: calc( 25 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row4 .hs_cos_wrapper_type_rich_text p {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    margin-bottom: 135px;
    margin-bottom: calc( 135 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row4 a.hs-button {
    font-size: 30px;
    font-size: calc( 30 / 1800 * 100vw);
    border-radius: 15px;
    border-radius: calc( 15 / 1800 * 100vw);
    height: 103px;
    height: calc( 103 / 1800 * 100vw);
    width: 750px;
    width: calc( 750 / 1800 * 100vw);
  }
  .dx-drive-footer2 span.footer-dx-drive-copyright {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    height: 180px;
    height: calc( 180 / 1800 * 100vw);
    padding-top: 0px;
    padding-top: calc( 0 / 1800 * 100vw);
    padding-left: 65px;
    padding-left: calc( 65 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form input[name=lastname], 
  .cutsom-dx-drive-home-row3 form input[name=firstname],
  .cutsom-dx-drive-home-row3 form input[name=division_detail],
  .cutsom-dx-drive-home-row3 form input[name=jobtitle]{
    width: 250px;
    width: calc( 250 / 1800 * 100vw) !important;
  }
  .cutsom-dx-drive-home-row3 form textarea {
    padding-top: calc(18 / 1280 * 100vw) !important;
    min-height: 170px;
    min-height: calc( 170 / 1800 * 100vw);
    padding-right: 16px;
    padding-right: calc( 16 / 1800 * 100vw) !important;
    padding-left: 16px;
    padding-left: calc( 16 / 1800 * 100vw) !important;
    font-size: 14px;
    font-size: calc( 14 / 1800 * 100vw) !important;
    width: 630px;
    width: calc( 630 / 1800 * 100vw) !important;
    border-radius: 20px;
    border-radius: calc( 20 / 1800 * 100vw);
  }
  .dx-mobiel-menu {
    display: none;
  }

}
@media (min-width: 992px) {
  .dx-drive-home-header-grp,
  header.header-dx-drive-home {
    height: 100px;
    height: calc( 100 / 1800 * 100vw);
  }
  .dx-drive-home-header-grp .dx-drive-logo a img {
    width: 68px !important;
  }
  .custom-logo-text {
    padding-right: 48px;
    padding-right: calc( 48 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    height: 140px;
    height: calc( 140 / 1800 * 100vw);
    padding-left: 48px;
    padding-left: calc( 48 / 1800 * 100vw);
  }
  .header-dx-drive-home .dx-drive-nav ul li a {
    height: 100px;
    height: calc( 100 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    padding-left: 48px;
    padding-left: calc( 48 / 1800 * 100vw);
    padding-right: 48px;
    padding-right: calc( 48 / 1800 * 100vw);
  }

  .header-dx-drive-home .dx-drive-nav ul li:last-child a {
    padding-right: 7px;
    padding-right: calc( 7 / 1800 * 100vw);
    width: 214px;
    width: calc( 214 / 1800 * 100vw);
    font-size: 20px;
    font-size: calc( 20 / 1800 * 100vw);
    padding-left: 0;
  }
  .header-dx-drive-home .dx-drive-nav ul li:last-child a:after {
    width: 20px;
    width: calc( 20 / 1800 * 100vw);
    right: 28px;
    right: calc( 28 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row1 .dnd-section {
    padding-right: 30px;
    padding-right: calc( 30 / 1800 * 100vw);
    padding-left: 30px;
    padding-left: calc( 30 / 1800 * 100vw);
    padding-bottom: 160px;
    padding-bottom: calc( 160 / 1800 * 100vw);
    padding-top: 160px;
    padding-top: calc( 160 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row1 picture {
    width: 734px;
    width: calc( 734 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row1 p {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    margin-top: 110px;
    margin-top: calc( 110 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 .dnd-section,
  .cutsom-dx-drive-home-row4 .dnd-section{
    padding-top: 115px;
    padding-top: calc( 115 / 1800 * 100vw);
    padding-bottom: 125px;
    padding-bottom: calc( 125 / 1800 * 100vw)
  }
  .cutsom-dx-drive-home-row4 .dnd-section {
    padding-bottom: 215px;
    padding-bottom: calc( 215 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 .section-header{
    padding-bottom: 16px;
    padding-bottom: calc( 16 / 1800 * 100vw);
    margin-bottom: 120px;
    margin-bottom: calc( 120 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 .section-header{
    padding-bottom: 16px;
    padding-bottom: calc( 16 / 1800 * 100vw);
    margin-bottom: 100px;
    margin-bottom: calc( 100 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 .section-header h1,
  .cutsom-dx-drive-home-row4 .section-header h1{
    margin-bottom: 3px;
    margin-bottom: calc( 3 / 1800 * 100vw);
    font-size: 80px;
    font-size: calc( 80 / 1800 * 100vw)
  }
  .cutsom-dx-drive-home-row3 .section-header p,
  .cutsom-dx-drive-home-row4 .section-header p {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw)
  }
  .cutsom-dx-drive-home-row3 .hs_cos_wrapper_type_rich_text p {
    margin-bottom: 150px;
    margin-bottom: calc( 150 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form {
    width: 882px;
    width: calc( 882 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form .hs-form-field {
    margin-bottom: 40px;
    margin-bottom: calc( 40 / 1800 * 100vw) !important;
  }
  .cutsom-dx-drive-home-row3 form .hs-form-field label {
    margin-bottom: 0px;
    margin-bottom: calc( 0 / 1800 * 100vw);
    width: 250px;
    width: calc( 250 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form input {
    height: 90px;
    height: calc( 90 / 1800 * 100vw) !important;
    border-radius: 20px;
    border-radius: calc( 20 / 1800 * 100vw);
    padding-right: 16px;
    padding-right: calc( 16 / 1800 * 100vw) !important;
    width: 630px;
    width: calc( 630 / 1800 * 100vw) !important;
  }
  .cutsom-dx-drive-home-row3 form .hs-error-msgs .hs-error-msg {
    font-size: 10px !important;
    font-size: calc( 10 / 1800 * 100vw);
    padding-top: 5px;
    padding-top: calc( 5 / 1800 * 100vw);
    left: 234px;
    left: calc( 234 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form .hs-submit {
    margin-top: 54px;
    margin-top: calc( 54 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form .actions {
    border-radius: 15px;
    border-radius: calc( 15 / 1800 * 100vw);
    height: 103px;
    height: calc( 103 / 1800 * 100vw);
    width: 750px;
    width: calc( 750 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form .hs-button {
    font-size: 30px;
    font-size: calc( 30 / 1800 * 100vw) !important;
  }
  .cutsom-dx-drive-home-row3 form .actions:after,
  .cutsom-dx-drive-home-row4 a.hs-button:after {
    width: 20px;
    width: calc( 20 / 1800 * 100vw);
    height: 20px;
    height: calc( 20 / 1800 * 100vw);
    top: 43px;
    top: calc( 43 / 1800 * 100vw);
    right: 25px;
    right: calc( 25 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row4 .hs_cos_wrapper_type_rich_text p {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    margin-bottom: 135px;
    margin-bottom: calc( 135 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row4 a.hs-button {
    font-size: 30px;
    font-size: calc( 30 / 1800 * 100vw);
    border-radius: 15px;
    border-radius: calc( 15 / 1800 * 100vw);
    height: 103px;
    height: calc( 103 / 1800 * 100vw);
    width: 750px;
    width: calc( 750 / 1800 * 100vw);
  }
  .dx-drive-footer2 span.footer-dx-drive-copyright {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    height: 180px;
    height: calc( 180 / 1800 * 100vw);
    padding-top: 0px;
    padding-top: calc( 0 / 1800 * 100vw);
    padding-left: 65px;
    padding-left: calc( 65 / 1800 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form input[name=lastname], 
  .cutsom-dx-drive-home-row3 form input[name=firstname],
  .cutsom-dx-drive-home-row3 form input[name=division_detail],
  .cutsom-dx-drive-home-row3 form input[name=jobtitle]{
    width: 250px;
    width: calc( 250 / 1800 * 100vw) !important;
  }
  .cutsom-dx-drive-home-row3 form textarea {
    padding-top: calc(18 / 1280 * 100vw) !important;
    min-height: 170px;
    min-height: calc( 170 / 1800 * 100vw);
    padding-right: 16px;
    padding-right: calc( 16 / 1800 * 100vw) !important;
    padding-left: 16px;
    padding-left: calc( 16 / 1800 * 100vw) !important;
    font-size: 14px;
    font-size: calc( 14 / 1800 * 100vw) !important;
    width: 630px;
    width: calc( 630 / 1800 * 100vw) !important;
    border-radius: 20px;
    border-radius: calc( 20 / 1800 * 100vw);
  }
}
@media (min-width: 1200px) {
  .dx-drive-home-header-grp,
  header.header-dx-drive-home {
    height: 100px;
  }
  .dx-drive-home-header-grp .dx-drive-logo a img {
    width: 121px !important;
  }
  .custom-logo-text {
    padding-right: 48px;
    padding-left: 48px;
    font-size: 24px;
    height: 100px;
    align-items: center;
  }
  .header-dx-drive-home .dx-drive-nav ul li a {
    height: 100px;
    font-size: 24px;
    padding-right: 48px;
    padding-left: 48px;
    height: 100px;
  }
  .header-dx-drive-home .dx-drive-nav ul li:last-child a {
    padding-right: 7px;
    width: 214px;
    font-size: 20px;
    padding-left: 0;
  }
  .header-dx-drive-home .dx-drive-nav ul li:last-child a:after {
    width: 20px;
    right: 28px;
  }
  .cutsom-dx-drive-home-row1 .dnd-section {
    padding-right: 30px;
    padding-bottom: 160px;
    padding-top: 160px;
    padding-left: 30px;
  }
  .cutsom-dx-drive-home-row1 picture {
    width: 734px;
  }
  .cutsom-dx-drive-home-row1 p {
    font-size: 24px;
    margin-top: 110px;
  }
  .cutsom-dx-drive-home-row3 .dnd-section{
    padding-top: 115px;
    padding-bottom: 125px;
  }
  .cutsom-dx-drive-home-row4 .dnd-section {
    padding-top: 115px;
    padding-bottom: 215px;
  }
  .cutsom-dx-drive-home-row3 .section-header,
  .cutsom-dx-drive-home-row4 .section-header{
    margin-bottom: 120px;
    padding-bottom: 16px
  }
  .cutsom-dx-drive-home-row3 .section-header h1,
  .cutsom-dx-drive-home-row4 .section-header h1{
    font-size: 80px;
    margin-bottom: 3px
  }
  .cutsom-dx-drive-home-row3 .section-header p,
  .cutsom-dx-drive-home-row4 .section-header p {
    font-size: 24px;
  }
  .cutsom-dx-drive-home-row3 .hs_cos_wrapper_type_rich_text p {
    margin-bottom: 150px;
    font-size: 24px;
  }
  .cutsom-dx-drive-home-row3 form {
    width: 882px;
  }
  .cutsom-dx-drive-home-row3 form .hs-form-field {
    margin-bottom: 40px !important;
  }
  .cutsom-dx-drive-home-row3 form .hs-form-field label {
    margin-bottom: 0px;
    width: 250px;
  }
  .cutsom-dx-drive-home-row3 form input {
    font-size: 14px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    border-radius: 20px;
    height: 90px !important;
    width: 630px !important;
  }
  .cutsom-dx-drive-home-row3 form input[name=lastname], 
  .cutsom-dx-drive-home-row3 form input[name=firstname],
  .cutsom-dx-drive-home-row3 form input[name=division_detail],
  .cutsom-dx-drive-home-row3 form input[name=jobtitle]{
    width: 250px !important;
  }
  .cutsom-dx-drive-home-row3 form .hs-error-msgs .hs-error-msg {
    font-size: 10px !important;
    padding-top: 5px;
    left: 234px;
  }
  .cutsom-dx-drive-home-row3 form .hs-submit {
    margin-top: 54px;
  }
  .cutsom-dx-drive-home-row3 form .actions {
    border-radius: 15px;
    width: 750px;
    height: 103px;
  }
  .cutsom-dx-drive-home-row3 form .hs-button {
    font-size: 30px !important;
  }
  .cutsom-dx-drive-home-row3 form .actions:after,
  .cutsom-dx-drive-home-row4 a.hs-button:after{
    width: 20px;
    right: 25px;
    top: 43px;
    height: 20px;
  }
  .cutsom-dx-drive-home-row4 .hs_cos_wrapper_type_rich_text p {
    margin-bottom: 135px;
    font-size: 24px;
  }
  .cutsom-dx-drive-home-row4 a.hs-button {
    border-radius: 15px;
    height: 103px;
    width: 750px;
    font-size: 30px;
  }
  .dx-drive-footer2 span.footer-dx-drive-copyright {
    padding-left: 65px;
    height: 180px;
    font-size: 24px;
  }
  .cutsom-dx-drive-home-row3 form textarea {
    min-height: 170px;
    padding-right: 16px !important;
    padding-left: 16px !important;
    font-size: 14px !important;
    width: 630px !important;
    border-radius: 20px;
  }
}

@media (max-width: 1199px) {
  .showcase-header .hbspt-form form .hs_submit.hs-submit .actions {
    width: auto !important;
  }
  .showcase-header .hbspt-form form .hs_submit.hs-submit .actions input.hs-button.primary.large {
    width: 5.46875vw!important;
    height: 3.4375vw!important;
    padding: 0 .75em;
    font-size: 1.09375vw!important;
  }
  .showcase-header .hbspt-form form .hs-input {
    height: 3.4375vw!important;
  }
  .showcase-header .hbspt-form form .hs_email {
    margin-bottom: 1.17188vw!important;
  }
  .custom-hedear-type2 .header-menu-group .hs-menu-wrapper>ul>li>a {
    padding: 0 9px;
  }
  .showcase-header .footer-nav-gr-other .hs-menu-wrapper>ul>li.dx-人材養成講座>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-tv>a, 
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-video>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-ad>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-team>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-engine>a, 
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-sales>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-school>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li>a{
    margin-bottom: .55em;
  }
  .video-experience-layout .cwbi_wrap .form-overview .overview-inner .overview-title-area .en {
    font-size: 2.8125vw;
  }
  .video-experience-layout p.overview-list-head {
    font-size: 1.71875vw;
    margin: 0;
  }
  .cutsom-video-experience-row3 .hs-button {
    font-size: 22px;
    font-size: 1.71875vw;
    border-radius: 35px;
    border-radius: 2.73438vw;
  }
}
@media (max-width: 960px) {
  .showcase-header .footer__copyright {
    font-size: 14px;
    font-size: 1.09375vw;
    margin-top: 2.34375vw;
  }
  .showcase-header .footer-nav-gr-news .hs-menu-wrapper>ul>li>a,
  .showcase-header .footer-nav-gr-corporate .hs-menu-wrapper>ul>li>a, 
  .showcase-header .footer-nav-gr-terms .hs-menu-wrapper>ul>li>a {
    font-size: 14px;
    font-size: 1.09375vw;
  }
  .showcase-header .footer-nav-gr.footer-nav-gr-corporate .hs-menu-wrapper>ul {
    display: flex;
  }
  .showcase-header .footer-nav-gr-other .hs-menu-wrapper>ul>li>a, 
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li>a {
    font-size: 12px;
    font-size: .9375vw !important;
  }
  .showcase-header .footer-nav-gr-other .hs-menu-wrapper>ul>li.サービス > a,
  .showcase-header .footer-nav-gr-other .hs-menu-wrapper>ul>li.その他 > a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.動画ソリューション > a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.uxソリューション > a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.dxソリューション > a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.サービス > a { 
    font-size: 1.09375vw !important;
  }
  .showcase-header .footer-desc p br {
    display: block;
  }
  .showcase-header .hbspt-form form .hs-input {
    height: 3.4375vw !important;
    width: 24.45313vw!important;
  }
}
@media (max-width: 560px) {
  .showcase-header .hbspt-form form .hs-input {
    height: 10.13333vw!important;
    width: 62.93333vw!important;
  }
  .showcase-header .hbspt-form form .hs_submit.hs-submit .actions input.hs-button.primary.large {
    width: 18.66667vw!important;
    height: 10.13333vw!important;
    padding: 0 .75em;
    font-size: 3.73333vw!important;
  }
  .showcase-header .hbspt-form form .hs_email {
    margin-bottom: 4vw!important;
  }
  .showcase-header .footer-nav-gr-other .hs-menu-wrapper>ul>li.サービス>a,
  .showcase-header .footer-nav-gr-other .hs-menu-wrapper>ul>li.その他>a, 
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.動画ソリューション>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.uxソリューション>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.dxソリューション>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li.サービス>a {
    font-size: 3.73333vw !important;
  }
  .showcase-header .footer-nav-gr-other .hs-menu-wrapper>ul>li>a,
  .showcase-header .footer-nav-gr-service .hs-menu-wrapper>ul>li>a {
    font-size: 3.73333vw !important;
  }
  .showcase-header .footer-nav-gr-news .hs-menu-wrapper>ul>li>a, 
  .showcase-header .footer-nav-gr-corporate .hs-menu-wrapper>ul>li>a,
  .showcase-header .footer-nav-gr-terms .hs-menu-wrapper>ul>li>a {
    font-size: 3.73333vw;
  }
  .showcase-header .footer-nav-box01 {
    display: flex;
  }
  .showcase-header .footer__copyright {
    font-size: 3.73333vw;
    margin-top: 12.66667vw;
  }
  .video-experience-layout .mdl-md, .module-md {
    display: block;
  }
  .video-experience-layout .cwbi_wrap .form-overview .overview-inner {
    padding: 80px 19px 74px;
    height: auto;
  }
  .video-experience-layout .cwbi_wrap .form-overview .overview-inner .overview-title-area .en {
    font-size: 22px;
    font-size: 5.86667vw;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.55;
  }
  .video-experience-layout p.overview-list-head {
    font-size: 16px;
    font-size: 4.26667vw;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: 0;
  }
  .video-experience-layout p.overview-list-head br {
    display: none;
  }
  .cutsom-video-experience-row2 .dnd-section {
    padding-top: 117px;
  }
  .cutsom-video-experience-row2 .dnd-section>.row-fluid {
    padding: 0 20px;
    max-width: 1580px;
  }
  .cutsom-video-experience-row3 .dnd-section {
    padding: 0 0 30px;
  }
  .cutsom-video-experience-row3 .hs-button {
    margin-top: -13px;
    width: 298px;
    max-width: 100%;
    border-radius: 9.33333vw;
    height: 55px;
    font-size: 4.8vw;
  }
}

/* ==== Modal Popup ==========*/

.program-modal .modal__img {
  float: left;
  width: 300px;
  width: calc( 300 / 750 * 100vw);
  height: 300px;
  height: calc( 300 / 750 * 100vw);
  margin-bottom: 30px;
  margin-bottom: calc( 30 / 750 * 100vw);
  margin-right: 0px;
  margin-right: calc( 0 / 750 * 100vw)
}

@media screen and (min-width: 768px) {
  .program-modal .modal__img {
    width: 300px;
    width: calc( 300 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__img {
    width: 300px;
    width: calc( 300 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__img {
    width: 300px
  }
}

@media screen and (min-width: 768px) {
  .program-modal .modal__img {
    height: 300px;
    height: calc( 300 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__img {
    height: 300px;
    height: calc( 300 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__img {
    height: 300px
  }
}

@media screen and (min-width: 768px) {
  .program-modal .modal__img {
    margin-bottom: 8px;
    margin-bottom: calc( 8 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__img {
    margin-bottom: 8px;
    margin-bottom: calc( 8 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__img {
    margin-bottom: 8px
  }
}

@media screen and (min-width: 768px) {
  .program-modal .modal__img {
    margin-right: 60px;
    margin-right: calc( 60 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__img {
    margin-right: 60px;
    margin-right: calc( 60 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__img {
    margin-right: 60px
  }
}
.program-modal .modal__name {
  font-size: 30px;
  font-size: calc( 30 / 750 * 100vw);
  font-weight: 700;
  text-align: left !important;
  display: block;
  line-height: 1.5;
  margin-right: 0px;
  margin-right: calc( 0 / 750 * 100vw);
  margin-bottom: 30px;
  margin-bottom: calc( 30 / 750 * 100vw)
}
@media screen and (min-width: 768px) {
  .program-modal .modal__name {
    font-size: 18px;
    font-size: calc( 18 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__name {
    font-size: 18px;
    font-size: calc( 18 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__name {
    font-size: 18px
  }
}

@media screen and (min-width: 768px) {
  .program-modal .modal__name {
    margin-right: 60px;
    margin-right: calc( 60 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__name {
    margin-right: 60px;
    margin-right: calc( 60 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__name {
    margin-right: 60px
  }
}

@media screen and (min-width: 768px) {
  .program-modal .modal__name {
    margin-bottom: 0px;
    margin-bottom: calc( 0 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__name {
    margin-bottom: 0px;
    margin-bottom: calc( 0 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__name {
    margin-bottom: 0px
  }
}

@media screen and (min-width: 768px) {
  .program-modal .modal__name {
    margin-top: auto
  }
}
.program-modal .modal__desc {
  font-size: 30px;
  font-size: calc( 30 / 750 * 100vw);
  font-weight: 400;
  text-align: left !important;
  display: block;
  line-height: 1.5;
  margin-right: 0px;
  margin-right: calc( 0 / 750 * 100vw);
  margin-bottom: 30px;
  margin-bottom: calc( 30 / 750 * 100vw)
}

@media screen and (min-width: 768px) {
  .program-modal .modal__desc {
    font-size: 16px;
    font-size: calc( 16 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__desc {
    font-size: 16px;
    font-size: calc( 16 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__desc {
    font-size: 16px
  }
}

@media screen and (min-width: 768px) {
  .program-modal .modal__desc {
    margin-right: 60px;
    margin-right: calc( 60 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__desc {
    margin-right: 60px;
    margin-right: calc( 60 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__desc {
    margin-right: 60px
  }
}

@media screen and (min-width: 768px) {
  .program-modal .modal__desc {
    margin-bottom: 0px;
    margin-bottom: calc( 0 / 1800 * 100vw)
  }
}

@media screen and (min-width: 992px) {
  .program-modal .modal__desc {
    margin-bottom: 0px;
    margin-bottom: calc( 0 / 1800 * 100vw)
  }
}

@media screen and (min-width: 1200px) {
  .program-modal .modal__desc {
    margin-bottom: 0px
  }
}

@media screen and (min-width: 768px) {
  .program-modal .modal__desc {
    margin-top: auto
  }
}
.program-modal .modal__name p {
  margin: 0;
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  font-size: 16px; 
}
.program-modal .modal__desc p {
  margin: 0;
  font-family: YuGothic, "Yu Gothic", メイリオ, meiryo, メイリオ, meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}



@media (max-width: 767px) {
  .program-modal .modal__name p,
  .program-modal .modal__desc p{ 
    font-size: calc( 22 / 750 * 100vw);
  }
  header.header-dx-drive-home .custom-logo-text {
    padding-top: 10px;
  }
  .cutsom-dx-drive-home-row3 .section-header,
  .cutsom-dx-drive-home-row4 .section-header{
    width: calc(100% - 30px)
  }
  .dx-drive-home-header-grp .dx-drive-logo a img {
    width: auto !important;
    height: calc( 120 / 750 * 100vw);
  }
  .custom-logo-text {
    padding-top: 22px;
  }
  .dx-drive-home-header-grp {
    height: calc( 120 / 750 * 100vw);
  }
  header.header-dx-drive-home {
    height: auto;
  }
  .dx-drive-home-layout {
    padding-top: calc( 180 / 750 * 100vw);
  }
  .dx-drive-home-layout .mdl-sm,
  .dx-drive-home-layout .module-sm {
    display: block;
  }
  .cutsom-dx-drive-home-row3 form .hs-form-field {
    width: 100% !important;
  }
  .cutsom-dx-drive-home-row3 form input {
    height: calc( 90 / 750 * 100vw) !important;
  }
  .cutsom-dx-drive-home-row4 .dnd-section {
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 750 * 100vw);
    padding-top: 100px;
    padding-top: calc( 100 / 750 * 100vw);
    padding-bottom: 250px;
    padding-bottom: calc( 250 / 750 * 100vw);
  }
  .dx-drive-footer2 span.footer-dx-drive-copyright {
    text-align: center;
    justify-content: center;
    height: calc( 91 / 750 * 100vw);
  }
  .dxdrive-contact nav.footer-dx-drive-nav {
    display: none;
  }
  .dxdrive-contact .custom-logo-text {
    padding-top: 0;
    margin-top: 0;
    align-items: center;
    height: calc( 120 / 750 * 100vw);
  }
  .cutsom-dx-drive-home-row3 form .input {
    margin: 0 !important;
  }
  .cutsom-dx-drive-home-row3 form input {
    width: 100% !important;
  }
  .cutsom-dx-drive-home-row3 form textarea {
    min-height: 170px;
    min-height: calc( 170 / 750 * 100vw);
  }
}

/* ======= Kaizen School =========== */

.custom-kaizen-school-banner-group a.hs-button,
.custom-application-flow-group a.hs-button{
  background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow02.png);
}
.anim.anim-to-right.animated {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.anim.anim-to-right {
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}
.anim.anim-to-left.animated {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.anim.anim-to-left {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}
.kaizen-school-layout a#content-download {
  display: none;
}
.anim-fade-child {
  -webkit-transition: all 1s ease .1s;
  transition: all 1s ease .1s;
  opacity: 0;
}
.animated .anim-fade-child {
  opacity: 1;
}
.custom-hedear-type2 .header-nav-contact:hover {
  background-color: #000;
  opacity: .6 !important;
}
.cutsom-video-experience-row3 .hs-button:hover {
  background-color: #161b2c;
}
@media (min-width: 561px) {
  .custom-application-flow-group .school-flow__list-item:not(:last-of-type):after {
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/flow-icon01-pc.png);
  }
}

@media screen and (max-width: 560px) {
  .custom-application-flow-group .school-flow__list-item:not(:last-of-type):after {
    left: 16.8vw;
    bottom: .8vw;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/flow-icon01-sp.png);
    background-size: cover;
  }
}
@media (min-width: 961px) {
  .custom-hedear-type2 .header-nav-contact {
    box-shadow: 0 4px 10px rgb(0 0 0 / 25%);
  }
}
@media (max-width: 767px) {
  nav.header-nav.dx-mobiel-menu {
    opacity: 0;
    pointer-events: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 20;
    border-top: solid 1px #FFF;
  }
  .header-dx-drive-home .curtain {
    position: fixed;
    width: 100%;
    height: calc(100% - 16vw);
    top: 16vw;
    left: 0;
    background: #000;
    opacity: 0.86;
    display: block;
    pointer-events: none;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
  }
  .open-menu .sp-menu-btn span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 24px;
    top: calc( 24 / 750 * 100vw);
  }
  .open-menu .sp-menu-btn span:nth-of-type(2) {
    opacity: 0;
    left: 100px;
  }
  .open-menu .sp-menu-btn span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -24px;
    top: calc( -24 / 750 * 100vw);
  }
  .open-menu nav.header-nav.dx-mobiel-menu,
  .open-menu .header-dx-drive-home .curtain {
    opacity: 1;
  }
  .dx-mobiel-menu a.header-nav-link.anchor {
    border-bottom: solid 1px #fff;
    text-decoration: none;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
    height: 100px;
    height: calc( 101 / 750 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 750 * 100vw);
    padding-left: 50px;
    padding-left: calc( 50 / 750 * 100vw);
    padding-right: 0px;
    padding-right: calc( 0 / 750 * 100vw);
    padding-bottom: 0px;
  }
  .dx-mobiel-menu a.entry-btn.anchor {
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    margin-top: calc( 45 / 750 * 100vw);
    margin-bottom: 34px;
    margin-bottom: calc( 34 / 750 * 100vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    width: 525px;
    width: calc( 525 / 750 * 100vw);
    height: 105px;
    height: calc( 105 / 750 * 100vw);
    border-radius: 15px;
    border-radius: calc( 15 / 750 * 100vw);
    border: solid 1px #2a2a2a;
    background: #FFF;
    font-weight: bold;
    letter-spacing: 0.1em;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    font-size: 30px;
    font-size: calc( 30 / 750 * 100vw);
    color: #000;
  }
  .open-menu  nav.header-nav.dx-mobiel-menu {
    pointer-events: auto;
  }
  .dx-mobiel-menu nav.footer-dx-drive-nav a.totop.anchor {
    display: none;
  }
  .dx-mobiel-menu a.contact-btn {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    margin-bottom: calc( 70 / 750 * 100vw);
    border: solid 1px #2a2a2a;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    width: 525px;
    width: calc( 525 / 750 * 100vw);
    height: 105px;
    height: calc( 105 / 750 * 100vw);
    border-radius: 15px;
    border-radius: calc( 15 / 750 * 100vw);
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.1em;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    font-size: 30px;
    font-size: calc( 30 / 750 * 100vw);
  }
  .sp-menu-btn {
    cursor: pointer;
  }
  .dx-mobiel-menu nav.footer-dx-drive-nav {
    border-top: solid 1px #a5a5a5;
  }
  .dx-mobiel-menu a.entry-btn.anchor:after {
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-grey01.png);	
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    content: '';
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 20px;
    width: calc( 20 / 750 * 100vw);
    height: 20px;
    height: calc( 20 / 750 * 100vw);
    top: 43px;
    top: calc( 43 / 750 * 100vw);
    right: 24px;
    right: calc( 24 / 750 * 100vw);
  }
  .dx-mobiel-menu a.contact-btn:after {
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-white01.png);	
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    content: '';
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 20px;
    width: calc( 20 / 750 * 100vw);
    height: 20px;
    height: calc( 20 / 750 * 100vw);
    top: 43px;
    top: calc( 43 / 750 * 100vw);
    right: 24px;
    right: calc( 24 / 750 * 100vw);
  }
  .dx-mobiel-menu nav.footer-dx-drive-nav .footer-nav-children {
    border-bottom: solid 1px #a5a5a5;
    border-right: solid 1px #a5a5a5;
  }
}

/* ---- Custom Css ----- */

.notice-pg,
.kt-pg {
  font-family: Barlow,Noto Sans JP,sans-serif;
}
.notice-pg .widget-type-header {
  color: #868686;
  font-weight: 700;
  font-size: 32px;
  margin: 0 auto;
  margin: 50px 0;
  text-align: center;
}
.notice-pg .widget-type-header h1 {
  margin: 0;
  font: inherit;
  color: inherit;
}
.notice-pg .body-container-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.notice-grp .widget-type-rich_text h6 {
  display: flex;
  align-items: center;
  font: inherit;
  margin: 0;
  word-break: initial;
}
.notice-grp .widget-type-rich_text h6 a {
  color: #2DCC70;
}
.notice-grp .widget-type-rich_text h6+h6 {
  margin-top: 19px;
}
.notice-grp .widget-type-rich_text h6 span {
  display: flex;
  align-items: center;
  padding: 2px 4px 2px 3px;
  border: 1px solid #8293B9;
  border-radius: 4px;
  margin-left: 8px;
  margin-right: 8px;
}
.notice-grp .widget-type-rich_text h6 span svg {
  width: 13px;
  height: 13px;
  color: #8293B9;
}
.notice-grp .widget-type-rich_text h6 span:after {
  content: 'PDF';
  padding-left: 2px;
  color: #8293B9;
  font-size: 11px;
  line-height: 1.125;
}
.notice-grp .widget-type-rich_text h2 {
  font: inherit;
  padding-bottom: 32px;
  font-size: 24px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
.notice-grp .dnd-section .widget-type-cell  {
  padding-left: 80px;
  padding-right: 80px;
}
.notice-grp .widget-type-rich_text {
  padding: 32px 40px 0px 40px;
}
.notice-grp .widget-type-rich_text table {
  margin: 0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}
.notice-grp .widget-type-rich_text table th,
.notice-grp .widget-type-rich_text table td {
  background: transparent;
  border: none;
  color: inherit;
  padding: 16px 32px;
  border-bottom: 0;
  vertical-align: baseline;
}
.notice-grp .widget-type-rich_text table th {
  text-align: left;
  width: 25%;
}
.notice-grp .widget-type-rich_text table td {
  width: 75%;
  padding: 0;
}
.notice-grp .widget-type-rich_text figure {
  display: flex;
  justify-content: center;
  padding: 0;
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
}
.notice-grp .widget-type-rich_text figure img {
  width: 50%;
  vertical-align: top;
}
.notice-grp .widget-type-rich_text figure img:nth-child(2) {
  margin-left: 2px;
}
.kt-pg .subpage-mv .subpage-mv-inner {
  background: #fff;
}




@media (max-width: 961px) {

  .notice-grp .widget-type-rich_text figure {
    flex-direction: column;
    max-width: 424px;
    width: 100%;
  }
  .notice-grp .widget-type-rich_text figure img {
    width: 100%;
  }
  .notice-grp .widget-type-rich_text figure img:nth-child(2) {
    margin-left: 0;
  }

}


@media (max-width: 767px) {
  .notice-grp .widget-type-rich_text {
    padding-left: 16px;
    padding-right: 16px;
  }
  .notice-grp .dnd-section .widget-type-cell {
    padding-left: 10px;
    padding-right: 10px;
  }
  .notice-pg .widget-type-header {
    background: #f7f9fd;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 0;
  }
  .notice-grp .widget-type-rich_text table th, .notice-grp .widget-type-rich_text table td {
    padding: 16px 10px;
  }
  .notice-grp .widget-type-rich_text table th {
    width: 35%;
  }
  .notice-grp .widget-type-rich_text table td {
    width: 65%;
  }
}







/********************lp-sales-page-css*************************************/

.lp_sales_lyt {
  font-size: 16px;
  line-height: 1.2;
}
.lp_sales_lyt,
.lp_sales_lyt a,
.lp_sales_lyt p,
.lp_sales_lyt h1,
.lp_sales_lyt h2,
.lp_sales_lyt h3,
.lp_sales_lyt h4,
.lp_sales_lyt h5,
.lp_sales_lyt h6 {
  font-family: YuGothic,Yu Gothic,メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif !important;
  font-weight: 400;
  margin: 0;
}

.lp_sales_lyt a {
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

.lp_sales_lyt img {
  vertical-align: top;
}
.lp_sales_lyt video {
  width: 100%;
}
.lp_sales_lyt table {
  border-collapse: collapse;
  border-spacing: 0;
}
.lp_sales_lyt .red_btn {
  background: #fd425f;
  color: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 32px;
  font-size: 4.26667vw;
  font-weight: 600;
  letter-spacing: .1em;
  text-decoration: none;
  width: 568px;
  width: 75.73333vw;
  height: 105px;
  height: 14vw;
  border-radius: 10px;
  border-radius: 1.33333vw;
  position: relative;
}
.lp_sales_lyt .float-btn.red_btn {
  margin-left: 1.33333vw;
  margin-right: 1.33333vw;
}
.lp_sales_lyt .float-btn {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; 
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 1 !important;
  left: 0;
  right: 0;
  margin: 0px auto !important;
}

.lp_sales_lyt .float-btn.visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  margin-bottom: 15px !important;
}

.lp_sales_lyt .row4_wrap .dnd-section > .row-fluid {
  padding-top: 0;
}
.lp_sales_lyt .row4_wrap .span6 {
  width: 750px;
  width: 100vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 7.86667vw;
  padding-left: 6.66667vw;
  padding-right: 6.66667vw;
  margin: 0;
}
.lp_sales_lyt .row4_wrap .span6:first-child {
  padding-top: 8vw;
}
.lp_sales_lyt .row4_wrap .span6:last-child {
  padding-top: 9.33333vw;
}

.lp_sales_lyt .row6_wrap .widget-type-rich_text {
  text-align: center;
}

.lp_sales_lyt .row6_wrap .dnd-section {
  padding-top: 9.33333vw;
  padding-bottom: 6.26667vw;
}
.lp_sales_lyt .row6_wrap .widget-type-rich_text h3 {
  color: #161b2c;
  font-size: 36px;
  font-size: 4.8vw;
  font-weight: 600;
  letter-spacing: .035em;
  margin-bottom: .8vw;
}
.lp_sales_lyt .row6_wrap .widget-type-header {
  margin-bottom: 8.13333vw;
}
.lp_sales_lyt .row6_wrap .widget-type-header h4 {
  font-size: 20px;
  font-size: 2.66667vw;
  letter-spacing: .05em;
  display: block;
  width: 100%;
  height: 38px;
  height: 5.06667vw;
  background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/sales_line01-sp.png);
  background-repeat: no-repeat;
  background-position: bottom;
  font-weight: 700;
  text-align: center;
  font-family: Montserrat,YuGothic,Yu Gothic,sans-serif !important;
}

.lp_sales_lyt .sec-video-service {
  padding-top: 7.73333vw;
  padding-bottom: 12vw;
  margin-top: 7.46667vw;
  position: relative;
  overflow: hidden;
  background: #efefef;
}
.lp_sales_lyt .sec-video-service .mdl-head01:before {
  content: "";
  width: 144px;
  width: 19.2vw;
  height: 6px;
  height: .8vw;
  background: #88e18e;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.lp_sales_lyt .sec-video-service .mdl-head01.white:before {
  background: #88e18e;
}
.lp_sales_lyt .sec-video-service .video-services-head {
  font-family: Noto Sans JP !important;
  font-weight: 700;
  text-align: center;
  color: #000;
  letter-spacing: .04em;
  font-size: 40px;
  font-size: 5.33333vw;
  line-height: 1.6;
  position: relative;
  padding-bottom: 3.73333vw;
}
.lp_sales_lyt .sec-video-service .video-services-head {
  margin-bottom: 9.6vw;
}

.lp_sales_lyt .sec-video-service .video-service .service-name {
  font-family: Barlow,sans-serif !important;
  font-weight: 700;
  font-size: 40px;
  font-size: 5.33333vw;
}
.lp_sales_lyt .sec-video-service .video-service .service-picto {
  width: 160px;
  width: 21.33333vw;
  height: 160px;
  height: 21.33333vw;
  margin-bottom: 5.6vw;
}
.lp_sales_lyt .sec-video-service .video-service {
  width: 686px;
  width: 91.46667vw;
  padding: 9.86667vw 6.66667vw 8.26667vw;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}
.lp_sales_lyt .sec-video-service .video-service,
.lp_sales_lyt .sec-video-service .video-service .picto-area {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lp_sales_lyt .sec-video-service .video-service .picto-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 586px;
  width: 78.13333vw;
  padding-top: 0;
  padding-right: 0;
  margin-bottom: 3.2vw;
}
.lp_sales_lyt .mdl-svg-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lp_sales_lyt .sec-video-service .video-service .service-picto {
  width: 160px;
  width: 21.33333vw;
  height: 160px;
  height: 21.33333vw;
  margin-bottom: 5.6vw;
}
.lp_sales_lyt .mdl-svg-wrap svg {
  width: 100%;
  height: auto;
}
.lp_sales_lyt .sec-video-service .video-service .service-picto svg {
  width: 100%;
}
.lp_sales_lyt .sec-video-service .video-service .txt-area {
  width: 586px;
  width: 78.13333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  padding-bottom: 0;
}
.lp_sales_lyt .sec-video-service .video-service .service-desc {
  color: #2b2b2b;
  font-family: Noto Sans JP!important;
  font-display: swap;
  letter-spacing: .02em;
  font-size: 28px;
  font-size: 3.73333vw;
  margin-top: 0;
  margin-bottom: 5.33333vw;
  max-width: 100%;
}
.lp_sales_lyt .sec-video-service .video-service .service-btn {
  background: #000;
  width: 586px;
  width: 78.13333vw;
  height: 96px;
  height: 12.8vw;
  border-radius: 12px;
  border-radius: 1.6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  position: relative;
  font-size: 28px;
  font-size: 3.73333vw;
  opacity: 1 !important;
}
.lp_sales_lyt .mdl-shadow {
  -webkit-box-shadow: 0 4px 8px rgb(0 0 0 / 25%);
  box-shadow: 0 4px 8px rgb(0 0 0 / 25%);
}
.lp_sales_lyt .sec-video-service .video-service .service-btn .arrow {
  width: 32px;
  width: 4.26667vw;
  height: 28px;
  height: 3.73333vw;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 32px;
  right: 4.26667vw;
}


@media screen and (min-width: 768px) {
  .lp_sales_lyt .mdl-sm {
    display: none !important;
  }
  .lp_sales_lyt .red_btn {
    font-size: 27px;
    font-size: 1.8vw;
    width: 426px;
    width: 28.4vw;
    height: 79px;
    height: 5.26667vw;
    border-radius: 8px;
    border-radius: .53333vw;
  }
  .lp_sales_lyt .float-btn.red_btn {
    margin-left: .66667vw;
    margin-right: .66667vw;
  }
  .lp_sales_lyt .row4_wrap .dnd-section > .row-fluid {
    padding-top: 6vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .lp_sales_lyt .row4_wrap .span6 {
    width: 640px;
    width: 42.66667vw;
    padding-bottom: 6.6vw;
    padding-left: 0;
    padding-right: 0;
    padding-top: 00 !important;
  }
  .lp_sales_lyt .row6_wrap .dnd-section {
    padding-top: 6vw;
    padding-bottom: 6.66667vw;
  }
  .lp_sales_lyt .row6_wrap .widget-type-rich_text h3 {
    font-size: 33px;
    font-size: 2.2vw;
    margin-bottom: .53333vw;
  }
  .lp_sales_lyt .row6_wrap .widget-type-header {
    margin-bottom: 5.26667vw;
  }
  .lp_sales_lyt .row6_wrap .widget-type-header h4 {
    font-size: 19px;
    font-size: 1.26667vw;
    height: 33px;
    height: 2.2vw;
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/sales_line01.png);
    background-size: 13vw auto;
  }
  .lp_sales_lyt .sec-video-service {
    padding-top: 4.6vw;
    padding-bottom: 5.33333vw;
    margin-top: 2.13333vw;
  }
  .lp_sales_lyt .sec-video-service .video-services-head {
    font-size: 32px;
    font-size: 2.13333vw;
    padding-bottom: 1.53333vw;
  }
  .lp_sales_lyt .sec-video-service .video-services-head {
    margin-bottom: 3vw;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-name {
    font-size: 28px;
    font-size: 1.86667vw;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-picto {
    width: 104px;
    width: 6.93333vw;
    height: 88px;
    height: 5.86667vw;
    margin-bottom: 1.06667vw;
  }
  .lp_sales_lyt .sec-video-service .video-service {
    width: 960px;
    width: 64vw;
    padding-top: 2.13333vw;
    padding-left: 5.46667vw;
    padding-right: 8.93333vw;
    padding-bottom: 2.13333vw;
  }
  .lp_sales_lyt .sec-video-service .video-service .picto-area {
    width: 270px;
    width: 18vw;
    padding-top: .4vw;
    padding-right: .26667vw;
    margin-bottom: 0;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-picto {
    width: 104px;
    width: 6.93333vw;
    height: 88px;
    height: 5.86667vw;
    margin-bottom: 1.06667vw;
  }
  .lp_sales_lyt .sec-video-service .video-service .txt-area {
    width: 495px;
    width: 33vw;
    padding-left: 3.73333vw;
    padding-bottom: .53333vw;
    border-left: 1px solid #c4c4c4;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-desc {
    font-size: 14px;
    font-size: .93333vw;
    margin-top: .26667vw;
    margin-bottom: 1.66667vw;
    line-height: 1.71429;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-btn {
    width: 293px;
    width: 19.53333vw;
    height: 48px;
    height: 3.2vw;
    border-radius: 6px;
    border-radius: .4vw;
    margin: auto auto 0 0;
    min-width: 200px;
    font-size: 14px;
    font-size: .93333vw;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-btn .arrow {
    width: 16px;
    width: 1.06667vw;
    height: 14px;
    height: .93333vw;
    right: 16px;
    right: 1.06667vw;
  }
  .lp_sales_lyt .sec-video-service .mdl-head01:before {
    width: 144px;
    width: 9.6vw;
    height: 4px;
    height: .26667vw;
  }
}

@media screen and (min-width: 1500px) {
  .lp_sales_lyt .red_btn {
    font-size: 27px;
    width: 426px;
    height: 79px;
    border-radius: 8px;
  }
  .lp_sales_lyt .float-btn.red_btn {
    margin-left: 10px;
    margin-right: 10px;
  }
  .lp_sales_lyt .row4_wrap .dnd-section > .row-fluid {
    padding-top: 90px;
  }
  .lp_sales_lyt .row4_wrap .span6 {
    width: 640px;
    padding-bottom: 99px;
    padding-left: 0;
    padding-right: 0;
  }
  .lp_sales_lyt .row6_wrap .dnd-section {
    padding-top: 90px;
    padding-bottom: 100px;
  }
  .lp_sales_lyt .row6_wrap .widget-type-rich_text h3 {
    font-size: 33px;
    margin-bottom: 8px;
  }
  .lp_sales_lyt .row6_wrap .widget-type-header {
    margin-bottom: 79px;
  }
  .lp_sales_lyt .row6_wrap .widget-type-header h4 {
    font-size: 19px;
    height: 33px;
  }
  .lp_sales_lyt .sec-video-service {
    padding-top: 69px;
    padding-bottom: 80px;
    margin-top: 32px;
  }
  .lp_sales_lyt .sec-video-service .video-services-head {
    font-size: 32px;
    padding-bottom: 23px;
  }
  .lp_sales_lyt .sec-video-service .video-services-head {
    margin-bottom: 45px;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-name {
    font-size: 28px;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-picto {
    width: 104px;
    height: 88px;
    margin-bottom: 16px;
  }
  .lp_sales_lyt .sec-video-service .video-service {
    width: 960px;
    padding-top: 32px;
    padding-left: 82px;
    padding-right: 134px;
    padding-bottom: 32px;
  }
  .lp_sales_lyt .sec-video-service .video-service .picto-area {
    width: 270px;
    padding-top: 6px;
    padding-right: 4px;
    margin-bottom: 0;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-picto {
    width: 104px;
    height: 88px;
    margin-bottom: 16px;
  }
  .lp_sales_lyt .sec-video-service .video-service .txt-area {
    width: 495px;
    padding-left: 56px;
    padding-bottom: 8px;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-desc {
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 25px;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-btn {
    width: 293px;
    height: 48px;
    border-radius: 6px;
    font-size: 14px;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-btn .arrow {
    width: 16px;
    height: 14px;
    right: 16px;
  }
  .lp_sales_lyt .sec-video-service .mdl-head01:before {
    width: 144px;
    height: 4px;
  }
}


/**************UX Styling*************/

.ux-solution-page .subpage-mv {
  background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#88e18e));
  background: linear-gradient( 180deg ,#2dc2cc 0,#88e18e);
}
.ux-solution-page .subpage-mv .head-area .picto svg path {
  fill: #2dc2cc;
}
.ux-solution-page .kt-banner .subpage-mv .head-area .title {
  letter-spacing: .04em;
  font-size: 36px;
  font-size: 9.6vw;
  margin-bottom: 3.2vw;
  color: #000;
  margin-top: 0;
  font-family: Barlow,Noto Sans JP,sans-serif;
}
.ux-solution-page .kt-banner .subpage-mv .head-area .title span {
  color: #2dc2cc;
  font-weight: 700;
}
.ux-solution-page .kt-banner .subpage-mv .head-area .lead {
  letter-spacing: 0;
}

.ux-solution-page .tv-commercial-production h3.problem-head {
  margin-bottom: 5.86667vw;
}
.ux-solution-page .tv-commercial-production {
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 1.86667vw;
}
.ux-solution-page .sec-video-overview-inner {
  border-top: 1px solid #2dc2cc;
  padding-top: 8vw;
}
.ux-solution-page .sec-video-overview .video-overview-head span {
  color: #868686;
  font-size: 16px;
  font-size: 4.26667vw;
}
.ux-solution-page .sec-video-overview .video-overview-head {
  margin-top: 0;
  line-height: 1.6;
  margin-bottom: 8vw;
}
.ux-solution-page .sec-video-overview .video-advantage {
  background: -webkit-gradient(linear,left top,left bottom,from(#2dc2cc),to(#2dc79d));
  background: linear-gradient(180deg,#2dc2cc,#2dc79d);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  width: 343px;
  width: 91.46667vw;
  margin: 0 auto 30px;
  position: relative;
}
.ux-solution-page .sec-video-overview .video-advantage .video-advantage-inner {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9.6vw 3.2vw;
}
.ux-solution-page .sec-video-overview .video-advantage .each-advantage {
  width: 311px;
  width: 82.93333vw;
  margin-bottom: 10.66667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}
.ux-solution-page .sec-video-overview .video-advantage .each-advantage .advantage-picto {
  margin-bottom: 4.26667vw;
}
.ux-solution-page .sec-video-overview .video-advantage .each-advantage .advantage-lead {
  color: #2b2b2b;
  font-weight: 700;
  letter-spacing: .02em;
  font-size: 18px;
  font-size: 4.8vw;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.46667vw;
}
.ux-solution-page .sec-video-overview .video-advantage:after {
  content: "";
  width: 0;
  height: 0;
  border-color: #2dc79d transparent transparent;
  border-style: solid;
  border-width: 30px 17.5px 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -30px;
}
.ux-solution-page .sec-video-service {
  margin: 0 !important;
}
.ux-solution-page .sec-video-service .video-services-head br:first-child {
  display: block;
}
.ux-solution-page .sec-video-service .video-service:nth-of-type(3) .service-name {
  font-size: 18px;
  font-size: 4.8vw;
  text-align: center;
}
.ux-solution-page .client-logo-group {
  padding-top: 7.73333vw;
  padding-bottom: 14.13333vw;
  border-bottom: 1px solid #2dc2cc;
}
.ux-solution-page .client-logo-group .case-client-desc {
  font-family: Noto Sans JP;
  font-display: swap;
  font-weight: 700;
  letter-spacing: .04em;
  font-size: 20px;
  font-size: 5.33333vw;
  line-height: 1.6;
  text-align: center;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 6.93333vw;
  color: #000;
}

.ux-solution-page .client-logo-group .case-clients .each-client {
  border-radius: 5px;
  border-radius: 1.33333vw;
  margin-bottom: 4vw;
  padding-left: 2.66667vw;
  padding-right: 2.66667vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
}
.ux-solution-page .sec-service h2.services-head01 {
  margin-bottom: 5.33333vw;
}
.ux-solution-page .client-logo-group .case-clients {
  width: 352px;
  width: 93.86667vw;
}
.ux-solution-page .sec-service .service-box p.desc br {
  display: block;
}


@media (min-width: 561px) {
  .ux-solution-page .client-logo-group .case-clients {
    width: 1120px;
    width: 87.5vw;
  }
  .ux-solution-page .sec-video-overview .video-overview-head {
    margin-bottom: 3.125vw;
  }
  .ux-solution-page .kt-banner .subpage-mv .head-area {
    margin-left: 6.25vw;
  }
  .ux-solution-page .kt-banner .subpage-mv .head-area .picto {
    width: 16.48438vw;
    margin-right: 2.34375vw;
    margin-bottom: 0;
  }
  .ux-solution-page .kt-banner .subpage-mv .head-area .title {
    font-size: 72px;
    font-size: 5.625vw;
    margin-bottom: 0; 
  }
  .ux-solution-page .tv-commercial-production h3.problem-head {
    margin-bottom: 3.59375vw;
  }
  .ux-solution-page .tv-commercial-production {
    padding-bottom: 5.46875vw;
  }
  .ux-solution-page .sec-video-overview-inner {
    padding-top: 4.6875vw;
  }
  .ux-solution-page .sec-video-overview .video-overview-head span {
    font-size: 20px;
    font-size: 1.5625vw;
  }
  .ux-solution-page .sec-video-overview .video-advantage {
    width: 1200px;
    width: 93.75vw;
  }
  .ux-solution-page .sec-video-overview .video-advantage .video-advantage-inner {
    padding-top: 4.0625vw;
    padding-bottom: 3.4375vw;
    padding-left: 2.1875vw;
    padding-right: 2.1875vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ux-solution-page .sec-video-overview .video-advantage .each-advantage {
    width: 350px;
    width: 27.34375vw;
    margin-bottom: 0;
  }
  .ux-solution-page .sec-video-overview .video-advantage .each-advantage .advantage-picto {
    margin-bottom: .9375vw;
  }
  .ux-solution-page .sec-video-overview .video-advantage .each-advantage .advantage-lead {
    font-size: 20px;
    font-size: 1.5625vw;
    margin-bottom: 1.5625vw;
    height: 2.75em;
  }
  .ux-solution-page .sec-video-service .video-service:nth-of-type(3) .service-name {
    font-size: 20px;
    font-size: 1.5625vw;
  }
  .ux-solution-page .client-logo-group {
    padding-top: 6.09375vw;
    padding-bottom: 7.1875vw;
  }
  .ux-solution-page .client-logo-group .case-client-desc {
    font-size: 32px;
    font-size: 2.5vw;
    margin-bottom: 3.51563vw;
  }
  .ux-solution-page .client-logo-group .case-clients .each-client {
    border-radius: 8px;
    border-radius: .625vw;
    margin-bottom: 1.875vw;
    padding-left: 2.34375vw;
    padding-right: 2.34375vw;
    width: 16.6%;
  }
  .ux-solution-page .sec-service h2.services-head01 {
    margin-bottom: 2.73438vw;
  }
}

@media (min-width: 961px) {
  .ux-solution-page .kt-banner .subpage-mv .head-area {
    margin-left: 80px;
  }
  .ux-solution-page .kt-banner .subpage-mv .head-area .lead br {
    display: none;
  }
}

@media (min-width: 1200px) {
  .ux-solution-page .sec-video-overview .video-overview-head {
    margin-bottom: 40px;
  }
  .ux-solution-page .sec-service h2.services-head01 {
    margin-bottom: 35px;
  }
  .ux-solution-page .client-logo-group .case-clients .each-client {
    border-radius: 8px;
    margin-bottom: 24px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .ux-solution-page .client-logo-group .case-client-desc {
    font-size: 32px;
    margin-bottom: 45px;
  }
  .ux-solution-page .client-logo-group {
    padding-top: 78px;
    padding-bottom: 92px;
  }
  .ux-solution-page .kt-banner .subpage-mv .head-area .picto {
    width: 211px;
    margin-right: 30px;
    top: 0;
  }
  .ux-solution-page .kt-banner .subpage-mv .head-area .title {
    font-size: 72px;
    margin-bottom: 0;
  }
  .ux-solution-page .tv-commercial-production h3.problem-head {
    margin-bottom: 46px;
  }
  .ux-solution-page .tv-commercial-production {
    padding-bottom: 70px;
  }
  .ux-solution-page  .sec-video-overview-inner {
    padding-top: 60px;
  }
  .ux-solution-page .sec-video-overview .video-overview-head span {
    font-size: 20px;
  }
  .ux-solution-page .sec-video-overview .video-advantage {
    width: 1200px;
  }
  .ux-solution-page .sec-video-overview .video-advantage .video-advantage-inner {
    padding-top: 52px;
    padding-bottom: 44px;
    padding-left: 28px;
    padding-right: 28px;
  }
  .ux-solution-page .sec-video-overview .video-advantage .each-advantage {
    width: 350px;
  }
  .ux-solution-page .sec-video-overview .video-advantage .each-advantage .advantage-picto {
    margin-bottom: 12px;
  }
  .ux-solution-page .sec-video-overview .video-advantage .each-advantage .advantage-lead {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .ux-solution-page .sec-video-service .video-service:nth-of-type(3) .service-name {
    font-size: 20px;
  }
  .ux-solution-page .client-logo-group .case-clients {
    width: 1120px;
  }
}


@media (max-width: 960px) {
  .ux-solution-page .kt-banner .subpage-mv .head-area .lead br {
    display: block;
  }
  .ux-solution-page .sec-service .service-box p.desc br {
    display: none;
  }
}

@media (max-width: 560px) {
  .ux-solution-page .kt-banner .subpage-mv .head-area .picto {
    width: 28.8vw;
    margin-bottom: 1.33333vw;
  }
  .ux-solution-page .tv-commercial-production .inc_task .task .task-inner {
    line-height: 1.55556;
  }
  .ux-solution-page .tv-commercial-production .each-issue:not(:last-child) {
    border-bottom: 1px dashed #2dc2cc;
  }
  .ux-solution-page .tv-commercial-production .each-issue:nth-child(2) p.issue-txt {
    top: -2px;
    top: -.53333vw;
    height: 94px;
    height: 25.06667vw;
  }
  .ux-solution-page .tv-commercial-production .inc_task:nth-child(2) .issue {
    height: 101px;
    height: 26.93333vw;
  }
  .ux-solution-page .client-logo-group .case-clients .each-client {
    width: 25%;
  }
  .ux-solution-page .sec-service .service-box h3.service-name {
    font-size: 28px;
    font-size: 7.46667vw;
  }
  .ux-solution-page .sec-service .service-box p.desc {
    max-width: 265px;
  }
}


/************End UX Styling**************/



/*********Sales Form Stying***************/

.lp_sales_lyt form.hs-form ::-webkit-input-placeholder { /* Webkit Browsers */
  color: #a8a8a8;
  opacity: 1;
}
.lp_sales_lyt form.hs-form :-moz-placeholder { /* Firefox 18- */
  color: #a8a8a8;
  opacity: 1;
}
.lp_sales_lyt form.hs-form ::-moz-placeholder { /* Firefox 19+ */
  color: #a8a8a8;
  opacity: 1;
}
.lp_sales_lyt form.hs-form :-ms-input-placeholder { /* IE10 */
  color: #a8a8a8;
  opacity: 1;
}

.lp_sales_lyt .row6_wrap .dnd-section form {
  width: 644px;
  width: 85.86667vw;
  margin: 0 auto;
}
.lp_sales_lyt .hs-form, 
.lp_sales_lyt .hs-form * {
  letter-spacing: .035em;
}
.lp_sales_lyt .hs-form * {
  font-family: YuGothic,Yu Gothic,メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif !important;
}
.lp_sales_lyt .hs-form fieldset {
  max-width: 100%;
}
.lp_sales_lyt .hs-form .hs-form-field {
  position: relative;
  margin-bottom: 23px;
  margin-bottom: 3.06667vw!important;
}
.lp_sales_lyt .hs-form .form-columns-2 .hs-form-field {
  float: left!important;
}
.lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:nth-of-type(odd) {
  width: 644px;
  width: 85.86667vw;
}
.lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) {
  width: 644px;
  width: 85.86667vw;
}
.lp_sales_lyt .hs-form .hs-form-field label {
  margin: 0;
}
.lp_sales_lyt .hs-form .hs-form-field span {
  font-size: 24px;
  font-size: 3.2vw;
  display: none;
  font-weight: 400;
}
.lp_sales_lyt .hs-form .hs-form-field span.hs-form-required {
  display: block;
  color: #bf0000;
  font-size: 14px;
  font-size: 1.86667vw;
  position: absolute;
  z-index: 10;
}
.lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:nth-of-type(odd) .input {
  margin-right: 0!important;
}
.lp_sales_lyt .hs-form input, 
.lp_sales_lyt .hs-form select, 
.lp_sales_lyt .hs-form textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #a6acb9;
  background: #f9f9fb;
  color: #161b2c;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 644px;
  width: 85.86667vw!important;
  padding-left: 40px;
  padding-left: 5.33333vw!important;
  padding-right: 20px;
  padding-right: 2.66667vw!important;
  font-size: 24px;
  font-size: 3.2vw!important;
  border-radius: 0px;
  margin-bottom: 0px;
}
.lp_sales_lyt .hs-form input, 
.lp_sales_lyt .hs-form select {
  min-height: 91px;
  min-height: 12.13333vw!important;
  height: 91px;
  height: 12.13333vw!important;
}
.lp_sales_lyt .hs-form .form-columns-2 .hs-form-field .hs-input {
  width: 644px;
  width: 85.86667vw!important;
}
.lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:first-child .hs-input {
  margin-right: 0;
  margin-right: 0!important;
}

.lp_sales_lyt .hs-form input:focus, 
.lp_sales_lyt .hs-form textarea:focus {
  border: 1px solid #2dcc70;
  background: #eee;
}
.lp_sales_lyt .hs-form ul.inputs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding: 0 0 0 1.33333vw!important;
}
.lp_sales_lyt .hs-form .hs-error-msg {
  color: #bf0000!important;
  font-size: 24px;
  font-size: 3.2vw;
  display: block;
  margin-top: .66667vw;
}
.lp_sales_lyt .hs-form ul.inputs-list label {
  display: block;
}
.lp_sales_lyt .hs-form ul.inputs-list label {
  margin-left: 10px;
  margin-left: 1.33333vw!important;
  margin-right: 0;
  margin-right: 0!important;
  margin-bottom: 30px;
  margin-bottom: 4vw!important;
  line-height: 1!important;
  color: #161b2c;
  font-size: 24px;
  font-size: 3.2vw;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.lp_sales_lyt .hs-form textarea {
  min-height: 252px;
  min-height: 33.6vw;
  padding-top: 23px;
  padding-top: 3.06667vw!important;
}

.lp_sales_lyt .hs-form input:placeholder-shown,
.lp_sales_lyt .hs-form select:placeholder-shown, 
.lp_sales_lyt .hs-form textarea:placeholder-shown {
  color: #a8a8a8!important;
  opacity: 1;
}
.lp_sales_lyt .hs-form ul.inputs-list .hs-form-radio-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lp_sales_lyt .hs-form .hs-fieldtype-radio span {
  display: block;
  padding-left: 1em;
  margin-bottom: 4vw;
}
.lp_sales_lyt .hs-form ul.inputs-list .hs-form-radio-display span {
  padding-left: 0;
  margin-bottom: 0;
}
.lp_sales_lyt .hs-form ul.inputs-list input {
  width: 30px;
  width: 4vw!important;
  height: 30px;
  height: 4vw!important;
  min-height: 20px;
  min-height: 2.66667vw!important;
  margin-right: 10px;
  margin-right: 1.33333vw!important;
  padding: 0!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1!important;
  border-radius: 50%;
  position: relative;
  top: 2px;
  top: .26667vw;
  margin: 0;
}
.lp_sales_lyt .hs-form .hs-fieldtype-radio span.hs-form-required {
  padding-left: 0;
}
.lp_sales_lyt .hs-form ul.inputs-list li {
  list-style: none;
  width: 47% !important;
  margin-bottom: -2px;
  margin-top: -1px;
}
.lp_sales_lyt .hs-form .hs-submit {
  margin-top: 3.73333vw;
}
.lp_sales_lyt .hs-form .hs-submit .actions {
  margin: 0 auto!important;
  position: relative;
  display: block;
  width: 568px;
  width: 75.73333vw!important;
  font-size: 32px;
  font-size: 4.26667vw!important;
  padding-top: 4px;
}
.lp_sales_lyt .hs-form .hs-submit .actions:before {
  content: "";
  width: 11px;
  width: 1.46667vw;
  height: 11px;
  height: 1.46667vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 29px;
  right: 3.86667vw;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
}
.lp_sales_lyt .hs-form .hs-submit .actions:after {
  content: "";
  width: 30px;
  width: 4vw;
  height: 30px;
  height: 4vw;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 19px;
  right: 2.53333vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.lp_sales_lyt .hs-form .hs-submit .actions .hs-button {
  display: block;
  margin: 0 auto!important;
  background: #fd425f!important;
  color: #fff;
  border: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  text-shadow: none!important;
  letter-spacing: .1em!important;
  font-family: YuGothic,Yu Gothic,メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif!important;
  font: inherit!important;
  font-weight: 600!important;
  width: 568px;
  width: 75.73333vw!important;
  height: 105px;
  height: 14vw!important;
  font-size: 32px;
  font-size: 4.26667vw!important;
  border-radius: 10px;
  border-radius: 1.33333vw!important;
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease;
}
.lp_sales_lyt .hs-form .hs-submit .actions .hs-button:hover {
  opacity: .6;
}

@media screen and (min-width: 768px) {
  .lp_sales_lyt .row6_wrap .dnd-section form {
    width: 815px;
    width: 54.33333vw;
  }
  .lp_sales_lyt .hs-form .hs-form-field {
    margin-bottom: 23px;
    margin-bottom: 1.53333vw!important;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:nth-of-type(odd) {
    width: 421px;
    width: 28.06667vw;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) {
    width: 394px;
    width: 26.26667vw;
  }
  .lp_sales_lyt .hs-form .hs-form-field span {
    font-size: 16px;
    font-size: 1.06667vw;
  }
  .lp_sales_lyt .hs-form .hs-form-field span.hs-form-required {
    font-size: 14px;
    font-size: .93333vw;
    top: 1.46667vw!important;
    left: .66667vw!important;
  }
  .lp_sales_lyt .hs-form input, 
  .lp_sales_lyt .hs-form select, 
  .lp_sales_lyt .hs-form textarea {
    width: 815px;
    width: 54.33333vw!important;
    padding-left: 27px;
    padding-left: 1.8vw!important;
    padding-right: 27px;
    padding-right: 1.8vw!important;
    font-size: 16px;
    font-size: 1.06667vw!important;
  }
  .lp_sales_lyt .hs-form input, 
  .lp_sales_lyt .hs-form select {
    min-height: 55px;
    min-height: 3.66667vw!important;
    height: 55px;
    height: 3.66667vw!important;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field .hs-input {
    width: 394px;
    width: 26.26667vw!important;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:first-child .hs-input {
    margin-right: 27px;
    margin-right: 1.8vw!important;
  }
  .lp_sales_lyt .hs-form ul.inputs-list {
    margin-top: .66667vw;
    padding-left: 5px;
    padding-left: .33333vw!important;
  }
  .lp_sales_lyt .hs-form .hs-error-msg {
    margin-top: .33333vw;
  }
  .lp_sales_lyt .hs-form .hs-error-msg,
  .lp_sales_lyt .hs-form .hs_error_rollup .hs-main-font-element {
    font-size: 16px;
    font-size: 1.06667vw;
  }
  .lp_sales_lyt .hs-form ul.inputs-list label {
    margin-left: 10px;
    margin-left: .66667vw!important;
    margin-right: 30px;
    margin-right: 2vw!important;
    margin-bottom: 15px;
    margin-bottom: 1vw!important;
    font-size: 16px;
    font-size: 1.06667vw;
    padding-bottom: .1em!important;
  }
  .lp_sales_lyt .hs-form textarea {
    min-height: 210px;
    min-height: 14vw;
    padding-top: 18px;
    padding-top: 1.2vw!important;
  }
  .lp_sales_lyt .hs-form .hs-fieldtype-radio span {
    margin-bottom: 0;
  }
  .lp_sales_lyt .hs-form ul.inputs-list input {
    width: 20px;
    width: 1.33333vw!important;
    height: 20px;
    height: 1.33333vw!important;
    min-height: 20px;
    min-height: 1.33333vw!important;
    margin-right: 10px;
    margin-right: .66667vw!important;
    top: 0;
  }
  .lp_sales_lyt .hs-form .hs-fieldtype-radio span.hs-form-required {
    top: .2vw!important;
    left: 0!important;
  }
  .lp_sales_lyt .hs-form .hs-submit {
    margin-top: 3vw;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions {
    width: 473px;
    width: 31.53333vw!important;
    font-size: 30px;
    font-size: 2vw!important;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions:before {
    width: 9px;
    width: .6vw;
    height: 9px;
    height: .6vw;
    right: 25px;
    right: 1.66667vw;
    border-top: 3px solid #fd425f;
    border-right: 3px solid #fd425f;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions:after {
    width: 25px;
    width: 1.66667vw;
    height: 25px;
    height: 1.66667vw;
    right: 16px;
    right: 1.06667vw;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions .hs-button {
    width: 473px;
    width: 31.53333vw!important;
    height: 87px;
    height: 5.8vw!important;
    font-size: 30px;
    font-size: 2vw!important;
    border-radius: 8px;
    border-radius: .53333vw!important;
  }
}

@media screen and (min-width: 992px) {
  .lp_sales_lyt .hs-form .hs-form-field {
    margin-bottom: 23px;
    margin-bottom: 1.53333vw!important;
  }
  .lp_sales_lyt .hs-form input, 
  .lp_sales_lyt .hs-form select,
  .lp_sales_lyt .hs-form textarea {
    width: 815px;
    width: 54.33333vw!important;
    padding-left: 27px;
    padding-left: 1.8vw!important;
    padding-right: 27px;
    padding-right: 1.8vw!important;
    font-size: 16px;
    font-size: 1.06667vw!important;
  }
  .lp_sales_lyt .hs-form input, 
  .lp_sales_lyt .hs-form select {
    min-height: 55px;
    min-height: 3.66667vw!important;
    height: 55px;
    height: 3.66667vw!important;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field .hs-input {
    width: 394px;
    width: 26.26667vw!important;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:first-child .hs-input {
    margin-right: 27px;
    margin-right: 1.8vw!important;
  }
  .lp_sales_lyt .hs-form ul.inputs-list {
    padding-left: 5px;
    padding-left: .33333vw!important;
  }
  .lp_sales_lyt .hs-form ul.inputs-list label {
    margin-left: 10px;
    margin-left: .66667vw!important;
    margin-right: 30px;
    margin-right: 2vw!important;
    margin-bottom: 15px;
    margin-bottom: 1vw!important;
  }
  .lp_sales_lyt .hs-form textarea {
    padding-top: 18px;
    padding-top: 1.2vw!important;
  }
  .lp_sales_lyt .hs-form ul.inputs-list input {
    width: 20px;
    width: 1.33333vw!important;
    height: 20px;
    height: 1.33333vw!important;
    min-height: 20px;
    min-height: 1.33333vw!important;
    margin-right: 10px;
    margin-right: .66667vw!important;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions {
    font-size: 30px;
    font-size: 2vw!important;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions, 
  .lp_sales_lyt .hs-form .hs-submit .actions .hs-button {
    width: 473px;
    width: 31.53333vw!important;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions .hs-button {
    height: 87px;
    height: 5.8vw!important;
    font-size: 30px;
    font-size: 2vw!important;
    border-radius: 8px;
    border-radius: .53333vw!important;
  }
}

@media screen and (min-width: 1200px) {
  .lp_sales_lyt .hs-form .hs-form-field {
    margin-bottom: 23px!important;
  }
  .lp_sales_lyt .hs-form input, 
  .lp_sales_lyt .hs-form select, 
  .lp_sales_lyt .hs-form textarea {
    /*     width: 815px!important; */
    padding-left: 27px!important;
    padding-right: 27px!important;
    font-size: 16px!important;
  }
  .lp_sales_lyt .hs-form input, .hs-form select {
    min-height: 55px!important;
    height: 55px!important;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field .hs-input {
    /*     width: 394px!important; */
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:first-child .hs-input {
    margin-right: 27px!important;
  }
  .lp_sales_lyt .hs-form ul.inputs-list {
    padding-left: 5px!important;
  }
  .lp_sales_lyt .hs-form ul.inputs-list label {
    margin-left: 10px!important;
    margin-right: 30px!important;
    margin-bottom: 15px!important;
  }
  .lp_sales_lyt .hs-form textarea {
    padding-top: 18px!important;
  }
  .lp_sales_lyt .hs-form ul.inputs-list input {
    width: 20px!important;
    height: 20px!important;
    min-height: 20px!important;
    margin-right: 10px!important;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions {
    width: 473px!important;
    font-size: 30px!important;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions .hs-button {
    width: 473px!important;
    height: 87px!important;
    font-size: 30px!important;
    border-radius: 8px!important;
  }
}

@media screen and (min-width: 1500px) {
  .lp_sales_lyt .row6_wrap .dnd-section form {
    width: 815px;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:nth-of-type(odd) {
    width: 421px;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field:nth-of-type(2n) {
    width: 394px;
  }
  .lp_sales_lyt .hs-form .hs-form-field span {
    font-size: 16px;
  }
  .lp_sales_lyt .hs-form .hs-form-field span.hs-form-required {
    font-size: 14px;
    top: 22px!important;
    left: 10px!important;
  }
  .lp_sales_lyt .hs-form ul.inputs-list {
    margin-top: 10px;
  }
  .lp_sales_lyt .hs-form .hs-error-msg {
    font-size: 16px;
    margin-top: 5px;
  }
  .lp_sales_lyt .hs-form ul.inputs-list label {
    font-size: 16px;
  }
  .lp_sales_lyt .hs-form textarea {
    min-height: 210px;
  }
  .lp_sales_lyt .hs-form .hs-fieldtype-radio span {
    margin-bottom: 0;
  }
  .lp_sales_lyt .hs-form ul.inputs-list input {
    top: 0;
  }
  .lp_sales_lyt .hs-form .hs-fieldtype-radio span.hs-form-required {
    top: 3px!important;
    left: 0!important;
  }
  .lp_sales_lyt .hs-form .hs-submit {
    margin-top: 45px;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions:before {
    width: 9px;
    height: 9px;
    right: 25px;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions:after {
    width: 25px;
    height: 25px;
    right: 16px;
  }
  .lp_sales_lyt .hs-form input, 
  .lp_sales_lyt .hs-form select, 
  .lp_sales_lyt .hs-form textarea {
    width: 815px !important;
  }
  .lp_sales_lyt .hs-form .form-columns-2 .hs-form-field .hs-input {
    width: 394px !important;
  }
}


/***************End Form Styling*********/

/************Sales Footer*************/

.lp-sales-footer {
  background: #4c566c;
  color: #fff;
  padding-top: 4.66667vw;
  padding-bottom: 2.66667vw;
  line-height: 1.5;
}
.lp-sales-footer .link .mont {
  font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
  font-weight: 600;
  letter-spacing: 0;
}
.lp-sales-footer .logo {
  display: block;
  width: 400px;
  width: 53.33333vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6vw;
}
.lp-sales-footer a {
  opacity: 1 !important;
}
.lp-sales-footer .logo img {
  width: 100%;
}
.lp-sales-footer .footer-nav01 {
  margin-bottom: 5.33333vw;
  text-align: center;
}
.lp-sales-footer .footer-box, 
.lp-sales-footer .footer-nav02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lp-sales-footer .footer-nav02 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 7.33333vw;
}
.lp-sales-footer .copyright {
  font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
  font-weight: 600;
  font-size: 24px;
  font-size: 3.2vw;
  margin-left: 4vw;
  margin-right: 0;
}
.lp-sales-footer .link {
  color: #fff;
  text-decoration: none;
  letter-spacing: .035em;
}
.lp-sales-footer .footer-nav02 .link,
.lp-sales-footer .footer-nav02 .separator {
  font-size: 24px;
  font-size: 3.2vw;
}
.lp-sales-footer .footer-nav01 .link {
  font-size: 28px;
  font-size: 3.73333vw;
  margin: 0 .5em 2vw;
}
.lp-sales-footer .footer-nav02 .separator {
  margin: 0 1em;
}
.lp-sales-footer .footer-nav01 .hs_cos_wrapper_type_rich_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
} 
.lp-sales-footer .footer-nav02 .hs_cos_wrapper_type_rich_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .lp-sales-footer {
    padding-top: 2vw;
    padding-bottom: 9.66667vw;
  }
  .lp-sales-footer .logo {
    width: 321px;
    width: 21.4vw;
    margin-bottom: 2.33333vw;
  }
  .lp-sales-footer .footer-nav01 {
    margin-bottom: 2.46667vw;
  }
  .lp-sales-footer .footer-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .lp-sales-footer .footer-nav02 {
    margin-bottom: 0;
  }
  .lp-sales-footer .copyright {
    font-size: 15px;
    font-size: 1vw;
    margin-left: 2.66667vw;
    margin-right: 4vw;
  }
  .lp-sales-footer .footer-nav02 .link,
  .lp-sales-footer .footer-nav02 .separator {
    font-size: 14px;
    font-size: .93333vw;
  }
  .lp-sales-footer .footer-nav01 .link {
    font-size: 18px;
    font-size: 1.2vw;
    margin-bottom: 0;
  }
  .lp-sales-footer .footer-nav02 .hs_cos_wrapper_type_rich_text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .lp-sales-footer .footer-nav02 {
    position: relative;
    top: 1px;
  }
  .lp-sales-footer .copyright {
    position: relative;
    top: -1px;
  }
  .lp-sales-footer .logo {
    padding-bottom: 1px;
  }
}

@media (min-width: 1500px) {
  .lp-sales-footer  {
    padding-top: 30px;
    padding-bottom: 145px;
  }
  .lp-sales-footer .logo {
    width: 321px;
    margin-bottom: 35px;
  }
  .lp-sales-footer .footer-nav01 {
    margin-bottom: 37px;
  }
  .lp-sales-footer .copyright {
    font-size: 15px;
    margin-left: 40px;
    margin-right: 60px;
  }
  .lp-sales-footer .footer-nav02 .link,
  .lp-sales-footer .footer-nav02 .separator {
    font-size: 14px;
  }
  .lp-sales-footer .footer-nav01 .link {
    font-size: 18px;
    margin-bottom: 0;
  }
}

/**********Sales Footer End***********/



@media (max-width: 767px) {
  .lp_sales_lyt  .mdl-md {
    display: none !important;
  }
  .lp_sales_lyt .mdl-sm {
    display: block !important;
  }
  .lp_sales_lyt .row4_wrap .span6:first-child {
    background: #efefef;
  }
  .lp_sales_lyt .row4_wrap {
    overflow: hidden;
  }
  .lp_sales_lyt .row6_wrap .widget-type-header h4 {
    background-size: 32vw auto;
  }

  .lp_sales_lyt .hs-form .hs-form-field span.hs-form-required {
    top: 4.93333vw!important;
    left: 2vw!important;
  }
  .lp_sales_lyt .hs-form .hs-fieldtype-radio span.hs-form-required {
    top: 1.33333vw!important;
    left: 0!important;
  }
  .lp_sales_lyt .hs-form ul.inputs-list li {
    width: 100% !important;
    margin-bottom: 0;
    margin-top: -2px;
  }
  .lp_sales_lyt .hs-form ul.inputs-list li:first-child {
    margin-top: 0;
  }
  .lp_sales_lyt .hs-form .hs-submit .actions:before {
    border-top: 2px solid #fd425f;
    border-right: 2px solid #fd425f;
  }
  .lp_sales_lyt .sec-video-service .video-service {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-desc {
    line-height: 1.57143;
  }
  .lp_sales_lyt .sec-video-service .video-service .service-btn {
    margin: auto auto 0;
  }
  .lp_sales_lyt .sec-video-service .video-service .txt-area {
    border-left: 0;
  }
  .lp-sales-footer .footer-nav01 .hs_cos_wrapper_type_rich_text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .lp-sales-footer .footer-box, 
  .lp-sales-footer .footer-nav02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .lp-sales-footer {
    line-height: 1.64;
  }
  .lp-sales-footer .footer-sales-inner {
    margin-bottom: -5px;
  }
  .lp-sales-footer .footer-nav02 {
    margin-bottom: calc(7.3333vw - 5px);
  }
}




/************************Sales End Css********************/


/**** Youtube Page ****/

.youtube-layout {
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  font-weight: 500;
}
.youtube-layout p{
  font-family: YuGothic, Yu Gothic, メイリオ, meiryo, ヒラギノ角ゴ pro w3, hiragino kaku gothic pro, sans-serif;
  font-weight: 400;
}
/* Youtube Header */

header.header-kaizenad {
  padding-top: 40px;
}
.header-kaizenad .header {
  z-index: 15;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
}
.header-kaizenad .header-top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  border-bottom: solid 1px #c0c1c2;
  height: calc( 80 / 1275 * 100vh);
  max-height: 80px;
  min-height: 40px;
  font-size: 12px;
  font-weight: normal;
}
.header-kaizenad .header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 0 8px 15px;
  background: #FFF;
}
.kaizenad-logo img.hs-image-widget {
  width: 90px !important;
  vertical-align: top;
}
.kaizenad-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: auto;
}
.download_button .hs-button {
  margin: 0;
  white-space: normal;
  word-break: break-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  background: #ff0000;
  color: #FFF;
  text-decoration: none;
  letter-spacing: 0.04em;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  overflow: hidden;
  position: relative;
  padding: 0;
}
.download_button .hs-button:before {
  content: "";
  background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-download-white01.png);
  display: inline-block;
  top: 50%;
  position: absolute;
  z-index: 2;
  width: 23px;
  left: 13px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.download_button .hs-button:hover {
  background: red;
  color: #FFF;
  opacity: 1;
}
.download_button .hs-button .text {
  position: relative;
  font-weight: bold;
  z-index: 2;
}
.kaizenad-menu .hs-menu-wrapper > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kaizenad-menu .hs-menu-wrapper > ul > li > a {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.12em;
  display: block;
  padding: 0 18px 0px 18px;
  white-space: nowrap;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
.kaizenad-menu .hs-menu-wrapper > ul > li > a:hover {
  opacity: 1;
}

/* Youtube Body Style */

.youtube-row1 .dnd-section {
  padding: 44px 10px 40px 10px;
}
.youtube-row1 .dnd-section p {
  font-size: 15px;
  line-height: 2;
  text-align: center;
  font-weight: bold;
  margin: 0;
}
.youtube-row1 .dnd-section p span {
  font-weight: bold;
}
.youtube-row2 .dnd-section {
  padding: 40px 29px;
}
.youtube-layout .dnd-section .widget-type-header h2 {
  font-size: 25px;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 0;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.youtube-row3 .dnd-section {
  padding: 55px 0 37px 0;
}
.youtube-layout .youtube-row3 .dnd-section .widget-type-header h2 {
  margin-bottom: 35px;
}
.youtube-row4-group .dnd-section {
  padding: 0;
}
.youtube-layout .youtube-row4 .dnd-section h2 {
  margin-bottom: 35px;
}
.youtube-row4-group{
  padding: 40px 15px 50px 15px;
  background: #f6f6f8;
}
.youtube-row4-image img.hs-image-widget {
  vertical-align: top;
}
.youtube-row5 .dnd-section {
  padding: 40px 15px 90px 15px;
}
.youtube-row5 .dnd-section .widget-type-rich_text h2 {
  font-size: 25px;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  margin-top: 0;
}
.youtube-row5 .dnd-section .widget-type-rich_text h2 span {
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
}
.youtube-row5 .dnd-section > .row-fluid > .dnd-column .dnd-row:last-child .each-feature {
  margin-bottom: 0;
}
.youtube-row6 .dnd-section {
  padding: 40px 15px 50px 15px;
}
.youtube-row7 .dnd-section {
  padding: 0;
}
.youtube-row7 .dnd-section h2{
  width: 100%;
  color: #FFF;
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  letter-spacing: 0.2em;
  font-size: 22px;
  padding: 0;
  margin:0;
}
.youtube-row7 .dnd-section h2 br {
  display: none;
}
.youtube-row7 .dnd-section h2 span {
  font-weight: bold;
  letter-spacing: 0;
}
.youtube-row8 .dnd-section {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 65px 0 60px 0;
  min-height:825px;
}
.youtube-row8 .dnd-section h2 {
  font-size: 25px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  text-align: center;
  margin-bottom: 3em;
  margin-top: 0;
}

/* Youtube Footer */

.footer-agencies .float-btn {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: 70px;
  background: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}
.footer-agencies .float-btn a {
  background: #ff0000;
  color: #FFF;
  text-decoration: none;
  width: 250px;
  height: 40px;
  color: #FFF;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.12em;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.footer-agencies .float-btn span {
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.footer-agencies .float-btn span.icon {
  position: absolute;
  top: calc(50% - 7px);
  left: 25px;
}
.footer-agencies .float-btn span.icon img {
  width: 17px;
  height: auto;
  vertical-align: top;
}
.footer-agencies .float-btn span {
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.footer-agencies .float-btn.visible {
  pointer-events: auto;
  opacity: 1;
}

/* Kaizen tv */

.kaizen-tv-sec1 .dnd-section {
  border-bottom: 1px solid #2dcc70;
  padding-bottom: 13.33333vw;
  padding-top: 10.66667vw;
}
.kaizen-tv-sec2 .dnd-section {
  padding-bottom: 0;
  padding-top: 10.66667vw;
}
.kaizen-tv-sec3 .dnd-section {
  padding: 0;
  padding-top: 8vw;
}
.kaizen-tv-sec4 .dnd-section {
  padding-bottom: 4vw;
  padding-top: 8vw;
}
.kaizen-tv-sec4 .dnd-section h2 {
  font-size: 20px;
  font-size: 5.33333vw;
  font-weight: 700;
  line-height: 1.406;
  margin-bottom: 3.73333vw;
  text-align: center;
  margin-top: 0;
  font-family: Barlow,Noto Sans JP,sans-serif;
}
.kaizen-tv-sec4 .dnd-section .widget-type-linked_image {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin-left: auto;
  margin-right: auto;
  width: 345px;
  width: 92vw;
}
.kaizen-tv-sec5 .dnd-section {
  padding: 0;
}
.kaizen-tv-sec6 .dnd-section {
  border-bottom: 1px solid #2dcc70;
  margin-bottom: 8vw;
  padding-bottom: 14.66667vw;
  padding-top: 8vw;
}
.kaizen-tv-sec6 .dnd-section h2 {
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: 700;
  margin-bottom: 6.13333vw;
  position: relative;
  width: 346px;
  width: 92.26667vw;
  font-display: swap;
  font-family: Noto Sans JP;
  padding-left: .8vw;
  margin-top: 0;
}
.kaizen-tv-sec6 .dnd-section p {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-display: swap;
  font-family: Noto Sans JP;
  padding-left: .8vw;
  font-size: 14px;
  font-size: 3.73333vw;
  font-weight: 400;
  margin-bottom: 5.06667vw;
}
.kaizen-tv-sec7 .dnd-section {
  display: block;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border-bottom: 1px solid #2dcc70;
  margin-bottom: 8vw;
  padding-bottom: 1.33333vw;
  padding-top: 8vw;
}
.kaizen-tv-sec8 .dnd-section {
  padding: 0;
}
.no_btn .fxd_btn.kaizen-tv_btn {
  display: block;
}


/* Video solution */


.video-solution-page .subpage-mv.ad .head-area {
  margin-left: 0;
}
.video-solution-page .subpage-mv.ad .head-area .title-area {
  margin-left: 0;
}
.video-solution-page .subpage-mv.ad .head-area .picto {
  height: 80px;
  height: 21.33333vw;
  margin-right: 3.73333vw;
  width: 100px;
  width: 26.66667vw;
}
.video-solution-page .subpage-mv.ad .head-area .lead {
  margin-bottom: 3.2vw;
  font-family: Montserrat,YuGothic,Yu Gothic,sans-serif;
  font-size: 32px;
  font-size: 8.53333vw;
  font-weight: 700;
  letter-spacing: -.01em;
  position: relative;
  top: 0;
}
.video-solution-page .subpage-mv.ad .head-area .title {
  font-weight: 700;
  line-height: 1.5;
  display: block;
  font-display: swap;
  font-family: Noto Sans JP;
  font-size: 16px;
  font-size: 4.26667vw;
  letter-spacing: .02em;
}
.video-solution-sec1 .dnd-section {
  padding: 0;
}
.video-solution-page .image-with-content h3.intro-heading br {
  display: block;
}
.video-solution-page .image-with-content h3.intro-heading {
  line-height: 1.4;
  margin-bottom: 6.4vw;
  margin-top: -.8vw;
}
.video-solution-page .image-with-content .each-content {
  margin-bottom: 4.26667vw;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  width: 343px;
  width: 91.46667vw;
  height: auto;
}
.video-solution-page .image-with-content .each-content .inner {
  background: #fff;
  height: 100%;
  padding: 4.26667vw 3.2vw 5.6vw;
}
.video-solution-page .image-with-content .each-content .img {
  height: auto;
  margin-bottom: 6.4vw;
  position: relative;
  text-align: center;
}
.video-solution-page .image-with-content .each-content .img img {
  height: 100% !important;
  width: auto;
}
.video-solution-page .image-with-content .each-content p.title {
  font-display: swap;
  font-family: Noto Sans JP;
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: 700;
  margin-bottom: 4vw;
  text-align: center;
}
.video-solution-page .image-with-content .each-content p.desc {
  font-display: swap;
  font-family: Noto Sans JP;
  font-size: 14px;
  font-size: 3.73333vw;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.71429;
  text-align: center;
}
.video-solution-page .image-with-content p.quote {
  color: #868686;
  font-size: 12px;
  font-size: 3.2vw;
  margin-top: 4vw;
  margin-bottom: 0;
}
.video-solution-page .image-with-content .each-content:nth-child(3) p.title {
  margin-bottom: 2.93333vw;
}
.video-solution-sec2 .dnd-section {
  padding-top: 13.33333vw;
  padding-bottom: 0;
}
.video-solution-sec3 .dnd-section {
  padding-bottom: 16vw;
  padding-top: 16vw;
}
/* .video-solution-sec4 .dnd-section {
padding-bottom: 26.66667vw;
padding-left: 16px;
padding-right: 16px;
padding-top: 0;
} */
.dx-solution-page .kt-banner .subpage-mv .head-area .picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dx-solution-page .kt-banner .subpage-mv .head-area .picto {
  width: 16.48438vw;
  margin-right: 2.34375vw;
  margin-bottom: 0;
}

.dx-solution-page .kt-banner .subpage-mv .head-area .title {
  font-family: Barlow,Noto Sans JP,sans-serif;
  letter-spacing: .04em;
}
.dx-solution-page .kt-banner .subpage-mv .head-area .title span {
  color: #2dcc70;
}
.dx-solution-page .kt-banner .subpage-mv .head-area h2.lead {
  line-height: 1.5;
  font-weight: 700;
  font-family: Barlow,Noto Sans JP,sans-serif;
  letter-spacing: 0;
}
.dx-solution-page .kt-banner .subpage-mv .head-area {
  margin-top: 15px;
}
.dx-solution-page .kt-banner .subpage-mv .head-area .title span {
  color: #2dcc70;
  font-weight: 700;
}
.dx-solution-sec1 .dnd-section {
  padding: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.dx-solution-sec1 .dnd-section .section-header h1 {
  font-family: Noto Sans JP;
  font-display: swap;
  font-weight: 700;
  letter-spacing: .04em;
  font-size: 20px;
  font-size: 5.33333vw;
  line-height: 1.6;
  text-align: center;
  position: relative;
  padding-bottom: 5.06667vw;
  margin-bottom: 4.53333vw;
}
.dx-solution-sec1 .dnd-section .section-header h1:before {
  content: "";
  width: 72px;
  width: 19.2vw;
  height: 3px;
  height: .8vw;
  background: #88e18e;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.dx-solution-sec1 .dnd-section .section-header p.secondary-header {
  text-align: center;
  font-family: Noto Sans JP;
  font-display: swap;
  font-size: 14px;
  font-size: 3.73333vw;
  margin-bottom: 8.8vw;
}
.dx-solution-sec2 .dnd-section {
  padding: 0;
}
.dx-solution-sec7 .sec-video-service {
  margin-top: 0;
}
.dx-solution-sec7 .sec-video-service h3.video-services-head br {
  display: block;
}
.dx-solution-sec7 .dnd-section {
  padding: 0;
}
.dx-solution-sec8 .dnd-section {
  padding: 16vw 16px 26.66667vw;
}
.dx-solution-sec8 .sec-service h2.services-head01 {
  margin-bottom: 5.33333vw;
}
.dx-solution-sec8 .sec-service .service-box .picto {
  margin-bottom: 2.66667vw;
  height: 101px;
  height: 26.93333vw;
  width: 164px;
  width: 43.73333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.dx-solution-sec8 .each-service:nth-child(2) .picto {
  width: 140px;
  width: 37.33333vw;
}
.dx-solution-sec8 .sec-service .service-box .picto img {
  vertical-align: top;
}
.kaizenad-logo a {
  opacity: 1 !important;
}
.dx-solution-page .sec-service h2.services-head01 {
  margin-bottom: 5.33333vw;;
}
.dx-solution-page .sec-service .service-box .each-service-1 .picto {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.dx-solution-btn.fxd_btn {
  display: block !important;
}





@media screen and (min-width: 561px){
  .kaizen-tv-page .subpage-mv.ad .btn-wrap {
    margin-left: 3.90625vw;
  }
  .kaizen-tv-sec1 .dnd-section {
    padding-bottom: 7.03125vw;
    padding-top: 5.46875vw;
  }
  .kaizen-tv-sec2 .dnd-section {
    padding-bottom: 5.46875vw;
    padding-top: 5.46875vw;
  }
  .kaizen-tv-sec3 .dnd-section {
    padding-top: 7.8125vw;
  }
  .kaizen-tv-sec4 .dnd-section {
    padding-bottom: 1.17188vw;
    padding-top: 2.73438vw;
  }
  .kaizen-tv-sec4 .dnd-section h2 {
    font-size: 32px;
    font-size: 2.5vw;
    margin-bottom: 1.5625vw;
  }
  .kaizen-tv-sec4 .dnd-section h2 br {
    display: none;
  }
  .kaizen-tv-sec4 .dnd-section .widget-type-linked_image {
    width: 923px;
    width: 72.10938vw;
  }  
  .kaizen-tv-sec6 .dnd-section {
    margin-bottom: 3.125vw;
    padding-bottom: 8.98438vw;
    padding-top: 3.125vw;
  }
  .kaizen-tv-sec6 .dnd-section h2 {
    width: 960px;
    width: 75vw;
    font-size: 20px;
    font-size: 1.5625vw;
    margin-bottom: 2.5vw;
    padding-left: 0;
  }
  .kaizen-tv-sec6 .dnd-section p {
    font-size: 16px;
    font-size: 1.25vw;
    margin-bottom: 2.10938vw;
    padding-left: 0;
  }
  .kaizen-tv-sec6 .dnd-section p br {
    display: none;
  }
  .kaizen-tv-sec7 .dnd-section {
    margin-bottom: 3.125vw;
    padding-bottom: .39063vw;
    padding-top: 3.125vw;
  }
  .kaizen-tv-sec6 .dnd-section > .row-fluid {
    width: 75vw;
  }
  .kaizen-tv-sec7 .dnd-section > .row-fluid {
    width: 75vw;
  }
  .video-solution-page .subpage-mv.ad .head-area {
    margin-left: 10.625vw;
  }
  .video-solution-page .subpage-mv.ad .head-area .picto {
    height: 115px;
    height: 8.98438vw;
    margin-right: 3.90625vw;
    width: 177px;
    width: 13.82813vw;
  }
  .video-solution-page .subpage-mv.ad .head-area .lead {
    font-size: 72px;
    font-size: 5.625vw;
    top: 0;
    margin-bottom: 0;
  }
  .video-solution-page .subpage-mv.ad .head-area .title {
    font-size: 32px;
    font-size: 2.5vw;
  }
  .video-solution-page .image-with-content h3.intro-heading {
    margin-bottom: 3.82813vw;
    margin-top: -.39062vw;
  }
  .video-solution-page .image-with-content .each-content {
    background: -webkit-gradient(linear,left top,left bottom,from(#2dcc70),to(#2dc79d));
    background: linear-gradient( 
      180deg
      ,#2dcc70,#2dc79d);
    margin-bottom: 0;
    margin-left: 1.64063vw;
    margin-right: 1.64063vw;
    width: 372px;
    width: 29.0625vw;
  }
  .video-solution-page .image-with-content .each-content .inner {
    padding-bottom: 1.79687vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    padding-top: 1.95313vw;
  }
  .video-solution-page .image-with-content .each-content .img {
    height: 164px;
    height: 12.8125vw;
    margin-bottom: 1.95313vw;
  }
  .video-solution-page .image-with-content .each-content p.title {
    font-size: 20px;
    font-size: 1.5625vw;
    line-height: 1.6;
    margin-bottom: 1.17188vw;
  }

  .video-solution-page .image-with-content .each-content p.desc {
    font-size: 14px;
    font-size: 1.09375vw;
  }

  .video-solution-page .image-with-content p.quote {
    font-size: 11px;
    font-size: .85938vw;
    margin-top: 1.5625vw;
  }
  .video-solution-page .image-with-content .each-content:nth-child(3) p.title {
    margin-bottom: .78125vw;
  }
  .video-solution-sec2 .dnd-section {
    padding-top: 7.8125vw;
  }
  .video-solution-sec3 .dnd-section {
    padding-bottom: 10.9375vw;
    padding-top: 7.03125vw;
  }
  /*   .video-solution-sec4 .dnd-section {
  padding-bottom: 11.71875vw;
} */
  .dx-solution-sec1 .dnd-section .section-header h1 {
    font-size: 32px;
    font-size: 2.5vw;
    padding-bottom: 1.79687vw;
    margin-bottom: 3.90625vw;
  }
  .dx-solution-sec1 .dnd-section .section-header h1:before {
    width: 144px;
    width: 11.25vw;
    height: 4px;
    height: .3125vw;
  }
  .dx-solution-sec1 .dnd-section .section-header h1 br {
    display: none;
  }

  .dx-solution-sec1 .dnd-section .section-header p.secondary-header {
    font-size: 16px;
    font-size: 1.25vw;
    margin-bottom: 2.89063vw;
    line-height: 1.75;
  }
  .dx-solution-sec8 .dnd-section {
    padding-top: 6.25vw;
    padding-bottom: 11.71875vw;
  }
  .dx-solution-sec8 .sec-service h2.services-head01 {
    margin-bottom: 2.73438vw;
  }
  .dx-solution-sec8 .sec-service .service-box .picto {
    margin-bottom: 1.17188vw;
    height: 101px;
    height: 7.89063vw;
    width: 164px;
    width: 12.8125vw;
  }
  .dx-solution-sec8 .each-service:nth-child(2) .picto {
    width: 140px;
    width: 10.9375vw;
  }
  .dx-solution-page .sec-service h2.services-head01 {
    margin-bottom: 2.73438vw;
  }

}

@media screen and (min-width: 768px){
  header.header-kaizenad {
    padding-top: 163px;
  }
  .header-kaizenad .header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header-kaizenad .header-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 25px;
    height: calc( 167 / 1275 * 100vh);
    min-height: 100px;
  }
  .kaizenad-logo img.hs-image-widget {
    width: 200px !important;
    height: calc( 130 / 1275 * 100vh);
    max-height: 100px;
  }
  .download_button .hs-button {
    width: 206px;
    height: 68px;
    margin-left: 22px;
    border-radius: 12px;
    padding-left: 28px;
  }
  .kaizenad-menu .hs-menu-wrapper > ul > li > a {
    position: relative;
    margin: 0 1.5em 20px 1.5em;
    font-size: 18px;
    letter-spacing: 0.06em;
  }
  .kaizenad-menu .hs-menu-wrapper > ul > li > a:after {
    content: '';
    position: absolute;
    left: 0.7em;
    bottom: 0px;
    width: calc(100% - 1.4em);
    height: 8px;
    background: #d2d8e6;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    opacity: 0;
  }
  .kaizenad-menu .hs-menu-wrapper > ul > li > a:hover:after {
    height: 13px;
    bottom: -13px;
    opacity: 1;
  }
  .download_button .hs-button:after {
    content: '';
    background: #FFAAAA;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    border: none;
  }
  .download_button .hs-button:hover:after {
    width: 100%;
    opacity: 1;
  }
  .youtube-row1 .dnd-section {
    padding: 65px 30px 70px 30px;
  }
  .youtube-row1 .dnd-section p {
    font-size: 16px;
    line-height: 3;
  }
  .youtube-row2 .dnd-section {
    padding: 100px 30px;
  }
  .youtube-layout .dnd-section .widget-type-header h2 {
    margin-bottom: 60px;
    font-size: 40px;
    letter-spacing: 0.2em;
  }
  .youtube-layout .youtube-row3 .dnd-section .widget-type-header h2 {
    margin-bottom: 70px;
    font-size: 40px;
    letter-spacing: 0.2em;
  }
  .youtube-row2 .dnd-section .widget-type-header h2 br {
    display: none;
  }
  .youtube-row3 .dnd-section {
    padding: 115px 30px 90px 30px;
  }
  .youtube-layout .youtube-row4 .dnd-section h2 {
    margin-bottom: 70px;
  }
  .youtube-row4-group {
    padding: 100px 0 50px 0;
  }
  .youtube-row5 .dnd-section {
    padding: 100px 30px 120px 30px;
  }
  .youtube-row5 .dnd-section .widget-type-rich_text h2 {
    margin-bottom: 100px;
    font-size: 40px;
    letter-spacing: 0.2em;
  }
  .youtube-row6 .dnd-section {
    padding: 100px 30px 90px 30px;
  }
  .youtube-row7 .dnd-section h2{
    font-size: calc(48 / 1800 * 100vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 185px;
  }
  .youtube-row8 .dnd-section {
    padding: 120px 0 105px 0;
  }
  .youtube-row8 .dnd-section h2 {
    margin-bottom: 3em;
    font-size: 40px;
    letter-spacing: 0.2em;
  }
  .youtube-row8 .dnd-section h2 br {
    display: none;
  }
  .footer-agencies .float-btn {
    display: none;
  }

}
@media screen and (min-width: 961px){
  .kaizen-tv-page .subpage-mv.ad .btn-wrap {
    margin-left: 3.90625vw;
  }
  .kaizen-tv-sec1 .dnd-section {
    padding-bottom: 7.03125vw;
    padding-top: 5.46875vw;
  }
  .kaizen-tv-sec2 .dnd-section {
    padding-bottom: 5.46875vw;
    padding-top: 5.46875vw;
  }
  .kaizen-tv-sec3 .dnd-section {
    padding-top: 7.8125vw;
  }
  .kaizen-tv-sec4 .dnd-section {
    padding-bottom: 1.17188vw;
    padding-top: 2.73438vw;
  }
  .kaizen-tv-sec4 .dnd-section h2 {
    font-size: 32px;
    font-size: 2.5vw;
    margin-bottom: 1.5625vw;
  }
  .kaizen-tv-sec4 .dnd-section .widget-type-linked_image {
    width: 923px;
    width: 72.10938vw;
  }
  .kaizen-tv-sec7 .dnd-section > .row-fluid,
  .kaizen-tv-sec6 .dnd-section > .row-fluid {
    width: 75vw;
  }
  .video-solution-page .image-with-content .each-content {
    margin-bottom: 0;
    margin-left: 1.64063vw;
    margin-right: 1.64063vw;
    width: 372px;
    width: 29.0625vw;
  }
  .dx-solution-page .kt-banner .subpage-mv .head-area {
    margin-left: 80px;
  }
}
@media screen and (min-width: 1200px){
  .kaizen-tv-page .subpage-mv.ad .btn-wrap {
    margin-left: 50px;
  }
  .kaizen-tv-sec1 .dnd-section {
    padding-bottom: 90px;
    padding-top: 70px;
  }
  .kaizen-tv-sec2 .dnd-section {
    padding-bottom: 70px;
    padding-top: 70px;
  }
  .kaizen-tv-sec3 .dnd-section {
    padding-top: 100px;
  }
  .kaizen-tv-sec4 .dnd-section {
    padding-bottom: 15px;
    padding-top: 35px;
  }
  .kaizen-tv-sec4 .dnd-section h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .kaizen-tv-sec4 .dnd-section .widget-type-linked_image {
    width: 923px;
  }
  .kaizen-tv-sec6 .dnd-section {
    margin-bottom: 40px;
    padding-bottom: 115px;
    padding-top: 40px;
  }
  .kaizen-tv-sec6 .dnd-section h2 {
    width: 960px;
    font-size: 20px;
    margin-bottom: 32px;
    padding-left: 0;
  }
  .kaizen-tv-sec6 .dnd-section p {
    font-size: 16px;
    margin-bottom: 27px;
    padding-left: 0;
  }
  .kaizen-tv-sec7 .dnd-section {
    margin-bottom: 40px;
    padding-bottom: 5px;
    padding-top: 40px;
  }
  .video-solution-page .subpage-mv.ad .head-area {
    margin-left: 136px;
  }
  .video-solution-page .subpage-mv.ad .head-area .picto {
    height: 115px;
    margin-right: 50px;
    width: 177px;
  }
  .video-solution-page .subpage-mv.ad .head-area .lead {
    font-size: 72px;
    top: 0;
  }
  .video-solution-page .subpage-mv.ad .head-area .title {
    font-size: 32px;
  }
  .video-solution-page .image-with-content h3.intro-heading {
    margin-bottom: 49px;
    margin-top: -5px;
  }
  .video-solution-page .image-with-content .each-content {
    margin-bottom: 0;
    margin-left: 21px;
    margin-right: 21px;
    width: 372px;
  }
  .video-solution-page .image-with-content .each-content .inner {
    padding-bottom: 23px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
  }
  .video-solution-page .image-with-content .each-content .img {
    height: 164px;
    margin-bottom: 25px;
  }
  .video-solution-page .image-with-content .each-content p.title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .video-solution-page .image-with-content .each-content p.desc {
    font-size: 14px;
  }
  .video-solution-page .image-with-content p.quote {
    font-size: 11px;
    margin-top: 20px;
  }
  .video-solution-page .image-with-content .each-content:nth-child(3) p.title {
    margin-bottom: 10px;
  }
  .video-solution-sec2 .dnd-section {
    padding-top: 100px;
  }
  .video-solution-sec3 .dnd-section {
    padding-bottom: 140px;
    padding-top: 90px;
  }
  /*   .video-solution-sec4 .dnd-section {
  padding-bottom: 150px;
} */
  .dx-solution-sec1 .dnd-section .section-header h1 {
    font-size: 32px;
    padding-bottom: 23px;
    margin-bottom: 50px;
  }
  .dx-solution-sec1 .dnd-section .section-header h1:before {
    width: 144px;
    height: 4px;
  }
  .dx-solution-sec1 .dnd-section .section-header p.secondary-header {
    font-size: 16px;
    margin-bottom: 37px;
  }
  .dx-solution-sec8 .dnd-section {
    padding-top: 80px;
    padding-bottom: 150px;
  }
  .dx-solution-sec8 .sec-service h2.services-head01 {
    margin-bottom: 35px;
  }
  .dx-solution-sec8 .sec-service .service-box .picto {
    margin-bottom: 15px;
    height: 101px;
    width: 164px;
  }
  .dx-solution-sec8 .each-service:nth-child(2) .picto {
    width: 140px;
  }
  .dx-solution-page .kt-banner .subpage-mv .head-area .picto {
    width: 211px;
    margin-right: 30px;
  }
  .dx-solution-page .sec-service h2.services-head01 {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 1800px){
  .youtube-row7 .dnd-section h2 {
    font-size: 48px;
  }
}
@media screen and (max-width: 1410px){
  .kaizenad-menu .hs-menu-wrapper>ul>li>a {
    font-size: 16px;
    padding: 0 10px;
    margin: 0 0.5em 20px 0.5em;
  }

}
@media screen and (max-width: 1199px){
  .dx-solution-sec8 .sec-service .service-box h3.service-name {
    font-size: 40px;
    font-size: 3.125vw;
    margin-bottom: 2.34375vw;
  }
}
@media screen and (max-width: 1250px){
  .download_button .hs-button {
    font-size: 16px;
    margin-left: 10px;
  }

}
@media screen and (max-width: 1000px){
  .download_button .hs-button {
    font-size: 12px;
    width: calc(206 / 1200 * 100vw);
    height: calc(72 / 1200 * 100vw);
  }
  .download_button .hs-button:before {
    width: 18.92px;
    height: 16.04px;
  }
  .kaizenad-menu .hs-menu-wrapper>ul>li>a {
    font-size: 12px;
    padding: 0 5px;
    margin: 0 0.5em 15px 0.5em;
  }
}
@media screen and (max-width: 960px){
  .dx-solution-page .kt-banner .subpage-mv .head-area {
    margin-top: 15px;
    margin-left: 6.25vw;
  }
  .dx-solution-page .kt-banner .subpage-mv .head-area h2.lead br {
    display: block;
  }
}

@media screen and (max-width: 767px){
  .header-kaizenad .header-top {
    display: none;
  }
  .kaizenad-nav {
    border-top: solid 1px #c0c1c2;
    padding-bottom: 40px;
    width: 100%;
    background: #FFF;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    position: absolute;
    top: 41px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    display: block;
  }
  .header-kaizenad .kaizenad-menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 7px;
    margin-right: 20px;
    padding-top: 2px;
    z-index: 15;
    cursor: pointer;
  }
  .header-kaizenad .kaizenad-menu-btn span {
    width: 35px;
    height: 4px;
    background: #4c566c;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    top: 0;
    white-space: normal;
  }
  .header-kaizenad .kaizenad-menu-btn span:last-child {
    margin-bottom: 4px;
  }
  .header-kaizenad .header-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .show-menu .kaizenad-nav {
    z-index: 11;
    opacity: 1;
    pointer-events: auto;
  }
  .menu-overlay {
    content: "";
    width: 100%;
    height: 100%;
    background: #4c566c;
    position: fixed;
    top: 0px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 5;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  .show-menu .menu-overlay {
    opacity: 0.81;
    pointer-events: auto;
  }
  .show-menu .header-kaizenad .kaizenad-menu-btn span:nth-of-type(1) {
    -webkit-transform: rotate( 
      45deg
    );
    transform: rotate( 
      45deg
    );
    top: 9px;
  }
  .show-menu .header-kaizenad .kaizenad-menu-btn span:nth-of-type(2) {
    opacity: 0;
  }
  .show-menu .header-kaizenad .kaizenad-menu-btn span:nth-of-type(3) {
    -webkit-transform: rotate( 
      -45deg
    );
    transform: rotate( 
      -45deg
    );
    top: -10px;
  }
  .kaizenad-menu .hs-menu-wrapper > ul {
    display: block;
  }
  .kaizenad-menu .hs-menu-wrapper > ul > li > a {
    min-height: 71px;
    border-bottom: solid 1px #c0c1c2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 12px;
    margin: 0;
  }
  .kaizenad-menu .hs-menu-wrapper > ul > li > a:after {
    content: '';
    pointer-events: none;
    width: 12px;
    height: 12px;
    border-top: solid 3px #4c566c;
    border-right: solid 3px #4c566c;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate( 
      45deg
    );
    transform: rotate( 
      45deg
    );
    -webkit-transform-origin: top right;
    transform-origin: top right;
    position: absolute;
    top: calc(50% - 1px);
    right: 48px;
  }
  .download_button .hs-button {
    width: calc(100% - 56px);
    height: 55px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    margin-top: 30px;
  }
  .download_button .hs-button:after {
    content: '';
    width: 12px;
    height: 12px;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate( 
      45deg
    );
    transform: rotate( 
      45deg
    );
    -webkit-transform-origin: top right;
    transform-origin: top right;
    position: absolute;
    top: calc(50% - 1px);
    right: 10px;
    border-top: solid 3px #FFF;
    border-right: solid 3px #FFF;
  }
  .download_button .hs-button:before {
    width: 16px;
    height: 13.57px;
    left: 16px;
  }
  .youtube-row5 .dnd-section>.row-fluid>.dnd-column .dnd-row:last-child .each-feature {
    margin-bottom: 60px;
  }
  .youtube-row6 .dnd-section .widget-type-header h2 {
    margin-bottom: 40px;
  }
  .youtube-row7 .dnd-section {
    text-align: center;
    padding: 30px 15px;
  }
  .youtube-row7 .dnd-section h2 br {
    display: block;
  }
  .youtube-row8 .dnd-section {
    background-position: left -40vw top !important;
    min-height: 725px;
  }






}
@media screen and (max-width: 560px){

  .kaizen-tv-page .subpage-mv.ad .subpage-mv-img:before {
    background: #fff;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,.5)));
    background: linear-gradient( 
      90deg
      ,hsla(0,0%,100%,.7),hsla(0,0%,100%,.5));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  .kaizen-tv-page .subpage-mv.ad .subpage-mv-inner {
    padding-left: 3.2vw;
    padding-top: 8vw;
  }
  .kaizen-tv-page .subpage-mv.ad .head-area .lead {
    top: -3.3em;
  }
  .kaizen-tv-page .subpage-mv.ad .head-area .copy p {
    margin-bottom: 16vw;
  }
  .kaizen-tv-sec2 .dnd-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .kaizen-tv-sec6 .dnd-section > .row-fluid {
    width: 93.06667vw;
  }
  .kaizen-tv-sec6 .dnd-section p {
    line-height: 1.57143;
  }
  .kaizen-tv-sec7 .dnd-section > .row-fluid {
    width: 90.66667vw;
  }
  .kaizen-tv-page .subpage-mv.ad .subpage-mv-img{
    background-position: -110.7vw center;
  }
  .video-solution-page .subpage-mv.ad .subpage-mv-inner {
    padding-left: 8vw;
    padding-top: 16vw;
  }
  .video-solution-page .subpage-mv.ad .head-area .title-area {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 9.86667vw;
    position: relative;
    -ms-flex-align: unset;
    -webkit-box-align: unset;
    align-items: unset;
  }
  .video-solution-page .subpage-mv.ad .head-area .title-area img {
    vertical-align: top;
  }
  .video-solution-page .image-with-content .each-content p.title {
    line-height: 1.55556;
  }
  .dx-solution-page .kt-banner .subpage-mv .head-area {
    margin: 0;
  }
  .dx-solution-page .kt-banner .subpage-mv .head-area .picto {
    width: 28.8vw;
    margin-bottom: 1.33333vw;
  }
  .dx-solution-page .kt-banner .subpage-mv .head-area .title {
    letter-spacing: .04em;
    font-size: 36px;
    font-size: 9.6vw;
    margin-bottom: 3.2vw;
    color: #000;
  }
  .dx-solution-sec1 .dnd-section .section-header p.secondary-header {
    line-height: 1.71429;
  }
  .dx-solution-sec1 .dnd-section .section-header p.secondary-header br {
    display: none;
  }
  .dx-overview-video .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.4;
  }
  .sec-dx-pro .dx-pro-head br {
    display: block;
  }
  .dx-solution-sec8 .sec-service .service-box h3.service-name {
    text-align: center;
    font-size: 28px;
    font-size: 7.46667vw;
    letter-spacing: .04em;
    margin-bottom: 5.33333vw;
  }
  .dx-solution-sec8 .sec-service .service-box p.desc {
    max-width: 265px;
  }
}

/* k css End */

/* V css */
.dx-book-pg .dnd-section>.row-fluid {
  max-width: 1800px;
}
.dx-book-pg .banner-section{
  max-width: 1800px;
  margin: 0 auto;
}
.dx-book-header-grp {
  border-bottom: solid 1px #2a2a2a;
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  max-width: 1800px;
  margin: 0 auto;
}
.dx-book-header-grp .header__container {
  max-width: 100%;
  padding-left: 20px;
  padding-left: calc( 20 / 750 * 100vw);
  height: 80px;
  height: calc( 80 / 750 * 100vw);
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dx-logo img {
  display: block;
}
.dx-nav a {
  background: #2a2a2a;
  color: #FFF;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}
.dx-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  margin-left: auto;
}
.dx-nav a span {
  font-weight: 700;
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.1em;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.dx-nav a:after {
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  pointer-events: none;
  height: 100%;
  background-image: url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/dx_book-arrow-white03.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    }
.dx-book-pg .body-container-wrapper {
  padding-left: 0;
  padding-right: 0; 
}
.body-container__dx-book .dnd-section>.row-fluid{
  padding: 80px 30px 55px;
}
.body-container__dx-book .hs_cos_wrapper_type_rich_text p {
  font-size: 26px;
  font-size: calc( 26 / 750 * 100vw);
  font-weight: 500;
  line-height: calc(48 / 26);
  margin: 0;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.body-container__dx-book .hs_cos_wrapper_type_rich_text {
  text-align: center;
}
.dx-book-pg .body-container-wrapper .hs-button {
  margin: 35px 0 50px;
  border-radius: 15px;
  height: 107px;
  width: 750px;
  -webkit-box-shadow: 0 10px 0 #2a2a2a;
  box-shadow: 0 10px 0 #2a2a2a;
  background: #fff100;
  display: -webkit-box;
  display: -ms-flexbox;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  display: flex;
  font-size: 32px;
  letter-spacing: 0.1em;
  -webkit-box-pack: center;
  color: #141414;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  font-size: 30px;
  font-size: calc( 30 / 750 * 100vw);
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}
.dx-book-pg .body-container-wrapper .hs-button:hover {
  opacity: 1;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 15px 0 #2a2a2a;
  box-shadow: 0 15px 0 #2a2a2a;
}
.feature-card .content-area ul li a.anchor:after,
.feature-content .content-area .txt-area a:after{
  background-image: url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/dx_book-arrow-white01.png');
    }
.dx-book-benefits .hs_cos_wrapper_type_header {
  display: block;
  text-align: center;
  padding: 55px 0;
}
.dx-book-benefits .hs_cos_wrapper_type_header h1 {
  margin: 0;
  font-size: 48px;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.dx-book-bottom .feature-content .img-area {
  max-width: 523px;
}
.dx-footer-grp {
  max-width: 1800px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dx__copyright {
  padding-left: 65px;
  height: 180px;
  font-size: 24px;
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dx-footer-grp .footer-dx-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: auto;
}
a.totop.anchor {
  background-color: #555555;
  background-image:  url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/dx_book-arrow-white02.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    background-size: 42px;
    height: 180px;
    width: 180px;
    display: inline-block;
    }



.dx-book-pg .body-container-wrapper .dx-book-bottom .hs-button {
  margin-top: 127px;
  margin-bottom: 157px;
}


/*--------- DX NCS --------*/

.dx-ncs-header-grp .header__container {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 120px;
  height: calc( 120 / 750 * 100vw);
  padding-left: 20px;
  padding-left: calc( 20 / 750 * 100vw);
  margin: 0 auto;
}
.dx-ncs-header-grp {
  position: fixed;
  top: 0;
  left: 0;
  background: #2a2a2a;
  width: 100%;
  z-index: 10;
  border-bottom: solid 1px #5e5e5e;
}
.dx-ncs-pg .body-container-wrapper {
  padding-top: calc( 155 / 1800 * 100vw);
}
.dx-ncs-logo a {
  display: block;
  width: 339px;
  width: calc( 339 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 0px;
  padding-bottom: calc( 0 / 750 * 100vw);
  display: block;
}
.dx-ncs-logo a img {
  display: block;
}
.dx-ncs-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  top: 120px;
  top: calc( 120 / 750 * 100vw);
}
.dx-ncs-nav ul.submenu.level-1 li a {
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
  height: calc( 100 / 750 * 100vw);
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  padding-left: 50px;
  padding-left: calc( 50 / 750 * 100vw);
  padding-right: 0px;
  padding-right: calc( 0 / 750 * 100vw);
}
.dx-ncs-nav ul.submenu.level-1 li:last-child a {
  background: #8ac786;
  color: #2a2a2a;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  width: 24px;
  width: calc( 24 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  position: relative;
}
.dx-ncs-nav ul.submenu.level-1 {
  margin: 0;
}
.dx-ncs-pg a:link:hover {
  opacity: 1;
}
.dx-ncs-nav ul.submenu.level-1 li a:hover {
  background: #898989;
}
.dx-ncs-nav ul.submenu.level-1 li:last-child a:hover {
  background: #8ac786;
}
.body-container__dx-ncs {
  padding-top: 80px;
  padding-top: calc( 80 / 750 * 100vw);
  padding-bottom: 80px;
  padding-bottom: calc( 80 / 750 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #2a2a2a;
  border-bottom: solid 1px #515151;
}
.body-container__dx-ncs .hs_cos_wrapper_type_linked_image {
  width: 400px;
  width: calc( 400 / 750 * 100vw);
  display: block;
}
.body-container__dx-ncs .hs_cos_wrapper_type_linked_image img {
  display: block;
}
.boxed-content #introduction{
  background: #2d2b2c;
  color: #FFF;
  padding-top: 80px;
  padding-top: calc( 80 / 750 * 100vw);
  padding-bottom: 80px;
  padding-bottom: calc( 80 / 750 * 100vw);
  border-bottom: solid 1px #515151;
}
.boxed-content .intro-txt-wrap {
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/jinzai-bg-hatch01.png');
    }
.dx-ncs-resources {
  color: #FFF;
  padding-top: 40px;
  padding-top: calc( 40 / 750 * 100vw);
  padding-bottom: 0px;
  padding-bottom: calc( 0 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 35px;
  padding-left: calc( 35 / 750 * 100vw);
  padding-right: 35px;
  padding-right: calc( 35 / 750 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #3c3c3c;
}
.dx-ncs-resources .hs_cos_wrapper_type_rich_text ul {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-size: calc( 20 / 750 * 100vw);
  letter-spacing: 0.1em;
  margin-bottom: 30px;
  margin-bottom: calc( 30 / 750 * 100vw);
  list-style: none;
}
.dx-ncs-resources .hs_cos_wrapper_type_rich_text ul li {
  margin-bottom: 20px;
  margin-bottom: calc( 20 / 750 * 100vw);
  font-weight: 500;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.dx-ncs-pg {
  font-weight: 500;
}
.dx-ncs-digitization-grp{
  background-size: cover;
  background-position: center;
  padding-top: 90px;
  padding-top: calc( 90 / 750 * 100vw);
  padding-bottom: 60px;
  padding-bottom: calc( 60 / 750 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dx-ncs-digitization .hs_cos_wrapper_type_rich_text p {
  width: 690px;
  width: calc( 690 / 750 * 100vw);
  font-size: 22px;
  font-size: calc( 22 / 750 * 100vw);
  letter-spacing: 0.02em;
  line-height: calc(50 / 24);
  margin-bottom: 2em;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.dx-ncs-target .boxed-content{
  background: #2a2a2a;
  padding-top: 110px;
  padding-top: calc( 110 / 750 * 100vw);
  padding-bottom: 40px;
  padding-bottom: calc( 40 / 750 * 100vw);
}
.dx-ncs-target .boxed-content h3.target-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFF;
  margin-bottom: 45px;
  margin-bottom: calc( 45 / 750 * 100vw);
  margin-top: 0;
}
.dx-ncs-target .boxed-content h3.target-head span.en {
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
  margin-bottom: 15px;
  margin-bottom: calc( 15 / 750 * 100vw);
}
.dx-ncs-target .boxed-content span.ja {
  font-weight: 700;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.dx-ncs-target .boxed-content .intro-txt-wrap {
  font-size: 23px;
  font-size: calc( 23 / 750 * 100vw);
  font-weight: 700;
  width: 690px;
  width: calc( 690 / 750 * 100vw);
  margin: 0 auto;
  line-height: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  border-style: solid;
  border-width: calc(16 / 1800 * 100vw);
  border-color: #a7a7a7;
  background-size: 4px auto;
  background-color: #a7a7a7;
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/jinzai-bg-hatch02.png');
    }
.dx-ncs-target .boxed-content .intro-txt-wrap ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 30px;
  padding-top: calc( 30 / 750 * 100vw);
  padding-bottom: 30px;
  padding-bottom: calc( 30 / 750 * 100vw);
  padding-left: 10px;
  padding-left: calc( 10 / 750 * 100vw);
  padding-right: 10px;
  padding-right: calc( 10 / 750 * 100vw);
  background: #a7a7a7;
  margin: 0;
  list-style: none;
}
.dx-ncs-target .boxed-content .intro-txt-wrap ul li {
  font-weight: 700;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1em;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.dx-ncs-target .boxed-content .intro-txt-wrap ul li:before {
  content: '・';
  position: absolute;
  left: 0;
  top: 0;
  height: 1em;
}
.dx-ncs-benefit {
  background: #2a2a2a;
  padding-top: 40px;
  padding-top: calc( 40 / 750 * 100vw);
  padding-bottom: 40px;
  padding-bottom: calc( 40 / 750 * 100vw);
}
.dx-ncs-curriculum-grp{
  background: #2a2a2a;
  color: #FFF;
  padding-top: 125px;
  padding-top: calc( 125 / 750 * 100vw);
  padding-bottom: 75px;
  padding-bottom: calc( 75 / 750 * 100vw);
}
.dx-ncs-curriculum-grp .hs_cos_wrapper_type_rich_text h3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 45px;
  margin-bottom: calc( 45 / 750 * 100vw);
  color: #fff;
  margin-top: 0;
}
.dx-ncs-access-gp .hs_cos_wrapper_type_rich_text h3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  margin-top: 0;
  margin-bottom: 60px;
  margin-bottom: calc( 60 / 750 * 100vw);
}
.dx-ncs-price-gp .hs_cos_wrapper_type_rich_text h3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  color: #fff;
  margin-top: 0;
}
.dx-ncs-access-gp .hs_cos_wrapper_type_rich_text h3 span{
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
  margin-bottom: 15px;
  margin-bottom: calc( 15 / 750 * 100vw);
}
.dx-ncs-curriculum-grp .hs_cos_wrapper_type_rich_text h3 span,
.dx-ncs-price-gp .hs_cos_wrapper_type_rich_text h3 span{
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
  margin-bottom: 15px;
  margin-bottom: calc( 15 / 750 * 100vw);
}
.dx-ncs-access-gp .hs_cos_wrapper_type_rich_text h3 strong{
  font-weight: 700;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.dx-ncs-curriculum-grp .hs_cos_wrapper_type_rich_text h3 strong,
.dx-ncs-price-gp .hs_cos_wrapper_type_rich_text h3 strong{
  font-weight: 700;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.dx-ncs-curriculum-grp .hs_cos_wrapper_type_rich_text p,
.dx-ncs-price-gp .hs_cos_wrapper_type_rich_text p{
  font-size: 28px;
  font-size: calc( 28 / 750 * 100vw);
  text-align: center;
  margin-bottom: 100px;
  margin-bottom: calc( 100 / 750 * 100vw);
}
.dx-ncs-curriculum-grp table,
.dx-ncs-price-gp table,
.dx-ncs-access-gp table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 750px;
  width: calc( 750 / 750 * 100vw);
  margin: 0 auto;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  border: 0;
}
.dx-ncs-curriculum-grp table th,
.dx-ncs-price-gp table th,
.dx-ncs-access-gp table th{
  border-right: solid 1px #a5a5a5;
  width: 170px;
  width: calc( 170 / 750 * 100vw);
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  padding-left: 25px;
  padding-left: calc( 25 / 750 * 100vw);
  padding-bottom: 2em;
  padding-top: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  background: transparent;
  border: 0;
  color: #fff;
  border-right: solid 1px #a5a5a5;
}
.dx-ncs-curriculum-grp table td,
.dx-ncs-price-gp table td,
.dx-ncs-access-gp table td{
  padding-left: 25px;
  padding-left: calc( 25 / 750 * 100vw);
  padding-right: 10px;
  padding-right: calc( 10 / 750 * 100vw);
  padding-bottom: 2em;
  padding-top: 1em;
  font-weight: 500;
  background: transparent;
  border: 0;
  color: #fff;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.dx-ncs-curriculum-grp .hs_cos_wrapper_type_linked_image img {
  display: block;
}
.dx-ncs-curriculum-grp .hs_cos_wrapper_type_linked_image {
  display: block;
  width: 690px;
  width: calc( 690 / 750 * 100vw);
  margin-top: 60px;
  margin-top: calc( 60 / 750 * 100vw);
  margin-left: auto;
  margin-right: auto;
}
.dx-ncs-playbook-grp {
  background: #a7a7a7;
  padding-top: 70px;
  padding-top: calc( 70 / 750 * 100vw);
  padding-bottom: 0px;
  padding-bottom: calc( 0 / 750 * 100vw);
}

#playbook .playbook-content li .arrow {
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/jinzai-icon-arrow01.png');
    }
.dx-ncs-price-gp {
  padding-top: 120px;
  padding-top: calc( 120 / 750 * 100vw);
  padding-bottom: 60px;
  padding-bottom: calc( 60 / 750 * 100vw);
  color: #FFF;
  background: #2a2a2a;
  border-bottom: solid 1px #555555;
}
.dx-ncs-price-gp {
  padding-top: 150px;
  padding-top: calc( 150 / 1800 * 100vw);
  padding-bottom: 100px;
  padding-bottom: calc( 100 / 1800 * 100vw);
}
.dx-ncs-access-gp {
  background: #3e3e3e;
  padding-top: 94px;
  padding-top: calc( 94 / 750 * 100vw);
  color: #FFF;
}
.dx-ncs-entry-gp {
  padding-top: 85px;
  padding-top: calc( 85 / 750 * 100vw);
  padding-bottom: 250px;
  padding-bottom: calc( 250 / 750 * 100vw);
  background: #2a2a2a;
  color: #FFF;
}
.dx-ncs-entry-gp .hs_cos_wrapper_type_rich_text h3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
  margin-bottom: calc( 50 / 750 * 100vw);
  color: #fff;
  margin-top: 0;
}
.dx-ncs-entry-gp .hs_cos_wrapper_type_rich_text h3 span{
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
  margin-bottom: 15px;
  margin-bottom: calc( 15 / 750 * 100vw);
}
.dx-ncs-entry-gp .hs_cos_wrapper_type_rich_text h3 strong{
  font-weight: 700;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.dx-ncs-entry-gp .hs_cos_wrapper_type_rich_text p {
  text-align: center;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  line-height: calc(47 / 24);
  letter-spacing: 0.02em;
  margin-bottom: 40px;
  margin-bottom: calc( 40 / 750 * 100vw);
}
.dx-ncs-entry-gp .hs-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  border: solid 1px #8ac786;
  background: #8ac786;
  position: relative;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  width: 523px;
  width: calc( 523 / 750 * 100vw);
  margin-top: 0;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  height: 102px;
  height: calc( 102 / 750 * 100vw);
  border-radius: 15px;
  border-radius: calc( 15 / 750 * 100vw);
  margin-bottom: 30px;
  margin-bottom: calc( 30 / 750 * 100vw);
  margin-left: auto;
  margin-right: auto;
  color: #2a2a2a;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  font-size: 30px;
  font-size: calc( 30 / 750 * 100vw);
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.dx-ncs-entry-gp .hs-button:hover {
  background: #FFF;
  color: #2a2a2a;
  border: solid 1px #FFF;
}
.dx-ncs-entry-gp .hs-button:after {
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  content: '';
  position: absolute;
  pointer-events: none;
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/jinzai-icon-arrow01.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 20px;
    width: calc( 20 / 750 * 100vw);
    height: 20px;
    height: calc( 20 / 750 * 100vw);
    top: 43px;
    top: calc( 43 / 750 * 100vw);
    right: 24px;
    right: calc( 24 / 750 * 100vw);
    }
.footer-ncs-grp {
  width: 100%;
  height: 240px;
  height: calc( 240 / 750 * 100vw);
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0px;
  padding-left: calc( 0 / 750 * 100vw);
}
.footer-ncs-img {
  width: 375px;
  width: calc( 375 / 750 * 100vw);
}
.footer-ncs-copyright{
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 96px;
  height: calc( 96 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 25px;
  padding-top: calc( 25 / 750 * 100vw);
  padding-left: 0px;
  padding-left: calc( 0 / 750 * 100vw);
}
.footer-ncs-nav .hs_cos_wrapper_type_rich_text{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.footer-ncs-nav p,
.footer-ncs-nav a{
  width: 150px;
  width: calc( 150 / 750 * 100vw);
  height: 150px;
  height: calc( 150 / 750 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  margin: 0;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-size: 31px;
  font-size: calc( 31 / 750 * 100vw);
}
.footer-ncs-img img {
  width: 100%;
  display: block;
}
.footer-ncs-nav a img {
  height: 67px;
  height: calc( 67 / 750 * 100vw);
}
footer.dx-ncs-footer {
  border-top: solid 1px #a5a5a5;
}

.footer-ncs-nav p:before, .footer-ncs-nav a:before {
  content: '';
  width: 1px;
  height: 100%;
  background: #a5a5a5;
  position: absolute;
  top: 0;
  left: 0;
}
.footer-ncs-nav a.totop.anchor {
  background-color: #2a2a2a;
}

.sp-menu-btn {
  display: none;
}
.dx-drive-header-grp .header__container {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 120px;
  height: calc( 120 / 750 * 100vw);
  padding-left: 20px;
  padding-left: calc( 20 / 750 * 100vw);
  max-width: 100%;
}
.dx-drive-logo a {
  width: 339px;
  width: calc( 339 / 750 * 100vw);
  display: block;
}
.dx-drive-logo a img {
  display: block;
}
.dx-drive-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  top: 120px;
  top: calc( 120 / 750 * 100vw);
}
.dx-drive-nav ul.submenu.level-1 li a {
  color: #2a2a2a;
  text-decoration: none;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
  height: calc( 100 / 750 * 100vw);
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  padding-left: 50px;
  padding-left: calc( 50 / 750 * 100vw);
  padding-right: 0px;
  padding-right: calc( 0 / 750 * 100vw);
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.dx-drive-nav ul.submenu.level-1 {
  margin: 0;
}
.dx-drive-header-grp {
  position: fixed;
  top: 0;
  left: 0;
  background: #FFF;
  width: 100%;
  z-index: 10;
}
.dx-drive-page {
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  font-weight: 500;
}
.dx-drive-page .banner-section{
  padding-top: 110px;
  padding-top: calc( 110 / 750 * 100vw);
}
.body-container__dx-drive .hs_cos_wrapper_type_rich_text {
  background: #000;
  padding: 50px 0;
  display: block;
}
.body-container__dx-drive .hs_cos_wrapper_type_rich_text * {
  color: #fff;
}
.body-container__dx-drive .hs_cos_wrapper_type_rich_text p {
  color: #FFF;
  margin-bottom: 1em;
  font-weight: bold;
}
.dx-drive-page .body-container-wrapper p{
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.dx-drive-page a:link:hover {
  opacity: 1;
}
.dx-drive-program {
  padding-top: 80px;
  padding-top: calc( 80 / 750 * 100vw);
  padding-bottom: 80px;
  padding-bottom: calc( 80 / 750 * 100vw);
  background: #f8f8f8;
}
.dx-program .btns .each-btn:after {
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-white01.png');
    }

.dx-drive-program table {
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #a5a5a5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  position: relative;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  margin-bottom: 83px;
  margin-bottom: calc( 83 / 750 * 100vw);
  width: 750px;
  width: calc( 750 / 750 * 100vw);
  margin-left: auto;
  margin-right: auto;
}
.dx-drive-program table th {
  width: 213px;
  width: calc( 213 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: solid 1px #a5a5a5;
  padding:0;
  border-color: #a5a5a5;
}
.dx-drive-program table .floor, .dx-drive-program table .topic {
  border-bottom: solid 1px #a5a5a5;
}
.dx-drive-program table .floor {
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
.dx-drive-program table .floor .num{
  font-weight: 600;
  font-size: 116px;
  font-size: calc( 116 / 750 * 100vw);
}
.dx-drive-program table .floor .f {
  font-weight: 600;
  font-size: 92px;
  font-size: calc( 92 / 750 * 100vw);
}
.dx-drive-program table .topic {
  border-bottom: solid 1px #a5a5a5;
  padding-top: 20px;
  padding-top: calc( 20 / 750 * 100vw);
  padding-bottom: 20px;
  padding-bottom: calc( 20 / 750 * 100vw);
  padding-left: 35px;
  padding-left: calc( 35 / 750 * 100vw);
  padding-right: 35px;
  padding-right: calc( 35 / 750 * 100vw);
}
.dx-drive-program table .topic .title {
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
}
.dx-drive-program table .topic .desc {
  line-height: calc(37 / 24);
  margin: 0;
}
.dx-drive-program table th.tt {
  text-align: center;
  padding-left: 30px;
  padding-left: calc( 30 / 750 * 100vw);
  padding-right: 30px;
  padding-right: calc( 30 / 750 * 100vw);
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: normal;
}
.dx-drive-program table tr:nth-child(3) th, .dx-drive-program table tr:nth-child(3) td {
  padding-top: 2em;
}
.dx-drive-program table td.tt {
  padding-left: 20px;
  padding-left: calc( 20 / 750 * 100vw);
  padding-right: 10px;
  padding-right: calc( 10 / 750 * 100vw);
  padding-top: 1em;
  padding-bottom: 1em;
}
.dx-drive-program table p {
  margin: 0;
}
.dx-drive-program table .each-topic {
  font-weight: 700;
}
.dx-drive-program table .speaker {
  padding-left: 3em;
  margin-top: 1em;
  display: block;
  text-decoration: none;
  color: #000;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.dx-drive-program table td{
  border-color: #a5a5a5;
}
.dx-drive-program table .mention {
  position: absolute;
  font-size: 18px;
  font-size: calc( 18 / 750 * 100vw);
  bottom: 0.5em;
  right: 0.5em;
}
.dx-drive-program table .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  margin-bottom: calc( 60 / 750 * 100vw);
  padding-left: 15px;
  padding-left: calc( 15 / 750 * 100vw);
  padding-right: 25px;
  padding-right: calc( 25 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dx-drive-program table .content .img {
  width: 680px;
  width: calc( 680 / 750 * 100vw);
}
.dx-drive-program table .content .img img {
  width: 100%;
  display: block;
}
.dx-drive-program table .content .txt-area {
  width: 680px;
  width: calc( 680 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0px;
  padding-left: calc( 0 / 750 * 100vw);
}
.dx-drive-program table .content .txt-area .company {
  margin-top: 1em;
  font-weight: 700;
}
.dx-drive-program table .content .txt-area .company a {
  margin-left: 1em;
  color:#0000EE;
  text-decoration:underline;
  font-weight:400;
}
.dx-drive-speaker {
  padding-top: 80px;
  padding-top: calc( 80 / 750 * 100vw);
  padding-bottom: 80px;
  padding-bottom: calc( 80 / 750 * 100vw);
}
.dx-drive-speaker .hs_cos_wrapper_type_rich_text h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 80px;
  margin-bottom: calc( 80 / 750 * 100vw);
  margin-top: 0;
}
.dx-drive-speaker .hs_cos_wrapper_type_rich_text h3 span{
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
  margin-bottom: 15px;
  margin-bottom: calc( 15 / 750 * 100vw);
}
.dx-drive-speaker .hs_cos_wrapper_type_rich_text h3 strong{
  font-weight: 700;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.dx-drive-awards {
  background: #2a2a2a;
  padding-top: 70px;
  padding-top: calc( 70 / 750 * 100vw);
  padding-bottom: 70px;
  padding-bottom: calc( 70 / 750 * 100vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-left: calc( 10 / 750 * 100vw);
  padding-right: 10px;
  padding-right: calc( 10 / 750 * 100vw);
}
.dx-drive-awards .hs_cos_wrapper_type_linked_image {
  width: 500px;
  width: calc( 500 / 750 * 100vw);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
  margin-bottom: calc( 55 / 750 * 100vw);
  display: block;
}
.dx-drive-awards .hs_cos_wrapper_type_linked_image img {
  display: block;
}
.dx-drive-awards .hs_cos_wrapper_type_rich_text * {
  color: #fff;
}
.dx-drive-awards .hs_cos_wrapper_type_rich_text p {
  color: #FFF;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.02em;
  line-height: 2;
  text-align: center;
  margin: 0;
}
.dx-drive-overview {
  padding-top: 100px;
  padding-top: calc( 100 / 750 * 100vw);
  padding-bottom: 75px;
  padding-bottom: calc( 75 / 750 * 100vw);
}
.dx-drive-overview .hs_cos_wrapper_type_rich_text h3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 70px;
  padding-bottom: calc( 70 / 750 * 100vw);
  margin-top: 0;
  margin-bottom: 0;
}
.dx-drive-overview .hs_cos_wrapper_type_rich_text h3 span{
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
  margin-bottom: 15px;
  margin-bottom: calc( 15 / 750 * 100vw);
}
.dx-drive-overview .hs_cos_wrapper_type_rich_text h3 strong{
  font-weight: 700;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.dx-drive-overview table {
  width: 750px;
  width: calc( 750 / 750 * 100vw);
  margin: 0 auto;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 !important;
}
.dx-drive-overview table th {
  border: 0;
  border-right: solid 1px #a5a5a5;
  width: 213px;
  width: calc( 213 / 750 * 100vw);
  padding-left: 50px;
  padding-left: calc( 50 / 750 * 100vw);
  padding-bottom: 2em;
  padding-top: 0.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
  text-align: left;
}
.dx-drive-overview table td {
  border: 0 ;
  padding-left: 25px;
  padding-left: calc( 25 / 750 * 100vw);
  padding-right: 10px;
  padding-right: calc( 10 / 750 * 100vw);
  padding-bottom: 2em;
  padding-top: 0.5em;
}
.dx-drive-overview table .icon {
  width: 32px;
  width: calc( 32 / 750 * 100vw);
  height: 32px;
  height: calc( 32 / 750 * 100vw);
  margin-left: 0.45em;
  position: relative;
  top: 4px;
  top: calc( 4 / 750 * 100vw);
  background-color: #2a2a2a;
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-white01.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
    background-size: calc( 17 / 750 * 100vw);
    border-radius: 5px;
    border-radius: calc( 5 / 750 * 100vw);
    display: inline-block;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    }

.dx-drive-access {
  background: #f6f6f6;
  padding-top: 94px;
  padding-top: calc( 94 / 750 * 100vw);
}
.dx-drive-access .hs_cos_wrapper_type_rich_text h3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 60px;
  margin-bottom: calc( 60 / 750 * 100vw);
}
.dx-drive-access .hs_cos_wrapper_type_rich_text h3 span{
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
  margin-bottom: 15px;
  margin-bottom: calc( 15 / 750 * 100vw);
}
.dx-drive-access .hs_cos_wrapper_type_rich_text h3 strong{
  font-weight: 700;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.dx-drive-access .hs_cos_wrapper_type_rich_text ul {
  width: 750px;
  width: calc( 750 / 750 * 100vw);
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 50px;
  padding-left: calc( 50 / 750 * 100vw);
  padding-right: 10px;
  padding-right: calc( 10 / 750 * 100vw);
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  line-height: calc(47 / 24);
  margin-bottom: 50px;
  margin-bottom: calc( 50 / 750 * 100vw);
  list-style: none;
}
.dx-drive-company {
  padding-top: 110px;
  padding-top: calc( 110 / 750 * 100vw);
  padding-bottom: 83px;
  padding-bottom: calc( 83 / 750 * 100vw);
}
.dx-drive-company .hs_cos_wrapper_type_rich_text h3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 83px;
  margin-bottom: calc( 83 / 750 * 100vw);
}
.dx-drive-company .hs_cos_wrapper_type_rich_text h3 span {
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
  margin-bottom: 15px;
  margin-bottom: calc( 15 / 750 * 100vw);
}
.dx-drive-company .hs_cos_wrapper_type_rich_text h3 strong {
  font-weight: 700;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.dx-drive-company .hs_cos_wrapper_type_linked_image {
  width: 750px;
  width: calc( 750 / 750 * 100vw);
  margin-left: auto;
  margin-right: auto;
  display:block;
}
.dx-drive-company .hs_cos_wrapper_type_linked_image img{
  display:block;
  width: 100%;
}
.dx-drive-movie {
  background: #f6f6f6;
  padding-top: 100px;
  padding-top: calc( 100 / 750 * 100vw);
  padding-bottom: 70px;
  padding-bottom: calc( 70 / 750 * 100vw);
}
.dx-drive-contact-grp {
  padding-top: 85px;
  padding-top: calc( 85 / 750 * 100vw);
  padding-bottom: 250px;
  padding-bottom: calc( 250 / 750 * 100vw);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.dx-drive-contact-grp .hs_cos_wrapper_type_rich_text h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
}
.dx-drive-contact-grp .hs_cos_wrapper_type_rich_text h3 span {
  font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 600;
  font-weight: 600;
  font-size: 48px;
  font-size: calc( 48 / 750 * 100vw);
  margin-bottom: 15px;
  margin-bottom: calc( 15 / 750 * 100vw);
}
.dx-drive-contact-grp .hs_cos_wrapper_type_rich_text h3 strong {
  font-weight: 700;
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.dx-drive-contact-grp .hs_cos_wrapper_type_rich_text p {
  font-size: 24px;
  font-size: calc( 24 / 750 * 100vw);
  line-height: calc(47 / 24);
  margin-top: 50px;
  margin-top: calc( 50 / 750 * 100vw);
  margin-bottom: 50px;
  margin-bottom: calc( 50 / 750 * 100vw);
  text-align: center;
}
.dx-drive-contact-grp .hs-button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  width: 523px;
  width: calc( 523 / 750 * 100vw);
  height: 102px;
  height: calc( 102 / 750 * 100vw);
  border-radius: 15px;
  border-radius: calc( 15 / 750 * 100vw);
  border: solid 1px #2a2a2a;
  background: #2a2a2a;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  font-size: 30px;
  font-size: calc( 30 / 750 * 100vw);
  color: #FFF;
  margin-top:0;
  margin-bottom:0;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.dx-drive-contact-grp .hs-button:hover{
  background: #FFF;
  color: #2a2a2a;
  border: solid 1px #2a2a2a;
}
.dx-drive-contact-grp .hs-button:after {
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
  content: '';
  position: absolute;
  pointer-events: none;
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-white01.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 20px;
    width: calc( 20 / 750 * 100vw);
    height: 20px;
    height: calc( 20 / 750 * 100vw);
    top: 43px;
    top: calc( 43 / 750 * 100vw);
    right: 24px;
    right: calc( 24 / 750 * 100vw);
    }
.dx-drive-contact-grp .hs-button:hover:after {
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-grey01.png');
    }

.dx-drive-program table th.tt {
  border-top: 0;
  border-bottom: 0;
}

.dx-drive-program table td.tt {
  border-top: 0;
  border-bottom: 0;
}
.dx-drive-program table#\36 f tr:last-child th, .dx-drive-program table#\36 f tr:last-child td {
  padding-bottom: 0.4em;
}
.dx-drive-program table tr:last-child th, .dx-drive-program table tr:last-child td {
  padding-bottom: 2em;
}
.dx-drive-program table .content .txt-area .title {
  font-size: 32px;
  font-size: calc( 32 / 750 * 100vw);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.75em;
  margin-top: 20px;
  margin-top: calc( 20 / 750 * 100vw);
}
.dx-drive-program table .content .txt-area .title span {
  font-size: 20px;
  font-size: calc( 20 / 750 * 100vw);
  font-weight: 700;
  margin-left: 1em;
}
.dx-drive-program table .content .img.ar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center; 
  align-items: center;
}
.dx-drive-program table .content .img.ar img {
  width: 50%;
}
.dx-logo a {
  width: 260px;
  width: calc( 260 / 750 * 100vw);
  display: block;
}

nav.menu-content.footer-ncs-nav {
  display: none;
}
.dx-book-bottom .feature-content {
  margin-top: 30px;
}
.dx-book-pg a:link:hover {
  opacity: 1;
}

.dx-hakusho-header-grp {
  display: flex;
  align-items: center;
  height: 56px;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  z-index: 100;
  background: #fff;
}
.dx-title-logo a {
  width: 120px;
  width: calc( 120 / 375 * 100vw);
  height: 17px;
  height: calc( 17 / 375 * 100vw);
  padding-left: 0px;
  padding-left: calc( 0 / 375 * 100vw);
  padding-right: 0px;
  padding-right: calc( 0 / 375 * 100vw);
  display: block;
  text-decoration: none;
  transition: all .3s ease;
}
.dx-hakusho-nav ul.submenu.level-1 {
  display: flex;
  transition: all .3s ease;
  margin: 0;
  padding: 0;
}
.dx-hakusho-nav ul.submenu.level-1 li a {
  text-decoration: none;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #000;
  height: 100px;
  height: calc( 100 / 375 * 100vw);
  font-size: 18px;
  font-size: calc( 18 / 375 * 100vw);
  padding-left: 50px;
  padding-left: calc( 50 / 375 * 100vw);
  padding-right: 0px;
  padding-right: calc( 0 / 375 * 100vw);
}
.dx-hakusho-nav ul.submenu.level-1 li a:hover {
  color: #47d17f;
}
.dx-hakusho-logo {
  width: 120px;
  width: calc( 120 / 375 * 100vw);
  display: block;
  margin-left: 30px;
  margin-left: calc( 30 / 375 * 100vw);
}

.dx-hakusho-logo a {
  display: block;
}

.dx-title-logo img,
.dx-hakusho-logo img{
  display: block;
}
.dxhakusho-page .banner-section {
  padding-top: 56px;
}
.dxhakusho-banner .mv-btn:after {
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-whitenew.png');
    }
.dxhakusho-page::-webkit-scrollbar {
  display: none;
}
.dxhakusho-page,
.dxhakusho-page p{
  font-family: "Noto Sans JP",sans-serif;
  font-weight: 500;
}
.module-bold {
  font-weight: 700;
}

.body-container__dxhakusho {
  padding-top: 120px;
  padding-top: calc( 120 / 375 * 100vw);
  padding-bottom: 50px;
  padding-bottom: calc( 50 / 375 * 100vw);
  position: relative;
}
.image-gallery-grp .contents-balloon:after {
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/bg-balloon01.png');
    } 
.image-gallery-grp .slick-prev.slick-arrow{
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/slide-arrow-left01.png');
    }
.image-gallery-grp .slick-next.slick-arrow{
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/slide-arrow-right01.png');
    }
.body-container__dxhakusho .hs-button {
  margin-left: auto;
  margin-right: auto;
  background-image: linear-gradient(to left, #2dc2cc 0%, #70d99f 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  width: calc( 300 / 375 * 100vw);
  height: 50px;
  height: calc( 50 / 375 * 100vw);
  border-radius: 25px;
  border-radius: calc( 25 / 375 * 100vw);
  color: #fff;
  letter-spacing: .04em;
  font-weight: 700;
  font-size: 18px;
  font-size: calc( 18 / 375 * 100vw);
  position: relative;
  margin-top: 30px;
  margin-top: calc( 30 / 375 * 100vw);
  margin-bottom: 0;
}
.body-container__dxhakusho .hs-button:after {
  content: "";
  width: 18px;
  width: calc( 18 / 375 * 100vw);
  height: 18px;
  height: calc( 18 / 375 * 100vw);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  right: calc( 15 / 375 * 100vw);
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-whitenew.png');
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    }
.dxhakusho-event {
  padding-top: 50px;
  padding-top: calc( 50 / 375 * 100vw);
  padding-bottom: 50px;
  padding-bottom: calc( 50 / 375 * 100vw);
}
.event-drive .project-event-btn:after,
.project-event .dxhakusho-list-btn:after{
  background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-whitenew.png');
    }
.dxhakusho-publications {
  padding-top: 50px;
  padding-top: calc( 50 / 375 * 100vw);
  padding-bottom: 0px;
  padding-bottom: calc( 0 / 375 * 100vw);
  box-sizing: border-box;
  padding-left: 15px;
  padding-left: calc( 15 / 375 * 100vw);
  padding-right: 15px;
  padding-right: calc( 15 / 375 * 100vw);
}
.dxhakusho-publications .hs_cos_wrapper_type_header h3 {
  margin-bottom: 30px;
  margin-bottom: calc( 30 / 375 * 100vw);
  text-align: center;
  font-size: 24px;
  font-size: calc( 24 / 375 * 100vw);
  font-weight: 700;
  letter-spacing: .04em;
  display: block;
  margin-top: 0;
  font-family: "Noto Sans JP",sans-serif;
}
.dxhakusho-bottom {
  padding-top: 50px;
  padding-top: calc( 50 / 375 * 100vw);
  padding-bottom: 80px;
  padding-bottom: calc( 80 / 375 * 100vw);
}
.dxhakusho-bottom .hs_cos_wrapper_type_rich_text h3{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-bottom: calc( 30 / 375 * 100vw);
  text-align: center;
  font-size: 22px;
  font-size: calc( 22 / 375 * 100vw);
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  line-height: 1.5;
  margin-top: 0;
  font-family: "Noto Sans JP",sans-serif;
}
.dxhakusho-bottom .hs_cos_wrapper_type_rich_text img{
  width: 230px;
  width: calc( 230 / 375 * 100vw);
  margin-bottom: 30px;
  margin-bottom: calc( 30 / 375 * 100vw);
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.dxhakusho-bottom .hs_cos_wrapper_type_rich_text p {
  font-size: 15px;
  font-size: calc( 15 / 375 * 100vw);
  line-height: 2;
  text-align: center;
  box-sizing: border-box;
  padding-left: 15px;
  padding-left: calc( 15 / 375 * 100vw);
  padding-right: 15px;
  padding-right: calc( 15 / 375 * 100vw);
  margin-bottom: 60px;
  margin-bottom: calc( 60 / 375 * 100vw);
}
.dxhakusho-page .btn-download {
  display: none;
}
.dxhakusho-bottom .hs-button {
  margin-left: auto;
  margin-right: auto;
  background-image: linear-gradient(to left, #2dc2cc 0%, #70d99f 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 345px;
  width: calc( 345 / 375 * 100vw);
  height: 50px;
  height: calc( 50 / 375 * 100vw);
  border-radius: 25px;
  border-radius: calc( 25 / 375 * 100vw);
  color: #fff;
  letter-spacing: .03em;
  font-weight: 700;
  font-size: 14px;
  font-size: calc( 14 / 375 * 100vw);
  position: relative;
  margin: 0;
}

.dx-hakusho-header-grp .header__container {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding-right: 0px;
  padding-right: calc( 0 / 375 * 100vw);
}
.header-dx-ncs .footer-ncs-nav{
  display:none;
}
.dx-drive-nav ul.submenu.level-1 li a:hover {
  background: #efefef;
}
.dx-drive-banner {
  overflow: hidden;
}
.dx-drive-overview table .icon:hover {
  opacity: 0.6;
}
.dx-drive-program table .speaker:hover {
  opacity: 0.6;
}

.dxhakusho-publications .publications-grp .dxhakusho-list-name03 {
  line-height: 1.5;
  letter-spacing: 0;
}

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

  .dxhakusho-bottom .hs-button {
    width: 540px;
    width: calc( 540 / 1280 * 100vw);
    height: 65px;
    height: calc( 65 / 1280 * 100vw);
    border-radius: 33px;
    border-radius: calc( 33 / 1280 * 100vw);
    font-size: 20px;
    font-size: calc( 20 / 1280 * 100vw);
  }
  .dxhakusho-bottom .hs_cos_wrapper_type_rich_text p {
    font-size: 19px;
    font-size: calc( 19 / 1280 * 100vw);  
    padding-left: 0px;
    padding-left: calc( 0 / 1280 * 100vw);
    padding-right: 0px;
    padding-right: calc( 0 / 1280 * 100vw);
    margin-bottom: 100px;
    margin-bottom: calc( 100 / 1280 * 100vw);
  }
  .dxhakusho-bottom .hs_cos_wrapper_type_rich_text img{
    width: 460px;
    width: calc( 460 / 1280 * 100vw);
    margin-bottom: 55px;
    margin-bottom: calc( 55 / 1280 * 100vw);
  }
  .dxhakusho-bottom .hs_cos_wrapper_type_rich_text h3{
    margin-bottom: 65px;
    margin-bottom: calc( 65 / 1280 * 100vw);
    font-size: 40px;
    font-size: calc( 40 / 1280 * 100vw);
  }
  .dxhakusho-bottom {
    padding-top: 100px;
    padding-top: calc( 100 / 1280 * 100vw);
    padding-bottom: 105px;
    padding-bottom: calc( 105 / 1280 * 100vw);
  }
  .dxhakusho-page .footer-mail-area {
    margin-bottom: 28px;
  }
  .dxhakusho-publications .hs_cos_wrapper_type_header h3 {
    margin-bottom: 55px;
    margin-bottom: calc( 55 / 1280 * 100vw);
    font-size: 40px;
    font-size: calc( 40 / 1280 * 100vw);
  }
  .dxhakusho-publications {
    padding-top: 100px;
    padding-top: calc( 100 / 1280 * 100vw);
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 1280 * 100vw);
    padding-left: 0px;
    padding-left: calc( 0 / 1280 * 100vw);
    padding-right: 0px;
    padding-right: calc( 0 / 1280 * 100vw);
  }
  .dxhakusho-event {
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 1280 * 100vw);
    padding-top: 100px;
    padding-top: calc( 100 / 1280 * 100vw);
  }
  .body-container__dxhakusho .hs-button:after {
    width: 18px;
    width: calc( 18 / 1280 * 100vw);
    height: 18px;
    height: calc( 18 / 1280 * 100vw);
    right: 30px;
    right: calc( 30 / 1280 * 100vw);
  }
  .body-container__dxhakusho .hs-button {
    width: 360px;
    width: calc( 360 / 1280 * 100vw);
    height: 65px;
    height: calc( 65 / 1280 * 100vw);
    border-radius: 33px;
    border-radius: calc( 33 / 1280 * 100vw);
    font-size: 20px;
    font-size: calc( 20 / 1280 * 100vw);
    margin-top: 55px;
    margin-top: calc( 55 / 1280 * 100vw);
  }
  .body-container__dxhakusho {
    padding-top: 95px;
    padding-top: calc( 95 / 1280 * 100vw);
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 1280 * 100vw);
  }
  .dx-hakusho-logo {
    width: 279px;
    width: calc( 279 / 1280 * 100vw);
    margin-left: auto;
  }
  .dx-hakusho-header-grp .header__container{
    padding-right: 45px;
    padding-right: calc( 45 / 1280 * 100vw);
  }
  .dx-title-logo a {
    width: 223px;
    width: calc( 223 / 1280 * 100vw);
    padding-left: 12px;
    padding-left: calc( 12 / 1280 * 100vw);
    padding-right: 12px;
    padding-right: calc( 12 / 1280 * 100vw);
    height: auto;
  }
  .dx-hakusho-nav ul.submenu.level-1 li a {
    justify-content: center;
    height: 140px;
    height: calc( 140 / 1280 * 100vw);
    padding-left: 28px;
    padding-left: calc( 28 / 1280 * 100vw);
    padding-right: 28px;
    padding-right: calc( 28 / 1280 * 100vw);
    font-size: 18px;
    font-size: calc( 18 / 1280 * 100vw);
  }
}



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

  #feature2 .content-area .txt-area {
    padding-top: 70px;
    padding-top: calc( 70 / 1800 * 100vw) !important;
    padding-bottom: 70px;
    padding-bottom: calc( 70 / 1800 * 100vw) !important;
  }
  .dx-book-bottom .feature-content {
    margin-top: 19px;
  }
  .dx-logo a {
    width: 407px;
    width: calc( 407 / 1800 * 100vw);
  }
  .dx-drive-program table .content .txt-area .title span {
    font-size: 20px;
    font-size: calc( 20 / 1800 * 100vw);
  }
  .dx-drive-program table .content .txt-area .title {
    font-size: 32px;
    font-size: calc( 32 / 1800 * 100vw);
    margin-top: 0px;
    margin-top: calc( 0 / 1800 * 100vw);
  }
  .footer-ncs-grp.dx-drive-grp {
    padding-left: 0;
  }
  .dx-drive-grp nav.footer-ncs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: auto;
  }
  .dx-drive-contact-grp .hs-button:after {
    width: 20px;
    width: calc( 20 / 1800 * 100vw);
    height: 20px;
    height: calc( 20 / 1800 * 100vw);
    top: 43px;
    top: calc( 43 / 1800 * 100vw);
    right: 25px;
    right: calc( 25 / 1800 * 100vw);
  }
  .dx-drive-contact-grp .hs-button{
    width: 750px;
    width: calc( 750 / 1800 * 100vw);
    height: 103px;
    height: calc( 103 / 1800 * 100vw);
    border-radius: 15px;
    border-radius: calc( 15 / 1800 * 100vw);
    font-size: 30px;
    font-size: calc( 30 / 1800 * 100vw);
  }
  .dx-drive-contact-grp .hs_cos_wrapper_type_rich_text p {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    margin-top: 40px;
    margin-top: calc( 40 / 1800 * 100vw);
    margin-bottom: 40px;
    margin-bottom: calc( 40 / 1800 * 100vw);
  }
  .dx-drive-contact-grp .hs_cos_wrapper_type_rich_text h3 strong {
    font-size: 22px;
    font-size: calc( 22 / 1800 * 100vw);
  }
  .dx-drive-contact-grp .hs_cos_wrapper_type_rich_text h3 span {
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
    margin-bottom: 15px;
    margin-bottom: calc( 15 / 1800 * 100vw);
  }
  .dx-drive-contact-grp .hs_cos_wrapper_type_rich_text h3 {
    margin-top: 130px;
    margin-top: calc( 130 / 750 * 100vw);
    margin-top: 120px;
    margin-top: calc( 120 / 1800 * 100vw);
  }
  .dx-drive-contact-grp {
    padding-top: 95px;
    padding-top: calc( 95 / 1800 * 100vw);
    padding-bottom: 165px;
    padding-bottom: calc( 165 / 1800 * 100vw);
  }
  .dx-drive-movie {
    padding-top: 100px;
    padding-top: calc( 100 / 1800 * 100vw);
    padding-bottom: 145px;
    padding-bottom: calc( 145 / 1800 * 100vw);
  }
  .dx-drive-company .hs_cos_wrapper_type_linked_image {
    width: 1542px;
    width: calc( 1542 / 1800 * 100vw);
  }
  .dx-drive-company .hs_cos_wrapper_type_rich_text h3 strong {
    font-size: 22px;
    font-size: calc( 22 / 1800 * 100vw);
  }
  .dx-drive-company .hs_cos_wrapper_type_rich_text h3 span {
    margin-bottom: 15px;
    margin-bottom: calc( 15 / 1800 * 100vw);
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
  }
  .dx-drive-company .hs_cos_wrapper_type_rich_text h3{
    margin-bottom: 150px;
    margin-bottom: calc( 150 / 1800 * 100vw);
  }
  .dx-drive-company {
    padding-top: 120px;
    padding-top: calc( 120 / 1800 * 100vw);
    padding-bottom: 140px;
    padding-bottom: calc( 140 / 1800 * 100vw);
  }
  .dx-drive-access .hs_cos_wrapper_type_rich_text ul {
    margin-bottom: 50px;
    margin-bottom: calc( 50 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    padding-right: 0px;
    padding-right: calc( 0 / 1800 * 100vw);
    padding-left: 65px;
    padding-left: calc( 65 / 1800 * 100vw);
    width: 1620px;
    width: calc( 1620 / 1800 * 100vw);
  }
  .dx-drive-access .hs_cos_wrapper_type_rich_text h3 strong{
    font-size: 22px;
    font-size: calc( 22 / 1800 * 100vw);
  }
  .dx-drive-access .hs_cos_wrapper_type_rich_text h3 span{
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
    margin-bottom: 15px;
    margin-bottom: calc( 15 / 1800 * 100vw);
  }
  .dx-drive-access .hs_cos_wrapper_type_rich_text h3{
    margin-bottom: 60px;
    margin-bottom: calc( 60 / 1800 * 100vw);
  }
  .dx-drive-access {
    padding-top: 115px;
    padding-top: calc( 115 / 1800 * 100vw);
  }
  .dx-drive-overview table .icon {
    width: 32px;
    width: calc( 32 / 1800 * 100vw);
    height: 32px;
    height: calc( 32 / 1800 * 100vw);
    top: 4px;
    top: calc( 4 / 1800 * 100vw);
    background-size: 17px;
    background-size: calc( 17 / 1800 * 100vw);
    border-radius: 5px;
    border-radius: calc( 5 / 1800 * 100vw);
  }
  .dx-drive-overview table td {
    padding-left: 45px;
    padding-left: calc( 45 / 1800 * 100vw);
    padding-right: 0px;
    padding-right: calc( 0 / 1800 * 100vw);
  }
  .dx-drive-overview table th {
    width: 265px;
    width: calc( 265 / 1800 * 100vw);
    padding-left: 65px;
    padding-left: calc( 65 / 1800 * 100vw);
  }
  .dx-drive-overview table {
    width: 1620px;
    width: calc( 1620 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
  }
  .dx-drive-overview .hs_cos_wrapper_type_rich_text h3 strong{
    font-size: 22px;
    font-size: calc( 22 / 1800 * 100vw);
  }
  .dx-drive-overview .hs_cos_wrapper_type_rich_text h3 span{
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
    margin-bottom: 15px;
    margin-bottom: calc( 15 / 1800 * 100vw);
  }
  .dx-drive-overview .hs_cos_wrapper_type_rich_text h3{
    padding-bottom: 115px;
    padding-bottom: calc( 115 / 1800 * 100vw);
  }
  .dx-drive-overview {
    padding-top: 115px;
    padding-top: calc( 115 / 1800 * 100vw);
    padding-bottom: 80px;
    padding-bottom: calc( 80 / 1800 * 100vw);
  }
  .dx-drive-awards .hs_cos_wrapper_type_rich_text p {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
  }
  .dx-drive-awards .hs_cos_wrapper_type_linked_image {
    width: 825px;
    width: calc( 825 / 1800 * 100vw);
    margin-bottom: 70px;
    margin-bottom: calc( 70 / 1800 * 100vw);
  }
  .dx-drive-awards {
    padding-top: 70px;
    padding-top: calc( 70 / 1800 * 100vw);
    padding-bottom: 90px;
    padding-bottom: calc( 90 / 1800 * 100vw);
    padding-left: 0px;
    padding-left: calc( 0 / 1800 * 100vw);
    padding-right: 0px;
    padding-right: calc( 0 / 1800 * 100vw);
  }
  .dx-drive-speaker .hs_cos_wrapper_type_rich_text h3 strong{
    font-size: 22px;
    font-size: calc( 22 / 1800 * 100vw);
  }
  .dx-drive-speaker .hs_cos_wrapper_type_rich_text h3 span{
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
    margin-bottom: 15px;
    margin-bottom: calc( 15 / 1800 * 100vw);
  }
  .dx-drive-speaker .hs_cos_wrapper_type_rich_text h3 {
    margin-bottom: 115px;
    margin-bottom: calc( 115 / 1800 * 100vw);
  }
  .dx-drive-speaker {
    padding-top: 115px;
    padding-top: calc( 115 / 1800 * 100vw);
    padding-bottom: 115px;
    padding-bottom: calc( 115 / 1800 * 100vw);
  }
  .dx-drive-program table .content .txt-area {
    width: 940px;
    width: calc( 940 / 1800 * 100vw);
    padding-left: 60px;
    padding-left: calc( 60 / 1800 * 100vw);
  }
  .dx-drive-program table .content .img {
    width: 600px;
    width: calc( 600 / 1800 * 100vw);
  }
  .dx-drive-program table .content {
    margin-bottom: 30px;
    margin-bottom: calc( 30 / 1800 * 100vw);
    padding-left: 0px;
    padding-left: calc( 0 / 1800 * 100vw);
    padding-right: 0px;
    padding-right: calc( 0 / 1800 * 100vw);
  }
  .dx-drive-program table .mention {
    font-size: 18px;
    font-size: calc( 18 / 1800 * 100vw);
  }
  .dx-drive-program table td.tt {
    padding-left: 40px;
    padding-left: calc( 40 / 1800 * 100vw);
    padding-right: 40px;
    padding-right: calc( 40 / 1800 * 100vw);
  }
  .dx-drive-program table th.tt {
    padding-left: 50px;
    padding-left: calc( 50 / 1800 * 100vw);
    padding-right: 50px;
    padding-right: calc( 50 / 1800 * 100vw);
  }
  .dx-drive-program table .topic .title {
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
    margin-bottom: .2em;
  }
  .dx-drive-program table .topic {
    padding-top: 50px;
    padding-top: calc( 50 / 1800 * 100vw);
    padding-bottom: 50px;
    padding-bottom: calc( 50 / 1800 * 100vw);
    padding-left: 40px;
    padding-left: calc( 40 / 1800 * 100vw);
    padding-right: 40px;
    padding-right: calc( 40 / 1800 * 100vw);
  }
  .dx-drive-program table .floor .f {
    font-size: 92px;
    font-size: calc( 92 / 1800 * 100vw);
  }
  .dx-drive-program table .floor .num {
    font-size: 116px;
    font-size: calc( 116 / 1800 * 100vw);
  }
  .dx-drive-program table th {
    width: 260px;
    width: calc( 260 / 1800 * 100vw);
  }
  .dx-drive-program table {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    margin-bottom: 74px;
    margin-bottom: calc( 74 / 1800 * 100vw);
    width: 1630px;
    width: calc( 1630 / 1800 * 100vw);
  }
  .dx-drive-program {
    padding-top: 80px;
    padding-top: calc( 80 / 1800 * 100vw);
    padding-bottom: 80px;
    padding-bottom: calc( 80 / 1800 * 100vw);
  }
  .dx-drive-page .banner-section{
    padding-top: 140px;
    padding-top: calc( 140 / 1800 * 100vw);
  }
  .dx-drive-nav ul.submenu.level-1 li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 140px;
    height: calc( 140 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    padding-left: 48px;
    padding-left: calc( 48 / 1800 * 100vw);
    padding-right: 48px;
    padding-right: calc( 48 / 1800 * 100vw);
  }
  .dx-drive-nav {
    margin-left: auto;
    top: 0px;
    top: calc( 0 / 1800 * 100vw);
  }
  .dx-drive-logo a {
    width: 373px;
    width: calc( 373 / 1800 * 100vw);
  }
  .dx-drive-header-grp .header__container {
    padding-left: 48px;
    padding-left: calc( 48 / 1800 * 100vw);
    height: 140px;
    height: calc( 140 / 1800 * 100vw);
  }
  .footer-ncs-nav a.totop.anchor:hover {
    opacity: 0.6;
  }
  .footer-ncs-nav a img {
    height: 84px;
    height: calc( 84 / 1800 * 100vw);
  }
  .footer-ncs-nav p,
  .footer-ncs-nav a{
    width: 180px;
    width: calc( 180 / 1800 * 100vw);
    height: 180px;
    height: calc( 180 / 1800 * 100vw);
    font-size: 38px;
    font-size: calc( 38 / 1800 * 100vw);
  }
  .footer-ncs-nav .hs_cos_wrapper_type_rich_text {
    margin-left: auto;
  }
  .footer-ncs-copyright{
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    height: 180px;
    height: calc( 180 / 1800 * 100vw);
    padding-top: 0px;
    padding-top: calc( 0 / 1800 * 100vw);
    padding-left: 65px;
    padding-left: calc( 65 / 1800 * 100vw);
  }
  .footer-ncs-img {
    width: 375px;
    width: calc( 375 / 1800 * 100vw);
  }
  .footer-ncs-grp {
    height: 180px;
    height: calc( 180 / 1800 * 100vw);
    padding-left: 45px;
    padding-left: calc( 45 / 1800 * 100vw);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dx-ncs-entry-gp .hs-button:after {
    width: 20px;
    width: calc( 20 / 1800 * 100vw);
    height: 20px;
    height: calc( 20 / 1800 * 100vw);
    top: 43px;
    top: calc( 43 / 1800 * 100vw);
    right: 25px;
    right: calc( 25 / 1800 * 100vw);
  }
  .dx-ncs-entry-gp .hs-button {
    margin-bottom: 30px;
    margin-bottom: calc( 30 / 1800 * 100vw);
    border-radius: 15px;
    border-radius: calc( 15 / 1800 * 100vw);
    height: 103px;
    height: calc( 103 / 1800 * 100vw);
    width: 750px;
    width: calc( 750 / 1800 * 100vw);
    font-size: 30px;
    font-size: calc( 30 / 1800 * 100vw);
  }
  .dx-ncs-entry-gp .hs_cos_wrapper_type_rich_text p {
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    margin-bottom: 55px;
    margin-bottom: calc( 55 / 1800 * 100vw);
  }
  .dx-ncs-entry-gp .hs_cos_wrapper_type_rich_text h3 strong{
    font-size: 22px;
    font-size: calc( 22 / 1800 * 100vw);
  }
  .dx-ncs-entry-gp .hs_cos_wrapper_type_rich_text h3 span{
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
    margin-bottom: 15px;
    margin-bottom: calc( 15 / 1800 * 100vw);
  }
  .dx-ncs-entry-gp .hs_cos_wrapper_type_rich_text h3{
    margin-bottom: 55px;
    margin-bottom: calc( 55 / 1800 * 100vw);
  }
  .dx-ncs-entry-gp {
    padding-bottom: 140px;
    padding-bottom: calc( 140 / 1800 * 100vw);
    padding-top: 60px;
    padding-top: calc( 60 / 1800 * 100vw);
  }
  .dx-ncs-access-gp {
    padding-top: 115px;
    padding-top: calc( 115 / 1800 * 100vw);
  }
  .module-sm {
    display: none !important;
  }
  .dx-book-header-grp .header__container {
    height: 119px;
    height: calc( 119 / 1800 * 100vw);
    padding-left: 48px;
    padding-left: calc( 48 / 1800 * 100vw);
  }
  .dx-nav a {
    padding-right: calc( 7 / 1800 * 100vw);
    height: calc( 119 / 1800 * 100vw);
    width: calc( 219 / 1800 * 100vw);
  }
  .dx-nav a span {
    font-size: calc( 24 / 1800 * 100vw);
  }
  .dx-nav a:after {
    right: calc( 28 / 1800 * 100vw);
    width: calc( 20 / 1800 * 100vw);
  }
  .body-container__dx-book .dnd-section>.row-fluid {
    padding-right: calc( 30 / 1800 * 100vw);
    padding-left: calc( 30 / 1800 * 100vw);
    padding-bottom: calc( 55 / 1800 * 100vw);
    padding-top: calc( 80 / 1800 * 100vw);
  }
  .body-container__dx-book .hs_cos_wrapper_type_rich_text p {
    font-size: 26px;
    font-size: calc( 26 / 1800 * 100vw);
  }
  .dx-book-pg .body-container-wrapper .hs-button {
    margin-bottom: calc( 50 / 1800 * 100vw);
    margin-top: calc( 35 / 1800 * 100vw);
    height: calc( 107 / 1800 * 100vw);
    width: calc( 750 / 1800 * 100vw);
    font-size: calc( 32 / 1800 * 100vw);
    -webkit-box-shadow: 0 10px 0 #2a2a2a;
    box-shadow: 0 10px 0 #2a2a2a;
    border-radius: calc( 15 / 1800 * 100vw);
    font-size: 32px;
    font-size: calc( 32 / 1800 * 100vw);
  } 
  .dx__copyright {
    padding-left: calc( 65 / 1800 * 100vw);
    height: calc( 180 / 1800 * 100vw);
    font-size: calc( 24 / 1800 * 100vw);
  }
  a.totop.anchor {
    height: calc( 180 / 1800 * 100vw);
    width: calc( 180 / 1800 * 100vw);
    background-size: calc( 42 / 1800 * 100vw);
  }
  .dx-book-pg .body-container-wrapper .dx-book-bottom .hs-button {
    margin-bottom: calc( 157 / 1800 * 100vw);
    margin-top: calc( 123 / 1800 * 100vw);
  }
  .dx-book-bottom .feature-content .content-area .txt-area {
    padding-bottom: calc( 70 / 1800 * 100vw) !important;
    padding-top: calc( 70 / 1800 * 100vw) !important;
  }
  .dx-ncs-header-grp .header__container {
    padding-left: calc( 48 / 1800 * 100vw);
    height: calc( 155 / 1800 * 100vw);
  }
  .dx-ncs-logo a {
    width: calc( 407 / 1800 * 100vw);
    padding-bottom: 40px;
    padding-bottom: calc( 40 / 1800 * 100vw);
  }
  .dx-ncs-nav {
    margin-left: auto;
    top: 0px;
    top: calc( 0 / 1800 * 100vw);
  }
  .dx-ncs-nav ul.submenu.level-1 li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 155px;
    height: calc( 155 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    padding-left: 29px;
    padding-left: calc( 27 / 1800 * 100vw);
    padding-right: 29px;
    padding-right: calc( 27 / 1800 * 100vw);
  }
  .dx-ncs-nav ul.submenu.level-1 li:last-child a {
    width: 348px;
    width: calc( 348 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
  }
  .body-container__dx-ncs {
    padding-bottom: 80px;
    padding-bottom: calc( 80 / 1800 * 100vw);
    padding-top: 80px;
    padding-top: calc( 80 / 1800 * 100vw);
  }
  .body-container__dx-ncs .hs_cos_wrapper_type_linked_image {
    width: 896px;
    width: calc( 896 / 1800 * 100vw);
  }
  .boxed-content #introduction{
    padding-bottom: 35px;
    padding-bottom: calc( 35 / 1800 * 100vw);
    padding-top: 35px;
    padding-top: calc( 35 / 1800 * 100vw);
  }
  .dx-ncs-resources {
    padding-right: 0px;
    padding-right: calc( 0 / 1800 * 100vw);
    padding-left: 235px;
    padding-left: calc( 235 / 1800 * 100vw);
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 1800 * 100vw);
    padding-top: 110px;
    padding-top: calc( 110 / 1800 * 100vw);
  }
  .dx-ncs-resources .hs_cos_wrapper_type_rich_text ul {
    margin-bottom: 40px;
    margin-bottom: calc( 40 / 1800 * 100vw);
    font-size: 28px;
    font-size: calc( 28 / 1800 * 100vw);
  }
  .dx-ncs-resources .hs_cos_wrapper_type_rich_text ul li {
    margin-bottom: 40px;
    margin-bottom: calc( 40 / 1800 * 100vw);
  }
  .dx-ncs-digitization-grp{
    padding-top: 160px;
    padding-top: calc( 160 / 1800 * 100vw);
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 1800 * 100vw);
  }
  .dx-ncs-digitization .hs_cos_wrapper_type_rich_text p {
    width: 1510px;
    width: calc( 1510 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
  }
  .dx-ncs-digitization .hs_cos_wrapper_type_rich_text {
    display: block;
    padding-top: 26px;
  }
  .dx-ncs-digitization .hs_cos_wrapper_type_rich_text p:last-of-type {
    padding-top: 7px;
  }
  .dx-ncs-target .boxed-content{
    padding-bottom: 90px;
    padding-bottom: calc( 90 / 1800 * 100vw);
    padding-top: 150px;
    padding-top: calc( 150 / 1800 * 100vw);
  }
  .dx-ncs-target .boxed-content h3.target-head span.en {
    margin-bottom: 15px;
    margin-bottom: calc( 15 / 1800 * 100vw);
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
  }
  .dx-ncs-target .boxed-content span.ja {
    font-size: 22px;
    font-size: calc( 22 / 1800 * 100vw);
  }
  .dx-ncs-target .boxed-content h3.target-head {
    margin-bottom: 45px;
    margin-bottom: calc( 45 / 1800 * 100vw);
  }
  .dx-ncs-target .boxed-content .intro-txt-wrap {
    width: 1632px;
    width: calc( 1632 / 1800 * 100vw);
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
  }
  .dx-ncs-target .boxed-content .intro-txt-wrap ul {
    padding-right: 30px;
    padding-right: calc( 30 / 1800 * 100vw);
    padding-left: 30px;
    padding-left: calc( 30 / 1800 * 100vw);
    padding-bottom: 30px;
    padding-bottom: calc( 30 / 1800 * 100vw);
    padding-top: 30px;
    padding-top: calc( 30 / 1800 * 100vw);
  }
  .dx-ncs-benefit {
    padding-bottom: 90px;
    padding-bottom: calc( 90 / 1800 * 100vw);
    padding-top: 90px;
    padding-top: calc( 90 / 1800 * 100vw);
  }
  .dx-ncs-curriculum-grp{
    padding-top: 145px;
    padding-top: calc( 145 / 1800 * 100vw);
    padding-bottom: 80px;
    padding-bottom: calc( 80 / 1800 * 100vw);
  }
  .dx-ncs-curriculum-grp .hs_cos_wrapper_type_rich_text h3 strong,
  .dx-ncs-price-gp .hs_cos_wrapper_type_rich_text h3 strong{
    font-size: 22px;
    font-size: calc( 22 / 1800 * 100vw);
  }
  .dx-ncs-access-gp .hs_cos_wrapper_type_rich_text h3 strong{
    font-size: 22px;
    font-size: calc( 22 / 1800 * 100vw);
  }
  .dx-ncs-curriculum-grp .hs_cos_wrapper_type_rich_text h3 span,
  .dx-ncs-price-gp .hs_cos_wrapper_type_rich_text h3 span{
    margin-bottom: 15px;
    margin-bottom: calc( 15 / 1800 * 100vw);
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
  }
  .dx-ncs-access-gp .hs_cos_wrapper_type_rich_text h3 span{
    margin-bottom: 15px;
    margin-bottom: calc( 15 / 1800 * 100vw);
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
  }
  .dx-ncs-access-gp .hs_cos_wrapper_type_rich_text h3 {
    margin-bottom: 60px;
    margin-bottom: calc( 60 / 1800 * 100vw);
  }
  .dx-ncs-curriculum-grp .hs_cos_wrapper_type_rich_text h3{
    margin-bottom: 45px;
    margin-bottom: calc( 45 / 1800 * 100vw);
  }
  .dx-ncs-curriculum-grp .hs_cos_wrapper_type_rich_text p,
  .dx-ncs-price-gp .hs_cos_wrapper_type_rich_text p{
    margin-bottom: 75px;
    margin-bottom: calc( 75 / 1800 * 100vw);
    font-size: 28px;
    font-size: calc( 28 / 1800 * 100vw);
  }
  .dx-ncs-curriculum-grp table,
  .dx-ncs-price-gp table,
  .dx-ncs-access-gp table{
    font-size: 24px;
    font-size: calc( 24 / 1800 * 100vw);
    width: 1620px;
    width: calc( 1620 / 1800 * 100vw);
  }
  .dx-ncs-curriculum-grp table td,
  .dx-ncs-price-gp table td,
  .dx-ncs-access-gp table td{
    padding-right: 0px;
    padding-right: calc( 0 / 1800 * 100vw);
    padding-left: 45px;
    padding-left: calc( 45 / 1800 * 100vw);
  }
  .dx-ncs-curriculum-grp table th,
  .dx-ncs-price-gp table th,
  .dx-ncs-access-gp table th{
    padding-left: 65px;
    padding-left: calc( 65 / 1800 * 100vw);
    width: 265px;
    width: calc( 265 / 1800 * 100vw);
  } 
  .dx-ncs-curriculum-grp .hs_cos_wrapper_type_linked_image {
    width: 1631px;
    width: calc( 1631 / 1800 * 100vw);
    margin-top: 75px;
    margin-top: calc( 75 / 1800 * 100vw);
  }
  .dx-ncs-playbook-grp {
    padding-bottom: 75px;
    padding-bottom: calc( 75 / 1800 * 100vw);
    padding-top: 70px;
    padding-top: calc( 70 / 1800 * 100vw);
  }
  .dx-ncs-price-gp {
    padding-top: 150px;
    padding-top: calc( 150 / 1800 * 100vw);
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 1800 * 100vw);
  }
  .dx-book-benefits .hs_cos_wrapper_type_header h1 {
    font-size: 48px;
    font-size: calc( 48 / 1800 * 100vw);
  }
  .dx-book-benefits .hs_cos_wrapper_type_header {
    padding-bottom: 55px;
    padding-bottom: calc( 55 / 1800 * 100vw);
    padding-top: 55px;
    padding-top: calc( 55 / 1800 * 100vw);
  }

}


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

  .dxhakusho-bottom .hs-button {
    width: 540px;
    width: calc( 540 / 1280 * 100vw);
    height: 65px;
    height: calc( 65 / 1280 * 100vw);
    border-radius: 33px;
    border-radius: calc( 33 / 1280 * 100vw);
    font-size: 20px;
    font-size: calc( 20 / 1280 * 100vw);
  }
  .dxhakusho-bottom .hs_cos_wrapper_type_rich_text p {
    font-size: 19px;
    font-size: calc( 19 / 1280 * 100vw);  
    padding-left: 0px;
    padding-left: calc( 0 / 1280 * 100vw);
    padding-right: 0px;
    padding-right: calc( 0 / 1280 * 100vw);
    margin-bottom: 100px;
    margin-bottom: calc( 100 / 1280 * 100vw);
  }
  .dxhakusho-bottom .hs_cos_wrapper_type_rich_text img{
    width: 460px;
    width: calc( 460 / 1280 * 100vw);
    margin-bottom: 55px;
    margin-bottom: calc( 55 / 1280 * 100vw);
  }
  .dxhakusho-bottom .hs_cos_wrapper_type_rich_text h3{
    margin-bottom: 65px;
    margin-bottom: calc( 65 / 1280 * 100vw);
    font-size: 40px;
    font-size: calc( 40 / 1280 * 100vw);
  }
  .dxhakusho-bottom {
    padding-top: 100px;
    padding-top: calc( 100 / 1280 * 100vw);
    padding-bottom: 105px;
    padding-bottom: calc( 105 / 1280 * 100vw);
  }
  .dxhakusho-publications .hs_cos_wrapper_type_header h3 {
    font-size: 40px;
    font-size: calc( 40 / 1280 * 100vw);
    margin-bottom: 55px;
    margin-bottom: calc( 55 / 1280 * 100vw);
  }
  .dxhakusho-publications {
    padding-top: 100px;
    padding-top: calc( 100 / 1280 * 100vw);
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 1280 * 100vw);
    padding-left: 0px;
    padding-left: calc( 0 / 1280 * 100vw);
    padding-right: 0px;
    padding-right: calc( 0 / 1280 * 100vw);
  }
  .dxhakusho-event {
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 1280 * 100vw);
    padding-top: 100px;
    padding-top: calc( 100 / 1280 * 100vw);
  }
  .body-container__dxhakusho .hs-button:after {
    width: 18px;
    width: calc( 18 / 1280 * 100vw);
    height: 18px;
    height: calc( 18 / 1280 * 100vw);
    right: 30px;
    right: calc( 30 / 1280 * 100vw);
  }
  .body-container__dxhakusho .hs-button {
    width: 360px;
    width: calc( 360 / 1280 * 100vw);
    height: 65px;
    height: calc( 65 / 1280 * 100vw);
    border-radius: 33px;
    border-radius: calc( 33 / 1280 * 100vw);
    font-size: 20px;
    font-size: calc( 20 / 1280 * 100vw);
    margin-top: 55px;
    margin-top: calc( 55 / 1280 * 100vw);
  }
  .body-container__dxhakusho {
    padding-top: 95px;
    padding-top: calc( 95 / 1280 * 100vw);
    padding-bottom: 100px;
    padding-bottom: calc( 100 / 1280 * 100vw);
  }
  .dxhakusho-page .banner-section {
    padding-top: 86px;
  }
  .dx-hakusho-logo {
    width: 279px;
    width: calc( 279 / 1280 * 100vw);
    margin-left: auto;
  }
  .dx-hakusho-nav ul.submenu.level-1 li a {
    height: 140px;
    height: calc( 140 / 1280 * 100vw);
    font-size: 18px;
    font-size: calc( 18 / 1280 * 100vw);
    padding-left: 28px;
    padding-left: calc( 28 / 1280 * 100vw);
    padding-right: 28px;
    padding-right: calc( 28 / 1280 * 100vw);
  }
  .dx-title-logo a {
    width: 223px;
    width: calc( 223 / 1280 * 100vw);
    padding-left: 12px;
    padding-left: calc( 12 / 1280 * 100vw);
    padding-right: 12px;
    padding-right: calc( 12 / 1280 * 100vw);
    height: auto;
  }
  .dx-hakusho-header-grp {
    height: 86px;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 25%);
  }
  .dx-hakusho-header-grp .header__container{
    padding-right: 45px;
    padding-right: calc( 45 / 1280 * 100vw);
  }

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

  .dxhakusho-bottom .hs-button {
    width: 540px;
    height: 65px;
    border-radius: 33px;
    font-size: 20px;
  }
  .dxhakusho-bottom .hs_cos_wrapper_type_rich_text p {
    font-size: 19px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 100px;
  }
  .dxhakusho-bottom .hs_cos_wrapper_type_rich_text img{
    width: 460px;
    margin-bottom: 55px;
  }
  .dxhakusho-bottom .hs_cos_wrapper_type_rich_text h3{
    margin-bottom: 65px;
    font-size: 40px;
  }
  .dxhakusho-bottom {
    padding-top: 100px;
    padding-bottom: 105px;
  }
  .dxhakusho-publications .hs_cos_wrapper_type_header h3 {
    font-size: 40px;
    margin-bottom: 55px;
  }
  .dxhakusho-publications {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .dxhakusho-event {
    padding-bottom: 100px;
    padding-top: 100px;
  }
  .body-container__dxhakusho .hs-button:after {
    width: 18px;
    height: 18px;
    right: 30px;
  }
  .body-container__dxhakusho .hs-button {
    width: 360px;
    height: 65px;
    border-radius: 33px;
    font-size: 20px;
    margin-top: 55px;
  }
  .body-container__dxhakusho {
    padding-top: 95px;
    padding-bottom: 100px;
  }
  .dx-hakusho-logo {
    width: 279px;
    margin-left: auto;
  }
  .dx-hakusho-nav ul.submenu.level-1 li a {
    height: 140px;
    font-size: 18px;
    padding-left: 28px;
    padding-right: 28px;
  }
  .dx-title-logo {
    padding-bottom: 16px;
  }
  .dx-title-logo a {
    width: 247px;
    padding-left: 12px;
    padding-right: 12px;
    height: auto;
  }
  .dx-hakusho-header-grp .header__container{
    padding-right: 45px;
  }
} 

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


  .dx-book-benefits .hs_cos_wrapper_type_header {
    padding: 55px 0;
  }
  .dx-book-benefits .hs_cos_wrapper_type_header h1 {
    font-size: 48px;
  }
  #feature2 .content-area .txt-area {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .dx-nav a{
    padding-right: 7px;
    height: 119px;
    width: 219px;
  }
  .dx-nav a span {
    font-size: 24px;
  }
  .dx-nav a:after {
    width: 20px;
    right: 28px;
  }
  .dx-book-pg .body-container-wrapper .hs-button{
    height: 107px;
    width: 750px;
    font-size: 32px;
    margin-top: 35px;
    margin-bottom: 50px;
    border-radius: 15px;
  }
  .body-container__dx-book .dnd-section>.row-fluid {
    padding-top: 80px;
    padding-bottom: 55px;
  }
  .dx__copyright {
    padding-left: 65px;
    height: 180px;
    font-size: 24px;
  }
  .dx-footer a.totop.anchor {
    height: 180px;
    width: 180px;
    background-size: 42px;
  }
  .dx-book-pg .body-container-wrapper .dx-book-bottom .hs-button {
    margin-top: 127px;
    margin-bottom: 157px;
  }
  .dx-book-bottom .feature-content .content-area .txt-area{
    padding-bottom: 70px !important;
    padding-top: 70px !important;
  }
  .dx-book-header-grp .header__container {
    height: 119px;
    padding-left: 48px;
  }
  .body-container__dx-book .hs_cos_wrapper_type_rich_text p {
    font-size: 26px;
  }
  .dx-logo img {
    width: 100% !important;
    max-width: 407px;
  }
  .dx-book-bottom .feature-content {
    margin-top: 30px;
  }



}


@media screen and (max-width: 767px){

  .dx-ncs-nav ul.submenu.level-1 li a:hover {
    background: transparent;
  }
  .header-dx-ncs .footer-ncs-nav a, .header-dx-ncs .footer-ncs-nav p {
    background: #fff;
  }
  .header-dx-ncs .footer-ncs-nav{
    display:block;
  }
  #feature2 .content-area .txt-area {
    padding-top: 40px;
    padding-top: calc( 40 / 750 * 100vw) !important;
    padding-bottom: 45px;
    padding-bottom: calc( 45 / 750 * 100vw) !important;
  }
  .dx-book-header-grp .header__container {
    min-height: 80px;
    min-height: calc( 80 / 750 * 100vw);
    padding-left: 20px;
    padding-left: calc( 20 / 750 * 100vw);
  }
  .dx-logo img {
    max-width: 260px;
    max-width: calc( 260 / 750 * 100vw);
    display: block;
  }
  .dx-nav a {
    width: 200px;
    width: calc( 200 / 750 * 100vw);
    height: 80px;
    height: calc( 80 / 750 * 100vw);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 24px;
    padding-right: calc( 24 / 750 * 100vw);
  }
  .dx-nav a span {
    font-weight: 700;
    font-size: 24px;
    font-size: calc( 24 / 750 * 100vw);
    letter-spacing: 0.1em;
  }
  .dx-nav a:after {
    right: 24px;
    right: calc( 24 / 750 * 100vw);
    width: 24px;
    width: calc( 24 / 750 * 100vw);
  }
  .body-container__dx-book .dnd-section>.row-fluid {
    padding-top: 50px;
    padding-top: calc( 50 / 750 * 100vw);
    padding-bottom: 55px;
    padding-bottom: calc( 55 / 750 * 100vw);
    padding-left: 30px;
    padding-left: calc( 30 / 750 * 100vw);
    padding-right: 30px;
    padding-right: calc( 30 / 750 * 100vw);
  }
  .dx-book-pg .module-sm {
    display: block;
  }
  .body-container__dx-book .hs_cos_wrapper_type_rich_text p {
    font-size: calc( 26 / 750 * 100vw);
    text-align: center;
    line-height: calc(48 / 26);
  }
  .dx-book-pg .body-container-wrapper .hs-button {
    margin-top: 35px;
    margin-top: calc( 35 / 750 * 100vw);
    margin-bottom: 50px;
    margin-bottom: calc( 50 / 750 * 100vw);
    -webkit-box-shadow: 0 5px 0 #2a2a2a;
    box-shadow: 0 5px 0 #2a2a2a;
    width: 523px;
    width: calc( 523 / 750 * 100vw);
    height: 102px;
    height: calc( 102 / 750 * 100vw);
    border-radius: 15px;
    border-radius: calc( 15 / 750 * 100vw);
    font-size: 30px;
    font-size: calc( 30 / 750 * 100vw);
  }
  .dx-book-benefits .hs_cos_wrapper_type_header {
    padding-top: 40px;
    padding-top: calc( 40 / 750 * 100vw);
    padding-bottom: 45px;
    padding-bottom: calc( 45 / 750 * 100vw);
  }
  .dx-book-benefits .hs_cos_wrapper_type_header h1 {
    font-size: 36px;
    font-size: calc( 36 / 750 * 100vw);
  }
  .dx-book-bottom .feature-content .img-area {
    max-width: 100%;
  }
  .dx-book-bottom .feature-content .content-area .txt-area {
    padding-top: 40px !important;
    padding-top: calc( 40 / 750 * 100vw) !important;
    padding-bottom: 45px !important;
    padding-bottom: calc( 45 / 750 * 100vw) !important;
  }
  .dx__copyright {
    width: 100%;
    height: 150px;
    height: calc( 150 / 750 * 100vw);
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-size: calc( 24 / 750 * 100vw);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-left: calc( 30 / 750 * 100vw);
    padding-top: 25px;
    padding-top: calc( 25 / 750 * 100vw);
  }
  a.totop.anchor {
    width: 150px;
    width: calc( 150 / 750 * 100vw);
    height: 150px;
    height: calc( 150 / 750 * 100vw);
    background-size: 30px;
    background-size: calc( 30 / 750 * 100vw);
  }
  .dx-book-pg .body-container-wrapper .dx-book-bottom .hs-button {
    margin-top: 80px;
    margin-top: calc( 80 / 750 * 100vw);
    margin-bottom: 85px;
    margin-bottom: calc( 85 / 750 * 100vw);
  }
  .feature-content .content-area .txt-area p {
    line-height: 45.9973px;
  }
  .sp-menu-btn {
    width: 76px;
    width: calc( 76 / 750 * 100vw);
    height: 50px;
    height: calc( 50 / 750 * 100vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 34px;
    top: calc( 34 / 750 * 100vw);
    right: 29px;
    right: calc( 29 / 750 * 100vw);
  } 
  .sp-menu-btn span {
    width: 76px;
    width: calc( 76 / 750 * 100vw);
    height: 1.5px;
    background: #FFF;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    position: relative;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  .footer-ncs-nav a, .footer-ncs-nav p {
    border-bottom: solid 1px #a5a5a5;
  }
  .dx-ncs-nav {
    opacity: 0;
    overflow-y: auto;
    display: block; 
    visibility: hidden;
    border-top: solid 1px #a5a5a5;
    background: #2A2A2A;
    position: fixed;
    top: 120px;
    top: calc( 120 / 750 * 100vw);
    left: 0;
    width: 100%;
    z-index: 99;
    max-height: 95vh;
    padding-bottom: 50px;
  }
  .menu-open .dx-ncs-nav {
    opacity: 1;
    visibility: visible;
  }
  .dx-ncs-pg .body-container-wrapper {
    padding-top: 112px;
    padding-top: calc( 112 / 750 * 100vw);
  }
  .footer-ncs-grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .footer-ncs-img {
    display: none;
  }
  span.footer-ncs-copyright {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer-ncs-nav p {
    font-family: 'Montserrat', YuGothic, 'Yu Gothic', sans-serif;
    font-weight: 600;
    font-weight: 600;
    font-size: 31px;
    font-size: calc( 31 / 750 * 100vw);
  }
  .footer-ncs-nav a.totop.anchor {
    position: absolute;
    right: 0;
    top: -150px;
    top: calc( -150 / 750 * 100vw);
    background-color: #636363;
  }
  .footer-ncs-nav a.totop.anchor:before {
    content: none;
  }
  .dx-ncs-resources .hs_cos_wrapper_type_rich_text {
    display: block;
    padding-right: 35px;
    padding-right: calc( 35 / 750 * 100vw);
    width: 470px;
    width: calc( 470 / 750 * 100vw);
  } 
  .dx-ncs-resources .hs_cos_wrapper_type_rich_text ul li br.module-sm {
    display: block;
  }
  .dx-ncs-resources{
    padding-bottom: 91px;
    padding-bottom: calc( 91 / 750 * 100vw);
  }
  .dx-ncs-digitization .hs_cos_wrapper_type_rich_text {
    padding-top: 26px;
    display: block;
  }
  .dx-ncs-digitization .hs_cos_wrapper_type_rich_text p:last-of-type {
    padding-top: 7px;
  }
  .dx-ncs-target .boxed-content .intro-txt-wrap {
    border-style: solid;
    border-width: calc(16 / 750 * 100vw);
    border-color: #a7a7a7;
  }
  .dx-ncs-curriculum-grp .hs_cos_wrapper_type_rich_text p, .dx-ncs-price-gp .hs_cos_wrapper_type_rich_text p {
    padding: 0 10px;
  }
  .dx-ncs-curriculum-grp table, .dx-ncs-price-gp table, .dx-ncs-access-gp table {
    width: 100%;
  }
  .dx-ncs-nav ul.submenu.level-1 li {
    display: block;
    background: #000000;
  }
  .dx-ncs-nav ul.submenu.level-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dx-ncs-nav ul.submenu.level-1 li a {
    border-bottom: solid 1px #a5a5a5;
    height: 101px;
    height: calc( 101 / 750 * 100vw);
  }
  .dx-ncs-nav ul.submenu.level-1 li:last-child a:after {
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    content: '';
    position: absolute;
    pointer-events: none;
    background-image:url('//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/jinzai-icon-arrow01.png');
      background-repeat: no-repeat;
      background-size: 100% auto;
      width: 20px;
      width: calc( 20 / 750 * 100vw);
      height: 20px;
      height: calc( 20 / 750 * 100vw);
      top: 43px;
      top: calc( 43 / 750 * 100vw);
      right: 24px;
      right: calc( 24 / 750 * 100vw);
      }
  .dx-ncs-nav ul.submenu.level-1 li:last-child a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    border: solid 1px #8ac786;
    background: #8ac786;
    position: relative;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    width: 523px;
    width: calc( 523 / 750 * 100vw);
    margin-top: 42px;
    font-family: YuGothic,'Yu Gothic',メイリオ,meiryo,"メイリオ","meiryo","ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif;
    height: 102px;
    height: calc( 102 / 750 * 100vw);
    border-radius: 15px;
    border-radius: calc( 15 / 750 * 100vw);
    margin-bottom: 35px;
    margin-bottom: calc( 35 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
    color: #2a2a2a;
    font-weight: bold;
    letter-spacing: .1em;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    font-size: 30px;
    font-size: calc( 30 / 750 * 100vw);
    padding-left: 0;
  }
  .body-container__dx-drive .hs_cos_wrapper_type_rich_text {
    padding-top: 54px;
  }
  .dx-drive-nav {
    display: none;
  }
  .dx-drive-program table .topic {
    vertical-align: middle;
  }
  .dx-drive-program table tr.module-sm {
    display: table-row;
    width: 100%;
  }
  .dx-drive-program table tr.module-sm td.topic {
    width: 100%;
  }
  .dx-drive-program table p.desc.module-md {
    display: none;
  }
  .dx-drive-program table {
    width: 100%;
  }
  .dx-drive-program table .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dx-drive-company .hs_cos_wrapper_type_linked_image {
    width: 100%;
    padding: 0 10px;
  }
  .dx-drive-access .hs_cos_wrapper_type_rich_text ul {
    width: 100%;
  }
  .dx-drive-overview table {
    width: 100%;
  }
  .dx-drive-program, 
  .dx-drive-speaker{
    overflow: hidden;
  }
  .dx-drive-grp .footer-ncs-nav a,
  .dx-drive-grp .footer-ncs-nav p{
    border-bottom: solid 1px #a5a5a5;
  }
  .dx-drive-grp .footer-ncs-nav a.totop.anchor {
    background-color: #2a2a2a;
  }
  .dx-drive-contact-grp .hs_cos_wrapper_type_rich_text p br.module-sm {
    display: block;
  }
  .dx-drive-header-grp .sp-menu-btn span {
    background: #000;
  }
  .dx-drive-nav {
    opacity: 0;
    pointer-events: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background: #FFF;
    position: fixed;
    left: 0;
    z-index: 9999;
    border-top: solid 1px #a5a5a5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    top: 120px;
    top: calc( 120 / 750 * 100vw);
  }
  .menu-open .dx-drive-nav {
    opacity: 1;
  } 
  .dx-drive-nav ul.submenu.level-1 li {
    display: block;
  }
  .dx-drive-nav ul.submenu.level-1 {
    display: block;
  }
  .dx-drive-nav ul.submenu.level-1 li a {
    border-bottom: solid 1px #a5a5a5;
    height: 101px;
    height: calc( 101 / 750 * 100vw);
  }
  .menu-content {
    border-top: solid 1px #a5a5a5;
  }
  .menu-open .sp-menu-btn span:nth-of-type(1) {
    -webkit-transform: rotate(
      45deg
    );
    transform: rotate(
      45deg
    );
    top: 24px;
    top: calc( 24 / 750 * 100vw);
  }
  .menu-open .sp-menu-btn span:nth-of-type(2) {
    opacity: 0;
    left: 100px;
  }
  .menu-open .sp-menu-btn span:nth-of-type(3) {
    -webkit-transform: rotate(
      -45deg
    );
    transform: rotate(
      -45deg
    );
    top: -24px;
    top: calc( -24 / 750 * 100vw);
  }

  .menu-open nav.menu-content.footer-ncs-nav {
    display: block;
  }
  .dx-hakusho-header-grp {
    padding: 0 16px;
  }


  .dxhakusho-page .sp-menu-btn {
    display: none;
  }

}

@media screen and (max-width: 560px){
  .dxhakusho-page .sp-menu-btn{
    display: flex;
  }

  .dx-hakusho-nav {
    opacity: 0;
    flex-direction: column;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 20;
    top: 56px;
    border-top: solid 1px #fff;
    visibility: hidden;
    transition: all .3s ease;
  }
  .dxhakusho-page .sp-menu-btn span {
    background: #000;
    width: 38px;
    width: calc( 38 / 375 * 100vw);
  } 
  .dxhakusho-page .sp-menu-btn {
    width: 38px;
    width: calc( 38 / 375 * 100vw);
    height: 27px;
    height: calc( 27 / 375 * 100vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 17px;
    top: calc( 17 / 375 * 100vw);
    right: 15px;
    right: calc( 15 / 375 * 100vw);
  }
  .menu-open .dxhakusho-page .sp-menu-btn span:nth-of-type(1) {
    transform: rotate(
      45deg
    );
    top: 8px;
    top: calc( 8 / 375 * 100vw);
  }

  .menu-open .dxhakusho-page .sp-menu-btn span:nth-of-type(3) {
    transform: rotate(
      -45deg
    );
    top: -18px;
    top: calc( -18 / 375 * 100vw);
  }
  .menu-open .dx-hakusho-nav {
    opacity: 1;
    visibility: visible;
    background: #fff;
  }
  .dx-hakusho-nav ul.submenu.level-1 li {
    display: block;
  }
  .dx-hakusho-nav ul.submenu.level-1 {
    display: block;
  }
  .dx-hakusho-nav ul.submenu.level-1 li a {
    border-bottom: solid 1px #000;
    height: 101px;
    height: calc( 101 / 375 * 100vw);
    color: #000 !important;
  }
}

/* V css End */



/* Custom css */
html.case_study {
  font-size: 15px;
}

html.case_study body {
  font-family: 'Noto Sans JP', serif;
  color: #000;
  font-size: 1.15rem;
  line-height: 1.6;
  font-weight: 500;
  background: #fff;
}

html.case_study .inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 1084px;
  padding: 0 30px;
  margin-left: auto;
  margin-right: auto;
}

.case_study_lyt h1,
.case_study_lyt h2,
.case_study_lyt h3,
.case_study_lyt h4,
.case_study_lyt h5,
.case_study_lyt h6,
.case_study_lyt p {
  font-family: 'Noto Sans JP', serif;
  margin: 0;
}

.case_study_lyt a {
  color: #221815;
  text-decoration: none;
}

.case_study_lyt a:hover {
  color: #221815;
  opacity: 1;
  text-decoration: underline;
}

.ca_st-footer-bottom {
  padding: 0.6em 0;
}

.ca_st-footer-bottom .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ca_st-footer-bottom .inner .credit {
  font-size: 12px;
}

.ca_st-footer-bottom .inner nav {
  font-size: 0.93rem;
}

.ca_st-footer-bottom .inner nav ul {
  margin: 0;
}

.ca_st-footer-bottom .inner nav ul li {
  margin-right: 3px;
}

.ca_st-footer-bottom .inner nav ul li a {
  display: inline-block;
  margin-right: 2em;
  color: #221815;
}

.ca_st-footer-bottom .inner nav ul li a:hover {
  text-decoration: underline !important;
}

.ca_st-footer-top {
  background-color: #4c566c;
  padding: 60px 0;
  position: relative;
}

.ca_st-footer-top a.toTop {
  display: block;
  position: absolute;
  width: 60px;
  right: 30px;
  top: -90px;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
}

.ca_st-footer-top a.toTop:hover {
  opacity: .7;
  text-decoration: none;
}

.ca_st-footer-top .inner h1.logo {
  max-width: 220px;
  margin: 0 auto;
}

.ca_st-footer-top .inner h1.logo img {
  display: block;
}

.header-case_study {
  position: fixed;
  height: 80px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  background-color: rgba(255, 255, 255, 0.9);
}

.header-case_study.top {
  background-color: transparent;
}

.header-case_study .mainHeader--inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}

.header-case_study .mainHeader--inner h1.logo {
  max-width: 220px;
  position: relative;
}

.header-case_study .mainHeader--inner h1.logo > div {
  display: block;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
}

.header-case_study .mainHeader--inner h1.logo > div:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.header-case_study.top .mainHeader--inner h1.logo > div:last-child {
  opacity: 1;
}

.header-case_study.top .mainHeader--inner h1.logo > div:first-child {
  opacity: 0;
}

.header-case_study .mainHeader--inner h1.logo img {
  display: block;
}

.ca_st-trigger {
  width: 40px;
  height: 40px;
  padding: 7px 5px;
  position: relative;
  z-index: 9999;
  cursor: pointer;
}

.ca_st-trigger span {
  display: block;
  height: 5px;
  background-color: #4c566c;
  margin-top: 5px;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
}

.ca_st-trigger span:first-child {
  margin-top: 0;
}

.ca_st-trigger.top span {
  background-color: #fff;
}

.ca_st-trigger.active span {
  background-color: #fff;
}

.ca_st-trigger.active span:first-child {
  transform: translateY(10px) rotate(
    45deg
  );

  -webkit-transform: translateY(10px) rotate(
    45deg
  );
}

.ca_st-trigger.active span:nth-child(2) {
  opacity: 0;
}

.ca_st-trigger.active span:last-child {
  transform: translateY(-10px) rotate(
    -45deg
  );

  -webkit-transform: translateY(-10px) rotate(
    -45deg
  );
}

.ca_st-menu {
  position: absolute;
  z-index: 9998;
  top: 0;
  left: 0;
  padding: 100px;
  width: 100%;
  height: 100vh;
  display: none;
}

.ca_st-menu .hs_cos_wrapper_type_module {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4c566c;
}

.ca_st-menu .hs_cos_wrapper_type_module ul {
  max-width: 800px;
  margin: 0 auto;
  font-size: 26px;
  display: block;
}

.ca_st-menu .hs_cos_wrapper_type_module ul li {
  margin-bottom: 1em;
}

.ca_st-menu .hs_cos_wrapper_type_module ul li:last-child {
  margin-bottom: 0;
}

.ca_st-menu .hs_cos_wrapper_type_module ul li a {
  overflow: hidden;
  display: block;
  text-align: center;
  color: #fff;
  position: relative;
}

.ca_st-menu .hs_cos_wrapper_type_module ul li a:after {
  content: '';
  height: 2px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: -100%;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  background-color: #fff;
}

.ca_st-menu .hs_cos_wrapper_type_module ul li a:hover:after {
  left: 0;
}

.ca_st-menu .hs_cos_wrapper_type_module ul li a:hover {
  text-decoration: none;
}

.inview {
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  transition-duration: .8s;
}

.unscroll {
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  opacity: 0;
}

.case-study-grp2 {
  padding-top: 100px;
}

.case-study-grp3,
.case-study-grp5 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.case-heading {
  position: relative;
  margin-bottom: 40px !important;
  font-size: 100%;
}

.case-heading:after {
  content: '';
  display: block;
  height: 6px;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #ebebeb;
  position: absolute;
}

.case-heading strong {
  font-size: 26px;
  position: relative;
  z-index: 10;
  display: inline-block;
  line-height: 1.4;
  padding-bottom: 0.6em;
  font-weight: 500;
}

.case-heading strong:after {
  content: '';
  display: block;
  height: 6px;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #4c566c;
  position: absolute;
}

#modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  display: none;
}

#modal--inner {
  padding: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#modal--videoWrap {
  cursor: default;
  width: 100%;
  max-width: 1024px;
}

#modal--videoWrap video {
  width: 100%;
  outline: 0;
}

.case-study-grp9 .dnd-section > .row-fluid {
  max-width: 1084px;
  padding: 0 30px;
}

.case-study-grp11 .widget-type-header h2 {
  line-height: 1.2;
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 500;
}

.case-study-grp11 .widget-type-rich_text {
  padding: 120px 0 280px;
}

.case-study-grp11 .widget-type-rich_text p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #6c6c6c;
  line-height: 1.5;
  padding: 0 15px;
  text-align: center;
  word-break: normal;
  font-size: 16px;
  margin-bottom: 80px;
}

.case-study-grp11 .dnd-section > .row-fluid {
  max-width: 1084px;
}

.case-study-grp11 .widget-type-header h2 {
  padding: 0 30px;
}

/* Ad */
.ad-grp1 .dnd-section {
  height: 800px;
  background-size: cover !important;
  background-position: center !important;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.ad-grp1 .widget-type-rich_text p {
  background: #FFF0;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 15px;
  width: calc(100% - 30px);
  margin: 0;
}
.ad-grp1 .widget-type-rich_text p a {
  width: 100%;
  height: 58px;
  color: #FFF;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.12em;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #57d68d;
  margin-top: 11px;
  text-decoration: none;
}
.ad-grp1 .widget-type-rich_text p a span {
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.ad-grp1 .widget-type-rich_text p a:after {
  content: '';
  width: 9px;
  height: 9px;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotate( 
    45deg
  );
  transform: rotate( 
    45deg
  );
  -webkit-transform-origin: top right;
  transform-origin: top right;
  position: absolute;
  top: calc(50% - 0px);
  right: 30px;
  border-top: solid 3px #FFF;
  border-right: solid 3px #FFF;
  z-index: 2;
}
.ad-grp1 .widget-type-rich_text p a:hover {
  cursor: pointer;
  opacity: 1;
}
.ad-grp1 .hs-responsive-embed {
  margin-top: 128px !important;
  margin-bottom: 8px !important;
}
.kaizenad-button-wrapper .green_button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #57d68d;
  color: #FFF;
  text-decoration: none;
  letter-spacing: 0.04em;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  overflow: hidden;
  position: relative;
  opacity: 1;
  padding: 0;
  font-family: YuGothic, 'Yu Gothic', メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
}
.kaizenad-button-wrapper .green_button a:before {
  content: '';
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.kaizenad-button-wrapper .green_button a .text {
  position: relative;
  font-weight: bold;
  z-index: 2;
}

/* Agencies */
.agencies_lyt,
.creative_lyt,
.download_lyt {
  font-family: YuGothic, Yu Gothic, メイリオ, meiryo, ヒラギノ角ゴ pro w3, hiragino kaku gothic pro, sans-serif;
  font-weight: 500;
}

.agencies_lyt p,
.creative_lyt p,
.download_lyt p {
  font-family: YuGothic, Yu Gothic, メイリオ, meiryo, ヒラギノ角ゴ pro w3, hiragino kaku gothic pro, sans-serif;
  font-weight: 400;
}

.agencies_lyt a:hover,
.creative_lyt a:hover,
.download_lyt a:hover {
  opacity: 1;
}
.footer-agencies {
  background: #4c566c;
  padding: 55px 0 40px;
  position: relative;
}
.footer-agencies a:hover {
  opacity: 1;
}
.footer-agencies .totop {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background: #d2d8e6;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 78px;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: -39px;
  width: 78px;
  cursor: pointer;
}
.footer-agencies .totop img {
  vertical-align: top;
  height: auto;
  width: 24px !important;
}
.footer-agencies .totop a:hover {
  opacity: 1;
}
.footer-agencies .ag-footer-inner .copyright {
  font-weight: 600;
  font-family: Montserrat, YuGothic, Yu Gothic, sans-serif;
  color: #fff;
  display: block;
  font-size: 9px;
  letter-spacing: .08em;
  margin-top: 33px;
  text-align: center;
}
.footer-agencies .ag-footer-inner .partners-area {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.footer-agencies .ag-footer-inner .partners-area .each-partner {
  vertical-align: top;
  border-radius: 3px;
  margin: 0 7px;
  overflow: hidden;
}
.footer-agencies .ag-footer-inner .partners-area .each-partner-youtube {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 68px;
  justify-content: center;
}
.footer-agencies .ag-footer-inner .partners-area .each-partner img {
  vertical-align: top;
  height: auto;
  width: 100% !important;
}
.footer-agencies .ag-footer-inner .partners-area .each-partner-youtube img {
  height: auto;
  width: 165px !important;
}
.footer-agencies .ag-footer-inner .logo {
  display: block;
  margin: 25px auto;
  width: 212px;
}
.footer-agencies .ag-footer-inner .logo img {
  vertical-align: top;
  height: auto;
  width: 212px !important;
}
.footer-agencies .ag-footer-inner .gr01 {
  font-family: YuGothic, Yu Gothic, メイリオ, meiryo, ヒラギノ角ゴ pro w3, hiragino kaku gothic pro, sans-serif;
}
.footer-agencies .ag-footer-inner .gr01 .ag-footer-nav {
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer-agencies .ag-footer-inner .gr01 .footer-btn a {
  opacity: 1 !important;
  -webkit-box-sizing: border-box;
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-box-sizing: border-box;
  align-items: center;
  border-radius: 5px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 52px;
  justify-content: center;
  letter-spacing: .2em;
  position: relative;
  width: 195px;
}
.footer-agencies .ag-footer-inner .gr01 .footer-btn a:after {
  content: "";
  -webkit-box-sizing: border-box;
  -webkit-transform: rotate(
    45deg
  );
  -webkit-transform-origin: top right;
  -webkit-transition: all .7s ease;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  box-sizing: border-box;
  height: 9px;
  pointer-events: none;
  position: absolute;
  right: 13px;
  top: calc(50% - 1px);
  transform: rotate(
    45deg
  );
  transform-origin: top right;
  transition: all .7s ease;
  width: 9px;
  z-index: 2;
}
.footer-agencies .ag-footer-inner .gr01 .footer-btn a span {
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul {
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li a {
  margin-bottom: .7em;
  text-decoration: none;
}
.footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li a:after {
  color: #fff;
  content: "/";
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .2em;
  margin: 0 .5em;
}
.footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li:last-child a:after {
  content: "";
}
.footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li a span {
  -webkit-transition: all .3s ease;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .2em;
  position: relative;
  transition: all .3s ease;
}
.header-kaizenad .header-top .partners-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.header-kaizenad .header-top .partners-area .each-partner {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-left: 15px;
}
.header-kaizenad .header-top .partners-area .each-partner-insta {
  border: 1px solid #c0c1c2;
  border-radius: 3px;
  width: 159px;
  box-sizing: content-box;
}
.header-kaizenad .header-top .partners-area .each-partner-fb img {
  height: 3.13725vw;
  max-height: 40px;
  vertical-align: top;
  width: auto !important;
}
.header-kaizenad .header-top .partners-area .each-partner-insta img {
  height: 2.90196vw;
  max-height: 37px;
  vertical-align: top;
  width: auto !important;
}
.header-kaizenad.hd-ag .header-top {
  min-height: 50px;
}
.hd-ag .kaizenad-button-wrapper {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kaizenad-button-wrapper .contact_button a {
  margin: 0;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-box-sizing: border-box;
  align-items: center;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  justify-content: center;
  position: relative;
  -webkit-box-sizing: border-box;
  border: 1px solid #57d68d;
  box-sizing: border-box;
  color: #57d68d;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  letter-spacing: .2em;
  overflow: hidden;
  transition: all .3s ease;
  background-color: transparent;
  padding: 0;
}
.header-kaizenad.hd-ag {
  padding-top: 0;
}
.hd-ag .header-kaizenad .header {
  position: static;
}
.hd-ag .download_button .hs-button {
  background: #57d68d;
}
.hd-ag .download_button .hs-button:after {
  background: #46ac71;
}
.hd-ag .download_button .hs-button:hover {
  background: #57d68d;
}
.kaizenad-button-wrapper .contact_button a .icon {
  font-weight: 700;
  position: relative;
  z-index: 2;
  left: 16px;
  position: absolute;
  background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-mail-green01@2x.png);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  height: 16px;
  width: 30px;
}
.kaizenad-button-wrapper .contact_button a .text {
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.header-kaizenad.hd-ag .header {
  position: static;
}

.agencies_lyt .dnd-section > .row-fluid,
.creative_lyt .dnd-section > .row-fluid,
.download_lyt .dnd-section > .row-fluid {
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.banner-area .dnd-section,
.agencies-grp1 .dnd-section > .row-fluid,
.agencies-grp5 .dnd-section > .row-fluid,
.agencies-grp8 .dnd-section > .row-fluid,
.agencies-grp6 .dnd-section > .row-fluid,
.creative-grp1 .dnd-section > .row-fluid,
.creative-grp3 .dnd-section > .row-fluid,
.creative-grp2 .dnd-section > .row-fluid,
.download-grp2 .dnd-section > .row-fluid,
.download-grp3 .dnd-section > .row-fluid,
.agencies-grp7 .dnd-section > .row-fluid {
  padding: 0;
}

.agencies-grp1 .widget-type-rich_text {
  padding: 60px;
  text-align: center;
}

.agencies-grp1 .widget-type-rich_text p {
  display: flex;
  justify-content: center;
}

.agencies-grp1 .widget-type-rich_text p img {
  width: auto;
  height: 59px;
  margin: 0 10px;
}

.agencies-grp1 .widget-type-rich_text p:last-child {
  text-align: center;
  font-size: 48px;
  color: #3b5998;
  font-family: Montserrat;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 0;
}

.agencies-grp2 .dnd-section > .row-fluid {
  padding: 44px 10px 40px;
}

.agencies-grp2 .row-fluid {
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  flex-wrap: wrap;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
}

.agencies-grp2 .span8 {
  margin-bottom: 35px;
  width: auto;
}

.agencies-grp2 .span4 {
  width: auto;
  margin: 0;
}

.agencies-grp2 img {
  width: 100%;
  vertical-align: top;
}

.agencies-grp2 img.youtube {
  max-width: 170px;
  width: 22.66667vw;
}

.agencies-grp2 img.insta {
  margin: 0 20px 0 14px;
  max-width: 221px;
  width: 29.46667vw;
}

.agencies-grp2 img.facebook {
  max-width: 218px;
  width: 29.06667vw;
}

.agencies-grp2 .hs_cos_wrapper_type_rich_text {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.agencies-grp2 .widget-type-rich_text p {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  margin-top: 40px;
  text-align: center;
  width: 100%;
}

.agencies-grp2 .widget-type-rich_text p .mont {
  font-weight: 600;
  font-family: Montserrat, YuGothic, Yu Gothic, sans-serif;
}

.agencies-grp3 .dnd-section > .row-fluid {
  padding: 100px 30px;
  background: #ecf0f7;
}

.agencies-grp3 .widget-type-rich_text h2 {
  font-family: YuGothic, Yu Gothic, メイリオ, meiryo, ヒラギノ角ゴ pro w3, hiragino kaku gothic pro, sans-serif;
  margin-top: 0;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: .05em;
  margin-bottom: 30px;
  text-align: center;
}

.agencies-grp3 .widget-type-rich_text h2 span {
  font-family: Montserrat, YuGothic, Yu Gothic, sans-serif;
  font-weight: 600;
  font-weight: 700;
  letter-spacing: .2em;
}

.agencies-grp3 .row-fluid {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  justify-content: center;
}

.agencies-grp3 .span4 {
  -webkit-transition: all .3s ease;
  background: #fff;
  color: #000;
  display: inline-block;
  height: auto;
  margin-right: 0;
  max-width: 376px;
  text-decoration: none;
  transition: all .3s ease;
  width: calc(33.3% - 44px);
  margin: 0;
  justify-content: initial !important;
}

.agencies-grp4 .dnd-section > .row-fluid {
  padding: 65px 30px 80px 30px;
  border-bottom: 1px solid #c4cada;
}

.agencies-grp5 .sec-format > h3 {
  margin: 0;
  padding: 0;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: .05em;
  margin-bottom: 40px;
  text-align: center;
  color: inherit;
  font-family: YuGothic,Yu Gothic,メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif;
}

.agencies-grp11 .dnd-section > .row-fluid {
  padding: 0;
}

.agencies-grp10 .dnd-section > .row-fluid {
  padding: 65px 0 60px;
}

.agencies-grp10 .widget-type-header h2 {
  margin-top: 0;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: .05em;
  margin-bottom: 1em;
  text-align: center;
  font-family: YuGothic, Yu Gothic, メイリオ, meiryo, ヒラギノ角ゴ pro w3, hiragino kaku gothic pro, sans-serif;
}

.agencies-grp9 .dnd-section > .row-fluid {
  padding: 40px 0 50px;
}

.agencies-grp9 .widget-type-linked_image img {
  display: block;
  max-width: 1176px !important;
  width: 100%;
}

.agencies-grp9 .widget-type-header h2 {
  margin-top: 0;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: .05em;
  margin-bottom: 35px;
  text-align: center;
  font-family: YuGothic, Yu Gothic, メイリオ, meiryo, ヒラギノ角ゴ pro w3, hiragino kaku gothic pro, sans-serif;
}

/* tab */
.agencies_lyt .sec-format .tab-area .each-tab:first-of-type,
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(4),
.agencies_lyt .sec-format .tab-area .tab-content {
  border-left: 1px solid #c4cada
}
.agencies_lyt .sec-format .tab-area,
.agencies_lyt .sec-format .tab-area .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  position: relative
}

.agencies_lyt .sec-format .tab-area {
  -ms-flex-pack: start;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  //margin-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.agencies_lyt .sec-format .tab-area:after {
  content:'';
  display: block;
  padding-top:67%;
  width:10px;

}

.agencies_lyt .sec-format .tab-area,
.agencies_lyt .sec-format .tab-area .each-tab {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.agencies_lyt .sec-format .tab-area .each-tab {
  height: 60px;
  width: 33.33333%
}

.agencies_lyt .sec-format .tab-area .each-tab:first-of-type,
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(2),
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(3) {
  border-top: 1px solid #c4cada
}

.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(3),
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(6) {
  border-right: 1px solid #c4cada
}

.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(3n) .tab {
  border-right: 0
}

.agencies_lyt .sec-format .tab-area .tab,
.agencies_lyt .sec-format .tab-area .tab-content {
  border-right: 1px solid #c4cada;
  width: 100%
}

.agencies_lyt .sec-format .tab-area .tab {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-box-sizing: border-box;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  letter-spacing: .1em
}

.agencies_lyt .sec-format .tab-area .tab:hover {
  cursor: pointer
}

.agencies_lyt .sec-format .tab-area .tab-content {
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #c4cada;
  box-sizing: border-box;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 120px
}

.agencies_lyt .sec-format .tab-area .tab-content .title {
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-box-sizing: border-box;
  align-items: center;
  background: #ccf3dd;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  padding: 0 0 0 20px
}

.agencies_lyt .sec-format .tab-area .tab-content .title .en {
  color: #4c566c;
  font-family: Montserrat, YuGothic, Yu Gothic, sans-serif;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: .08em;
  white-space: nowrap
}

.agencies_lyt .sec-format .tab-area .tab-content .title .ja {
  letter-spacing: .12em;
  margin-left: 15px;
  font-weight: 700
}

.agencies_lyt .sec-format .tab-area .tab-content .title .ja {
  font-size: 12px
}

.agencies_lyt .sec-format .tab-area .tab-content .content-inner {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-box-sizing: border-box;
  align-items: center;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

.agencies_lyt .sec-format .tab-area .tab-content .video {
  width: 100%;
  margin-top:1px;
  margin-bottom: -1px;
}

.agencies_lyt .sec-format .tab-area .tab-content .video video {
  border: none;
  width: 100%
}

/* tabber */
.agencies_lyt .sec-format .tab-area .tab {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.agencies_lyt .sec-format .tab-area .tab.visible {
  background: #ccf3dd
}

.agencies_lyt .sec-format .tab-area .each-tab:first-of-type,
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(2),
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(3) {
  border-bottom: 1px solid #fff
}

.agencies_lyt .sec-format .tab-area .each-tab:first-of-type .tab.visible,
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(2) .tab.visible,
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(3) .tab.visible {
  border-bottom: 1px solid #c4cada
}

.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(4),
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(5),
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(6) {
  border-bottom: 1px solid #c4cada;
  border-top: 1px solid #c4cada
}

.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(4) .tab.visible,
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(5) .tab.visible,
.agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(6) .tab.visible {
  border-bottom: 1px solid #ccf3dd
}

.agencies_lyt .sec-format .tab-area .tab-content {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.agencies_lyt .sec-format .tab-area .tab-content.visible {
  opacity: 1;
  pointer-events: auto;
  z-index: 2
}
/* cstm */
.agencies_lyt .sec-format .tab-area {
  margin-bottom: 0 !important;
}
.agencies_lyt .sec-format .tab-area .tab {
  background: transparent;
}

.creative-grp1 .dnd-section {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  background-position: 50% !important;
  background-size: cover !important;
  color: #fff;
  height: 45vw;
  justify-content: center;
  max-height: 340px;
  width: 100%;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.creative-grp1 .widget-type-rich_text h1 {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: Montserrat, YuGothic, Yu Gothic, sans-serif;
  font-weight: 600;
  letter-spacing: .05em;
  color: #fff;
  margin: 0;
}

.creative-grp1 .widget-type-rich_text h1 span:first-child {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: .05em;
  margin-bottom: .2em;
}

.creative-grp1 .widget-type-rich_text h1 span:last-child {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .05em;
}

.creative_lyt a, .creative_lyt h1, .creative_lyt h2, .creative_lyt h3, .creative_lyt h4, .creative_lyt p, .creative_lyt span,
.download_lyt a, .download_lyt h1, .download_lyt h2, .download_lyt h3, .download_lyt h4, .download_lyt p, .download_lyt span {
  white-space: normal;
  word-break: break-all;
}

.download-grp2 {
  padding: 65px 0 130px;
}

.download-grp2 .widget-type-rich_text p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #6c6c6c;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 50px;
  padding: 0 15px;
  text-align: center;
  word-break: normal;
}















@-webkit-keyframes balloon {
  0%, 80% {
    margin-left: -680px
  }

  to {
    margin-left: 280px
  }
}

@keyframes balloon {
  0%, 80% {
    margin-left: -680px
  }

  to {
    margin-left: 280px
  }
}

@media (max-width: 1250px) {
  .kaizenad-button-wrapper .green_button a {
    font-size: 16px;
    margin-left: 10px;
  }
  .kaizenad-button-wrapper .contact_button a {
    font-size: 16px;
    margin-left: 10px !important;
  }
}

@media (max-width: 1000px) {
  .kaizenad-button-wrapper .green_button a {
    font-size: 12px !important;
    width: calc(206 / 1200 * 100vw) !important;
    height: calc(72 / 1200 * 100vw) !important;
  }
  .kaizenad-button-wrapper .contact_button a {
    font-size: 12px !important;
    height: 6vw !important;
    width: 17.16667vw !important;
  }
  .kaizenad-button-wrapper .contact_button a .icon {
    background-size: 16px auto !important;
    height: 100% !important;
    left: 13px !important;
    width: 30px !important;
  }
}

@media (max-width: 800px) {
  html.case_study body {
    font-size: 1.08rem;
  }

  .header-case_study {
    height: 50px;
  }

  .header-case_study.top {
    height: 50px;
  }

  .header-case_study .mainHeader--inner {
    height: 50px;
    padding: 0 16px !important;
  }

  .header-case_study .mainHeader--inner h1.logo {
    max-width: 120px;
  }

  .ca_st-menu .hs_cos_wrapper_type_module ul {
    font-size: 18px;
  }

  .case-study-grp2 {
    padding-top: 60px;
  }

  .case-study-grp3,
  .case-study-grp5 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .case-heading {
    margin-bottom: 30px !important;
  }

  .case-heading strong {
    font-size: 21px;
  }

  .case-study-grp11 .widget-type-header h2 {
    font-size: 3.5vw;
  }

  .ca_st-footer-bottom .inner {
    display: block;
  }

  .ca_st-footer-bottom .inner .credit {
    display: block;
    text-align: center;
  }

  .ca_st-footer-bottom .inner nav {
    margin-bottom: 20px;
  }

  .ca_st-footer-bottom .inner nav ul li {
    width: 100%;
  }

  .ca_st-footer-bottom .inner nav ul li a {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .ca_st-footer-bottom .inner nav ul li:last-child a {
    margin-bottom: 0;
  }

  .ca_st-footer-top {
    padding: 40px 0;
  }

  .ca_st-footer-top a.toTop {
    display: block;
    position: absolute;
    width: 50px;
    right: 20px;
    top: -70px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
  }

  .ca_st-footer-top .inner h1.logo {
    max-width: 160px;
  }
}

@media (max-width: 767px) {
  .case-study-grp11 .widget-type-rich_text {
    padding: 80px 0 130px;
  }
  .case-study-grp11 .widget-type-rich_text p {
    font-size: 15px;
    margin-bottom: 50px;
  }
  .footer-agencies .ag-footer-inner .partners-area .each-partner {
    height: 7.2vw;
    max-height: 54px;
    max-width: 218px;
    width: 29.06667vw;
  }
  .footer-agencies .ag-footer-inner .partners-area .each-partner-youtube {
    line-height: 0;
    width: 18vw;
  }
  .footer-agencies .ag-footer-inner .gr01 .footer-btn a {
    margin: 20px auto 0;
  }
  .footer-agencies .ag-footer-inner .gr01 .ag-footer-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li a {
    margin-bottom: 1em;
  }
  .header-kaizenad.hd-ad .kaizenad-logo a {
    min-height: 26px;
    display: inline-block;
  }
  .kaizenad-button-wrapper .green_button a {
    width: calc(100% - 56px) !important;
    height: 55px !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    margin-top: 30px;
  }
  .kaizenad-button-wrapper .green_button a:before {
    position: absolute;
    left: 15px;
  }
  .kaizenad-button-wrapper .green_button a:after {
    content: '';
    width: 12px;
    height: 12px;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(
      45deg
    );
    transform: rotate(
      45deg
    );
    -webkit-transform-origin: top right;
    transform-origin: top right;
    position: absolute;
    top: calc(50% - 1px);
    right: 10px;
    border-top: solid 3px #FFF;
    border-right: solid 3px #FFF;
  }

  .header-kaizenad.hd-ag .kaizenad-menu-btn {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 35px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    top: 18px;
    z-index: 15;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
  }

  .header-kaizenad.hd-ag .kaizenad-menu-btn span {
    -webkit-transition: all .5s ease;
    background: #4c566c;
    display: block;
    height: 4px;
    margin-bottom: 9px;
    position: relative;
    top: 0;
    transition: all .5s ease;
    width: 40px;
  }

  .show-menu .header-kaizenad.hd-ag .kaizenad-menu-btn span:nth-of-type(1) {
    -webkit-transform: rotate(
      45deg
    );
    top: 13px;
    transform: rotate(
      45deg
    );
  }

  .show-menu .header-kaizenad.hd-ag .kaizenad-menu-btn span:nth-of-type(3) {
    -webkit-transform: rotate(
      -45deg
    );
    top: -13px;
    transform: rotate(
      -45deg
    );
  }

  .header-kaizenad.hd-ag .header-inner {
    padding: 15px 0 15px 15px;
  }

  .hd-ag .kaizenad-logo img.hs-image-widget {
    width: 149px !important;
  }

  .agencies-grp1 .widget-type-rich_text p br,
  .agencies-grp3 .widget-type-rich_text h2 br {
    display: inherit;
  }

  .sec-introduction .partners .gr02 img {
    height: auto;
    margin: 0 7px;
    width: 43px;
  }

  .agencies-grp2 .widget-type-rich_text p .mont {
    font-weight: 100;
  }

  .agencies-grp3 .dnd-section>.row-fluid {
    padding: 40px 29px;
  }

  .agencies-grp3 .widget-type-rich_text h2 {
    margin-bottom: 29px;
    line-height: 1.6;
  }

  .agencies-grp3 .row-fluid {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
  }

  .agencies-grp3 .span4 {
    margin-bottom: 23px;
    min-width: 315px;
  }

  .agencies-grp3 > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
    width: 100%;
  }

  .agencies_lyt .sec-format {
    padding: 50px 28px 35px;
  }

  .agencies-grp2 .span4 img {
    height: auto;
    margin: 0 7px !important;
    width: 43px !important;
  }

  .agencies-grp7 .row-fluid [class*="span"] {
    min-height: 0;
  }

  .header-kaizenad.hd-ag .header {position: relative;}

  .hd-ag .kaizenad-nav {
    top: 69px;
  }

  .hd-ag .kaizenad-menu .hs-menu-wrapper>ul>li>a {
    padding-left: 28px !important;
  }

  .hd-ag .kaizenad-button-wrapper {
    display: block;
  }

  .hd-ag .kaizenad-button-wrapper .contact_button a {
    border-radius: 10px;
    height: 55px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: calc(100% - 56px) !important;
    margin-bottom: 23px;
    margin-top: 40px;
  }

  .hd-ag .download_button .hs-button {
    margin-top: 0;
  }

  .hd-ag .download_button .hs-button:after {
    background: #57d68d;
  }

  .hd-ag .kaizenad-button-wrapper .contact_button a:after {
    -webkit-box-sizing: border-box;
    -webkit-transform: rotate(
      45deg
    );
    -webkit-transform-origin: top right;
    box-sizing: border-box;
    content: "";
    height: 12px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: calc(50% - 1px);
    transform: rotate(
      45deg
    );
    transform-origin: top right;
    width: 12px;
    border-right: 3px solid #57d68d;
    border-top: 3px solid #57d68d;
  }

  .ad-grp1 .widget-type-rich_text p a {
    padding-left: 50px;
    padding-right: 50px;
  }

  .hd-ad .kaizenad-button-wrapper .green_button a {
    margin-bottom: 0;
  }

  .header-kaizenad.hd-ad .header-inner {
    padding: 8px 0 6px 15px;
  }
}

@media (max-width: 479px) {
  .agencies_lyt a, .agencies_lyt h1,
  .agencies_lyt h2, .agencies_lyt h3,
  .agencies_lyt h4, .agencies_lyt p,
  .agencies_lyt span {
    white-space: normal;
    word-break: break-all;
  }
  .agencies-grp2 .span8 {
    margin-bottom: 30px;
  }
}

@media (max-width: 350px) {
  .agencies-grp3 .span4 {
    min-width: 84vw;
  }
}

@media (min-width: 768px) {
  /* Agencies */
  .footer-agencies {
    padding: 110px 0 105px;
  }
  .footer-agencies .totop {
    height: 120px;
    right: 35px;
    top: -60px;
    width: 120px;
  }
  .footer-agencies .totop img {
    width: 40px !important;
  }
  .footer-agencies .ag-footer-inner .copyright {
    font-size: 14px;
    margin-top: 105px;
  }
  .footer-agencies .ag-footer-inner .partners-area .each-partner {
    margin: 0 17px;
  }
  .footer-agencies .ag-footer-inner .logo {
    margin: 45px auto;
    width: 414px;
  }
  .footer-agencies .ag-footer-inner .logo img {
    width: 380px !important;
  }
  .footer-agencies .ag-footer-inner .gr01 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer-agencies .ag-footer-inner .gr01 .footer-btn a {
    -webkit-transition: all .3s ease;
    border-radius: 12px;
    font-size: 18px;
    height: 68px;
    margin: 20px 0;
    overflow: hidden;
    transition: all .3s ease;
    width: 230px;
  }
  .footer-agencies .ag-footer-inner .gr01 .footer-btn a:before {
    -webkit-transition: all .3s ease;
    background: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 0;
  }
  .footer-agencies .ag-footer-inner .gr01 .footer-btn a:after {
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    height: 12px;
    width: 12px;
  }
  .footer-agencies .ag-footer-inner .gr01 .footer-btn a:hover:before {
    width: 100%;
  }
  .footer-agencies .ag-footer-inner .gr01 .footer-btn a:hover:after {
    border-right: 3px solid #4c566c;
    border-top: 3px solid #4c566c;
  }
  .footer-agencies .ag-footer-inner .gr01 .footer-btn a:hover {
    color: #4c566c;
  }
  .footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li a {
    margin-top: .7em;
  }
  .footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li a:after {
    font-size: 24px;
  }
  .footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li a span {
    font-size: 18px;
  }
  .footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li a span:before {
    -webkit-transition: all .3s ease;
    background: #fff;
    bottom: -9px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .3s ease;
    width: 0;
  }
  .footer-agencies .ag-footer-inner .gr01 .ag-footer-nav ul li a:hover span:before {
    width: 100%;
  }

  /* Ad */
  .ad-grp1 .dnd-section {
    min-height: 1000px;
    height: calc(1028 / 1275 * 100vh);
  }
  .ad-grp1 .widget-type-rich_text p {
    width: calc(1208 / 1800 * 100vw);
    min-width: 700px;
    height: 550px;
    height: auto;
    padding: 0px 30px 40px;
  }
  .ad-grp1 .widget-type-rich_text p a {
    min-width: 220px;
    min-height: 60px;
    width: calc( 405 / 1200 * 100vh);
    height: calc( 97 / 1200 * 100vh);
    max-height: 97px;
    border-radius: 12px;
    font-size: calc( 24 / 1800 * 100vh);
    font-size: 15px;
    margin: 0 calc(13 / 1800 * 100vw);
    margin-top: 0;
    letter-spacing: 0.16em;
  }
  .ad-grp1 .widget-type-rich_text p a span {
    margin-left: calc( 18 / 1275 * 100vh);
  }
  .ad-grp1 .widget-type-rich_text p a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #46ac71;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  .ad-grp1 .widget-type-rich_text p a:after {
    max-width: 16px;
    max-height: 16px;
    width: calc( 16 / 1800 * 100vh);
    height: calc( 16 / 1800 * 100vh);
    right: calc( 50 / 1800 * 100vh);
    border-top: solid 4px #FFF;
    border-right: solid 4px #FFF;
  }
  .ad-grp1 .widget-type-rich_text p a:hover:before {
    width: 100%;
  }
  .footer-agencies.ft-ad {
    padding: 50px 0 50px;
  }
  .footer-agencies.ft-ad .ag-footer-inner .copyright {
    margin-top: 30px;
  }
  .header-kaizenad.hd-ad {
    padding-top: 0;
  }
  .kaizenad-button-wrapper .green_button a {
    width: 206px;
    height: 68px;
    margin-left: 22px;
    border-radius: 12px;
  }
  .kaizenad-button-wrapper .green_button a:after {
    content: '';
    background: #46ac71;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    border: none;
  }
  .kaizenad-button-wrapper .green_button a:hover:after {
    width: 100%;
    opacity: 1;
  }
  .ad-grp1 .widget-type-rich_text p span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  .kaizenad-button-wrapper .contact_button a {
    border-radius: 12px;
    height: 68px;
    margin-left: 22px;
    width: 206px;
    padding-left: 20px;
  }
  .kaizenad-button-wrapper .contact_button a:before {
    -webkit-transition: all .7s ease;
    background: #e8eef4;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .7s ease;
    width: 0;
  }
  .kaizenad-button-wrapper .contact_button a .icon {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    top: 0;
    background-size: 23px auto;
    height: 100%;
    left: 13px;
    width: 30px;
  }
  .kaizenad-button-wrapper .contact_button a:hover {
    border-color: #e8eef4;
    color: #4a546b;
  }
  .kaizenad-button-wrapper .contact_button a:hover:before {
    width: 100%;
  }
  .kaizenad-button-wrapper .contact_button a:hover .icon {
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-mail-blue01@2x.png);
  }
  .agencies-grp2 .dnd-section > .row-fluid {
    padding: 65px 30px 90px;
  }
  .agencies-grp2 .span8 {
    margin: 0 85px !important;
  }
  .agencies-grp2 img.youtube {
    max-width: 168px;
    width: 14vw;
  }
  .agencies-grp2 img.insta {
    margin: 0 20px 0 36px;
    max-width: 273px;
    width: 22.75vw;
  }
  .agencies-grp2 img.facebook {
    max-width: 274px;
    width: 22.83333vw;
  }
  .agencies-grp2 .widget-type-rich_text p {
    font-size: 16px;
    line-height: 3;
    margin-top: 55px;
  }
  .agencies-grp2 .widget-type-rich_text p .mont {
    font-weight: 400;
  }
  .agencies-grp3 .widget-type-rich_text h2 {
    font-size: 40px;
    letter-spacing: .2em;
    margin-bottom: 95px;
  }
  .agencies-grp3 .span4:not(:last-child) {
    margin-right: 36px;
  }
  .agencies-grp4 .dnd-section > .row-fluid {
    padding: 100px 30px 140px 30px;
  }
  .agencies-grp5 .sec-format > h3 {
    font-size: 40px;
    letter-spacing: .2em;
    margin-bottom: 75px;
  }
  .agencies-grp10 .dnd-section > .row-fluid {
    padding: 120px 0 105px;
  }
  .agencies-grp10 .widget-type-header h2 {
    font-size: 40px;
    letter-spacing: .2em;
    margin-bottom: 1em;
  }
  .agencies-grp9 .dnd-section > .row-fluid {
    padding: 100px 0 50px;
  }
  .agencies-grp9 .widget-type-header h2 {
    font-size: 40px;
    letter-spacing: .2em;
    margin-bottom: 70px;
  }
  .anim {
    -webkit-transition: all .75s cubic-bezier(.4, 0, .6, 1) .3s;
    opacity: 0;
    transition: all .75s cubic-bezier(.4, 0, .6, 1) .3s;
  }
  .anim-fade-up {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  .animated {
    opacity: 1;
  }
  .anim-fade-up.animated {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .agencies-grp5 .sec-format > h3 br {
    display: none;
  }
  .agencies_lyt .sec-format .tab-area .tab-content .video {
    width: 100%
  }

  .agencies_lyt .sec-format .tab-area .tab-content .video .video-btn {
    background-size: 60px auto;
    height: 60px;
    left: calc(50% - 30px);
    top: calc(50% - 30px);
    width: 60px
  }

  .agencies_lyt .sec-format .tab-area {
    max-width: 1180px;
    width: 100%;
    //margin-bottom: 41vw;
    margin-bottom: 0;
    transition:all .01s ease;
  }

  .agencies_lyt .sec-format .tab-area .each-tab {
    height: 75px;
    max-height: 75px
  }
  .agencies_lyt .sec-format .tab-area:after {
    content:'';
    display: block;
    padding-top:67%;
    width:10px;

  }
  .agencies_lyt .sec-format .tab-area .each-tab:nth-of-type(3n) .tab:after {
    background: #c4cada;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: -1px;
    width: 5px
  }

  .agencies_lyt .sec-format .tab-area .tab {
    height: 75px
  }

  .agencies_lyt .sec-format .tab-area .tab-content {
    max-width: 1180px;
    top: 150px;
  }

  .agencies_lyt .sec-format .tab-area .tab-content .title {
    height: 110px;
    padding: 0 70px
  }

  .agencies_lyt .sec-format .tab-area .tab-content .title .en {
    font-size: 36px
  }

  .agencies_lyt .sec-format .tab-area .tab-content .title .ja {
    font-size: 18px;
    margin-left: 46px
  }

  .agencies_lyt .sec-format .tab-area .tab-content .content-inner {
    position: relative;
    top: -1px
  }
  .agencies_lyt .sec-format .tab-area .tab {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .1em
  }

  .creative-grp1 .dnd-section {
    height: 300px;
  }

  .creative-grp1 .widget-type-rich_text h1 span:first-child {
    font-size: 40px;
    margin-bottom: .1em;
  }

  .creative-grp1 .widget-type-rich_text h1 span:last-child {
    font-size: 24px;
  }

  .download-grp2 {
    padding: 120px 0 280px;
  }

  .download-grp2 .widget-type-rich_text p {
    font-size: 16px;
    margin-bottom: 80px;
  }
}

@media (min-width: 820px) and (max-width: 1200px) {
  .ad-grp1 .widget-type-rich_text p a {
    width: 100%;
    font-size: 15px;
  }
}

@media (min-width: 1500px) {
  .ad-grp1 .widget-type-rich_text p a {
    width: 405px;
    height: 97px;
    font-size: 24px;
  }
}

@media (min-width: 1800px) {
  .ad-grp1 .widget-type-rich_text p a:after {
    width: 16px;
    height: 16px;
    right: 50px;
  }
}


.ir__ttlH2 {
  color: #868686;
  font-weight: 700;
  font-size: 32px;
  margin: 0 auto;
  margin: 50px 0;
  text-align: center;
}
.ir__contentWrap {
  padding: 0 80px 0px 80px;
  margin: 0 auto;
  max-width: 1056px;
}
.ir__contentBoxWrap {
  padding: 32px 40px 0px 40px;
}
.blog-container img,
.ir__top_relatedPagesBox_wrap img {
  width: auto;
  vertical-align: top;
}
.listing-date {
  margin-bottom: 30px;
}
h3:empty {
  display: none;
}
ul.l_tinynav1 {
  display: none;
}
.listing-date select {
  font: 400 13.3333px Arial;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border-radius: 0;
  outline: none;
  resize: none;
  padding: 10px 40px 10px 10px;
  max-width: 100%;
}
.s_eirTab {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #b5b5b5;
}
.s_eirTab li {
  background-color: #FFF;
  margin-right: 20px;
}
.s_eirTab li.active, .s_eirTab li:hover {
  color: #2DCC70;
}
.s_eirTab li+li {
  border-left-width: 0;
}
.s_eirTab li:last-child {
  margin-right: 0;
}
.s_eirTab li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 10px;
  color: #585858;
  text-align: center;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.s_eirTab li.active a, .s_eirTab li:hover a {
  color: #2DCC70;
}
.s_eirList_item {
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  border-top: 1px solid #b5b5b5;
  line-height: 1.5;
  margin-bottom: 0;
}
.s_eirList_item:first-child {
  margin-top: 0;
  border: 0;
}
.s_eirList_item:last-child {
  border-bottom: 1px solid #b5b5b5;
}
.post_date {
  display: inline-block;
}
.post_date .s_eirModule_date_time {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
  margin-right: 20px;
  color: #9a9a9a;
}
.post_cat {
  display: inline-block;
}
.s_eirModule_category_icon {
  display: inline-block;
  width: 100px;
  background-color: #85e08b;
  vertical-align: top;
  padding: 1px 0;
  text-align: center;
  color: #FFF;
  font-size: 13px;
  vertical-align: middle;
  border-radius: 11px;
}
.s_eirModule_category_icon.適時開示 {
  background-color: #ff6b24;
}
.post_content {
  margin-left: 20px;
  position: relative;
  padding-right: 30px;
  display: block;
  flex-grow: 1;
}
.post_title a {
  color: #2c2c2c;
}
.post_title a:hover span {
  color: #2DCC70;
}
.post_title,
.post_pdf_icon,
.post_pdfkb_count {
  display: inline;
}
.s_eirModule_type_figure {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.s_eirModule_type_figure img {
  vertical-align: middle;
}
.eir_pdfNote {
  display: flex;
  margin-top: 30px;
}
.eir_pdfNote_item {
  margin-left: 10px;
}
.ir__contentWrap p {
  font-family: Barlow,Noto Sans JP,sans-serif;
  margin-bottom: 32px;
}
.eir_pdfNote_item:first-child {
  margin-left: 0;
}
.eir_pdfNote a {
  color: #4C566C;
  transition: all .3s ease;
}
.ir__top_btmLinkBox1 li a::after,
.related-bottom-content ul li a:after {
  content: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/arrow.png);
}

@media screen and (max-width: 961px) {
  .listing-date {
    margin-bottom: 10px;
  }
  .s_eirTab {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .s_eirTab li {
    width: 49%;
    margin-right: 1%;
    margin-top: 2%;
    border-left-width: 2px;
  }
  .s_eirList_item {
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }
  .post_content {
    width: 100%;
    margin: 0;
  }
  .s_eirList_item::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    order: 6;
  }
  .eir_pdfNote {
    flex-direction: column;
  }
  .eir_pdfNote_item {
    margin-left: 0;
  }
  .eir_pdfNote_item:first-child {
    margin-bottom: 10px;
  }



}

@media (max-width: 767px) {
  .ir__contentWrap {
    padding: 0 10px 0 10px;
    margin: 0 auto;
  }
  .ir__ttlH2 {
    background: #f7f9fd;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 0;
  }



}

@media screen and (min-width: 561px) {
  .s_eirTab li a:hover,
  .eir_pdfNote a:hover {
    opacity: .6;
  }

}

/* L Css */
.banner-section .dnd-section {
  padding: 0;
}

#zuck-modal-content .story-viewer .head .right .close {
  text-shadow: none
}

#zuck-modal-content .story-viewer .head {
  background: linear-gradient(rgba(0,0,0,0.5),transparent)
}

#zuck-modal-content .story-viewer .head .left
#zuck-modal-content .story-viewer.muted .tip.muted {
  display: none
}

#zuck-modal-content .story-viewer .head {
  padding: 0
}

#zuck-modal-content .story-viewer .head .right .time {
  display: none
}

#zuck-modal-content .story-viewer .head .right .close {
  display: block;
  font-size: 45px;
  line-height: 1.2em;
  color: #fff
}
.contact_left img {
  height: auto;
}
@-webkit-keyframes mvvideo {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes mvvideo {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fxd_btn a span:last-of-type {
  display: none;
}
.kaizen-ad-page .body-container-wrapper {
  padding: 0;
}

.mdl-svg-wrap {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdl-svg-wrap svg {
  height: auto;
  width: 100%;
}

.mdl-shadow {
  -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.25);
  box-shadow: 0 4px 8px rgba(0,0,0,.25);
}

.mdl-head01.white {
  color: #fff;
}

.mdl-head01.white:before {
  background: #fff;
}


.kaizen-ad-sec2 {
  background: -webkit-gradient(linear,left top,left bottom,from(#6fd99f),to(#2dc2cc));
  background: linear-gradient(180deg,#6fd99f,#2dc2cc);
  margin-bottom: 8vw;
  padding-bottom: 10.66667vw;
  padding-top: 7.46667vw;
}

.kaizen-ad-sec2 .ad-cases-head {
  margin-bottom: 9.33333vw;
  margin-top: 0;
}

.mdl-breadcrumb .hs-breadcrumb-menu li {
  padding: 0;
  font-family: Noto Sans JP;
  float: none;
}

.mdl-breadcrumb .hs-breadcrumb-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdl-breadcrumb .hs-breadcrumb-menu li span {
  font-weight: 700;
}

.mdl-breadcrumb span.hs-breadcrumb-menu-divider {
  display: none;
}

.mdl-breadcrumb .hs-breadcrumb-menu li a:after {
  border-color: transparent transparent transparent #2dc1cc;
  border-style: solid;
  border-width: 2.5px 0 2.5px 4.3px;
  content: "";
  height: 0;
  margin: 0 1em;
  width: 0;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdl-breadcrumb .hs-breadcrumb-menu li a {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #6d6d6d;
}

.bg-arrow.kaizen-video-sec1-wrapper {
  background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/bg_arrow01.png);
}

/* .bg-arrow.sec-video-overview {
background-image: none !important;
} */ 

.kaizen-video-page .subpage-mv.ad .head-area .copy p br {
  display: none;
}

.kaizen-video-page .subpage-mv.ad .head-area .copy p strong {
  color: #2dcc70;
  font-size: 22px;
  font-size: 5.86667vw;
  margin-right: .01em;
  position: relative;
}

.kaizen-video-page .subpage-mv.video .subpage-mv-inner {
  padding-left: 3.2vw;
  padding-top: 2.66667vw;
}

.kaizen-video-page .subpage-mv.ad .head-area .title-area {
  margin-left: 0;
}

.kaizen-video-page .subpage-mv.ad .head-area .picto {
  height: 58px;
  height: 15.46667vw;
  margin-right: 3.73333vw;
  width: 68px;
  width: 18.13333vw;
}

.kaizen-video-page .subpage-mv.ad .head-area .copy p {
  margin-bottom: 14.93333vw;
}

.kaizen-video-page .subpage-mv.ad .head-area {
  margin-left: 0;
}

.kaizen-video-page .subpage-mv.ad .btn-wrap {
  margin-left: 4.53333vw;
  margin-top: 0;
}

.kaizen-video-page .sec-video-production .video-production-head span {
  display: block;
  font-size: 24px;
  font-size: 6.4vw;
  letter-spacing: .04em;
  margin-bottom: 1.33333vw;
  font-family: Barlow,sans-serif;
}

.kaizen-video-page .sec-video-production .video-production .each-production .production-picto.production03 {
  margin-bottom: 0;
  width: 149px;
  width: 39.73333vw;
}

.kaizen-video-page .sec-video-production .mdl-svg-wrap {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.kaizen-video-page .sec-video-service .video-services-head br:first-child {
  display: block;
}

.kaizen-video-page .sec-video-service .video-service .picto-area {
  padding-right: 0;
}

.kaizen-video-page .sec-video-service .video-service .service-desc {
  margin-top: 0;
}

.kaizen-video-page .subpage-mv.ad .head-area .lead strong {
  margin-right: .05em;
}

.ke-page .subpage-mv .subpage-mv-inner {
  background: radial-gradient(86.44% 86.44% at 31.59% 27.34%,#fff 0,#f1f1f1 100%);
}

.ke-grp2 .platform .ux-service .each-service h3 {
  font-weight: 700;
  font-size: 14px;
  font-size: 3.73333vw;
  margin-bottom: 1.6vw;
  margin-top: 0;
  font-family: Barlow, "Noto Sans JP", sans-serif;
}

.ke-grp2 .platform .ux-service .each-service h2 {
  font-weight: 700;
  font-size: 20px;
  font-size: 5.33333vw;
  margin-bottom: 3.73333vw;
  margin-top: 0;
  font-family: Barlow, "Noto Sans JP", sans-serif;
}

.ke-grp2 .platform .ux-service .each-service p {
  color: #2b2b2b;
  font-family: Noto Sans JP;
  letter-spacing: .02em;
  font-size: 14px;
  font-size: 3.73333vw;
  margin-bottom: 10.93333vw;
  max-width: 100%;
  font-weight: 400;
  text-align: left;
}

.ke-grp2 .platform .ux-service .each-service {
  width: 343px;
  width: 91.46667vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9.86667vw 4.26667vw 9.06667vw;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 4.26667vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ke-grp2 .platform h3.ux-services-head .small {
  margin-bottom: 7px;
  font-size: 16px;
  font-size: 4.26667vw;
  line-height: 1.45;
}

.ke-grp2 .platform h3.ux-services-head {
  margin-bottom: 9.6vw;
  margin-top: 14px;
}

.ke-grp2 .platform .ux-service .service-picto {
  margin-bottom: 5.6vw;
}

.ke-grp2 .platform .platform-services {
  padding-top: 6.93333vw;
  padding-bottom: 10.66667vw;
  margin-bottom: 8.53333vw;
  position: relative;
}

.sec-engine-function .mdl-head01,
.sec-engine-cases .engine-cases-head{
  margin-top: 0;
}

.dx-solution-sec3 .sec-video-service {
  margin-top: 0;
}

.dx-solution-sec3 .sec-video-service .video-services-head br:first-child {
  display: flex;
}

.infeed-search .hs-search-field--open .hs-search-field__suggestions {
  padding: 10px;
}

.infeed-search .hs-search-field__suggestions li {
  padding-bottom: 10px;
}

.infeed-search .hs-search-field__suggestions li:last-child {
  padding-bottom: 0;
}

.ux-solution-page .sec-service .service-box .each-service-1 .picto {
  width: 140px;
  width: 37.33333vw;
}

.dx-solution-sec3 .sec-service .service-box h3.service-name{
  text-align: center;
  font-size: 28px;
  font-size: 7.46667vw;
  letter-spacing: .04em;
  margin-bottom: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 561px){
  .kaizen-ad-sec2 {
    margin-bottom: 2.5vw;
    padding-bottom: 6.25vw;
    padding-top: 5.625vw;
  }

  .kaizen-ad-sec2 .ad-cases-head {
    margin-bottom: 3.75vw;
  }

  .kaizen-ad-sec2 .ad-cases-head br {
    display: none;
  }

  .subpage-mv.ad .head-area .copy p strong {
    font-size: 32px;
    font-size: 2.5vw;
  }

  .kaizen-video-page .subpage-mv.ad .subpage-mv-inner {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    padding-left: 0;
    padding-top: 6.95313vw;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .picto {
    height: 102px;
    height: 7.96875vw;
    margin-right: 1.79687vw;
    width: 120px;
    width: 9.375vw;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .copy p {
    margin-bottom: 2.10938vw;
  }

  .kaizen-video-page .subpage-mv.ad .head-area {
    margin-left: 9.21875vw;
  }

  .kaizen-video-page .subpage-mv.ad .btn-wrap {
    margin-left: 2.65625vw;
    margin-top: 3.51563vw;
  }

  .kaizen-video-page .sec-video-production .video-production-head span {
    font-size: 24px;
    font-size: 1.875vw;
    margin-bottom: .78125vw;
  }

  .kaizen-video-page .sec-video-production .video-production .each-production .production-picto.production03 {
    margin-bottom: 2.1875vw;
    width: 282px;
    width: 22.03125vw;
  }

  .kaizen-video-page .sec-video-service .video-service .picto-area {
    padding-right: .3125vw;
  }

  .kaizen-video-page .sec-video-service .video-service .service-desc {
    margin-bottom: 1.95313vw;
    margin-top: .3125vw;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .copy p strong {
    font-size: 32px;
    font-size: 2.5vw;
    left: .07813vw;
    top: .07813vw;
  }

  .ke-grp2 .platform .ux-service .each-service h3 {
    font-size: 18px;
    font-size: 1.40625vw;
    margin-bottom: .15625vw;
  }

  .ke-grp2 .platform .ux-service .each-service h2 {
    font-size: 28px;
    font-size: 2.1875vw;
    margin-bottom: 1.01563vw;
  }

  .ke-grp2 .platform .ux-service .each-service p {
    font-size: 14px;
    font-size: 1.09375vw;
    margin-bottom: 1.48438vw;
    line-height: 1.71429;
  }

  .ke-grp2 .platform .ux-service .each-service {
    width: 372px;
    width: 29.0625vw;
    padding-top: 2.1875vw;
    padding-left: 1.875vw;
    padding-right: 1.875vw;
    padding-bottom: 1.875vw;
    margin-left: 1.64063vw;
    margin-right: 1.64063vw;
    margin-bottom: 0;
  }

  .ke-grp2 .platform h3.ux-services-head .small {
    font-size: 20px;
    font-size: 1.5625vw;
  }

  .ke-grp2 .platform h3.ux-services-head {
    margin-bottom: 3.51563vw;
  }

  .ke-grp2 .platform .ux-service .service-picto {
    margin-bottom: 1.5625vw;
  }

  .ke-grp2 .platform .platform-services {
    padding-top: 4.6875vw;
    padding-bottom: 6.25vw;
    margin-bottom: 2.5vw;
  }


  .dx-bg-arrow {
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/bg_arrow01.png);
  }

  .ux-solution-page .sec-service .service-box .each-service-1 .picto {
    width: 140px;
    width: 10.9375vw;
  }

  .dx-solution-sec3 .sec-service .service-box h3.service-name {
    font-size: 40px;
    font-size: 3.125vw;
    margin-bottom: 2.34375vw;
  }
}


@media screen and (min-width: 961px){
  .kaizen-ad-sec2 {
    margin-bottom: 2.5vw;
    padding-bottom: 6.25vw;
    padding-top: 5.625vw;
  }

  .kaizen-ad-sec2 .ad-cases-head {
    margin-bottom: 3.75vw;
  }

  .sec-ad-cases .ad-cases {
    margin-bottom: 5.78125vw;
  }



  .kaizen-video-page .subpage-mv.ad .subpage-mv-inner {
    padding-left: 0;
    padding-top: 6.95313vw;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .picto {
    height: 102px;
    height: 7.96875vw;
    margin-right: 1.79687vw;
    width: 120px;
    width: 9.375vw;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .copy p {
    margin-bottom: 2.10938vw;
  }

  .kaizen-video-page .subpage-mv.ad .head-area {
    margin-left: 9.21875vw;
  }

  .kaizen-video-page .subpage-mv.ad .btn-wrap {
    margin-left: 2.65625vw;
    margin-top: 3.51563vw;
  }

  .kaizen-video-page .sec-video-production .video-production-head span {
    font-size: 24px;
    font-size: 1.875vw;
    margin-bottom: .78125vw;
  }

  .kaizen-video-page .sec-video-production .video-production .each-production .production-picto.production03 {
    margin-bottom: 2.1875vw;
    width: 282px;
    width: 22.03125vw;
  }

  .kaizen-video-page .sec-video-service .video-service .picto-area {
    padding-right: .3125vw;
  }

  .kaizen-video-page .sec-video-service .video-service .service-desc {
    margin-bottom: 1.95313vw;
    margin-top: .3125vw;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .copy p strong {
    font-size: 32px;
    font-size: 2.5vw;
  }

  .ke-grp2 .platform .ux-service .each-service h3 {
    font-size: 18px;
    font-size: 1.40625vw;
    margin-bottom: .15625vw;
  }

  .ke-grp2 .platform .ux-service .each-service h2 {
    font-size: 28px;
    font-size: 2.1875vw;
    margin-bottom: 1.01563vw;
  }

  .ke-grp2 .platform .ux-service .each-service p {
    font-size: 14px;
    font-size: 1.09375vw;
    margin-bottom: 1.48438vw;
  }

  .ke-grp2 .platform .ux-service .each-service {
    width: 372px;
    width: 29.0625vw;
    padding-top: 2.1875vw;
    padding-left: 1.875vw;
    padding-right: 1.875vw;
    padding-bottom: 1.875vw;
    margin-left: 1.64063vw;
    margin-right: 1.64063vw;
    margin-bottom: 0;
  }

  .ke-grp2 .platform h3.ux-services-head .small {
    font-size: 20px;
    font-size: 1.5625vw
  }

  .ke-grp2 .platform h3.ux-services-head {
    margin-bottom: 3.51563vw;
  }

  .ke-grp2 .platform .ux-service .service-picto {
    margin-bottom: 1.5625vw;
  }

  .ke-grp2 .platform .platform-services {
    padding-top: 4.6875vw;
    padding-bottom: 6.25vw;
    margin-bottom: 2.5vw;
  }

  .ux-solution-page .sec-service .service-box .each-service-1 .picto {
    width: 140px;
    width: 10.9375vw;
  }

  .dx-solution-sec3 .sec-service .service-box h3.service-name {
    font-size: 40px;
    font-size: 3.125vw;
    margin-bottom: 2.34375vw
  }
}

@media screen and (min-width: 1200px){
  .kaizen-ad-sec2 {
    margin-bottom: 32px;
    padding-bottom: 80px;
    padding-top: 72px;
  }

  .kaizen-ad-sec2 .ad-cases-head {
    margin-bottom: 48px;
  }



  .kaizen-video-page .subpage-mv.ad .subpage-mv-inner {
    padding-left: 0;
    padding-top: 89px;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .picto {
    height: 102px;
    margin-right: 23px;
    width: 120px;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .lead strong {
    margin-right: .05em;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .copy p {
    margin-bottom: 27px;
  }

  .kaizen-video-page .subpage-mv.ad .head-area {
    margin-left: 118px;
  }

  .kaizen-video-page .subpage-mv.ad .btn-wrap {
    margin-left: 34px;
    margin-top: 45px;
  }

  .kaizen-video-page .sec-video-production .video-production-head span {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .kaizen-video-page .sec-video-production .video-production .each-production .production-picto.production03 {
    margin-bottom: 28px;
    width: 282px;
  }

  .kaizen-video-page .sec-video-service .video-service .picto-area {
    padding-right: 4px;
  }

  .kaizen-video-page .sec-video-service .video-service .service-desc {
    margin-top: 4px;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .copy p strong {
    font-size: 32px;
    left: 1px;
    top: 1px;
  }

  .ke-grp2 .platform .ux-service .each-service h3 {
    font-size: 18px;
    margin-bottom: 2px;
  }

  .ke-grp2 .platform .ux-service .each-service h2 {
    font-size: 28px;
    margin-bottom: 13px;
  }

  .ke-grp2 .platform .ux-service .each-service p {
    font-size: 14px;
    margin-bottom: 19px;
  }

  .ke-grp2 .platform .ux-service .each-service {
    width: 372px;
    padding-top: 28px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    margin-left: 21px;
    margin-right: 21px;
    margin-bottom: 0;
  }

  .ke-grp2 .platform h3.ux-services-head .small {
    font-size: 20px;
  }

  .ke-grp2 .platform h3.ux-services-head {
    margin-bottom: 45px;
  }

  .ke-grp2 .platform .ux-service .service-picto {
    margin-bottom: 20px;
  }

  .ke-grp2 .platform .platform-services {
    padding-top: 60px;
    padding-bottom: 80px;
    margin-bottom: 32px;
  }

  .ux-solution-page .sec-service .service-box .each-service-1 .picto {
    width: 140px;
  }

  .dx-solution-sec3 .sec-service .service-box h3.service-name {
    font-size: 40px;
    margin-bottom: 30px;
  }
} 


@media screen and (max-width: 560px){
  .kaizen-video-page .subpage-mv.ad .head-area .copy p br {
    display: block;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .copy {
    line-height: 1.4;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .lead {
    left: 0;
    position: absolute;
    top: -2.6em;
  }

  .kaizen-video-page .subpage-mv.ad .head-area .title-area {
    margin-bottom: 9.86667vw;
  }

  .kaizen-video-page .subpage-mv.ad .btn {
    height: 12.8vw;
    width: 78.13333vw;
  }

  .bg-arrow.kaizen-video-sec1-wrapper {
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/bg_arrow01-sp.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 95.46667vw;
  }

  .ke-grp2 .platform h3.ux-services-head {
    margin-top: 10px;
  }

  .ke-grp2 .platform h3.ux-services-head .small {
    margin-bottom: 3px;
  }

  .ke-grp2 .platform .ux-service .service-picto {
    width: 80px;
    width: 21.33333vw;
    height: 80px;
    height: 21.33333vw;
    margin-bottom: 5.6vw;
  }
  .dx-bg-arrow {
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/bg_arrow01-sp.png);
  }

  .sec-dx-pro .dx-pro-head br{
    display: block !important;
  }

  .dx-solution-page .sec-service .service-box .each-service-1 .picto {
    width: 164px;
    width: 43.73333vw;
  }
}
dxhakusho-bottom .hs-button:after {
  content: "";
  width: 15px;
  width: calc( 15 / 375 * 100vw);
  height: 15px;
  height: calc( 15 / 375 * 100vw);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  right: calc( 15 / 375 * 100vw);
  background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/icon-arrow-white01.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 561px) {
  .dxhakusho-bottom .hs-button:after {
    right: 30px;
    right: calc( 30 / 1280 * 100vw);
    height: 18px;
    height: calc( 18 / 1280 * 100vw);
    width: 18px;
    width: calc( 18 / 1280 * 100vw);
  }
}
@media screen and (min-width: 961px) {
  .dxhakusho-bottom .hs-button:after {
    right: 30px;
    right: calc( 30 / 1280 * 100vw);
    height: 18px;
    height: calc( 18 / 1280 * 100vw);
    width: 18px;
    width: calc( 18 / 1280 * 100vw);
  }
}
@media screen and (min-width: 1200px) {
  .dxhakusho-bottom .hs-button:after {
    right: 30px;
    height: 18px;
    width: 18px;
  }
}      

/* Q css */
.contact_ryt .hs-form .hs_error_rollup .hs-main-font-element {
  font-family: Barlow, "Noto Sans JP", sans-serif;
  margin: 0;
}
.custom-showcase-banner-group {
  overflow: hidden;
} 
.menu-btn {
  cursor: pointer; 
}
.tv-commercial-production p {
  margin-bottom: 0;
}
.notice-grp { 
  overflow-x: hidden;
}
.btn-download.fxd1:hover {
  background: #000;
  color: #fff;
} 

.bwc_wrap p a:hover {
  color: #2DCC70;
}
.home_pg {
  overflow: hidden;
} 
.bwc_wrap p a {
  color: #4C566C;
}
div#feature2 .txt-area a:hover,
.dx-footer-grp .footer-dx-nav a:hover{
  opacity: 0.6;
}
@media (min-width: 768px){ 
  .feature-card .head-area { 
    padding-top: .95em;
    padding-bottom: .9em;
    font-size: calc( 48 / 1800 * 100vw);
  }


}
@media (min-width: 1200px){ 
  .header-menu-group .hs-menu-wrapper>ul>li>a {
    font-size: 13.5px;
  }
}
@media screen and (max-width: 767px){

  .ir__contentBoxWrap {
    padding-left: 16px;
    padding-right: 16px;
  }
  .kaizenad-nav {
    max-height: calc(100vh - 42px);
    overflow-y: auto;
    height: auto;
  }
  .dx-book-pg .body-container-wrapper .hs-button:hover {
    -webkit-box-shadow: 0 5px 0 #2a2a2a;
    box-shadow: 0 5px 0 #2a2a2a;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  header.dxdrive-contact.visible .sp-menu-btn span:nth-of-type(1) {
    transform: rotate( 45deg );
    top: 24px;
    top: calc( 24 / 750 * 100vw);
  }
  header.dxdrive-contact.visible .sp-menu-btn span:nth-of-type(2) {
    opacity: 0;
    left: 100px;
  }
  header.dxdrive-contact.visible .sp-menu-btn span:nth-of-type(3) {
    transform: rotate( -45deg );
    top: -24px;
    top: calc( -24 / 750 * 100vw);
  }
  header.dxdrive-contact.visible .dx-drive-nav.header-social-nav {
    opacity: 1;
    pointer-events: auto;
    background: transparent;
  }
  header.dxdrive-contact.visible nav.footer-dx-drive-nav {
    display: flex;
    border-top: solid 1px #fff;  
  }
  header.dxdrive-contact nav.footer-dx-drive-nav .footer-nav-children {
    border-bottom: solid 1px #A5A5A5 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  header.dxdrive-contact nav.footer-dx-drive-nav .footer-nav-children.share:before {
    display: none;
  }
  header.dxdrive-contact.visible {
    height: 100vh;
  }
  .anim {
    -webkit-transition: all .75s cubic-bezier(.4,0,.6,1) .3s;
    opacity: 0;
    transition: all .75s cubic-bezier(.4,0,.6,1) .3s
  }
  .anim-fade-up {
    -webkit-transform: translate3d(0,20%,0);
    transform: translate3d(0,20%,0)
  }
  .animated {
    opacity: 1
  }
  .anim-fade-up.animated {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  .dx-drive-nav { 
    z-index: 99;
  }

}
@media screen and (max-width: 560px){
  .footer-external-area a {
    opacity: 1 !important;
  }
  .header-mobile-menu   a {
    opacity: 1 !important;
  }
  .feature-content .content-area .txt-area a:after { 
    height: calc( 32 / 750 * 100vw);
    width: calc( 32 / 750 * 100vw); 
  }
  .dx-book-bottom .feature-content {
    margin-top: 7px;
  }
  nav.footer-nav a {
    color: #2b2b2b !important;
  } 
  div#program > div { 
    padding-left: 5px;
    padding-right: 5px;
  }
  .dx-drive-page .speaker-card .each-speaker .txt-area span { 
    width: 50%;
  }
  .dx-drive-page .speaker-card .each-speaker .img { 
    width: 50%; 
  }
  .dx-drive-contact-grp .hs_cos_wrapper_type_rich_text h3 {
    margin-top: calc( 130 / 750 * 100vw);
  }



}
@media screen and (max-width:400px){
  .sec-top-services .each-service.ser3 .features-area .each-feature:last-of-type .feature-desc{
    text-align: left;
  } 
  .kaizen-tv-plan table tbody tr td ul {
    padding-right: 8px;
  }
  .dx-drive-page .speaker-card .each-speaker .txt-area { 
    width: 100%;
  }   
  .dx-drive-page .dx-drive-program table .content .img,
  .dx-drive-page .dx-drive-program table .content .txt-area{
    width: 680px;
    width: 100%;
  }

}
.sp_close { 
    background-image: url(//7899313.fs1.hubspotusercontent-na1.net/hubfs/7899313/raw_assets/public/KaizenPlatform_January2021/images/close-icon.svg);   
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your headers look
when it comes to the logo, search field, language switcher and navigation.
You will also find the mobile menu styles below.
*********************************************************************************
****************************************************************************** */

.header {
  background-color: transparent;
}

.header__container {
  max-width: 1200px;
  margin: 0 auto;

} 
.header_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px;
  position: relative;
  z-index: 1000;
}

.header__container {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  width: 100%;
  padding: 0;
  max-width:100%;
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 202px;
  display: block;
  font-family: Barlow,Noto Sans JP,sans-serif;
}



.header__logo a {
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.header__logo a svg {
  width: 100%;
  height: auto;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.header-menu-group {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}



.header-menu-group .hs-menu-wrapper > ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-menu-group #hs_cos_wrapper_my_header_menu {
  width: 100%;
}

.header-menu-group .hs-menu-wrapper > ul > li > a {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  color: #2dcc70;
  color: #3c4459;
  font-weight: 700;
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 24px;
  font-size: 6.4vw;
  font-family: Barlow,Noto Sans JP,sans-serif;
}

.btns {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.btns {
  position: relative;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  font-size: 4.8vw;
}



.header-nav-login {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  color: #fff;
  position: relative;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 4.26667vw;
  font-family: Barlow,Noto Sans JP,sans-serif;
}



.header-nav-login:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}



.header-nav-contact {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: #fc9908;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 1;
  font-size: 20px;
  font-size: 5.33333vw;
  font-family: Barlow,Noto Sans JP,sans-serif;
}

.header-menu-group .hs-menu-wrapper>ul>li .children.megamenu {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin-bottom: 8vw;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
  border: 1px solid #74da9c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}



.children.megamenu .each-col {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  width: 0;
  padding-right: 0;
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



.children.megamenu .each-col .each-child {
  color: #000;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 18px;
  font-size: 4.8vw;
  margin: 0;
  padding: 0;
}

.children.megamenu .each-col .each-child.head {
  margin-bottom: 0;
}


.children.megamenu .each-col .each-child .picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.children.megamenu .each-col .each-child .picto {
  width: 0;
  height: 0;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.children.megamenu .each-col .each-child .picto svg {
  width: 100%;
  height: auto;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}



.children.megamenu .each-col .each-child .title.ja {
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-weight: 600;
  margin-bottom: 0;
}

.children.megamenu .each-col .each-child.head .title.ja {
  font-size: 18px;
  font-size: 4.8vw;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 0;
}



.children.megamenu .each-col .each-child .desc {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.children.megamenu .each-col .each-child .desc {
  font-size: 12px;
  font-size: 3.2vw;
  color: #000;
}


.children.megamenu .each-col .each-child .picto.thin {
  padding-left: 0;
  padding-right: 0;
}



.children.megamenu .each-col .each-child .title {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.children.megamenu .each-col .each-child .title {
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-weight: 600;
  margin-bottom: 0;
}

.children.megamenu .each-col .each-child .title {
  margin-bottom: .78125vw;
}

.children.megamenu .each-col .each-child .title {
  margin-bottom: .78125vw;
  line-height: 1;
}

.children.megamenu .each-col .each-child .title {
  margin-bottom: 10px;
}

.children.megamenu .each-col:not(:first-of-type) {
  border-left: 1px solid #74da9c;
}

.children.megamenu .each-col .each-child .picto img {
  vertical-align: top;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  max-width: 100%; 
  width: 100%;
}
header .each-child.head svg path {
  stroke: #676767;
}
.header-menu-group a {
  opacity: 1 !important;
}

.header-nav-inner::-webkit-scrollbar {
  display: none !important;
}
@media(max-width:560px){
  .header-mobile-menu .hs-menu-item a {
    opacity: 1 !important;  
  }

}
@media(min-width:561px){
  .header-menu-group .hs-menu-wrapper > ul > li > a {
    font-size: 14px;
    font-size: 1.09375vw;
  }
  .btns {
    font-size: 18px;
    font-size: 1.40625vw;
  }
  .header-nav-login {
    font-size: 14px;
    font-size: 1.09375vw;
  }

  .header-nav-contact {
    font-size: 14px;
    font-size: 1.09375vw;
  }

  .children.megamenu .each-col .each-child .title.ja {
    margin-bottom: .78125vw;
  }

  .children.megamenu .each-col .each-child .desc {
    font-size: 10px;
    font-size: .78125vw;
  }
  .header-menu-group .hs-menu-wrapper>ul>li .children.megamenu {
    margin-bottom: 0;
    padding-top: 1.95313vw;
    padding-bottom: 1.95313vw;
  }
  .children.megamenu .each-col {
    width: 413px;
    width: 32.26563vw;
    padding-right: 1.95313vw;
    padding-bottom: 0;
  }
  .children.megamenu .each-col .each-child {
    font-size: 20px;
    font-size: 1.5625vw;
    margin-bottom: 1.5625vw;
  }
  .children.megamenu .each-col .each-child.head {
    margin-bottom: 2.34375vw;
  }

  .children.megamenu .each-col .each-child .picto {
    width: 80px;
    width: 6.25vw;
    height: 50px;
    height: 3.90625vw;
    padding-left: 1.01563vw;
    padding-right: 1.01563vw;
  }
  .children.megamenu .each-col .each-child.head .title.ja {
    font-size: 24px;
    font-size: 1.875vw;
    margin-bottom: .15625vw;
  }
  .children.megamenu .each-col .each-child .picto.thin {
    padding-left: 1.48438vw;
    padding-right: 1.48438vw;
  }
  .header-nav-inner .hs-menu-wrapper > ul > li > a {
    font-size: 16px;
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 961px){
  ul.submenu.level-2.children.megamenu:before {
    display: block;
    width: 100%;
    height: 30px;
    content: "";
    position: absolute;
    top: -40px;
  }
  .btns.dsk_btn .header-nav-contact {
    min-width: 104px; 
  }
  .btns.dsk_btn .header-nav-login {
    width: auto;
    margin-right: 18px;
  }
  .btns.dsk_btn .hs_cos_wrapper_type_rich_text {
    display: flex;
    align-items: center;
  }
  .header__container { 
    position: relative;
  }
  .menu-btn{
    display:none;
  }
  .header-mobile-menu {
    display: none;
  }
  .header-menu-group .hs-menu-wrapper>ul>li .children.megamenu::after {
    background: transparent;
    content: "";
    height: 33px;
    width: 100%;
    display: block;
    position: absolute;
    /* background: red; */
    top: -33px;
  } 
  .header-menu-group .hs-menu-wrapper>ul>li:hover .children.megamenu {
    opacity: 1;
    pointer-events: auto;
  }
  .header-nav-contact {
    font-size: 14px;
    font-size: 1.09375vw;
  }

  .header-nav-login {
    font-size: 14px;
    font-size: 1.09375vw;
    color: #000;
    margin: 0;
    width: 100px;
  }


  .header_group {
    height: 86px;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.25);
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
  }
  .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: 0 auto;

  }
  .header__logo {
    width: 200px;
  }
  .header-menu-group {
    width: 100%;
    height: 100%; 
    top: 0;
    background: none;
    opacity: 1;
    pointer-events: auto;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  ul.submenu.level-3 {
    display: block;
  }

  .header-menu-group .hs-menu-wrapper > ul > li > a {
    font-size: 14px;
    font-size: 1.09375vw;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    height: 100%;
  }

  .btns {
    font-size: 18px;
    font-size: 1.40625vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 0 0 auto;
    padding: 0;
  }

  .header-nav-login:after {
    width: 0;
    right: 0;
    left: unset;
    background: #000;
  }


  .children.megamenu .each-col .each-child .title.ja {
    margin-bottom: .78125vw;
    line-height: 1;
  }
  .children.megamenu .each-col .each-child .desc {
    font-size: 10px;
    font-size: .78125vw;
  }

  .header-menu-group .hs-menu-wrapper>ul>li .children.megamenu {
    margin-bottom: 0;
    padding-top: 1.95313vw;
    padding-bottom: 1.95313vw;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 86px;
    left: 0;
    width: auto;
    margin: 0;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.25);
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
    z-index: 1000;
  }

  .children.megamenu .each-col {
    width: 413px;
    width: 32.26563vw;
    padding-right: 1.95313vw;
    padding-bottom: 0;
  }


  .children.megamenu .each-col .each-child {
    font-size: 20px;
    font-size: 1.5625vw;
    margin-bottom: 1.5625vw;
  }


  .children.megamenu .each-col .each-child.head {
    margin-bottom: 2.34375vw;
  }


  .children.megamenu .each-col .each-child .picto {
    width: 80px;
    width: 6.25vw;
    height: 50px;
    height: 3.90625vw;
    padding-left: 1.01563vw;
    padding-right: 1.01563vw;
  }

  .children.megamenu .each-col .each-child.head .title.ja {
    font-size: 24px;
    font-size: 1.875vw;
    margin-bottom: .15625vw;
  }


  .children.megamenu .each-col .each-child .picto.thin {
    padding-left: 1.48438vw;
    padding-right: 1.48438vw;
  }
  .header-menu-group .hs-menu-wrapper>ul>li .children.megamenu {
    left: unset;
    right: 0;
  }
}

@media(min-width:1200px){
  .btns.dsk_btn .header-nav-contact {
    min-width: 119px;
  }
  .btns.dsk_btn .header-nav-login {
    width: auto;
    margin-right: 9px;
  }
  .header-nav-contact {
    font-size: 14px;
  }
  .header-nav-login {
    font-size: 14px;
  }
  .btns {
    font-size: 18px;
  }
  .header__logo {
    width: 279px;
  }

  .header-menu-group {
    margin-left: 40px;
  }

  .header-menu-group .hs-menu-wrapper > ul > li > a {
    font-size: 14px;
  }

  .children.megamenu .each-col .each-child .title.ja {
    margin-bottom: 10px;
  }
  .children.megamenu .each-col .each-child .desc {
    font-size: 10px;
  }
  .header-menu-group .hs-menu-wrapper>ul>li .children.megamenu {
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .children.megamenu .each-col {
    width: 413px;
    padding-right: 25px;
    padding-bottom: 0;
  }

  .children.megamenu .each-col .each-child {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .children.megamenu .each-col .each-child.head {
    margin-bottom: 30px;
  }

  .children.megamenu .each-col .each-child .picto {
    width: 80px;
    height: 50px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .children.megamenu .each-col .each-child.head .title.ja {
    font-size: 24px;
    margin-bottom: 2px;
  }


  .children.megamenu .each-col .each-child .picto.thin {
    padding-left: 19px;
    padding-right: 19px;
  }
}
@media(min-width:1200px) and (max-width:1280px){
  .children.megamenu .each-col {
    width: 385px;
  }
}
@media(min-width:961px) and (max-width:1065px){
  .children.megamenu .each-col { 
    width: 31.9vw;
  }
}
@media(max-width:960px){
  .header-menu-group {
    display: none;
  }
  .header-nav-inner .hs-menu-wrapper ul ul ul {
    height: auto !important;
    display: block !important;
  } 
  .menu-btn {
    width: 68px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }

  .menu-btn span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 29px;
    height: 4px;
    background: #4c566c;
    display: block;
    border-radius: 2px;
    margin-bottom: 5px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    position: relative;
    top: 0;
    left: 0;
  } 


  .header-mobile-menu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100% - 56px);
    position: fixed;
    top: 56px;
    left: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#88e18e),to(#2dc2cc));
    background: linear-gradient(180deg,#88e18e 0,#2dc2cc);
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }

  .mobile-open .header-mobile-menu {
    opacity: 1;
    pointer-events: auto;
  }

  .header-nav-inner {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background: rgba(0,0,0,.9);
    overflow: scroll;
    padding: 27px 24px;
    overflow-x: hidden;
  }

  .header-nav-inner .hs-menu-wrapper > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
  }

  .header-nav-inner .hs-menu-wrapper > ul > li {
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    line-height: normal;
  }

  .header-nav-inner .hs-menu-wrapper > ul > li > a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 0;
    color: #2dcc70;
    font-weight: 700;
    display: block;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 16px;
    font-size: 4.26667vw;
    padding-top: 5px;
    padding-bottom: 15px;
    line-height: normal;
    font-family: Barlow,Noto Sans JP,sans-serif;
  }



  .header-nav-inner .hs-menu-wrapper > ul > li > ul {
    display: none;
  }

  header .btns:before {
    content: "";
    width: calc(100vw - 16px);
    height: 1px;
    background: #67d6a5;
    position: absolute;
    top: 0;
    left: -24px;
  }

  .header-nav-login:hover {
    opacity: .6;
    color: #fff;
  }

  .header-nav-contact:hover {
    color: #fff;
    opacity: 0.6;
  }

  .mobile-open .header_group {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.9);
  }

  .mobile-open .header__logo a svg path {
    fill: #fff;
  }

  .mobile-open .menu-btn span:first-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px;
    left: 6px;
  }

  .mobile-open .menu-btn span {
    background: #fff;
  }

  .mobile-open .menu-btn span:nth-of-type(2) {
    opacity: 0;
  }

  .mobile-open .menu-btn span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 3px;
    left: 3px;
  }
  .child-trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    cursor: pointer;
    z-index: 1;
  }

  .child-trigger:after {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    position: absolute;
    top: 14px;
    right: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-sizing: content-box;
  }

  .child-trigger.child-open:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 18px;
    right: 0;
  }

  body.mobile-open {
    overflow: hidden;
  }
  .header-nav-inner .hs-menu-wrapper>ul>li>ul > li {
    /*     height: 0;
    min-height: 0; */
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    /*     min-height: 189px; */
    padding-bottom: 15px;
  }

  .header-nav-inner .hs-menu-wrapper>ul>li>ul > li:last-child {
    min-height: 237px;
  }

  .header-nav-inner .hs-menu-wrapper>ul>li>ul > li > a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    white-space: nowrap;
    padding: 0;
    font-size: 16px;
    font-size: 4.26667vw;
    color: #2dcc70;
    font-family: Barlow,Noto Sans JP,sans-serif;
  }
  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li > ul {
    display: block !important;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-top: 10px;
  }
  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li > ul > li {
    position: relative;
  }

  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li > ul > li > a {
    padding: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    display: block;
    padding: 5px 0 7px;
    margin-bottom: 7px;
    font-size: 14px;
    font-size: 3.73333vw;
    font-family: Noto Sans JP;
    font-display: swap;

  }
  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li>ul>li>a .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
  }

  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li > ul:before {
    content: "";
    width: 2px;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(#88e18e),to(#2dc2cc));
    background: linear-gradient(180deg,#88e18e 0,#2dc2cc);
    position: absolute;
    top: 0;
    left: 0;
  }

  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li > ul > li > a:hover {
    opacity: 0.6;
  }
  .header-nav-inner .hs-menu-wrapper>ul>li:hover>a {
    opacity: .6;
  }
  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li>ul>li>a .arrow.mdl-svg-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px;
    width: 12px;
    width: 3.2vw;
    height: 12px;
    height: 3.2vw;
  }

  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li>ul>li>a .desc {
    font-size: 10px;
    font-size: 2.66667vw;
    color: #676767;
    margin-top: 2px;
    height: 1em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 0;
    line-height: normal;
    display: block;
    font-family: Noto Sans JP;
    font-weight: 700;
  }


}
@media (min-width: 561px){
  .header-nav-inner .hs-menu-wrapper>ul>li>a {
    font-size: 16px;
    font-size: 1.25vw;
  }
  .header-nav-inner .hs-menu-wrapper>ul>li>ul > li > a {
    font-size: 16px;
    font-size: 1.25vw;
  }
  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li > ul > li > a {
    font-size: 18px;
    font-size: 1.40625vw;
  }
  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li>ul>li>a .arrow.mdl-svg-wrap {
    width: 16px;
    width: 1.25vw;
    height: 16px;
    height: 1.25vw;
  }
  .header-nav-inner .hs-menu-wrapper>ul>li>ul>li>ul>li>a .desc {
    font-size: 12px;
    font-size: .9375vw;
  }
}

@media (max-width: 960px){
  header .btns {
    padding-bottom:27px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */
.fxd_btn a {
  color: #fff; 
}  
.footer {
  background-color: transparent;

}
footer .hbspt-form form .hs-input {
  background: #dedede;   
  font-family: Barlow, sans-serif; 
  color: #161b2c !important;
} 
footer .hbspt-form form .hs_submit.hs-submit .actions input.hs-button.primary.large { 
  font-family: Barlow,Noto Sans JP,sans-serif;
} 
.footer-nav-gr-service .hs-menu-wrapper>ul>li:first-child>a ,
.footer-nav-gr-other .hs-menu-wrapper>ul>li:first-child>a{ 
  opacity: 1;
}
.footer__container {
  margin: 0 auto; 
}
.footer-group {
  padding: 12px;
  background: -webkit-gradient(linear,left top,left bottom,from(#88e18e),to(#2dc2cc));
  background: linear-gradient(180deg,#88e18e 0,#2dc2cc);
}

.footer-inner {
  width: 100%;
  background: #fff;
  max-width: 100% !important;
  padding: 32px 16px 88px;
}
.footer-external-area .hs_cos_wrapper_type_rich_text {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
} 
.footer__copyright {
  display: block;
  text-align: center;
  color: #868686;
  margin-top: 10.66667vw;
  font-size: 14px;
  font-size: 3.73333vw;
}

.footer-box02 {
  position: relative;
  padding-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}



.footer-nav {
  font-family: Noto Sans JP;
}



.footer-nav-box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-nav-gr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 16px;
}

.footer-nav-gr-corporate {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}



.footer-nav-gr-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 16px;
}

.footer-nav-gr-item {
  width: 50%;
}


.footer-nav-gr-news {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 16px;
  line-height: 2;
}



.footer-nav-gr-news {
  width: 50%;
}


.footer-nav-gr-service {
  margin-top: .3em;
  margin-bottom: 15px;
}

.footer-nav-gr-service {
  margin-top: 0;
}

.footer-nav-gr-other {
  margin-bottom: 30px;
}

.footer-nav-gr-news .hs-menu-wrapper > ul , .footer-nav-gr-corporate .hs-menu-wrapper > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.footer-nav-gr-news .hs-menu-wrapper > ul > li > a, .footer-nav-gr-corporate .hs-menu-wrapper > ul > li > a , .footer-nav-gr-terms .hs-menu-wrapper > ul > li > a {
  padding: 0;
  text-decoration: underline;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  color: #2b2b2b;
  font-weight: 700;
  font-size: 14px;
  font-size: 3.73333vw;
  display: block;
}


.footer-nav-gr-corporate .hs-menu-wrapper > ul > li > a {
  margin-right: 1em;
  margin-bottom: .55em;
}

.footer-nav-gr-terms .hs-menu-wrapper > ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-nav-gr-terms .hs-menu-wrapper > ul > li > a {
  margin-bottom: .55em;
}

.footer-nav-gr-service .hs-menu-wrapper > ul , .footer-nav-gr-other .hs-menu-wrapper > ul {
  padding: 0;
  margin: 0;
  display: block;
}

.footer-nav-gr-service .hs-menu-wrapper > ul > li > a {
  color: #2b2b2b;
  font-weight: 700;
  font-size: 14px;
  font-size: 3.73333vw;
  display: block;
  padding: 0;
  margin-bottom: 7.7px;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration: underline;
  display: block;
}



.footer-nav-gr-service .hs-menu-wrapper > ul > li:first-child > a {
  text-decoration: none;
  margin-bottom: 5px;
}



.footer-nav-gr-other .hs-menu-wrapper > ul > li > a {
  color: #2b2b2b;
  font-weight: 700;
  font-size: 14px;
  font-size: 3.73333vw;
  display: block;
  padding: 0;
  margin-bottom: 5px;
  text-decoration: underline;
  display: block;
}

.footer-nav-gr-other .hs-menu-wrapper > ul > li:first-child > a {
  text-decoration: none;
}
.footer-nav-gr-other .hs-menu-wrapper>ul>li.dx-人材養成講座 > a, 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-tv > a, 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-video > a,
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-ad > a, 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-team > a,
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-engine > a , 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-sales > a, 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-school > a {
  font-size: 14px;
  font-size: 3.73333vw;
  font-weight: 500;
  margin-top: -.2em;
  margin-bottom: 6.6px;
}


.footer-nav-gr-other .hs-menu-wrapper>ul>li.dx-人材養成講座 > a:before,
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-tv > a:before, 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-video > a:before, 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-ad > a:before, 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-team > a:before, 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-engine > a:before , 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-sales > a:before, 
.footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-school > a:before {
  content: "・";
}


.footer-box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 30px;
}

.footer-mail-area {
  margin-bottom: 7.46667vw;
}


.footer-external-area {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 216px;
  width: 57.6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-external-area a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 4.8vw;
  margin-right: 4.8vw;
  width: 38px;
  width: 10.13333vw;
  height: 38px;
  height: 10.13333vw;
  margin-bottom: 19px;
}

.footer-external-area a.instagram {
  margin-bottom: 0;
}

.footer-external-area a.youtube {
  margin-bottom: 0;
}

.footer-external-area a.note {
  width: 32px;
  width: 8.53333vw;
  height: 37px;
  height: 9.86667vw;
  margin-bottom: 19px;
}



.footer-external-area a.instagram {
  width: 34px;
  width: 9.06667vw;
  height: 34px;
  height: 9.06667vw;
}


.footer-external-area a.youtube {
  width: 41px;
  width: 10.93333vw;
  height: 28px;
  height: 7.46667vw;
}



footer .desc {
  font-size: 14px;
  font-size: 3.73333vw;
  font-weight: 700;
  color: #676767;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.66667vw;
}



.icon-mail.mdl-svg-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 18px;
  width: 4.8vw;
  height: 13px;
  height: 3.46667vw;
  margin-right: .8vw;
}



.mdl-svg-wrap svg {
  width: 100%;
  height: auto;
}

footer .desc p {
  margin: 0;
  padding: 0;
}



.hbspt-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0!important;
  width: auto!important;
  max-width: 100%;
}

.hbspt-form form .hs_email {
  margin-bottom: 15px;
  margin-bottom: 4vw;
}

.hbspt-form form .hs_email {
  margin-bottom: 15px;
  margin-bottom: 1.17188vw;
}

.hbspt-form form .hs_email {
  margin-bottom: 15px;
  margin-bottom: 1.17188vw;
}

.hbspt-form form .hs_email {
  margin-bottom: 15px;
}

.hbspt-form form .hs_email label {
  display: none;
}

.hbspt-form form .hs-input {
  font-size: 14px;
  border: 0;
  margin: 0;
}



.hbspt-form form .hs_submit.hs-submit {
  margin-top: 0;
  margin: 0 0 0 10px!important;
}

.hbspt-form form .hs_submit.hs-submit .actions {
  -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.25);
  box-shadow: 0 4px 8px rgba(0,0,0,.25);
  margin: 0 auto!important;
  position: relative;
  display: block;
  width: 70px;
  width: 18.66667vw!important;
}



.hbspt-form form .hs_submit.hs-submit .actions {
  width: 70px;
  width: 5.46875vw!important;
}

.hbspt-form form .hs_submit.hs-submit .actions {
  width: 70px!important;
}



.hbspt-form form .hs_submit.hs-submit .actions input.hs-button.primary.large {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px!important;
  width: 70px!important;
  height: 44px!important;
  border-radius: 5px;
}

.footer-box02:before {
  content: "";
  background: #58d1af;
  width: calc(100vw - 24px);
  height: 1px;
  position: absolute;
  top: 0;
  left: -16px;
}


.footer-group {
  overflow: hidden;
}



.footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  width: 224px;
  display: block;
  margin: 0 auto 30px;
}



.footer-logo svg {
  width: 100%;
  height: auto;
}

.footer-desc {
  text-align: center;
  font-family: Noto Sans JP;
  font-display: swap;
  font-weight: 700;
  line-height: 1.5;
  font-size: 16px;
  font-size: 4.26667vw;
  margin-bottom: 4vw;
}


.footer-desc p {
  margin: 0;
  font-family: Noto Sans JP;
}

.footer-desc p br {
  display: none;
}
.footer-external-area a.facebook {
  width: 38px;
  width: 10.13333vw;
  height: 38px;
  height: 10.13333vw;
  margin-bottom: 19px;
}
.footer-external-area a.twitter {
  width: 38px;
  width: 10.13333vw;
  height: 32px;
  height: 8.53333vw;
  margin-bottom: 19px;
}
.hbspt-form form .hs_error_rollup {
  display: none;
}

.hbspt-form form label.hs-error-msg {
  display: block;
}

@media screen and (min-width: 561px){
  .hbspt-form form .hs-input {
    width: 313px!important;
    height: 44px!important;
    font-size: 14px;
    border: 0;
    margin: 0;
  }
  .footer-external-area a.youtube {
    width: 41px;
    width: 3.20312vw;
    height: 28px;
    height: 2.1875vw;
  }


  .footer-external-area a {
    margin-left: 1.40625vw;
    margin-right: 1.40625vw;
  }
  .footer__copyright {
    margin-top: 2.34375vw;
    font-size: 14px;

  }
  .footer-nav {
    width: 350px;
  }
  .footer-nav-gr-news .hs-menu-wrapper > ul > li > a, .footer-nav-gr-corporate .hs-menu-wrapper > ul > li > a , .footer-nav-gr-terms .hs-menu-wrapper > ul > li > a {
    font-size: 14px;

  }
  .footer-nav-gr-service .hs-menu-wrapper > ul > li > a {
    font-size: 14px;

  }

  .footer-nav-gr-other .hs-menu-wrapper > ul > li > a {
    font-size: 14px;

  }

  .footer-nav-gr-other .hs-menu-wrapper>ul>li.dx-人材養成講座 > a,
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-tv > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-video > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-ad > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-team > a,
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-engine > a , 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-sales > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-school > a {
    font-size: 12px;

  }
  .footer-desc {
    font-size: 16px;
    font-size: 1.25vw;
    margin-bottom: 1.95313vw;
  }
  .footer-mail-area {
    margin-bottom: 0;
    margin-bottom: 28px;
  }
  footer .desc {
    font-size: 18px;
    font-size: 1.40625vw;
    margin-bottom: 1.17188vw;
  }
  .icon-mail.mdl-svg-wrap {
    width: 27px;
    width: 2.10938vw;
    height: 20px;
    height: 1.5625vw;
    margin-right: .54688vw;
  }
  .footer-external-area a {
    margin-left: 1.40625vw;
    margin-right: 1.40625vw;
  }

  .footer-external-area a.facebook {
    width: 38px;
    width: 2.96875vw;
    height: 38px;
    height: 2.96875vw;
  }


  .footer-external-area a.twitter {
    width: 38px;
    width: 2.96875vw;
    height: 32px;
    height: 2.5vw;
  }
  .footer-external-area a.note {
    width: 32px;
    width: 2.5vw;
    height: 37px;
    height: 2.89063vw;
  }

  .footer-external-area a.instagram {
    width: 34px;
    width: 2.65625vw;
    height: 34px;
    height: 2.65625vw;
  }
  .footer-external-area {
    width: 216px;
    width: 16.875vw;
  }

}
@media screen and (min-width: 961px){
  .footer-external-area a.youtube {
    width: 41px;
    width: 3.20312vw;
    height: 28px;
    height: 2.1875vw;
  }


  .footer-external-area a.instagram {
    width: 34px;
    width: 2.65625vw;
    height: 34px;
    height: 2.65625vw;
  }


  .footer-external-area a {
    margin-left: 1.40625vw;
    margin-right: 1.40625vw;
  }

  .footer-external-area a.facebook {
    width: 38px;
    width: 2.96875vw;
    height: 38px;
    height: 2.96875vw;
  }

  .footer-box01 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 40px;
  }
  .footer-logo {
    width: 224px;
  }
  .footer-nav-gr-news {
    width: 160px;
  }
  .footer-nav-gr-news {
    padding-top: 22px;
  }
  .footer-nav-gr-item {
    width: 160px;
  }

  .footer__copyright {
    margin-top: 2.34375vw;
    font-size: 14px;
    font-size: 1.09375vw;
  }
  .footer-inner {
    padding: 32px 16px 46px;
  }
  .footer-nav-gr-corporate {
    display: block;
  }

  .footer-nav-gr-corporate, .footer-nav-gr-terms {
    padding-top: 30px;
  }

  .footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
  }

  .footer-nav-gr-news .hs-menu-wrapper > ul > li > a, .footer-nav-gr-corporate .hs-menu-wrapper > ul > li > a , .footer-nav-gr-terms .hs-menu-wrapper > ul > li > a {
    font-size: 14px;
    font-size: 1.09375vw;
  }
  .footer-nav-gr-service .hs-menu-wrapper > ul > li > a {
    font-size: 14px;
    font-size: 1.09375vw;
  }
  .footer-nav-gr-other .hs-menu-wrapper > ul > li > a {
    font-size: 14px;
    font-size: 1.09375vw;
  }


  .footer-nav-gr-other .hs-menu-wrapper>ul>li.dx-人材養成講座 > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-tv > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-video > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-ad > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-team > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-engine > a ,
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-sales > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-school > a {
    font-size: 12px;
    font-size: .9375vw;
  }


  .footer-desc {
    font-size: 16px;
    font-size: 1.25vw;
    margin-bottom: 1.95313vw;
  }

  .footer-mail-area {
    margin-bottom: 0;
    padding-right: 50px;
    margin-right: 22px;
    border-right: 1px solid #b9b9b9;
  }


  footer .desc {
    font-size: 18px;
    font-size: 1.40625vw;
    margin-bottom: 1.17188vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
  }


  .icon-mail.mdl-svg-wrap {
    width: 27px;
    width: 2.10938vw;
    height: 20px;
    height: 1.5625vw;
    margin-right: .54688vw;
  }


  .footer-external-area a.twitter {
    width: 38px;
    width: 2.96875vw;
    height: 32px;
    height: 2.5vw;
  }


  .footer-external-area a.note {
    width: 32px;
    width: 2.5vw;
    height: 37px;
    height: 2.89063vw;
  }


  .footer-external-area {
    width: 216px;
    width: 16.875vw;
  }
}
@media screen and (min-width: 1200px){
  .footer-external-area a.youtube {
    width: 41px;
    height: 28px;

  }
  footer .icon-mail.mdl-svg-wrap svg{
     width: 27px;
  }
  .footer-external-area a.instagram {
    width: 34px;
    height: 34px;

  }
  .footer-external-area a.note {
    width: 32px;
    height: 37px;
  }
  .footer-external-area a {
    margin-left: 18px;
    margin-right: 18px;
  }
  .footer-external-area a.facebook {
    width: 38px;
    height: 38px;
  }
  .icon-mail.mdl-svg-wrap {
    width: 27px;
    height: 20px;
    margin-right: 7px;
  }
  .footer__copyright {
    margin-top: 30px;
    font-size: 14px;
  }
  .footer-nav-gr-news .hs-menu-wrapper > ul > li > a, .footer-nav-gr-corporate .hs-menu-wrapper > ul > li > a , .footer-nav-gr-terms .hs-menu-wrapper > ul > li > a {
    font-size: 14px;
  }

  .footer-nav-gr-other .hs-menu-wrapper > ul > li > a {
    font-size: 14px;
  }
  .footer-nav-gr-service .hs-menu-wrapper > ul > li > a {
    font-size: 14px;
  }


  .footer-nav-gr-other .hs-menu-wrapper>ul>li.dx-人材養成講座 > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-tv > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-video > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-ad > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-team > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-engine > a , 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-sales > a, 
  .footer-nav-gr-service .hs-menu-wrapper>ul>li.kaizen-school > a {
    font-size: 12px;
  }

  .footer-desc {
    font-size: 16px;
    margin-bottom: 25px;
  }

  footer .desc {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .footer-mail-area {
    margin-bottom: 0;
  }



  .footer-external-area a.twitter {
    width: 38px;
    height: 32px;
  }

  .footer-external-area {
    width: 216px;
  }
}

@media(max-width:767px){


  .footer-nav-gr-item {
    width: 100%;
  }

  .footer-nav-gr-news {
    width: 100%;
  }

  .footer-nav-box01 {
    display: block;
  }
  .footer-nav-gr-item {
    padding: 0;
  }

  .footer-nav-gr-news {
    padding: 0;
  }

  .footer-nav-gr-corporate {
    padding: 0;
  }

  .footer-nav-gr {
    padding: 0;
  }



  .footer-nav-gr.footer-nav-gr-corporate ul {
    display: flex;
  }
  .footer-nav-box01 > div {
    width: 50%;
  }
  .footer-nav-box01 {
    display: flex; 
  }
  .footer-nav-gr-service .hs-menu-wrapper>ul>li>a { 
    margin-bottom: .55em !important;
  }
  .footer-nav-gr-service { 
    margin-top: .3em;
  }




}

@media(max-width:560px){
  .footer-box02 {
    display: block;
  } 
  .footer-box02 {
    padding-bottom: 1px;
  } 
  .footer-nav-gr-item {
    padding-left: 8px;
    padding-right: 16px;
  }

  .footer-nav-gr-news {
    padding-left: 8px;
    padding-right: 16px;
  }

  .footer-nav-gr.footer-nav-gr-corporate {
    padding-left: 8px;
    padding-right: 16px;
  }

  .footer-nav-gr.footer-nav-gr-terms {
    padding-left: 8px;
    padding-right: 16px;
  }
  .footer-mail-area {
    margin: 0 -4px 7.46667vw;
  }
  footer .hbspt-form form .hs-input {
    background: #dedede;
    height: 10.13333vw;
    width: 62.93333vw!important;
  } 
  footer .hbspt-form form .hs_submit.hs-submit .actions input.hs-button.primary.large { 
    height: 10.13333vw !important;
    width: 18.66667vw!important;
    padding: 0 .75em;
    font-size: 3.73333vw !important;
    font-family: Barlow,Noto Sans JP,sans-serif;
  } 
  footer .hbspt-form form .hs_submit.hs-submit .actions {
    width: 18.66667vw!important;
  } 


}
footer .hbspt-form form .hs_submit.hs-submit .actions {
  border-radius: 48px;
}
@media screen and (min-width: 561px){
  footer .hbspt-form form .hs_submit.hs-submit .actions { 
    border-radius: 30px;
  }
}


.fxd_btn-has2 {
  display: table;
  width: 100%;
}
.fxd_btn {
  display: table-cell;
  vertical-align: middle;
}

.fxd_btn-has2 .btn-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FC9908;
  color: #FFF;
  font-weight: 700;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  z-index: 101; }
  .fxd_btn-has2 .btn-contact .arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.fxd_btn-has2_1st {
  bottom: 15px; }

.fxd_btn-has2_2nd {
  bottom: 15px; }

@media screen and (min-width: 561px) {
  .setOrder {
    color: #000; }
    .fxd_btn-has2 .btn-contact {
      border-radius: 32px;
      border-radius: calc( 32 / 1280 * 100vw); }
    .fxd_btn-has2 .btn-contact {
      height: 64px;
      height: calc( 64 / 1280 * 100vw); }
      .fxd_btn-has2 .btn-contact .arrow {
        width: 16px;
        width: calc( 16 / 1280 * 100vw); }
      .fxd_btn-has2 .btn-contact .arrow {
        right: 26px;
        right: calc( 26 / 1280 * 100vw); }
    .fxd_btn-has2_1st {
      right: 305px; 
      right: calc( 305 / 1280 * 100vw);  }
    .fxd_btn-has2_1st {
      width: 260px;
      width: calc( 260 / 1280 * 100vw); }
    .fxd_btn-has2_1st {
      font-size: 21px;
      font-size: calc( 21 / 1280 * 100vw); }
    .fxd_btn-has2_1st {
      padding-right: 10px;
      padding-right: calc( 10 / 1280 * 100vw); }
    .fxd_btn-has2_2nd {
      right: 30px; 
      }
    .fxd_btn-has2_2nd {
      width: 260px;
      width: calc( 260 / 1280 * 100vw); }
    .fxd_btn-has2_2nd {
      font-size: 21px;
      font-size: calc( 21 / 1280 * 100vw); }
    .fxd_btn-has2_2nd {
      padding-right: 10px;
      padding-right: calc( 10 / 1280 * 100vw); } }

@media screen and (min-width: 961px) {
  .setOrder {
    color: #000; }
    .fxd_btn-has2 .btn-contact {
      border-radius: 32px;
      border-radius: calc( 32 / 1280 * 100vw); }
    .fxd_btn-has2 .btn-contact {
      height: 64px;
      height: calc( 64 / 1280 * 100vw); }
      .fxd_btn-has2 .btn-contact .arrow {
        width: 16px;
        width: calc( 16 / 1280 * 100vw); }
      .fxd_btn-has2 .btn-contact .arrow {
        right: 26px;
        right: calc( 26 / 1280 * 100vw); }
    .fxd_btn-has2_1st {
      right: 305px;
      right: calc( 305 / 1280 * 100vw); }
    .fxd_btn-has2_1st {
      width: 260px;
      width: calc( 260 / 1280 * 100vw); }
    .fxd_btn-has2_1st {
      font-size: 21px;
      font-size: calc( 21 / 1280 * 100vw); }
    .fxd_btn-has2_1st {
      padding-right: 10px;
      padding-right: calc( 10 / 1280 * 100vw); }
    .fxd_btn-has2_1st {
      bottom: 32px; }
    .fxd_btn-has2_2nd {
      right: 30px;
      right: calc( 30 / 1280 * 100vw); }
    .fxd_btn-has2_2nd {
      width: 260px;
      width: calc( 260 / 1280 * 100vw); }
    .fxd_btn-has2_2nd {
      font-size: 21px;
      font-size: calc( 21 / 1280 * 100vw); }
    .fxd_btn-has2_2nd {
      padding-right: 10px;
      padding-right: calc( 10 / 1280 * 100vw); }
    .fxd_btn-has2_2nd {
      bottom: 32px; } 
      }

@media screen and (max-width: 560px) {
  .setOrder {
    color: #000; }
    .fxd_btn-has2 .btn-contact {
      border-radius: 26px;
      border-radius: calc( 26 / 375 * 100vw); }
    .fxd_btn-has2 .btn-contact {
      height: 52px;
      height: calc( 52 / 375 * 100vw); }
      .fxd_btn-has2 .btn-contact .arrow {
        width: 16px;
        width: calc( 16 / 375 * 100vw); }
      .fxd_btn-has2 .btn-contact .arrow {
        right: 20px;
        right: calc( 20 / 375 * 100vw); }
    .fxd_btn-has2_1st {
      right: 195px;
      right: calc( 195 / 375 * 100vw); }
    .fxd_btn-has2_1st {
      width: 150px;
      width: calc( 150 / 375 * 100vw); }
    .fxd_btn-has2_1st {
      font-size: 15px;
      font-size: calc( 15 / 375 * 100vw); }
    .fxd_btn-has2_1st {
      padding-right: 0px;
      padding-right: calc( 0 / 375 * 100vw); }
    .fxd_btn-has2_1st .arrow {
      display: none; }
    .fxd_btn-has2_2nd {
      right: 30px;
      right: calc( 30 / 375 * 100vw);  }
    .fxd_btn-has2_2nd {
      width: 150px;
      width: calc( 150 / 375 * 100vw); }
    .fxd_btn-has2_2nd {
      font-size: 15px;
      font-size: calc( 15 / 375 * 100vw); }
    .fxd_btn-has2_2nd {
      padding-right: 0px;
      padding-right: calc( 0 / 375 * 100vw); }
    .fxd_btn-has2_2nd .arrow {
      display: none; } 
      }

@media screen and (min-width: 1200px) {
    .fxd_btn-has2 .btn-contact {
      border-radius: 32px; 
}
    .fxd_btn-has2 .btn-contact {
      height: 64px; }
      .fxd_btn-has2 .btn-contact .arrow {
        width: 16px; }
      .fxd_btn-has2 .btn-contact .arrow {
        right: 26px; }
    .fxd_btn-has2_1st {
      /* right: 305px; */}
    .fxd_btn-has2_1st {
      width: 260px; }
    .fxd_btn-has2_1st {
      font-size: 21px; }
    .fxd_btn-has2_1st {
      padding-right: 10px; }
  .fxd_btn-has2_2nd {
    /* right: 30px; */}
    .fxd_btn-has2_2nd {
      width: 260px; }
    .fxd_btn-has2_2nd {
      font-size: 21px; }
    .fxd_btn-has2_2nd {
      padding-right: 10px; } }
      
@media screen and (min-width: 1200px) {
    .fxd_btn-has2_2nd {
     font-size: 22px;
     border-radius: 32px;
     width: 260px;
     height: 64px;
     padding-right: 10px;
     padding-left: 10px;
  }
}
      
@media screen and (max-width: 1199px) {
    .fxd_btn-has2_2nd {
      display: none !important; }
}

.fxd_btn-has2_1st {
  margin: 0 auto;
}
.fxd_btn-has2_2nd {
    right: initial !important;
    margin: 0 auto;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

/* TODO: Find a better place for this */
.content-wrapper {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
  /* 2109: TEST */
  font-family: Montserrat,"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"メイリオ",sans-serif;
}


}
.comment-date {
  display: block !important;
} 
.blog-header {
  background-color: transparent;
  text-align: center;
}

.blog-header__inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-header__title {
  font-size: 2rem;
}
.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
    margin: 0 auto;
  }
}

.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 3px solid #D1D6DC;
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex:  0 0 calc(100%/3);
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}
.blog-post img {
  max-width: 100%;
}
.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('./images/grayscale-mountain.png');
    }
@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}
.blog-index__post-content h2 {
  margin: .5rem 0;
}
.blog-index__post-content--small h2 {
  font-size: 1.25rem;
}
.blog-index__post-content p {
  font-family: Lato, sans-serif;
}
.blog-index__post-content a {
  color: #494a52;
}
.blog-index__post img {
  max-width: 100%;
  height: auto;
}



.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Lato, sans-serif;
  margin-bottom: 3.3rem;
}
.blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  color: #494a52;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 7px;
}
.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  display: inline-flex;
  align-items: center;
}
.blog-pagination__prev-link {
  text-align: right;
  margin-right: .25rem;
}
.blog-pagination__next-link {
  text-align: left;
  margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  pointer-events: none;
  cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494a52;
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}





.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Lato, sans-serif;
  margin-bottom: 3.3rem;
}
.blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  color: #494a52;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 7px;
}
.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  display: inline-flex;
  align-items: center;
}
.blog-pagination__prev-link {
  text-align: right;
  margin-right: .25rem;
}
.blog-pagination__next-link {
  text-align: left;
  margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  pointer-events: none;
  cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494a52;
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}



.blog-index.has-pagination__type-2,
.sec-download.has-pagination__type-2 {
  padding-bottom: 0;
}

.blog-index.has-pagination__type-2
{
  padding-bottom: 60px;
}



.blog-pagination.type-2.below-download-list {
  margin-top: calc( -26 / 375 * 100vw + 3.3rem);
}
@media screen and (min-width: 1200px) {
  .blog-pagination.type-2.below-download-list {
    margin-top: calc(-52px + 3.3rem);
  }
}


.blog-pagination.type-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  width: 100%;
  max-width: 420px;
  text-align: center;
  font-family: Lato, sans-serif;
  margin:3.3rem auto 3.3rem;
}
.pagination-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #333;
  text-align: center;
  background: #fff;
  border: 2px solid #2DD28D;
  overflow: hidden;
  border-radius: 3px;
}
.pagination-selected__wrapper {
  position:relative;
  display: block;
  width: 100%;
}
.pagination-selected {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  box-sizing:border-box;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-selected i {
  position: absolute;
  right: 20px;
  top: 17px;
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-left: solid 2px #2DD28D;
  border-bottom: solid 2px #2DD28D;
  transform: rotate(-45deg);
}
.pagination-selected-list {
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
  border: none;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  color: #333333;
  width: 100%;
}
.pagination-prev,
.pagination-next {

  min-width: 90px;

}
.pagination-prev {
  border-right: solid 2px #2DD28D;
  text-align: center;
}
.pagination-next {
  border-left: solid 2px #2DD28D;
  text-align: center;
}
.pagination-prev a,
.pagination-next a {
  color:#333;
  text-decoration: none;
  padding: 12px 15px;
  display: flex;
  justify-content:center;
  align-items:center;
}



.blog-header__author-avatar {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: #494a52;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-post {
  max-width: 960px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-post h1 {
  font-size: 1.6rem;
}
.blog-post__meta {
  margin: 1rem 0;
}
.blog-post__meta a {
  color: #494a52;
  text-decoration: underline;
}

.blog-post__tags {
  font-family: Lato, sans-serif;
  color: #000;
}
.blog-post__tags svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
}
.blog-post__tag-link {
  font-size: .8rem;
  color: #000;
}

.blog-recent-posts {
  margin-top: 3rem;
  background-color: transparent;
  padding: 2rem 0;
}
.blog-recent-posts h2 {
  text-align: center;
}
.blog-recent-posts__list {
  display: flex;
}
.blog-recent-posts__post {
  display: block;
  flex:  0 0 100%;
  color: #494a52;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3);
  }
}
.blog-recent-posts__post:hover {
  text-decoration: none;
}
.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
}

.blog-comments {
  max-width: 680px;
  margin: 0 auto;
}
.blog-comments form {
  max-width: 100%;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}
.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #494A52;
}
 
/*             Blog Listing with Sidebar            */

.post-item .page-center{
  display: -webkit-flex; /* Safari */
  display: flex; /* Standard syntax */
  margin-bottom: 20px;
}
.post-item .page-center .span4, .post-item .page-center .span8 {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
}
.post-item .page-center .span8 {
  flex-basis: 31.914893614%;

}
img.featured-image {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
@media(max-width: 480px){
  .blog-post img {
    width: 100% !important;
    float: none !important;
  }
}

/*             Blog Grid Listing            */

.blog-index__post.blog-index__post--small {
  display: flex;
}

.blog-index__post-inner-card {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  border-radius: 5px;
  background: #fff;
}

.blog-index__post-image {
  border-radius: 5px 5px 0 0;
}

.blog-index__post-inner-card .blog-index__post-content {
  display: flex;
  flex-direction: column;
  padding: 24px 30px 30px 30px;
  height: 100%;
}

.blog-post__tag-link,
.blog-post__tags {
  font-size: 12px;
  font-weight: 200;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.01rem;
}

.blog-post__tag-link:hover{
  text-decoration: none;
}

.blog-index__post-content--small h2 {
  font-size: 18px;
  line-height: 26px;
}

.blog-index__post-content--small h2 a:hover {
  text-decoration: none;
  transition: all .5s;
}

.blog-post__meta-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  padding-top: 30px;
  font-size: 14px;
}

.blog-post__read-more a:hover {
  text-decoration: none;
}

.read-more__arrow {
  position: relative;
  top: 3px;
  padding-left: 10px;
}

.blog-post__read-more svg {
  width: 15px;
  height: auto;
}

.blog-post__read-more a svg {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media screen and (max-width: 767px) {
  .blog-index.sidebar {
    padding: 1rem 0;
    padding-bottom: 3.3rem;
  }
  .blog-comments .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    overflow: auto hidden;
  }

}

/*             Blog Grid Listing with Sidebar            */

.blog-index.sidebar {
  display:flex;
}

@media screen and (min-width: 1000px) {
  .blog-index.sidebar .blog-index__post {
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (max-width: 999px) {
  .blog-index.sidebar .blog-index__post {
    flex: 0 0 calc(100%/1);
  }
}

.blog-sidebar {
  padding-top: 3.9rem;
}

@media screen and (max-width: 767px) {
  .blog-sidebar {
    padding: 2rem 1rem;
    padding-bottom: 0;
  }
}

.blog-sidebar h3 {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 37px;
}

.blog-sidebar ul {
  padding: 30px;
  margin: 0 0 40px 0;
  list-style: none;
  border-radius: 5px;
  background: #fff;
}

.blog-sidebar ul li {
  padding: 10px 0;
  border-top: 1px solid #dfddd9;
  font-weight: 600;
}

.blog-sidebar ul li:first-child {
  border-top-color: transparent;
}

.blog-sidebar a {
  text-decoration: none;
}

.blog-sidebar a:hover {
  text-decoration: none;
}

.blog-sidebar .filter-link-count {
  display: none;
}

.blog-sidebar .filter-expand-link {
  position: relative;
  top: -15px;
  display: block;
  margin-bottom: 25px;
  text-transform: capitalize;
  text-align: center;
}

.blog-sidebar-post-listing ul li {
  padding-left: 2.3em;
  line-height: 24px;
  text-indent: -2.3em;
}

.blog-sidebar-post-listing li:before {
  position: relative;
  width: 22px;
  float: left;
  content: counter(list-item);
  margin-right: 25px;
  font-size: 36px;
  font-weight: 600;
}

.blog-sidebar-post-listing li a {
  position: relative;
  top: -3px;
}

.blog-pagination.span12 {
  display: flex;
  margin-left: 0;
}

/* Mobile Blog Sidebar */

@media(max-width: 767px) {
  .hs-blog-listing .content-wrapper > .row-fluid {
    display: flex;
    flex-direction: column;
  }

  .hs-blog-listing .span3 {
    order: 1;
  }

  .hs-blog-listing .span9 {
    order: 2;
  }

  .hs-blog-listing .blog-pagination {
    order: 3;
  }

  .blog-sidebar.mobile .blog-sidebar-topic-filter ul,
  .blog-sidebar.mobile .blog-sidebar-post-listing ul {
    visibility: hidden;
    opacity: 0;
    transition: all 5s;
    display: none;
  }

  .blog-sidebar.mobile .blog-sidebar-topic-filter h3,
  .blog-sidebar.mobile .blog-sidebar-post-listing h3 {
    cursor: pointer;
  }
  .blog-sidebar.mobile .blog-sidebar-topic-filter h3:after,
  .blog-sidebar.mobile .blog-sidebar-post-listing h3:after {
    content: "+";
    padding-left: 6px;
  }

  .blog-sidebar.mobile .blog-sidebar-topic-filter.clicked h3:after,
  .blog-sidebar.mobile .blog-sidebar-post-listing.clicked h3:after {
    content: "-";
    padding-left: 7px;
  }

  .blog-sidebar.mobile .clicked ul {
    display: block;
    visibility: visible;
    transition: all 1s;
    opacity: 1;
  }
}

/* Blog Subscription Section */

.subscription-form {
  display: block;
  margin: 0 auto;
  padding: 60px 0;
  width: 40%;
  text-align: center;
}

@media (max-width: 767px) {
  .subscription-form {
    width: 85%;
  }
}

.subscription-form label {
  text-align: center;
}

/*             Blog Post Layout          */

.post-featured-image {
  margin-bottom: -110px;
  min-height: 300px;
  background-size: cover;
  border-radius: 5px;
  margin-top: 40px;
  background-position: center center;
}

.blog-post {
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding: 84px 100px 80px 100px;
  background: #fff;
  border-radius: 5px;
}

.blog-post.no-image {
  margin-top: 50px;
}

.blog-post__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.blog-post__meta a {
  text-decoration: none;
}

.blog-post__links {
  display: block;
  padding: 26px 0;
  margin-top: 20px;
}

.blog-post__back-to-blog {
  text-decoration: none;
}

.blog-post__back-to-blog svg {
  position: relative;
  top: 6px;
  margin-right: 10px;
  width: 20px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (max-width: 767px) {
  .blog-post {
    width: 90%;
    padding: 30px;
  }
}

/* Blog Comments */

.blog-comments {
  max-width: 100%;
}

.comment.depth-0:first-child {
  margin-top: 2em;
}

.comment.depth-1 {
  padding-left: 2em;
  padding-top: 1em;
  margin-top: 1em;
}

.blog-comments form {
  margin-top: 2em;
  padding-top: 2em;
}

/* Related Articles */

.blog-recent-posts__list {
  flex-wrap: wrap;
}

.blog-recent-posts .blog-index__post-content h2 {
  text-align: left;
}

.blog-recent-posts .blog-post__meta-section {
  justify-content: flex-end;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
system pages look. These pages include the error pages (404 and 500),
password protected content and search listing results.
*********************************************************************************
****************************************************************************** */

.error-page {
  padding: 10rem 0;
  text-align: center;
  position: relative;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Lato, sans-serif;
  font-size: 40vw;
  font-weight: bold;
  color: #d4d4d4;
  z-index: -1;
}
@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}
.error-page_heading {
  margin-bottom: 1rem;
}

.systems-page {
  padding: 40px 0;
}
.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  padding: .1rem .75rem;
}

.hs-search-results {
  margin-top: 2rem;
}
ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}
.hs-search-results__title {
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  color: #494a52;
  text-decoration: underline;
  margin-bottom: .25rem;
}
.hs-search-results__title:hover {
  text-decoration: none;
}
.hs-search-results__description {
  padding-top: .5rem;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__pagination a {
  color: #494a52;
}

.email-prefs .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.email-prefs .item.disabled input:disabled {
  cursor: not-allowed;
}

/* custom */
#email-prefs-form .hs-input,
.form-container,
#hs_cos_wrapper_password_prompt {
  width: 100% !important;
  max-width: 650px;
}

.form-container {
  margin-bottom: 10px;
}

.form-container .hs-form-field {
  margin-bottom: 14px;
}

.form-container .hs-form-field .hs-input[type=checkbox] {
  display: inline;
}

.form-container #hs_login_reset {
  margin-bottom: 10px;
  display: inline-block;
}

ul.no-list.hs-error-msgs {
  padding-left: 0;
}

#hs-pwd-widget-password {
  height: 44px !important;
  margin-bottom: 15px;
  margin-top: 0 !important;
}

#hs-search-module .hs-input {
  margin-bottom: 15px;
}

.grecaptcha-badge {
  margin: 0;
}

.sec-404 .head {
  margin-top: -10px;
}

.sec-404 .lead {
  font-family: Meiryo;
  line-height: normal;
}

.sec-404 .body {
  font-family: Meiryo;
}

.sec-404 .btn {
  font-family: Meiryo;
}

.lp_footer .footer__copyright {
  margin-top: 0;
}

.lp_footer .footer-inner {
  padding-top: 88px;
}

.system-pg {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 767px) {
  #email-prefs-form .hs-input,
  .form-container,
  #hs_cos_wrapper_password_prompt {
    max-width: 100%;
  }
}

@media screen and (min-width: 961px) {
  .lp_footer .footer-inner {
    padding-top: 46px;
  }
}

@media screen and (min-width: 1200px) {
  margin-top: -6px !important;
  margin-bottom: 6px !important;
}