/***
 * Color variable
 * */
:root {
  --main-font-color: #4e5052;
  --header-bg-color: #132634;
  --link-font-color: #b40303;
  --link-font-color-hover: #d26868;
  --strong-font-color: #b40303;
  
  --contact-btn-color: #b40303;
  --contact-btn-color-dark: #910202;
    
  --info-title-font-color: #4e5052;
  --card-title-bg-color: #0e1c27;
  --content-title-font-color: #0e1c27;
  --content-summary-font-color: #15293a;
  
  --content-list-gap: 20px;
  
  --fade-bg-color: #162635;
}

/***
 *  Reset
 * */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

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

ol,
ul,
dl {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none; }

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

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

input,
select {
  vertical-align: middle; }

img {
  font-size: 0;
  line-height: 0;
  vertical-align: top; }

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none; }
  a:hover, a:active {
    text-decoration: none;
    outline: 0; }

input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  margin: 0;
  outline: none;
  padding: 0; }

img {
  max-width: 100%; }

html {
  font-size: 10px; }

body {
  margin: 0;
  color: var(--main-font-color);
  font-size: 1.4em;
  line-height: 1.5;
  text-rendering: optimizeLegibility; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 1.5em; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  font-weight: normal; }

a {
  color: var(--link-font-color);
  -webkit-transition: color 0.3s ease, opacity 0.3s ease, border 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease,
 -webkit-box-shadow 0.3s ease;
  transition: color 0.3s ease, opacity 0.3s ease, border 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease,
 -webkit-box-shadow 0.3s ease;
  transition: color 0.3s ease, opacity 0.3s ease, border 0.3s ease, background 0.3s ease, transform 0.3s ease,
 box-shadow 0.3s ease;
  transition: color 0.3s ease, opacity 0.3s ease, border 0.3s ease, background 0.3s ease, transform 0.3s ease,
 box-shadow 0.3s ease, -webkit-transform 0.3s ease,
 -webkit-box-shadow 0.3s ease; }
  a:hover {
    color: var(--link-font-color-hover); }

input,
textarea,
select {
  background-color: #fff;
  font-family: inherit; }

textarea {
  min-height: 200px; }

body {
  font-family: Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif; }

.Error {
  font-family: Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif; }


/***
 * Fade Start
 * */
.Fade {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  background-color: var(--fade-bg-color);
  opacity: 1; }
/*  .wf-active .Fade--in { */
  .Fade--in {
    -webkit-animation: fadein 0.2s linear alternate forwards;
    animation: fadein 0.2s linear alternate forwards; }
/*  .wf-active .Fade--out { */
  .Fade--out {
    -webkit-animation: fadeout 0.2s linear alternate forwards;
    animation: fadeout 0.2s linear alternate forwards; }
.hs-inline-edit .Fade {
  display: none !important;
}
@-webkit-keyframes fadein {
  0% {
    visibility: visible;
    opacity: 1; }
  99% {
    visibility: visible;
    opacity: 0; }
  100% {
    visibility: hidden;
    opacity: 0; } }

@keyframes fadein {
  0% {
    visibility: visible;
    opacity: 1; }
  99% {
    visibility: visible;
    opacity: 0; }
  100% {
    visibility: hidden;
    opacity: 0; } }

@-webkit-keyframes fadeout {
  0% {
    visibility: hidden;
    opacity: 0; }
  1% {
    visibility: visible;
    opacity: 0; }
  100% {
    visibility: visible;
    opacity: 1; } }

@keyframes fadeout {
  0% {
    visibility: hidden;
    opacity: 0; }
  1% {
    visibility: visible;
    opacity: 0; }
  100% {
    visibility: visible;
    opacity: 1; } }

/***
 * Text Common
 * */
.Text--small {
  font-size: .8em; }

.Text--right {
  text-align: right; }
.Text--center {
  text-align: center; }

.Text--sup {
  position: relative;
  top: -1em;
  padding-right: .2em;
  font-size: .5em; }

.Text--subColor {
  color: var(--strong-font-color); }

.Text--typeOption {
  display: block;
  width: 70%;
  margin: 1em auto;
  padding: 3px 0;
  border-radius: 1em;
  background: #b5b5b5;
  color: #fff;
  text-align: center; }

.Text--link {
  color: var(--link-font-color);
  text-decoration: underline; }

.Text__space--left {
  padding-left: .5em; }

.Text__space--right {
  padding-right: .5em; }

/***
 * Br
 * */
.Br--pc {
  display: none; }
  @media screen and (min-width: 768px) {
    .Br--pc {
      display: block; } }

.Br--sp {
  display: block; }
  @media screen and (min-width: 768px) {
    .Br--sp {
      display: none; } }
/***
 * Img
 * */
.Img--pc {
  display: none; }
  @media screen and (min-width: 768px) {
    .Img--pc {
      display: inline; } }

.Img--sp {
  display: inline; }
  @media screen and (min-width: 768px) {
    .Img--sp {
      display: none; } }


/***
 * Header
 * */
.Header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 70px;
  padding: 20px;
  background-color: var(--header-bg-color);
  -webkit-transition: height .3s ease, padding .3s ease, opacity .3s ease, top .3s ease;
  transition: height .3s ease, padding .3s ease, opacity .3s ease, top .3s ease; }
  @media screen and (min-width: 960px) {
    .Header {
      height: 110px; } }
  .Header--isCorporate {
    height: 70px; }
    @media screen and (min-width: 960px) {
      .Header--isCorporate {
        height: 80px; } }
  .Header--isLp {
    height: 70px; }
    @media screen and (min-width: 960px) {
      .Header--isLp {
        height: 80px; } }
  .Header--isScroll {
    height: 70px;
    padding: 20px;
    opacity: 1; }
    .Header--isScroll:hover {
      opacity: 1; }
    @media screen and (min-width: 960px) {
      .Header--isScroll {
        height: 60px;
        padding: 10px 20px;
        opacity: .8; } }
  .Header--isHidden {
    top: -70px; }
    @media screen and (min-width: 960px) {
      .Header--isHidden {
        top: -60px; } }
  .Header__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 960px) {
      .Header__section {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; } }
  .Header__chatch {
    width: 100%;
    height: 0;
    overflow: hidden;
    color: #fff;
    font-weight: 200;
    font-size: .75em;
    -webkit-transition: height .3s ease;
    transition: height .3s ease; }
    @media screen and (min-width: 960px) {
      .Header__chatch {
        height: 30px; } }
    .Header__chatch--isScroll {
      height: 0; }
  .Header__link {
    display: block; }
    .Header__link:hover {
      opacity: .6; }
  .Header__logo {
    width: auto;
    max-width: 100%;
    height: 30px; }
    @media screen and (min-width: 960px) {
      .Header__logo {
        max-width: auto;
        max-width: initial;
        height: 40px; } }
  .Header__menu {
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    width: 100%;
    height: calc(100vh - 70px);
    background-color: var(--header-bg-color);
    text-align: left; }
    @media screen and (min-width: 960px) {
      .Header__menu {
        display: block;
        position: static;
        top: auto;
        left: auto;
        overflow-x: visible;
        overflow-y: visible;
        z-index: auto;
        width: auto;
        height: auto;
        background-color: transparent;
        position: initial;
        top: initial;
        left: initial;
        overflow-x: initial;
        overflow-y: initial;
        z-index: initial;
        width: initial;
        height: initial;
        background-color: initial;
        font-size: .9375em;
        text-align: right;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; } }
  .Header__space {
    padding-top: 70px;
    -webkit-transition: padding .3s ease;
    transition: padding .3s ease;
    background-color: var(--header-bg-color); }
    @media screen and (min-width: 960px) {
      .Header__space {
        padding-top: 110px; } }
    body.corporate .Header__space {
      padding-top: 70px; }
      @media screen and (min-width: 960px) {
        body.corporate .Header__space {
          padding-top: 80px; } }
    .Header--isLp + .Header__space {
      padding-top: 70px; }
      @media screen and (min-width: 960px) {
        .Header--isLp + .Header__space {
          padding-top: 80px; } }
/**
 * Logo
 * */
.Logo {
  -webkit-transition: opacity .3s ease, width .3s ease, height .3s ease;
  transition: opacity .3s ease, width .3s ease, height .3s ease; }

/***
 * Menu
 * */
.Menu__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.Menu__listItem + .Menu__listItem {
  margin-top: 1em; }

.Menu__listItem--n1 {
  width: 100%; }

.Menu__listItem--n5m1 {
  width: 100%; }
  @media screen and (min-width: 960px) {
    .Menu__listItem--n5m1 {
      width: calc((100% - 20px) / 5); } }
  @media screen and (min-width: 960px) {
    .Menu__listItem--n5m1 + .Menu__listItem--n5m1,
    .Menu__listItem--n5m2 + .Menu__listItem--n5m1 {
      margin-left: 5px; } }

.Menu__listItem--n5m2 {
  width: calc(100% / 2); }
  @media screen and (min-width: 960px) {
    .Menu__listItem--n5m2 {
      width: calc((100% - 20px) / 5); } }
  @media screen and (min-width: 960px) {
    .Menu__listItem--n5m1 + .Menu__listItem--n5m2,
    .Menu__listItem--n5m2 + .Menu__listItem--n5m2 {
      margin-left: 5px; } }

.Menu__listItem--mCenter {
  text-align: center; }
  @media screen and (min-width: 960px) {
    .Menu__listItem--mCenter {
      text-align: inherit; } }

.Menu__itemTitle + .Menu__itemTitle {
  margin-top: .5em; }

.Menu__itemTitleLink {
  border-bottom: solid 1px transparent;
  color: #ccc;
  font-size: .8125em;
  line-height: 1.7; }
  .Menu__itemTitleLink:hover {
    border-bottom-color: #ccc;
    color: #ccc; }
  .Menu__itemTitleLink--strong {
    color: #fff;
    font-size: .875em; }
    .Menu__itemTitleLink--strong:hover {
      border-bottom-color: #fff; }

.Menu__itemChildren {
  margin-top: .5em; }

.Menu__itemChildLink {
  border-bottom: solid 1px transparent;
  color: #888;
  font-size: .75em; }
  .Menu__itemChildLink:hover {
    border-bottom-color: #888;
    color: #888; }

.Menu__itemExLink {
  margin-left: 5px; }

.Menu__socialList {
  margin-top: .5em; }

.Menu__socialListItem {
  display: inline-block;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .Menu__socialListItem:hover {
    opacity: .8; }

.Menu__socialIcon--white {
  color: #fff; }

.Menu__socialIcon--facebook {
  color: #3F5C9A; }

.Menu__socialIcon--twitter {
  color: #1DA1F2; }
.Menu__socialIcon--x {
  color: #000; }

.Hamburger {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  /* ハンバーガーのマーク（横棒）の定義 */
  /* ハンバーガーマークの設定 */
  /* isClosedな時のハンバーガーの位置を指定 */
  /* isOpenedな時のハンバーガーの位置を指定 */ }
  @media screen and (min-width: 960px) {
    .Hamburger {
      display: none; } }
  .Hamburger::before, .Hamburger::after, .Hamburger__symbol {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 2px;
    margin: auto;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; }
  .Hamburger::before, .Hamburger::after {
    content: ''; }
  .Hamburger--isClosed .Hamburger__symbol {
    -webkit-transform: 0;
    transform: 0; }
  .Hamburger--isClosed::before {
    -webkit-transform: translateY(9px);
    transform: translateY(9px); }
  .Hamburger--isClosed::after {
    -webkit-transform: translateY(18px);
    transform: translateY(18px); }
  .Hamburger--isOpened .Hamburger__symbol {
    -webkit-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg); }
  .Hamburger--isOpened::before {
    opacity: 0;
    -webkit-transform: translateY(9px);
    transform: translateY(9px); }
  .Hamburger--isOpened::after {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg); }

.Subburger {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: calc(1em * 1.5 + 40px);
  border-left: 1px dotted #8C989E;
  cursor: pointer;
  /* サブバーガーのマーク（横棒）の定義 */
  /* サブバーガーマークの設定 */
  /* isClosedな時のサブバーガーの位置を指定 */
  /* isOpenedな時のサブバーガーの位置を指定 */ }
  @media screen and (min-width: 960px) {
    .Subburger {
      display: none; } }
  .Subburger__symbol, .Subburger::after {
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 20px;
    width: 20px;
    height: 2px;
    margin: auto;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; }
  .Subburger::after {
    content: ''; }
  .Subburger--isClosed::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .Subburger--isOpened::after {
    -webkit-transform: rotate(0);
    transform: rotate(0); }

/***
 * Section
 * */ 
.Section {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0; }
/***
 * Info Hero
 * */
.Info {
  position: relative;
  color: #fff; }
  .Info--typeDot::before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.isi-grp.co.jp/hubfs/corporate/common/images/bg-dot.png) repeat center center;
    content: ""; }
  body.grandit .Info {
    background-position: 100% 0;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      body.grandit .Info {
        background-position: 126% -10px;
        background-size: auto 220px; } }
  body.unifinity .Info {
    background-position: 100% -10px;
    background-size: auto 180px; }
  .Info {
    background-image: url("https://www.isi-grp.co.jp/hubfs/corporate/corporate/images/main-bg-2.jpg");
    background-size: 360px 2px;
    background-position: left bottom;
    background-repeat: repeat-x; }
    @media screen and (min-width: 768px) {
      .Info {
        background-size: auto auto;
        background-size: initial; } }
  .Info__path {
    position: relative; }
  .Info__title {
    position: relative;
    padding: 35px 20px; }
/***
 * Path Breadcrumb
 * */
.Path {
  display: none;
  padding: 5px 20px;
  background-color: rgba(0, 0, 0, 0.12);
  font-weight: 200; }
  body.corporate .Path {
    background-color: #f3f3f3;
    color: var(--main-font-color); }
  @media screen and (min-width: 768px) {
    .Path {
      display: block; } }
  .Path__section {
    font-size: 0.75em; }
  .Path__link {
    color: var(--main-font-color);
    border-bottom: 1px solid transparent; }
    .Path__link:hover {
      color: var(--main-font-color); }
  .Path__arrow {
    padding-left: 0.5em;
    padding-right: 0.5em; }

/***
 * Title 
 * */
.Title__name {
  font-size: 2.1875em;
  font-weight: normal;
  color: var(--info-title-font-color); 
}
.Title__name--center {
  text-align: center;
}
.Title__description {
  color: var(--info-title-font-color);
  font-size: 1.6em;
  font-weight: normal;
}
.Title__description--center {
  text-align: center;
}
.Title__name + .Title__description {
  margin-top: 2em;
}
/***
 * Card
 * */
.Card {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px #cccccc;
  box-shadow: 0 2px 5px #cccccc;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  overflow: hidden; }
  .Card--lp {
    max-width: 800px;
    margin: 0 auto; }
  .Card__title {
    width: 100%;
    padding: 18px 15px;
    background-color: var(--card-title-bg-color);
    color: #fff;
    font-size: 1.0625em;
    font-weight: normal;
    text-align: center;
    flex-grow: 0;}
  .Card__imgContainer {
    aspect-ratio: 1.618 / 1;
    overflow: hidden;}
  .Card__contents {
    padding: 20px 25px;
    background-color: #fff;
    font-size: .875em;
    line-height: 1.8;
    width: 100%;
    flex-grow: 1;}
    .Card__contents--center {
      text-align: center; }
  .Card__content + .Card__content {
    margin-top: 1em; }
  .Card__content--center {
    text-align: center; }
  .Card__footer {
    padding: 18px 15px;
    border-top: 1px solid #ccc;
    background-color: transparent;
    text-align: center;
    width: 100%;
    flex-grow: 0;}
  .Card__footer--link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #fff;
    color: var(--link-font-color); }
  .Card__footer--link:hover {
    background-color: transparent;
    color: #fff; }
  .Card__footer--link::before {
    position: absolute;
    z-index: -1;
    transform: rotate(-30deg);
    width: 100%;
    height: 0;
    background-color: var(--link-font-color);
    content: '';
    transition: height .3s ease; }
  .Card__footer--link:hover::before {
    height: 600%; }
  .Card__footer--link::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid var(--link-font-color);
    border-right: 2px solid var(--link-font-color);
    content: ''; }
  .Card__footer--link:hover::after {
    border-color: #fff; }
/***
 * Dl
 * */
.Dl { }
.Dl__title {
  color: var(--content-title-font-color);
  font-size: 1.375em;
  padding: 0 0 0 1.3em;
  position: relative;
}
.Dl__title::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.Dl--check .Dl__title::before {
  content: '\f058'; }
.Dl__description {
  padding: 1em 0;
  margin-bottom: 1em;
  border-bottom: solid 1px #ccc;
  line-height: 1.8; }
@media screen and (min-width: 768px) {
  .Dl__description {
    padding: 1em 3em; } }

/***
 * Content
 * */
.Content {
  padding: 50px 20px; }
  .Content--center {
    text-align: center; }
  .Content--bgColorGray {
    background-color: #efefef; }
  .Content__title {
    position: relative;
    padding: 0 0 30px;
    color: var(--content-title-font-color);
    font-size: 2em;
    font-weight: normal;
    line-height: 1.7;
    text-align: center; }
    .Content__title::after {
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 50px;
      height: 5px;
      margin-left: -25px;
      border-radius: 2.5px;
      background-color: var(--content-title-font-color);
      content: ""; }
    .Content__title + .Content__title,
    .Content__sectionTitle + .Content__title,
    .Content__summary + .Content__title,
    .Content__note + .Content__title,
    .Content__list + .Content__title,
    .Content__area + .Content__title,
    .Content__band + .Content__title {
      margin-top: 4em; }
  .Content__sectionTitle {
    color: var(--content-title-font-color);
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.7; }
    .Content__title + .Content__sectionTitle,
    .Content__sectionTitle + .Content__sectionTitle,
    .Content__summary + .Content__sectionTitle,
    .Content__note + .Content__sectionTitle,
    .Content__list + .Content__sectionTitle,
    .Content__area + .Content__sectionTitle,
    .Content__band + .Content__sectionTitle {
      margin-top: 30px; }
  .Content__summary {
    color: var(--content-summary-font-color);
    font-size: 1.375em;
    font-weight: normal;
    line-height: 2;
    text-align: center; }
    .Content__title + .Content__summary,
    .Content__sectionTitle + .Content__summary,
    .Content__summary + .Content__summary,
    .Content__note + .Content__summary,
    .Content__list + .Content__summary,
    .Content__area + .Content__summary,
    .Content__band + .Content__summary {
      margin-top: 30px; }
  .Content__note {
    line-height: 2;
    text-align: left; }
    .Content__note--center {
      text-align: center; }
    @media screen and (min-width: 768px) {
      .Content__note--pcCenter {
        text-align: center; } }
    .Content__title + .Content__note,
    .Content__sectionTitle + .Content__note,
    .Content__summary + .Content__note,
    .Content__note + .Content__note,
    .Content__list + .Content__note,
    .Content__area + .Content__note,
    .Content__band + .Content__note {
      margin-top: 30px; }
  .Content__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--content-list-gap);
    margin-left: auto;
    margin-right: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .Content__list--buttonList {
      display: none; }
      @media screen and (min-width: 480px) {
        .Content__list--buttonList {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          max-width: 420px; } }
      @media screen and (min-width: 768px) {
        .Content__list--buttonList {
          max-width: 640px; } }
    .Content__title + .Content__list,
    .Content__sectionTitle + .Content__list,
    .Content__summary + .Content__list,
    .Content__note + .Content__list,
    .Content__list + .Content__list,
    .Content__area + .Content__list,
    .Content__band + .Content__list {
      margin-top: 30px; }
  .Content__listItem {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .Content__listItem--n2 {
        width: calc((100% - var(--content-list-gap)) / 2); } 
      .Content__listItem--c2 {
        width: calc(60% - var(--content-list-gap)); } }
    .Content__listItem--c2 + .Content__listItem--f2 {
      margin-top: 1em; }
    @media screen and (min-width: 768px) {
      .Content__listItem--f2 {
        width: 40%;} }
    @media screen and (min-width: 480px) {
      .Content__listItem--n3 {
        width: calc((100% - var(--content-list-gap)) / 2); } }
    @media screen and (min-width: 768px) {
      .Content__listItem--n3 {
        width: calc((100% - var(--content-list-gap) * 2) / 3); } }
    @media screen and (min-width: 480px) {
      .Content__listItem--n4 {
        width: calc((100% - var(--content-list-gap)) / 2); } }
    @media screen and (min-width: 768px) {
      .Content__listItem--n4 {
        width: calc((100% - var(--content-list-gap) * 3) / 4); } }
  .Content__area--center {
    text-align: center; }
  .Content__area--lh2 {
    line-height: 2; }
  .Content__area--scrollX {
    overflow-x: auto; }
  .Content__title + .Content__area,
  .Content__sectionTitle + .Content__area,
  .Content__summary + .Content__area,
  .Content__note + .Content__area,
  .Content__list + .Content__area,
  .Content__area + .Content__area,
  .Content__band + .Content__area {
    margin-top: 1.5em; }
  .Content__band {
    display: block;
    padding: 20px;
    color: #fff;
    font-size: 2em;
    font-weight: 500;
    text-align: center;
    background-color: var(--content-title-font-color); }
    .Content__title + .Content__band,
    .Content__sectionTitle + .Content__band,
    .Content__summary + .Content__band,
    .Content__note + .Content__band,
    .Content__list + .Content__band,
    .Content__area + .Content__band,
    .Content__band + .Content__band {
      margin-top: 1.5em; }

/**
 * Pagination
 * */
.Pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #ccc;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Pagination__previous, .Pagination__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: calc((100% - 40px) / 2);
    flex-basis: calc((100% - 40px) / 2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Pagination__previous {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .Pagination__current {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px; }
  .Pagination__next {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .Pagination__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border: 1px solid #6e777d;
    border-radius: 5px;
    color: #0e1c27;
    font-size: .875em;
    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; }
    .Pagination__button--current {
      background-color: #6e777d;
      color: #fff; }
    .Pagination__button:not(.Pagination__button--current):hover {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
      -webkit-box-shadow: 0 2px 5px #cccccc;
      box-shadow: 0 2px 5px #cccccc;
      background-color: #6e777d;
      color: #fff; }
  .Pagination__continue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10px;
    height: 30px;
    margin: 0 5px;
    color: #0e1c27;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

.Footer__menu {
  width: 100%;
  padding: 30px 20px;
  background-color: #0e1c27; }

.Button__link {
  display: inline-block;
  width: 280px;
  max-width: 100%;
  padding: 19px 10px 16px;
  border-bottom: 4px solid #010101;
  border-radius: 6px;
  background: #0e1c27;
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  text-align: center; }
  .Button__link:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    border-bottom-color: #666767;
    background: #6e777d;
    color: #fff; }
  .Button__link--subColor {
    border-bottom-color: #820202;
    background: #b40303; }
    .Button__link--subColor:hover {
      border-bottom-color: #b46767;
      background: #d26868; }
  .Button__link--normal {
    font-size: 1em; }

.Button__contact {
  display: block;
  position: relative;
  z-index: 10;
  max-width: 280px;
  padding: 6px 1em 9px;
  margin: 1em auto 0;
  border-radius: 6px;
  background-color: var(--contact-btn-color-dark);
  color: #fff;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .Button__contact {
      margin: 1em 0 0; } }
  .Button__contact:hover {
    color: #fff; }
    .Button__contact:hover::after {
      background-color: var(--contact-btn-color-dark); }
  .Button__contact::after {
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: var(--contact-btn-color);
    content: "";
    -webkit-transition: 0.25s;
    transition: 0.25s; }

.Button__shortcut {
  padding: 15px 0 7px;
  border: 1px solid #6e777d;
  border-radius: 5px;
  color: #0e1c27;
  font-size: 0.875em;
  text-align: center; }
  .Button__shortcut:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 2px 5px #cccccc;
    box-shadow: 0 2px 5px #cccccc;
    background-color: #6e777d;
    color: #fff; }

.Social__item {
  display: inline-block;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .Social__item:hover {
    opacity: .8; }

@media screen and (min-width: 960px) {
  .Social__list {
    width: 100%;
    text-align: center; } }

.Social__icon--white {
  color: #fff; }

.Social__icon--facebook {
  color: #3F5C9A; }

.Social__icon--twitter {
  color: #1DA1F2; }

.Copyright {
  width: 100%;
  padding: 20px;
  background-color: #08111a; }
  .Copyright__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #888;
    font-size: .6875em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .Copyright__text {
    width: 100%;
    padding: 0 0 1em;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .Copyright__text {
        width: auto;
        width: unset;
        padding: 0;
        padding: unset;
        text-align: inherit; } }
  .Copyright__company {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 960px) {
      .Copyright__company {
        width: auto;
        width: unset;
        text-align: inherit; } }
  .Copyright__link {
    border-bottom: solid 1px transparent;
    color: #888; }
    .Copyright__link:hover {
      border-bottom-color: #888;
      color: #888; }

.Header .hs-menu-depth-1 {
  display: block;
  padding: 0;
  border-top: 1px dotted #8c989e; }
  @media screen and (min-width: 960px) {
    .Header .hs-menu-depth-1 {
      display: inline-block;
      border-top: medium none currentcolor;
      border-top: unset; } }
  @media screen and (min-width: 960px) {
    .Header .hs-menu-depth-1 + .hs-menu-depth-1 {
      margin-left: 1em; } }
  .Header .hs-menu-depth-1 > a {
    display: block;
    padding: 20px;
    color: #fff; }
    @media screen and (min-width: 960px) {
      .Header .hs-menu-depth-1 > a {
        display: inline;
        padding: 0;
        padding: unset;
        border-bottom: 1px solid transparent; } }
    .Header .hs-menu-depth-1 > a:hover {
      border-bottom-color: #8c989e;
      color: #fff; }
      @media screen and (min-width: 960px) {
        .Header .hs-menu-depth-1 > a:hover {
          border-bottom-color: #fff; } }
  .Header .hs-menu-depth-1:last-child {
    padding: 20px; }
    @media screen and (min-width: 960px) {
      .Header .hs-menu-depth-1:last-child {
        padding: 0; } }
    .Header .hs-menu-depth-1:last-child > a {
      display: block;
      position: relative;
      max-width: 300px;
      z-index: 100;
      margin: 0 auto;
      padding: 6px 1.5em 9px;
      border-bottom: none;
      border-radius: 6px;
      background-color: var(--contact-btn-color-dark);
      color: #fff;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .Header .hs-menu-depth-1:last-child > a {
          max-width: auto;
          margin: 0;
          max-width: unset;
          margin: unset; } }
      .Header .hs-menu-depth-1:last-child > a::after {
        display: block;
        position: absolute;
        bottom: 3px;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: 6px;
        background-color: var(--contact-btn-color);
        content: "";
        -webkit-transition: 0.25s;
        transition: 0.25s; }
      .Header .hs-menu-depth-1:last-child > a:hover {
        color: #fff; }
        .Header .hs-menu-depth-1:last-child > a:hover::after {
          background-color: var(--contact-btn-color-dark); }

.Header .hs-item-has-children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (min-width: 960px) {
    .Header .hs-item-has-children {
      display: inline-block;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-flex-wrap: unset;
      flex-wrap: unset; } }
  .Header .hs-item-has-children > a {
    width: 100%; }
    @media screen and (min-width: 960px) {
      .Header .hs-item-has-children > a {
        width: auto;
        width: unset; } }

.Header .hs-menu-children-wrapper {
  display: none;
  position: static;
  top: 40px;
  left: 0;
  z-index: 50;
  width: 100%;
  padding: 0;
  border: 0;
  text-align: left; }
  @media screen and (min-width: 960px) {
    .Header .hs-menu-children-wrapper {
      position: absolute;
      width: 230px;
      border: 1px solid #e0e0e0; } }

.Header .hs-menu-depth-2 + .hs-menu-depth-2 {
  border-top: 1px solid #e0e0e0; }

.Header .hs-menu-depth-2 a {
  display: block;
  padding: 20px;
  background-color: #fff;
  color: #323232;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease; }
  @media screen and (min-width: 960px) {
    .Header .hs-menu-depth-2 a {
      padding: 8px 1em; } }
  .Header .hs-menu-depth-2 a:hover {
    color: #afafaf; }
  .Header .hs-menu-depth-2 a[target="_blank"] .svg-inline--fa {
    padding-left: 5px;
    color: #323232; }

.Footer .hs_cos_wrapper_type_menu {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (min-width: 960px) {
    .Footer .hs_cos_wrapper_type_menu {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
      flex: 1 1 0%; } }

.Footer .hs-menu-depth-1 {
  display: list-item;
  padding: 0 1em 1em 0; }
  @media screen and (min-width: 960px) {
    .Footer .hs-menu-depth-1 {
      display: inline-block; } }
  .Footer .hs-menu-depth-1 a {
    border-bottom: 1px solid transparent;
    color: #fff;
    font-size: 0.8125em; }
    .Footer .hs-menu-depth-1 a:hover {
      color: #fff;
      border-bottom-color: #fff; }
    .Footer .hs-menu-depth-1 a[target="_blank"] .svg-inline--fa {
      padding-left: 5px;
      color: #888; }

#hs-pwd-widget-password {
  height: auto !important;
  height: unset !important;
  margin: 0 1em 0 0 !important;
  padding: 1em;
  border: 1px solid #0e1c27;
  border-radius: 5px;
  font-size: 0.875em; }
  #hs-pwd-widget-password + .hs-button {
    padding: 1em 2em;
    border: 1px solid #d26868;
    border-radius: 5px;
    color: #b40303;
    font-size: 0.875em;
    text-align: center;
    -webkit-transition: color 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }
    #hs-pwd-widget-password + .hs-button:hover {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
      -webkit-box-shadow: 0 2px 5px #cccccc;
      box-shadow: 0 2px 5px #cccccc;
      background-color: #d26868;
      color: #fff; }

.SubscriptionPreferences .page-header {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px #ccc;
  box-shadow: 0 2px 5px #ccc;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto; }
  .SubscriptionPreferences .page-header h1 {
    width: 100%;
    padding: 1em 2em;
    background-color: #0e1c27;
    color: #fff; }
  .SubscriptionPreferences .page-header h2 {
    padding: 2em 2em 1em;
    background-color: #fff;
    line-height: 1.8; }
  .SubscriptionPreferences .page-header .page-header_content {
    padding: 1em 2em;
    border-top: 1px solid #ccc; }

.SubscriptionPreferences .success {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px #ccc;
  box-shadow: 0 2px 5px #ccc;
  overflow: hidden;
  max-width: 900px;
  margin: 2em auto 0;
  padding: 2em; }

.SubscriptionPreferences .email-prefs {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px #ccc;
  box-shadow: 0 2px 5px #ccc;
  overflow: hidden;
  max-width: 900px;
  margin: 2em auto 0; }
  .SubscriptionPreferences .email-prefs > .header {
    width: 100%;
    padding: 1em 2em;
    background-color: #0e1c27;
    color: #fff; }
  .SubscriptionPreferences .email-prefs .item {
    max-width: 95%;
    margin: 0 auto;
    padding: 1em;
    background-color: #fff;
    line-height: 1.8; }
    .SubscriptionPreferences .email-prefs .item + .SubscriptionPreferences .email-prefs .item {
      border-top: 1px dotted #ccc; }
  .SubscriptionPreferences .email-prefs .subscribe-options {
    padding: 2em calc(2.5% + 1em);
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    line-height: 1.8; }
  .SubscriptionPreferences .email-prefs .hs-button {
    display: block;
    margin: 2em auto;
    padding: 1em 2em;
    border: 1px solid #d26868;
    border-radius: 5px;
    color: #b40303;
    font-size: 0.875em;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }
    .SubscriptionPreferences .email-prefs .hs-button:hover {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
      -webkit-box-shadow: 0 2px 5px #cccccc;
      box-shadow: 0 2px 5px #cccccc;
      background-color: #d26868;
      color: #fff; }
  .SubscriptionPreferences input[type="checkbox"] {
    appearance: auto;
    -moz-appearance: auto;
    -webkit-appearance: auto; }
  .SubscriptionPreferences .localization-language,
  .SubscriptionPreferences #globalresub-container{
    display: none; }

.Unsubscribe .page-header {
  display: none; }
.Unsubscribe #content {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px #ccc;
  box-shadow: 0 2px 5px #ccc;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto; }
  .Unsubscribe #content h3 {
    width: 100%;
    padding: 1em 2em;
    background-color: #0e1c27;
    color: #fff; }
    .Unsubscribe #content h3+div {
      padding: 2em; }
  .Unsubscribe .email-edit {
    border-bottom: 1px solid #ccc;
    padding: 5px 5px 0 !important;
    width: 100% !important; }
    .Unsubscribe .email-edit:focus {
      background-color: #eee; }
  .Unsubscribe .hs-button {
    display: block;
    margin: 2em auto;
    padding: 1em 2em;
    border: 1px solid #d26868;
    border-radius: 5px;
    color: #b40303;
    font-size: 0.875em;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }
    .Unsubscribe .hs-button:hover {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
      -webkit-box-shadow: 0 2px 5px #cccccc;
      box-shadow: 0 2px 5px #cccccc;
      background-color: #d26868;
      color: #fff; }
  

.Credo__basics::before, .Credo__values::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2em;
  height: 2em;
  background: #132634;
  color: #fff;
  font-size: 0.96em;
  line-height: 2.2;
  text-align: center;
  content: counter(section, decimal-leading-zero);
  counter-increment: section; }

.Credo__title {
  text-align: center;
  font-size: 3.2rem; }

.Credo__note {
  margin-top: 2em;
  text-align: center; }

.Credo__container {
  position: relative;
  max-width: 850px;
  margin: 2.5em auto 0;
  padding: 3em 2em;
  border: 1px solid #0e1c27;
  background-color: #fff; }
  .Credo__container--credo::before {
    content: "CREDO"; }
  .Credo__container--basics::before {
    content: "FIVE BASICS"; }
  .Credo__container--values::before {
    content: "TEN SERVICE VALUES"; }
  .Credo__container::before {
    position: absolute;
    top: 0;
    left: 1.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0.5em 1.5em;
    border-radius: 5px;
    background-color: #0e1c27;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.1ex;
    text-align: center; }

.Credo__credo {
  font-size: 1.5em;
  text-align: center;
  letter-spacing: 0.2ex; }

.Credo__basicsList {
  counter-reset: section; }

.Credo__basics {
  position: relative;
  padding-left: 2.3em; }
  .Credo__basicsEn + .Credo__basics {
    margin-top: 1.2em; }

.Credo__basicsJp {
  font-size: 1.2em;
  line-height: 1.76; }

.Credo__basicsEn {
  margin-top: 0.2em;
  padding-left: 2.76em;
  font-size: 1em; }

.Credo__valuesList {
  counter-reset: section; }

.Credo__values {
  position: relative;
  padding-left: 2.3em; }
  .Credo__valuesNotes + .Credo__values {
    margin-top: 1.2em; }

.Credo__valuesJp {
  font-size: 1.2em;
  line-height: 1.8; }

.Credo__valuesEn {
  font-size: 0.8em;
  line-height: 1.2; }

.Credo__valuesNotes {
  margin-top: 0.8em;
  padding: 0 0 0 1.2em; }

.Credo__valuesNotesItem + .Credo__valuesNotesItem {
  margin-top: 0.5em; }

.Trademark__list + .Trademark__note {
  margin-top: 3em; }

.Trademark__title {
  margin-top: 2em;
  padding: 0 0 1em;
  border-bottom: 1px solid #ccc;
  font-size: 1.5em;
  font-weight: 400; }

.Trademark__list {
  line-height: 2;
  margin-top: 2em;
  margin-left: 2em; }

.Privacy__title {
  margin-top: 2em;
  font-size: 1.75em;
  font-weight: 400; }

.Privacy__itemTitle {
  margin-top: 3em;
  padding: 0 0 1em;
  border-bottom: 1px solid var(--main-font-color);
  font-size: 1.5em;
  font-weight: 400; }

.Privacy__note, .Privacy__noteList, .Privacy__noteDef {
  margin-top: 2em;
  line-height: 2; }

.Privacy__noteListItem + .Privacy__noteListItem {
  margin-top: 0.5em; }

.Privacy__noteDefDesc + .Privacy__noteDefTerm {
  margin-top: 1em; }

.Privacy__noteDefDesc {
  margin-left: 0.5em; }
  .Privacy__noteDefTerm + .Privacy__noteDefDesc {
    margin-top: 0.5em; }

.Privacy__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2em;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.Privacy__footerNote {
  margin-left: 2em;
  line-height: 2; }

.Privacy__table {
  margin-bottom: 40px;
  margin-top: 40px;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #4E5052;
  border-left: 1px solid #4E5052; }

.Privacy__table th,
.Privacy__table td {
  border-bottom: 1px solid #4E5052;
  border-right: 1px solid #4E5052;
  padding: 20px;
  vertical-align: top; }

.Privacy__table th {
  font-size: 18px
  font-weight: bold; }

.Privacy__markCont {
  padding: 25px;
  margin-bottom: 50px;
  gap: 20px;
  max-width: 850px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  border: 1px solid #2291DF; 
  border-radius: 10px;}

.Privacy__markCont p {
  flex: 1;
  font-weight: bold;
  font-size: 18px; }

.Kigyo__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .Kigyo__content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      flex-direction: unset; } }

.Kigyo__message {
  line-height: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.Kigyo__note {
  padding: 0 0 1.5em; }

.Kigyo__president {
  padding: 0;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px; }
  @media screen and (min-width: 768px) {
    .Kigyo__president {
      padding: 0 0 0 2em; } }

.Kigyo__presidentImg {
  max-width: 250px; }

.Kigyo__presidentCap {
  font-size: 0.9em;
  padding: 1em 0 0; }

.Kigyo__linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .Kigyo__linkList {
      -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; } }

.Kigyo__link {
  display: block;
  width: 280px;
  padding: 33px 10px;
  background: no-repeat center center;
  background-size: cover;
  color: #fff;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .Kigyo__link {
      width: 26%;
      margin-left: calc(22% / 6);
      margin-right: calc(22% / 6); } }
  .Kigyo__link + .Kigyo__link {
    margin-top: 1em; }
    @media screen and (min-width: 768px) {
      .Kigyo__link + .Kigyo__link:nth-child(-n+3) {
        margin-top: 0; } }
  .Kigyo__link--enkaku {
    background-image: url(https://www.isi-grp.co.jp/hubfs/corporate/corporate/images/kigyo/enkaku-bg.jpg); }
  .Kigyo__link--soshikizu {
    background-image: url(https://www.isi-grp.co.jp/hubfs/corporate/corporate/images/kigyo/soshikizu-bg.jpg); }
  .Kigyo__link--jisseki {
    background-image: url(https://www.isi-grp.co.jp/hubfs/corporate/corporate/images/kigyo/jisseki-bg.jpg); }
  .Kigyo__link--iso {
    background-image: url(https://www.isi-grp.co.jp/hubfs/corporate/corporate/images/kigyo/iso-bg.jpg); }
  .Kigyo__link--csr {
    background-image: url(https://www.isi-grp.co.jp/hubfs/corporate/corporate/images/kigyo/csr-bg.jpg); }

.Enkaku {
  max-width: 900px;
  margin: 0 auto; }
  .Enkaku__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .Enkaku__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .Enkaku__row + .Enkaku__row {
      margin-top: 1em;
      padding-top: 1.5em;
      border-top: 1px solid #ccc; }
  .Enkaku__rowTitle {
    line-height: 2;
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: 1px dotted #ccc;
    font-weight: 500; }
    @media screen and (min-width: 768px) {
      .Enkaku__rowTitle {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
        font-weight: 400; } }
  .Enkaku__note {
    line-height: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 0 1 auto; }
  .Enkaku__office {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .Enkaku__officeContent + .Enkaku__officeContent {
    margin-top: 1em;
    padding-top: 0.5em;
    border-top: 1px dotted #ccc; }
  .Enkaku__officeName, .Enkaku__officeAddress, .Enkaku__officePhone {
    line-height: 2; }
  .Enkaku__officerContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .Enkaku__officerContent + .Enkaku__officerContent {
      margin-top: 1em;
      padding-top: 0.5em;
      border-top: 1px dotted #ccc; }
  .Enkaku__officer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .Enkaku__officerNote {
    line-height: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
  .Enkaku__officerFig {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 2em; }
    @media screen and (min-width: 768px) {
      .Enkaku__officerFig {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47.5%;
        flex: 0 0 47.5%; } }
    @media screen and (min-width: 960px) {
      .Enkaku__officerFig {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%; } }
    .Enkaku__officerFig:nth-child(1) {
      margin-top: 0; }
    @media screen and (min-width: 768px) {
      .Enkaku__officerFig:nth-child(-n+2) {
        margin-top: 0; } }
    @media screen and (min-width: 960px) {
      .Enkaku__officerFig:nth-child(-n+3) {
        margin-top: 0; } }
  .Enkaku__officerCap {
    line-height: 2; }
  .Enkaku__enkaku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.925em;
    line-height: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .Enkaku__enkakuDate {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px; }
  .Enkaku__enkakuNote {
    padding: 0 0 0.5em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(100% - 100px);
    flex: 1 1 calc(100% - 100px); }
    @media all and (-ms-high-contrast: none) {
      .Enkaku__enkakuNote {
        -ms-flex-preferred-size: calc(100% - 100px);
        flex-basis: calc(100% - 100px); } }

.Jigyo__img {
  display: block;
  margin: 0 auto;
  padding: 2em;
  font-size: 1em; }

.Jigyo__style {
  padding: 0 0 1em;
  color: #b40303;
  font-size: 1.0625em;
  line-height: 2; }

.Jigyo__styleNote {
  line-height: 2; }

.Iso__bigTitle {
  display: inline-block;
  padding: 0 0 0.2em;
  font-size: 1.5em; }

.Iso__imgList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.Iso__imgLogo {
  display: block; }

.Iso__imgCertificate {
  display: block;
  margin: 0 auto;
  max-width: 300px; }

.Iso__img {
  padding: 1em;
  font-size: 1em; }

.Iso__info {
  width: 100%; }

.Iso__infoRow:not(:last-of-type)__infoTitle {
  border-bottom: 1px solid #fff; }

.Iso__infoTitle {
  min-width: 7em;
  padding: 1em;
  border: 1px solid #0e1c27;
  background-color: #0e1c27;
  color: #fff;
  font-weight: 400;
  line-height: 2;
  vertical-align: middle; }

.Iso__infoData {
  padding: 1em;
  border: 1px solid #0e1c27;
  line-height: 2; }

.Solution {
  max-width: 850px;
  margin: 0 auto; }
  .Solution__title {
    position: relative;
    margin-top: 2.6em;
    padding: 2em;
    border: 1px solid #0e1c27;
    font-size: 1.5em;
    text-align: center;
    letter-spacing: 0.5ex; }
    .Solution__title::before {
      position: absolute;
      top: 0;
      left: 1.5em;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 0.5em 1.5em;
      border-radius: 5px;
      background-color: #0e1c27;
      color: #fff;
      font-size: 0.6em;
      line-height: 1.5;
      letter-spacing: 0.1ex;
      text-align: center; }
    .Solution__title--name::before {
      content: "Solution Name"; }
    .Solution__title--theme::before {
      content: "Solution Theme"; }
    .Solution__title--img::before {
      content: "Solution Image"; }
    .Solution__title--change::before {
      content: "Change with Solution"; }
    .Solution__title--only::before {
      content: "Only One"; }
    .Solution__title--promise::before {
      content: "We Promise"; }
  .Solution__dd + .Solution__dt {
    margin-top: 1em; }
  .Solution__dd {
    margin-left: 1.5em; }
    .Solution__dt + .Solution__dd {
      margin-top: 0.25em; }
  .Solution__description {
    line-height: 2; }
    .Solution__title + .Solution__description {
      margin-top: 3em; }
    .Solution__description + .Solution__description {
      margin-top: 1em; }
  .Solution__product {
    color: #b40303;
    font-size: 1.0625em;
    line-height: 2; }
  .Solution__productImg {
    display: block;
    margin: 1em auto 0;
    font-size: 1em; }
  .Solution__productNote {
    margin-top: 1em;
    line-height: 2; }
  .Solution__productLink {
    margin-top: 1em;
    text-align: center; }

.Saiyo__recruitImg {
  display: block;
  max-width: 740px;
  margin: 0 auto; }

.Saiyo__recruitList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.5em auto 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -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;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  @media screen and (min-width: 768px) {
    .Saiyo__recruitList {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      flex-direction: unset; } }

.Saiyo__recruitListItem {
  width: 280px;
  margin: 0 auto;
  padding: 33px 10px;
  background: no-repeat center center;
  background-size: cover;
  color: #fff;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .Saiyo__recruitListItem {
      width: calc((100% - 40px) / 3);
      margin: 0; } }
  .Saiyo__recruitListItem + .Saiyo__recruitListItem {
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .Saiyo__recruitListItem + .Saiyo__recruitListItem {
        margin-top: 0; } }
  .Saiyo__recruitListItem--newgraduate {
    background-image: url(//www.isi-grp.co.jp/hubfs/corporate/corporate/images/recruit/newgraduate-bg.jpg); }
  .Saiyo__recruitListItem--career {
    background-image: url(//www.isi-grp.co.jp/hubfs/corporate/corporate/images/recruit/career-bg.jpg); }
  .Saiyo__recruitListItem--challenged {
    background-image: url(//www.isi-grp.co.jp/hubfs/corporate/corporate/images/recruit/challenged-bg.jpg); }

.Saiyo__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 420px;
  margin: 30px auto 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  @media screen and (min-width: 768px) {
    .Saiyo__list {
      max-width: 640px; } }

.Saiyo__linkButton {
  padding: 1em;
  border: 1px solid #6e777d;
  border-radius: 5px;
  color: #0e1c27;
  font-size: 0.875em;
  text-align: center; }
  .Saiyo__linkButton:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 2px 5px #cccccc;
    box-shadow: 0 2px 5px #cccccc;
    background-color: #6e777d;
    color: #fff; }

.Saiyo__area {
  max-width: 900px;
  margin: 0 auto;
  line-height: 2; }

.Saiyo__areaTitle {
  margin-top: 2em;
  padding: 0 0 0.5em;
  border-bottom: 1px solid var(--main-font-color);
  font-size: 1.5em;
  font-weight: 400; }

.Saiyo__outline {
  max-width: 100%;
  margin-top: 1.5em; }

.Saiyo__outlineRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .Saiyo__outlineRow + .Saiyo__outlineRow {
    margin-top: 1em;
    padding-top: 1.5em;
    border-top: 1px dotted #ccc; }

.Saiyo__outlineRowTitle {
  line-height: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  padding: 0 1em 0 0; }
  @media screen and (min-width: 768px) {
    .Saiyo__outlineRowTitle {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
      flex: 0 0 150px; } }

.Saiyo__outlineNote {
  color: var(--main-font-color);
  line-height: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.Saiyo__areaTitle + .Saiyo__note,
.Saiyo__note + .Saiyo__note {
  margin-top: 2em; }

.Blog__list {
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    .Blog__list {
      max-width: calc((100% - 40px) / 3 * 2 + 20px); } }

.Blog__list--Solution{
  max-width: 100%;}
　@media screen and (min-width: 768px) {
    .Blog__list--Solution {
      max-width: calc((100% - 40px) / 3 * 3 + 20px); } }

.Blog__title--isi {
  background-color: #b40303; }

.Blog__title--grandit {
  background-color: #0a603b; }

.Blog__title--slim {
  background-color: #684683; }

.Blog__title--pp {
  background-color: #73C182; }

.Blog__title--asteria {
  background-color: #00a481; }

.Blog__title--unifinity {
  background-color: #5b68b5; }

.Blog__buttonLink--isi {
  border-bottom-color: #820202;
  background-color: #b40303; }
  .Blog__buttonLink--isi:hover {
    border-bottom-color: #b46767;
    background-color: #d26868; }

.Blog__buttonLink--grandit {
  border-bottom-color: #05321f;
  background-color: #0a603b; }
  .Blog__buttonLink--grandit:hover {
    border-bottom-color: #698478;
    background-color: #6ca089; }

.Blog__buttonLink--slim {
  border-bottom-color: #4e3462;
  background-color: #684683; }
  .Blog__buttonLink--slim:hover {
    border-bottom-color: #9585a1;
    background-color: #a490b5; }

.Blog__buttonLink--pp {
  border-bottom-color: #3f8f4f;
  background-color: #73C182; }
  .Blog__buttonLink--pp:hover {
    border-bottom-color: #96d1a2;
    background-color: #a8d8b1; }

.Blog__buttonLink--asteria {
  border-bottom-color: #007159;
  background-color: #00a481; }
  .Blog__buttonLink--asteria:hover {
    border-bottom-color: #66aa9b;
    background-color: #66c8b3; }

.Blog__buttonLink--unifinity {
  border-bottom-color: #455198;
  background-color: #5b68b5; }
  .Blog__buttonLink--unifinity:hover {
    border-bottom-color: #8f96c1;
    background-color: #9da4d3; }

.News {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .News + .News {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #ccc; }
  @media screen and (min-width: 768px) {
    .News {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .News__imgLink {
    display: block;
    width: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .News__imgLink {
        width: 30%;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        -ms-flex-item-align: unset;
        -ms-grid-row-align: unset;
        align-self: unset;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%; } }
  .News__content {
    display: block;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }
    .News__imgLink + .News__content {
      margin-top: 2em; }
      @media screen and (min-width: 768px) {
        .News__imgLink + .News__content {
          margin-top: 0;
          margin-top: unset; } }
    @media screen and (min-width: 768px) {
      .News__content {
        width: 65%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 65%;
        flex: 0 1 65%; } }
  .News__topic {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2px 13px;
    border: 1px solid var(--main-font-color);
    background-color: #fff;
    color: var(--main-font-color); }
    .News__topic:hover {
      background-color: var(--main-font-color);
      color: #fff; }
    .News__topic--corporate {
      border-color: #0e1c27;
      background-color: #0e1c27;
      color: #fff; }
      .News__topic--corporate:hover {
        background-color: #fff;
        color: #0e1c27; }
    .News__topic--corporate_sub {
      border-color: #B40303;
      background-color: #B40303;
      color: #fff; }
      .News__topic--corporate_sub:hover {
        background-color: #fff;
        color: #B40303; }
    .News__topic--erp {
      border-color: #0a603b;
      background-color: #0a603b;
      color: #fff; }
      .News__topic--erp:hover {
        background-color: #fff;
        color: #0a603b; }
    .News__topic--erp_sub {
      border-color: #f77f08;
      background-color: #f77f08;
      color: #fff; }
      .News__topic--erp_sub:hover {
        background-color: #fff;
        color: #f77f08; }
    .News__topic--grandit {
      border-color: #0a603b;
      background-color: #0a603b;
      color: #fff; }
      .News__topic--grandit:hover {
        background-color: #fff;
        color: #0a603b; }
    .News__topic--grandit_sub {
      border-color: #f77f08;
      background-color: #f77f08;
      color: #fff; }
      .News__topic--grandit_sub:hover {
        background-color: #fff;
        color: #f77f08; }
    .News__topic--slim {
      border-color: #684683;
      background-color: #684683;
      color: #fff; }
      .News__topic--slim:hover {
        background-color: #fff;
        color: #684683; }
    .News__topic--slim_sub {
      border-color: #f77f08;
      background-color: #f77f08;
      color: #fff; }
      .News__topic--slim_sub:hover {
        background-color: #fff;
        color: #f77f08; }
    .News__topic--sfa {
      border-color: #008193;
      background-color: #008193;
      color: #fff; }
      .News__topic--sfa:hover {
        background-color: #fff;
        color: #008193; }
    .News__topic--sfa_sub {
      border-color: #008193;
      background-color: #008193;
      color: #fff; }
      .News__topic--sfa_sub:hover {
        background-color: #fff;
        color: #008193; }
    .News__topic--groupware {
      border-color: #116EAF;
      background-color: #116EAF;
      color: #fff; }
      .News__topic--groupware:hover {
        background-color: #fff;
        color: #116EAF; }
    .News__topic--groupware_sub {
      border-color: #116EAF;
      background-color: #116EAF;
      color: #fff; }
      .News__topic--groupware_sub:hover {
        background-color: #fff;
        color: #116EAF; }
    .News__topic--eai {
      border-color: #00A481;
      background-color: #00A481;
      color: #fff; }
      .News__topic--eai:hover {
        background-color: #fff;
        color: #00A481; }
    .News__topic--eai_sub {
      border-color: #ff4403;
      background-color: #ff4403;
      color: #fff; }
      .News__topic--eai_sub:hover {
        background-color: #fff;
        color: #ff4403; }
    .News__topic--asteria {
      border-color: #00A481;
      background-color: #00A481;
      color: #fff; }
      .News__topic--asteria:hover {
        background-color: #fff;
        color: #00A481; }
    .News__topic--asteria_sub {
      border-color: #ff4403;
      background-color: #ff4403;
      color: #fff; }
      .News__topic--asteria_sub:hover {
        background-color: #fff;
        color: #ff4403; }
    .News__topic--warp {
      border-color: #00A481;
      background-color: #00A481;
      color: #fff; }
      .News__topic--warp:hover {
        background-color: #fff;
        color: #00A481; }
    .News__topic--warp_sub {
      border-color: #ff4403;
      background-color: #ff4403;
      color: #fff; }
      .News__topic--warp_sub:hover {
        background-color: #fff;
        color: #ff4403; }
    .News__topic--mobile {
      border-color: #5B68B5;
      background-color: #5B68B5;
      color: #fff; }
      .News__topic--mobile:hover {
        background-color: #fff;
        color: #5B68B5; }
    .News__topic--mobile_sub {
      border-color: #F0C12C;
      background-color: #F0C12C;
      color: #fff; }
      .News__topic--mobile_sub:hover {
        background-color: #fff;
        color: #F0C12C; }
    .News__topic--seibi {
      border-color: #485A7E;
      background-color: #485A7E;
      color: #fff; }
      .News__topic--seibi:hover {
        background-color: #fff;
        color: #485A7E; }
    .News__topic--seibi_sub {
      border-color: #485A7E;
      background-color: #485A7E;
      color: #fff; }
      .News__topic--seibi_sub:hover {
        background-color: #fff;
        color: #485A7E; }
    .News__topic--contentsmanagement {
      border-color: #0068b7;
      background-color: #0068b7;
      color: #fff; }
      .News__topic--contentsmanagement:hover {
        background-color: #fff;
        color: #0068b7; }
    .News__topic--contentsmanagement_sub {
      border-color: #0068b7;
      background-color: #0068b7;
      color: #fff; }
      .News__topic--contentsmanagement_sub:hover {
        background-color: #fff;
        color: #0068b7; }
    .News__topic--mmq {
      border-color: #595757;
      background-color: #595757;
      color: #fff; }
      .News__topic--mmq:hover {
        background-color: #fff;
        color: #595757; }
    .News__topic--mmq_sub {
      border-color: #98000C;
      background-color: #98000C;
      color: #fff; }
      .News__topic--mmq_sub:hover {
        background-color: #fff;
        color: #98000C; }
    .News__topic--lineworks {
      border-color: #00c73e;
      background-color: #00c73e;
      color: #fff; }
      .News__topic--lineworks:hover {
        background-color: #fff;
        color: #00c73e; }
    .News__topic--lineworks_sub {
      border-color: #f3b300;
      background-color: #f3b300;
      color: #fff; }
      .News__topic--lineworks_sub:hover {
        background-color: #fff;
        color: #f3b300; }
    .News__topic--press {
      border-color: #b40303;
      background-color: #b40303;
      color: #fff; }
      .News__topic--press:hover {
        background-color: #fff;
        color: #b40303; }
  .News__listDate {
    margin-top: 2em;
    font-size: 0.8em; }
  .News__title {
    margin-top: 0.3em;
    font-size: 1.5em; }
  .News__note {
    margin-top: 1.5em;
    line-height: 2; }
  .News__button {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .News__button {
        text-align: start;
        /* IE対策 */
        text-align: initial; } }
    .News__note + .News__button,
    .News__article + .News__button {
      margin-top: 2em; }
    .News__button--center {
      text-align: center; }
  .News__imgArea {
    max-width: 800px;
    margin: 0 auto;
    text-align: center; }
  .News__article {
    line-height: 2; }
    .News__article h2 {
      margin: 1em 0;
      border-left: solid 10px #b40303;
      border-bottom: solid 1px #b40303;
      padding: 0.5em 0 0.5em 0.75em;
      font-size: 1.5em; }
    .News__article h3 {
      margin: 1em 0;
      padding: 0.25em 0 0.25em 0.5em;
      border-left: solid 5px #0e1c27;
      font-weight: normal;
      font-size: 1.25em; }
    .News__article p + p {
      margin-top: 2em; }
    .News__article a:not(.Button__link) {
      -webkit-transition: -webkit-text-decoration 0.3s ease;
      transition: -webkit-text-decoration 0.3s ease;
      transition: text-decoration 0.3s ease;
      transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease; }
      .News__article a:not(.Button__link):hover {
        text-decoration: underline; }
    .News__article ul {
      list-style-type: none;
      margin: 0 0 2em 2em;
      padding: 0; }
    .News__article li {
      position: relative; }
      .News__article li::before {
        display: block;
        position: absolute;
        top: 0.1em;
        left: -2em;
        width: 2em;
        line-height: inherit;
        text-align: center;
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1jYXJldC1yaWdodCBmYS13LTYiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXByZWZpeD0iZmFzIiBkYXRhLWljb249ImNhcmV0LXJpZ2h0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MiA1MTIiIGRhdGEtZmEtaTJzdmc9IiIgd2lkdGg9IjgiIGhlaWdodD0iMTYiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTAgMzg0LjY2MlYxMjcuMzM4YzAtMTcuODE4IDIxLjU0My0yNi43NDEgMzQuMTQyLTE0LjE0MmwxMjguNjYyIDEyOC42NjJjNy44MSA3LjgxIDcuODEgMjAuNDc0IDAgMjguMjg0TDM0LjE0MiAzOTguODA0QzIxLjU0MyA0MTEuNDA0IDAgNDAyLjQ4IDAgMzg0LjY2MnoiPjwvcGF0aD48L3N2Zz4="); }
        @media screen and (max-width: 767px) {
          .News__article li::before {
            content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1jYXJldC1yaWdodCBmYS13LTYiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXByZWZpeD0iZmFzIiBkYXRhLWljb249ImNhcmV0LXJpZ2h0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MiA1MTIiIGRhdGEtZmEtaTJzdmc9IiIgd2lkdGg9IjciIGhlaWdodD0iMTQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTAgMzg0LjY2MlYxMjcuMzM4YzAtMTcuODE4IDIxLjU0My0yNi43NDEgMzQuMTQyLTE0LjE0MmwxMjguNjYyIDEyOC42NjJjNy44MSA3LjgxIDcuODEgMjAuNDc0IDAgMjguMjg0TDM0LjE0MiAzOTguODA0QzIxLjU0MyA0MTEuNDA0IDAgNDAyLjQ4IDAgMzg0LjY2MnoiPjwvcGF0aD48L3N2Zz4="); } }
    .News__article hr {
      margin: 3em 0; }
    .News__article .Box {
      margin: 2em;
      border: solid 1px #afafaf;
      padding: 2em;
      border-radius: 10px; }
      .News__article .Box--strong {
        border-color: #b40303; }
      .News__article .Box h3 {
        font-size: 1.25em; }
      .News__article .Box h3 + p {
        margin-top: 1.25em; }
      .News__article .Box p + p {
        margin-top: 1em; }

.Casestudy {
  padding-top: 1em;
  padding-bottom: 1em; }
  .Casestudy--eai {
    background-color: #00a481; }
  .Casestudy--erp {
    background-color: #0a603b; }
  .Casestudy--slim {
    background-color: #684683; }
  .Casestudy__topic {
    display: block;
    padding-bottom: 0.5em;
    text-align: center;
    width: 100%;
    color: #fff; }
  .Casestudy__image {
    aspect-ratio: 16 / 9;
    background-size: cover; }
  .Casestudy__userName {
    background-color: transparent;
    background-color: unset; }
  .Casestudy__thumb {
    text-align: center;
    margin-top: 2em; }
  .Casestudy__thumbWrapper {
    display: inline-block;
    position: relative; }
  .Casestudy__thumbImg {
    height: auto; }
  .Casestudy__thumbUserName {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 1.25em;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 0.5em; }
  .Casestudy__article {
    line-height: 2;
    font-size:1.15em; }
    .Casestudy__article h1 {
      font-size: 2em;
      position: relative;
      padding-bottom: 1em;
      text-align: center;
      font-weight: normal; }
      .Casestudy__article h1:before {
        content: "";
        display: inline-block;
        width: 50px;
        height: 5px;
        background: #132634;
        border-radius: 2.5px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -25px; }
    .Casestudy__article h2 {
      font-size: 1.5em;
      margin-top: 1.5em;
      font-weight: bold;
      line-height: 1.4;
      font-size: 1.5em;
      font-weight: 700;
      line-height: 1.4;
      margin-top: 1.5em;
      padding: 0.7em 1em;
      background-color: #efefef;
      border-left: 5px solid #132634;}
    .Casestudy__article h3 {
      font-size: 1.2em;
      margin: 1.5em 0;
      padding: 0.3em 0.5em;
      border-bottom: 2px dotted #132634;
    }
    .Casestudy__article section::after {
      display: block;
      content: "";
      clear: both; }
    .Casestudy__article section + section {
      margin-top: 4.5em; }
    .Casestudy__article h2 + p {
      margin-top: 2em; }
    .Casestudy__article img + p,
    .Casestudy__article p + p {
      margin-top: 1em; }
    .Casestudy__article table {
      width: 100%;
      margin-top: 4.5em;
      border: 1px solid #afaeaf;
      background: #fff; }
    .Casestudy__article ul {
      margin-left: 1.2em;
    }
    .Casestudy__article ul li {
      list-style-image: url('data:image/svg+xml;utf8,<svg class="fa" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" width="5px"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>');
    }
    .Casestudy__article tr + tr {
      border-top: 1px solid #afaeaf; }
    .Casestudy__article th {
      display: block;
      width: 100%;
      padding: 1em;
      background-color: #efefef;
      font-weight: normal; }
      @media screen and (min-width: 768px) {
        .Casestudy__article th {
          display: table-cell;
          width: 20%; } }
    .Casestudy__article td {
      display: block;
      width: 100%;
      padding: 1em; }
      @media screen and (min-width: 768px) {
        .Casestudy__article td {
          display: table-cell;
          width: 80%; } }
    .Casestudy__article th + td {
      border-top: 1px solid #afaeaf; }
      @media screen and (min-width: 768px) {
        .Casestudy__article th + td {
          border-top: none;
          border-left: 1px solid #afaeaf; } }
  .Casestudy__img {
    display: block;
    margin: 2em auto 0;
    font-size: 1em;
    height: auto; }
    @media screen and (min-width: 768px) {
      .Casestudy__img {
        margin: 0 0 1em; } }
    @media screen and (min-width: 768px) {
      .Casestudy__img--right {
        float: right;
        margin-left: 1em; } }
    @media screen and (min-width: 768px) {
      .Casestudy__img--left {
        float: left;
        margin-right: 1em; } }
  .Casestudy__button {
    text-align: center;
    margin-top: 2em; }
  .Casestudy__interviewer {
    font-weight: bold;
  }
  .Casestudy__interviewer::before {
    content: '── '
  }
  .Casestudy__intervieweesList {
    display: grid;
    column-gap: 1.2em;
    row-gap: 1em;
    margin: 1.5em;
  }
  .Casestudy__interviewee {
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 2em;
  }
  .Casestudy__intervieweeImage {
    font-size: 1em;
    width: 8em;
    height: 8em;
    border-radius: 9999px;
  }
  .Casestudy__intervieweeProf {
    font-weight: 500;
    font-size: 1.1em;
    line-height: 1.5;
  }
  @media screen and (min-width: 768px) {
    .Casestudy__intervieweesList {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

.Loading {
  position: fixed;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  background-color: var(--fade-bg-color);
  -webkit-animation: loading_fadeout 1s linear alternate forwards;
  animation: loading_fadeout 1s linear alternate forwards;
  -webkit-animation-delay: 4.2s;
  animation-delay: 4.2s; }
  .Loading__logo {
    padding: 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 600px; }
    .Loading__logo .Loading__logo_i, .Loading__logo .Loading__logo_s, .Loading__logo .Loading__logo_o, .Loading__logo .Loading__logo_f, .Loading__logo .Loading__logo_t, .Loading__logo .Loading__logo_w, .Loading__logo .Loading__logo_a, .Loading__logo .Loading__logo_r, .Loading__logo .Loading__logo_e, .Loading__logo .Loading__logo_sign {
      stroke: #fff;
      stroke-width: 1px;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: #162635; }
      @media all and (-ms-high-contrast: none) {
        .Loading__logo .Loading__logo_i, .Loading__logo .Loading__logo_s, .Loading__logo .Loading__logo_o, .Loading__logo .Loading__logo_f, .Loading__logo .Loading__logo_t, .Loading__logo .Loading__logo_w, .Loading__logo .Loading__logo_a, .Loading__logo .Loading__logo_r, .Loading__logo .Loading__logo_e, .Loading__logo .Loading__logo_sign {
          stroke-width: 0;
          fill: #fff;
          -webkit-animation: none;
          animation: none; } }
    .Loading__logo_i {
      stroke-dasharray: 125;
      stroke-dashoffset: 125;
      -webkit-animation: loading_logo_key_i 4s linear alternate forwards;
      animation: loading_logo_key_i 4s linear alternate forwards; }
    .Loading__logo_s {
      stroke-dasharray: 205;
      stroke-dashoffset: 205;
      -webkit-animation: loading_logo_key_s 4s linear alternate forwards;
      animation: loading_logo_key_s 4s linear alternate forwards; }
    .Loading__logo_o {
      stroke-dasharray: 85;
      stroke-dashoffset: 85;
      -webkit-animation: loading_logo_key_o 4s linear alternate forwards;
      animation: loading_logo_key_o 4s linear alternate forwards; }
    .Loading__logo_f {
      stroke-dasharray: 155;
      stroke-dashoffset: 155;
      -webkit-animation: loading_logo_key_f 4s linear alternate forwards;
      animation: loading_logo_key_f 4s linear alternate forwards; }
    .Loading__logo_t {
      stroke-dasharray: 105;
      stroke-dashoffset: 105;
      -webkit-animation: loading_logo_key_t 4s linear alternate forwards;
      animation: loading_logo_key_t 4s linear alternate forwards; }
    .Loading__logo_w {
      stroke-dasharray: 220;
      stroke-dashoffset: 220;
      -webkit-animation: loading_logo_key_w 4s linear alternate forwards;
      animation: loading_logo_key_w 4s linear alternate forwards; }
    .Loading__logo_a {
      stroke-dasharray: 125;
      stroke-dashoffset: 125;
      -webkit-animation: loading_logo_key_a 4s linear alternate forwards;
      animation: loading_logo_key_a 4s linear alternate forwards; }
    .Loading__logo_r {
      stroke-dasharray: 110;
      stroke-dashoffset: 110;
      -webkit-animation: loading_logo_key_r 4s linear alternate forwards;
      animation: loading_logo_key_r 4s linear alternate forwards; }
    .Loading__logo_e {
      stroke-dasharray: 120;
      stroke-dashoffset: 120;
      -webkit-animation: loading_logo_key_e 4s linear alternate forwards;
      animation: loading_logo_key_e 4s linear alternate forwards; }
    .Loading__logo_sign {
      stroke-dasharray: 555;
      stroke-dashoffset: 555;
      -webkit-animation: loading_logo_key_sign 2s ease-in alternate forwards;
      animation: loading_logo_key_sign 2s ease-in alternate forwards;
      -webkit-animation-delay: 2s;
      animation-delay: 2s; }

@-webkit-keyframes loading_fadeout {
  0% {
    visibility: visible;
    opacity: 1;
    width: 100vw;
    height: 100vh; }
  98% {
    visibility: visible;
    opacity: 0;
    width: 100vw;
    height: 100vh; }
  99% {
    visibility: hidden;
    opacity: 0;
    width: 100vw;
    height: 100vh; }
  100% {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0; } }

@keyframes loading_fadeout {
  0% {
    visibility: visible;
    opacity: 1;
    width: 100vw;
    height: 100vh; }
  98% {
    visibility: visible;
    opacity: 0;
    width: 100vw;
    height: 100vh; }
  99% {
    visibility: hidden;
    opacity: 0;
    width: 100vw;
    height: 100vh; }
  100% {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0; } }

@-webkit-keyframes loading_logo_key_i {
  0% {
    stroke-dashoffset: 125;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_i {
  0% {
    stroke-dashoffset: 125;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@-webkit-keyframes loading_logo_key_s {
  0% {
    stroke-dashoffset: 205;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_s {
  0% {
    stroke-dashoffset: 205;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@-webkit-keyframes loading_logo_key_o {
  0% {
    stroke-dashoffset: 85;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_o {
  0% {
    stroke-dashoffset: 85;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@-webkit-keyframes loading_logo_key_f {
  0% {
    stroke-dashoffset: 155;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_f {
  0% {
    stroke-dashoffset: 155;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@-webkit-keyframes loading_logo_key_t {
  0% {
    stroke-dashoffset: 105;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_t {
  0% {
    stroke-dashoffset: 105;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@-webkit-keyframes loading_logo_key_w {
  0% {
    stroke-dashoffset: 220;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_w {
  0% {
    stroke-dashoffset: 220;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@-webkit-keyframes loading_logo_key_a {
  0% {
    stroke-dashoffset: 125;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_a {
  0% {
    stroke-dashoffset: 125;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@-webkit-keyframes loading_logo_key_r {
  0% {
    stroke-dashoffset: 110;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_r {
  0% {
    stroke-dashoffset: 110;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@-webkit-keyframes loading_logo_key_e {
  0% {
    stroke-dashoffset: 120;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_e {
  0% {
    stroke-dashoffset: 120;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color); }
  75% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@-webkit-keyframes loading_logo_key_sign {
  0% {
    stroke-dashoffset: 555;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

@keyframes loading_logo_key_sign {
  0% {
    stroke-dashoffset: 555;
    fill: var(--fade-bg-color); }
  50% {
    stroke-dashoffset: 0;
    fill: var(--fade-bg-color);
    stroke-width: 1; }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 0; } }

.Grid {
  display: -ms-grid;
  display: grid;
  padding: 0;
  background-color: #162635;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto; }
  @media screen and (min-width: 768px) {
    .Grid {
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr; } }
  @media screen and (min-width: 960px) {
    .Grid {
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr; } }
  .Grid__tile {
    position: relative;
    width: 100%; }
    .Grid__tile::before {
      display: block;
      content: "";}
    .Grid__tile--wsr {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--wsr {
          -ms-grid-row: 1;
          -ms-grid-row-span: 1;
          grid-row: 1 / 2;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-column: 1 / 4; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--wsr {
          -ms-grid-row: 1;
          -ms-grid-row-span: 1;
          grid-row: 1 / 2;
          -ms-grid-column: 1;
          -ms-grid-column-span: 4;
          grid-column: 1 / 5; } }
      .Grid__tile--wsr::before {
        padding-top: 50%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--wsr::before {
            padding-top: 33.33333%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--wsr::before {
            padding-top: 25%; } }
    .Grid__tile--credo {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2 / 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--credo {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          grid-row: 2 / 3;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--credo {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          grid-row: 2 / 3;
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          grid-column: 1 / 3; } }
      .Grid__tile--credo::before {
        padding-top: 50%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--credo::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--credo::before {
            padding-top: 50%; } }
    .Grid__tile--media {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-row: 3 / 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--media {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          grid-row: 2 / 3;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--media {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          grid-row: 2 / 3;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      .Grid__tile--media::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--media::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--media::before {
            padding-top: 100%; } }
    .Grid__tile--news {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-row: 3 / 4;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--news {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          grid-row: 2 / 3;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--news {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          grid-row: 2 / 3;
          -ms-grid-column: 4;
          -ms-grid-column-span: 1;
          grid-column: 4 / 5; } }
      .Grid__tile--news::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--news::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--news::before {
            padding-top: 100%; } }
    .Grid__tile--solutions {
      -ms-grid-row: 4;
      -ms-grid-row-span: 1;
      grid-row: 4 / 5;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--solutions {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1;
          grid-row: 3 / 4;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--solutions {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1;
          grid-row: 3 / 4;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      .Grid__tile--solutions::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--solutions::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--solutions::before {
            padding-top: 100%; } }
    .Grid__tile--solgrandit {
      -ms-grid-row: 4;
      -ms-grid-row-span: 1;
      grid-row: 4 / 5;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--solgrandit {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1;
          grid-row: 3 / 4;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--solgrandit {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1;
          grid-row: 3 / 4;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      .Grid__tile--solgrandit::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--solgrandit::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--solgrandit::before {
            padding-top: 100%; } }
    .Grid__tile--solslim {
      -ms-grid-row: 5;
      -ms-grid-row-span: 1;
      grid-row: 5 / 6;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--solslim {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1;
          grid-row: 3 / 4;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--solslim {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1;
          grid-row: 3 / 4;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      .Grid__tile--solslim::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--solslim::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--solslim::before {
            padding-top: 100%; } }
    .Grid__tile--soloracleSalesCloud {
      -ms-grid-row: 5;
      -ms-grid-row-span: 1;
      grid-row: 5 / 6;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--soloracleSalesCloud {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1;
          grid-row: 4 / 5;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--soloracleSalesCloud {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1;
          grid-row: 3 / 4;
          -ms-grid-column: 4;
          -ms-grid-column-span: 1;
          grid-column: 4 / 5; } }
      .Grid__tile--soloracleSalesCloud::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--soloracleSalesCloud::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--soloracleSalesCloud::before {
            padding-top: 100%; } }
/*     .Grid__tile--solgoogle {
      -ms-grid-row: 6;
      -ms-grid-row-span: 1;
      grid-row: 6 / 7;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--solgoogle {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1;
          grid-row: 4 / 5;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--solgoogle {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1;
          grid-row: 4 / 5;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      .Grid__tile--solgoogle::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--solgoogle::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--solgoogle::before {
            padding-top: 100%; } }
 */
    .Grid__tile--solasteria {
      -ms-grid-row: 6;
      -ms-grid-row-span: 1;
      grid-row: 6 / 7;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--solasteria {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1;
          grid-row: 4 / 5;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--solasteria {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1;
          grid-row: 4 / 5;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      .Grid__tile--solasteria::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--solasteria::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--solasteria::before {
            padding-top: 100%; } }
    .Grid__tile--sollineworks {
      -ms-grid-row: 6;
      -ms-grid-row-span: 1;
      grid-row: 6 / 7;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--sollineworks {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1;
          grid-row: 4 / 5;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--sollineworks {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1;
          grid-row: 4 / 5;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      .Grid__tile--sollineworks::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--sollineworks::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--sollineworks::before {
            padding-top: 100%; } }

    .Grid__tile--solbox {
       -ms-grid-row: 8;
      -ms-grid-row-span: 1;
      grid-row: 8 / 9;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--solbox {
          -ms-grid-row: 5;
          -ms-grid-row-span: 1;
          grid-row: 5 / 6;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--solbox {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1;
          grid-row: 4 / 5;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      .Grid__tile--solbox::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--solbox::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--solbox::before {
            padding-top: 100%; } }


    .Grid__tile--solblueprism {
      -ms-grid-row: 8;
      -ms-grid-row-span: 1;
      grid-row: 8 / 9;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--solblueprism {
          -ms-grid-row: 5;
          -ms-grid-row-span: 1;
          grid-row: 5 / 6;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--solblueprism {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1;
          grid-row: 4 / 5;
          -ms-grid-column: 4;
          -ms-grid-column-span: 1;
          grid-column: 4 / 5; } }
      .Grid__tile--solblueprism::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--solblueprism::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--solblueprism::before {
            padding-top: 100%; } }

    .Grid__tile--solpowerplatform {
      -ms-grid-row: 9;
      -ms-grid-row-span: 1;
      grid-row: 9 / 10;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--solpowerplatform {
          -ms-grid-row: 5;
          -ms-grid-row-span: 1;
          grid-row: 5 / 6;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--solpowerplatform {
          -ms-grid-row: 5;
          -ms-grid-row-span: 1;
          grid-row: 5 / 6;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      .Grid__tile--solpowerplatform::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--solpowerplatform::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--solpowerplatform::before {
            padding-top: 100%; } }

    .Grid__tile--solseibi {
      -ms-grid-row: 9;
      -ms-grid-row-span: 1;
      grid-row: 9 / 10;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--solseibi {
          -ms-grid-row: 6;
          -ms-grid-row-span: 1;
          grid-row: 6 / 7;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--solseibi {
          -ms-grid-row: 5;
          -ms-grid-row-span: 1;
          grid-row: 5 / 6;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      .Grid__tile--solseibi::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--solseibi::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--solseibi::before {
            padding-top: 100%; } }

    .Grid__tile--events {
      -ms-grid-row: 10;
      -ms-grid-row-span: 1;
      grid-row: 10 / 11;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--events {
          -ms-grid-row: 6;
          -ms-grid-row-span: 1;
          grid-row: 6 / 7;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--events {
          -ms-grid-row: 5;
          -ms-grid-row-span: 1;
          grid-row: 5 / 6;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      .Grid__tile--events::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--events::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--events::before {
            padding-top: 100%; } }
    .Grid__tile--event {
      -ms-grid-row: 10;
      -ms-grid-row-span: 1;
      grid-row: 10 / 11;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--event {
          -ms-grid-row: 6;
          -ms-grid-row-span: 1;
          grid-row: 6 / 7;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--event {
          -ms-grid-row: 5;
          -ms-grid-row-span: 1;
          grid-row: 5 / 6;
          -ms-grid-column: 4;
          -ms-grid-column-span: 1;
          grid-column: 4 / 5; } }
      .Grid__tile--event::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--event::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--event::before {
            padding-top: 100%; } }

    .Grid__tile--caseStudies {
      -ms-grid-row: 11;
      -ms-grid-row-span: 1;
      grid-row: 11 / 12;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--caseStudies {
          -ms-grid-row: 7;
          -ms-grid-row-span: 1;
          grid-row: 7 / 8;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--caseStudies {
          -ms-grid-row: 6;
          -ms-grid-row-span: 1;
          grid-row: 6 / 7;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      .Grid__tile--caseStudies::before {
        padding-top: 50%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--caseStudies::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--caseStudies::before {
            padding-top: 100%; } }
    .Grid__tile--casegrandit {
      -ms-grid-row: 12;
      -ms-grid-row-span: 1;
      grid-row: 12 / 13;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--casegrandit {
          -ms-grid-row: 7;
          -ms-grid-row-span: 1;
          grid-row: 7 / 8;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--casegrandit {
          -ms-grid-row: 6;
          -ms-grid-row-span: 1;
          grid-row: 6 / 7;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      .Grid__tile--casegrandit::before {
        padding-top: 50%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--casegrandit::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--casegrandit::before {
            padding-top: 100%; } }
    .Grid__tile--caseslim {
      -ms-grid-row: 13;
      -ms-grid-row-span: 1;
      grid-row: 13 / 14;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--caseslim {
          -ms-grid-row: 7;
          -ms-grid-row-span: 1;
          grid-row: 7 / 8;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--caseslim {
          -ms-grid-row: 6;
          -ms-grid-row-span: 1;
          grid-row: 6 / 7;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      .Grid__tile--caseslim::before {
        padding-top: 50%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--caseslim::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--caseslim::before {
            padding-top: 100%; } }
    .Grid__tile--caseasteria {
      -ms-grid-row: 14;
      -ms-grid-row-span: 1;
      grid-row: 14 / 15;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--caseasteria {
          -ms-grid-row: 8;
          -ms-grid-row-span: 1;
          grid-row: 8 / 9;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--caseasteria {
          -ms-grid-row: 6;
          -ms-grid-row-span: 1;
          grid-row: 6 / 7;
          -ms-grid-column: 4;
          -ms-grid-column-span: 1;
          grid-column: 4 / 5; } }
      .Grid__tile--caseasteria::before {
        padding-top: 50%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--caseasteria::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--caseasteria::before {
            padding-top: 100%; } }

    .Grid__tile--blogs {
      -ms-grid-row: 15;
      -ms-grid-row-span: 1;
      grid-row: 15 / 16;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--blogs {
          -ms-grid-row: 9;
          -ms-grid-row-span: 1;
          grid-row: 9 / 10;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--blogs {
          -ms-grid-row: 7;
          -ms-grid-row-span: 1;
          grid-row: 7 / 8;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      .Grid__tile--blogs::before {
        padding-top: 50%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--blogs::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--blogs::before {
            padding-top: 100%; } }

    .Grid__tile--blog--ISIT {
      -ms-grid-row: 16;
      -ms-grid-row-span: 1;
      grid-row: 16 / 17;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--blog--ISIT {
          -ms-grid-row: 9;
          -ms-grid-row-span: 1;
          grid-row: 9 / 10;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--blog--ISIT {
          -ms-grid-row: 7;
          -ms-grid-row-span: 1;
          grid-row: 7 / 8;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      .Grid__tile--blog--ISIT::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--blog--ISIT::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--blog--ISIT::before {
            padding-top: 100%; } }

    .Grid__tile--blog--ISIDays {
      -ms-grid-row: 16;
      -ms-grid-row-span: 1;
      grid-row: 16 / 17;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--blog--ISIDays {
          -ms-grid-row: 9;
          -ms-grid-row-span: 1;
          grid-row: 9 / 10;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--blog--ISIDays {
          -ms-grid-row: 7;
          -ms-grid-row-span: 1;
          grid-row: 7 / 8;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      .Grid__tile--blog--ISIDays::before {
        padding-top: 50%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--blog--ISIDays::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--blog--ISIDays::before {
            padding-top: 100%; } }

    .Grid__tile--sns {
      -ms-grid-row: 17;
      -ms-grid-row-span: 1;
      grid-row: 17 / 18;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--sns {
          -ms-grid-row: 10;
          -ms-grid-row-span: 1;
          grid-row: 10 / 11;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--sns {
          -ms-grid-row: 7;
          -ms-grid-row-span: 1;
          grid-row: 7 / 8;
          -ms-grid-column: 4;
          -ms-grid-column-span: 1;
          grid-column: 4 / 5; } }
      .Grid__tile--sns::before {
        padding-top: 50%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--sns::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--sns::before {
            padding-top: 100%; } }
    .Grid__tile--recruits {
      -ms-grid-row: 18;
      -ms-grid-row-span: 1;
      grid-row: 18 / 19;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .Grid__tile--recruits {
          -ms-grid-row: 8;
          -ms-grid-row-span: 1;
          grid-row: 8 / 9;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--recruits {
          -ms-grid-row: 8;
          -ms-grid-row-span: 1;
          grid-row: 8 / 9;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2; } }
      .Grid__tile--recruits::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--recruits::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--recruits::before {
            padding-top: 100%; } }
    .Grid__tile--recruit {
      -ms-grid-row: 18;
      -ms-grid-row-span: 1;
      grid-row: 18 / 19;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
      @media screen and (min-width: 768px) {
        .Grid__tile--recruit {
          -ms-grid-row: 8;
          -ms-grid-row-span: 1;
          grid-row: 8 / 9;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3 / 4; } }
      @media screen and (min-width: 960px) {
        .Grid__tile--recruit {
          -ms-grid-row: 8;
          -ms-grid-row-span: 1;
          grid-row: 8 / 9;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2 / 3; } }
      .Grid__tile--recruit::before {
        padding-top: 100%; }
        @media screen and (min-width: 768px) {
          .Grid__tile--recruit::before {
            padding-top: 100%; } }
        @media screen and (min-width: 960px) {
          .Grid__tile--recruit::before {
            padding-top: 100%; } }

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

/* スプライトの縦横幅を定義 */
.Top {
  background-color: #1d3347; }
  .Top__wsr, .Top__credo, .Top__security, .Top__blockchain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff url(https://www.isi-grp.co.jp/hubfs/corporate/corporate/images/top/tile-back.jpg) no-repeat;
    background-size: 515.58442% 515.58442%;
    -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-transition: background 0s ease;
    transition: background 0s ease; }
  .Top__credoTitle, .Top__securityTitle {
    margin: auto;
    color: var(--main-font-color);
    font-size: 1.125em;
    font-weight: 500;
    text-align: center;
    line-height: 1.7; }
  .Top__credoButton, .Top__securityButton, .Top__blockchainButton {
    margin-bottom: 17.5%;
    padding: 5px 20px;
    border: 1px solid #A0A0A0;
    border-radius: 5px;
    color: #878787;
    font-size: .8125em;
    -webkit-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease; }
  .Top__media, .Top__news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Top__mediaTitle, .Top__newsTitle {
    width: 100%;
    padding: 0 0 0 .2em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #fd8686));
    background: -webkit-linear-gradient(transparent 70%, #fd8686 70%);
    background: linear-gradient(transparent 70%, #fd8686 70%);
    font-size: 1.3125em;
    font-weight: 400; }
  .Top__solutions, .Top__caseStudies, .Top__events, .Top__blogs, .Top__recruits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    background-color: #e7e7e7;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease; }
    .Top__solutions:hover, .Top__caseStudies:hover, .Top__events:hover, .Top__blogs:hover, .Top__recruits:hover {
      background-color: whitesmoke; }
  .Top__solutionsTitle, .Top__caseStudiesTitle, .Top__eventsTitle, .Top__blogsTitle, .Top__recruitsTitle {
    padding: 1em;
    border-top: 1px solid var(--main-font-color);
    border-bottom: 1px solid var(--main-font-color);
    color: var(--main-font-color);
    font-weight: 500;
    line-height: 1.7;
    text-align: center;
    -webkit-transition: color .3s ease, border-color .3s ease;
    transition: color .3s ease, border-color .3s ease; }
  .Top__case, .Top__event, .Top__blog {
    background: 0 0 /cover no-repeat; }
    .Top__case::before, .Top__event::before, .Top__blog::before {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: rgba(0, 0, 0, 0.4);
      content: ''; }
    .Top__case:hover .Top__caseHover, .Top__event:hover .Top__caseHover, .Top__blog:hover .Top__caseHover, .Top__case:hover .Top__eventHover, .Top__event:hover .Top__eventHover, .Top__blog:hover .Top__eventHover, .Top__case:hover .Top__blogHover, .Top__event:hover .Top__blogHover, .Top__blog:hover .Top__blogHover {
      opacity: 0; }
      @media screen and (min-width: 768px) {
        .Top__case:hover .Top__caseHover, .Top__event:hover .Top__caseHover, .Top__blog:hover .Top__caseHover, .Top__case:hover .Top__eventHover, .Top__event:hover .Top__eventHover, .Top__blog:hover .Top__eventHover, .Top__case:hover .Top__blogHover, .Top__event:hover .Top__blogHover, .Top__blog:hover .Top__blogHover {
          opacity: 1; } }
  .Top__caseContent, .Top__eventContent, .Top__blogContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -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; }
  .Top__caseBrand, .Top__eventBrand, .Top__blogBrand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    max-height: 60%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
    -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; }
  .Top__caseSymbol, .Top__eventSymbol, .Top__blogSymbol, .Top__blog--ISITSymbol, .Top__blog--ISIDaysSymbol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50%;
    color: #fff;
    font-size: 1.25em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Top__caseBrandName, .Top__eventBrandName, .Top__blogBrandName {
    margin-top: 5px;
    font-size: .75em;
    font-weight: 800;
    text-align: center; }
  .Top__caseDetail, .Top__eventDetail, .Top__blogDetail {
    width: 100%;
    padding: 10px 20px;
    max-height: 40%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -ms-flex-item-align: start;
    align-self: flex-start; }
  .Top__caseTitle, .Top__eventTitle, .Top__blogDate {
    color: #fff;
    font-size: 0.75em; }
  .Top__caseName, .Top__eventName, .Top__blogTitle {
    margin-top: .5em;
    color: #fff;
    font-weight: 400; }
  .Top__caseHover, .Top__eventHover, .Top__blogHover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; }
  .Top__caseDescription, .Top__eventDescription, .Top__blogDescription {
    max-height: 100%;
    overflow: hidden;
    color: #fff;
    font-size: .875em;
    font-weight: 200;
    line-height: 1.8; }
  .Top__wsr {
    background-size: 257.79221% 515.58442%;
    background-position: 0% 50%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    @media screen and (min-width: 768px) {
      .Top__wsr {
        background-size: 171.86147% 515.58442%;
        background-position: 0% 100%; } }
    @media screen and (min-width: 960px) {
      .Top__wsr {
        background-size: 128.8961% 515.58442%;
        background-position: 0% 75%; } }
    .Top__wsr:hover {
      opacity: .6; }
  .Top__credo {
    background-position: 50% 0%; }
    @media screen and (min-width: 768px) {
      .Top__credo {
        background-size: 257.79221% 515.58442%;
        background-position: 0% 0%; } }
    @media screen and (min-width: 960px) {
      .Top__credo {
        background-size: 515.58442% 515.58442%;
        background-position: 50% 0%; } }
  .Top__credo:hover .Top__credoButton {
    background-color: #A0A0A0;
    color: #fff; }
  .Top__mediaContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 1.3125em;
    overflow-y: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Top__mediaImg {
    width: 100%;
    text-align: center; }
    .Top__mediaImg + .Top__mediaImg {
      margin-top: 1em; }
  .Top__solutions:hover .Top__solutionsTitle {
    color: #b8b9ba;
    border-color: #b8b9ba; }
  .Top__solution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
/*     background: #fff url(https://www.isi-grp.co.jp/hubfs/corporate/corporate/images/top/tile-back.jpg) no-repeat; */
/*     background-size: 515.58442% 515.58442%; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .Top__solution::after {
      position: absolute;
      top: 50%;
      height: 50%;
      z-index: -1;
      width: 100%;
      height: 100%;
      content: '';
      -webkit-transition: top .5s ease;
      transition: top .5s ease; }
      @media screen and (min-width: 768px) {
        .Top__solution::after {
          top: 70%;
          left: 0; } }
    .Top__solution:hover::after {
      top: 50%; }
      @media screen and (min-width: 768px) {
        .Top__solution:hover::after {
          top: 0; } }
    .Top__solution--grandit::after {
      background-color: rgba(10, 96, 59, 0.85); }
    .Top__solution--slim::after {
      background-color: rgba(104, 70, 131, 0.85); }
    .Top__solution--oracleSalesCloud::after {
      background-color: rgba(0, 129, 147, 0.85); }
    .Top__solution--google::after {
      background-color: rgba(17, 110, 175, 0.85); }
    .Top__solution--asteria::after {
      background-color: rgba(0, 164, 129, 0.85); }
    .Top__solution--lineworks::after {
      background-color: rgba(0, 199, 62, 0.85); }
    .Top__solution--seibi::after {
      background-color: rgba(72, 90, 126, 0.85); }
    .Top__solution--box::after {
      background-color: rgba(17, 110, 175, 0.85); }
    .Top__solution--blueprism::after {
      background-color: rgba(11, 156, 166, 0.85); }
    .Top__solution--powerplatform::after {
      background-color: rgba(115, 193, 130, 0.85); }

  .Top__solution--grandit {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/grandit-back.png) 0 0/cover no-repeat; }
    .Top__solution--slim {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/slim-back.png) 0 0/cover no-repeat; }
    .Top__solution--oracleSalesCloud {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/oracle-back.png) 0 0/cover no-repeat; }
    .Top__solution--google {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/corporate/images/top/%E7%94%B0%E4%B8%AD%E7%B7%B4%E7%BF%92/%E3%82%A2%E3%83%BC%E3%83%88%E3%83%9C%E3%83%BC%E3%83%89%208.png) 0 0/cover no-repeat; }
    .Top__solution--asteria {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/asteria-back.png) 0 0/cover no-repeat; }
    .Top__solution--lineworks {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/lineworks-back.png) 0 0/cover no-repeat; }
    .Top__solution--seibi {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/seibi-back.png) 0 0/cover no-repeat; }
    .Top__solution--box {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/box-back.png) 0 0/cover no-repeat; }
    .Top__solution--blueprism {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/blueprism-back.png) 0 0/cover no-repeat; }
    .Top__solution--powerplatform {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/powerplatform-back.png) 0 0/cover no-repeat; }


.Top__solutionTitle {
    width: 100%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .Top__solutionTitle--grandit {
      background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-grandit_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--grandit {
          background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-grandit.png) 0 0/cover no-repeat; } }
    .Top__solutionTitle--slim {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-slim_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--slim {
          background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-slim.png) 0 0/cover no-repeat; } }
    .Top__solutionTitle--oracleSalesCloud {
      background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-oracleSalesCloud_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--oracleSalesCloud {
          background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-oracleSalesCloud.png) 0 0/cover no-repeat; } }
    .Top__solutionTitle--google {
      background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-google_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--google {
          background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-google.png) 0 0/cover no-repeat; } }
    .Top__solutionTitle--asteria {
      background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-asteria_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--asteria {
          background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-asteria.png) 0 0/cover no-repeat; } }
    .Top__solutionTitle--lineworks {
      background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-lineworks_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--lineworks {
          background: url(//www.isi-grp.co.jp/hubfs/corporate/top/images/logo-lineworks.png) 0 0/cover no-repeat; } }
    .Top__solutionTitle--seibi {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-seibi_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--seibi {
          background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-seibi.png) 0 0/cover no-repeat; } }
    .Top__solutionTitle--box {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-box_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--box {
          background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-box.png) 0 0/cover no-repeat; } }
    .Top__solutionTitle--blueprism {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-blueprism_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--blueprism {
          background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-blueprism.png) 0 0/cover no-repeat; } }
    .Top__solutionTitle--powerplatform {
      background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-powerplatform_sp.png) 0 0/cover no-repeat; }
      @media screen and (min-width: 768px) {
        .Top__solutionTitle--powerplatform {
          background: url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/logo-powerplatform.png) 0 0/cover no-repeat; } }

.Top__solutionSummary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-height: 50%;
    padding: 10px;
    color: #fff;
    font-size: .8125em;
    font-weight: 200;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .Top__solutionSummary {
        max-height: 30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%; } }
  .Top__news {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Top__newsTitle {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .Top__newsContents {
    width: 100%;
    margin-top: 1.3125em;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .Top__newsItem {
    padding: 0 .7em 0 0; }
    .Top__newsItem + .Top__newsItem {
      margin-top: .7em;
      padding-top: .7em;
      border-top: 1px dotted var(--main-font-color); }
  .Top__newsCategory {
    margin-top: -5px;
    margin-left: -5px; }
  .Top__newsLabel {
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
    padding: 2px 13px;
    border: 1px solid var(--main-font-color);
    background-color: #fff;
    color: var(--main-font-color);
    font-size: .75em;
    font-weight: 400; }
    .Top__newsLabel:hover {
      background-color: var(--main-font-color);
      color: #fff; }
    .Top__newsLabel--grandit {
      border-color: #0a603b;
      background-color: #0a603b;
      color: #fff; }
      .Top__newsLabel--grandit:hover {
        background-color: #fff;
        color: #0a603b; }
    .Top__newsLabel--slim {
      border-color: #684683;
      background-color: #684683;
      color: #fff; }
      .Top__newsLabel--slim:hover {
        background-color: #fff;
        color: #684683; }
    .Top__newsLabel--oracleSalesCloud {
      border-color: #008193;
      background-color: #008193;
      color: #fff; }
      .Top__newsLabel--oracleSalesCloud:hover {
        background-color: #fff;
        color: #008193; }
    .Top__newsLabel--google {
      border-color: #116EAF;
      background-color: #116EAF;
      color: #fff; }
      .Top__newsLabel--google:hover {
        background-color: #fff;
        color: #116EAF; }
    .Top__newsLabel--asteria {
      border-color: #00A481;
      background-color: #00A481;
      color: #fff; }
      .Top__newsLabel--asteria:hover {
        background-color: #fff;
        color: #00A481; }
    .Top__newsLabel--lineworks {
      border-color: #00c73e;
      background-color: #00c73e;
      color: #fff; }
      .Top__newsLabel--lineworks:hover {
        background-color: #fff;
        color: #00c73e; }
    .Top__newsLabel--seibi {
      border-color: #485A7E;
      background-color: #485A7E;
      color: #fff; }
      .Top__newsLabel--seibi:hover {
        background-color: #fff;
        color: #485A7E; }
    .Top__newsLabel--box {
      border-color: #485A7E;
      background-color: #485A7E;
      color: #fff; }
      .Top__newsLabel--box:hover {
        background-color: #fff;
        color: #485A7E; }
    .Top__newsLabel--blueprism {
      border-color: #485A7E;
      background-color: #485A7E;
      color: #fff; }
      .Top__newsLabel--blueprism:hover {
        background-color: #fff;
        color: #485A7E; }
    .Top__newsLabel--powerplatform{
      border-color: #485A7E;
      background-color: #485A7E;
      color: #fff; }
      .Top__newsLabel--powerplatform:hover {
        background-color: #fff;
        color: #485A7E; }
    .Top__newsLabel--press {
      border-color: #B40303;
      background-color: #B40303;
      color: #fff; }
      .Top__newsLabel--press:hover {
        background-color: #fff;
        color: #B40303; }
  .Top__newsDate {
    margin-top: 1em;
    font-size: .75em; }
  .Top__newsHeading {
    border-bottom: 1px solid transparent;
    color: var(--main-font-color);
    font-size: .75em; }
    .Top__newsHeading:hover {
      border-color: var(--main-font-color); }
  .Top__newsButton {
    margin-top: 1.3em;
    padding: 5px 20px;
    border: 1px solid #A0A0A0;
    border-radius: 5px;
    color: #878787;
    font-size: .8125em;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease; }
    .Top__newsButton:hover {
      background-color: #A0A0A0;
      color: #fff; }
  .Top__security {
    background-size: 515.58442% 515.58442%;
    background-position: 75% 50%; }
  .Top__security:hover .Top__securityButton {
    background-color: #A0A0A0;
    color: #fff; }
  .Top__blockchain {
    background-size: 515.58442% 515.58442%;
    background-position: 100% 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .Top__blockchainButton {
    margin-bottom: calc(17.5% + 6.5px);
    background-color: rgba(255, 255, 255, 0.8); }
    @media screen and (min-width: 768px) {
      .Top__blockchainButton {
        margin-bottom: calc(30% + 4px); } }
    .Top__blockchain:hover .Top__blockchainButton {
      background-color: #A0A0A0;
      color: #fff; }
  .Top__caseStudies:hover .Top__caseStudiesTitle {
    color: #b8b9ba;
    border-color: #b8b9ba; }
  .Top__caseSymbol--grandit {
    background-color: #0a603b; }
  .Top__caseSymbol--slim {
    background-color: #684683; }
  .Top__caseSymbol--oracleSalesCloud {
    background-color: #008193; }
  .Top__caseSymbol--google {
    background-color: #116EAF; }
  .Top__caseSymbol--asteria {
    background-color: #00A481; }
  .Top__caseSymbol--lineworks {
    background-color: #00c73e; }
  .Top__caseSymbol--seibi {
    background-color: #485A7E; }
  .Top__caseSymbol--box {
    background-color: #485A7E; }
  .Top__caseSymbol--blueprism {
    background-color: #485A7E; }
  .Top__caseSymbol--powerplatform{
    background-color: #485A7E; }
  .Top__caseBrandName--grandit {
    color: #0a603b; }
  .Top__caseBrandName--slim {
    color: #684683; }
  .Top__caseBrandName--oracleSalesCloud {
    color: #008193; }
  .Top__caseBrandName--google {
    color: #116EAF; }
  .Top__caseBrandName--asteria {
    color: #00A481; }
  .Top__caseBrandName--lineworks {
    color: #00c73e; }
  .Top__caseBrandName--seibi {
    color: #485A7E; }
  .Top__caseBrandName--box {
    color: #485A7E; }
  .Top__caseBrandName--blueprism {
    color: #485A7E; }
  .Top__caseBrandName--powerplatform {
    color: #485A7E; }
  .Top__events:hover .Top__eventsTitle {
    color: #b8b9ba;
    border-color: #b8b9ba; }
  .Top__eventSymbol {
    background-color: #fff;
    color: var(--main-font-color); }
  .Top__blog--ISITSymbol {
    background-color: #daa520;
    color: #fff; }
  .Top__blog--ISIDaysSymbol {
    background-color: #cd853f;
    color: #fff; }
  .Top__eventBrandName {
    color: #fff; }
  .Top__blogs:hover .Top__blogsTitle {
    color: #b8b9ba;
    border-color: #b8b9ba; }
  .Top__blogSymbol--isi {
    background-color: #B40303; }
  .Top__blogBrandName--isi {
    color: #B40303; }
  .Top__blogBrandName--ISIT {
    color: #ffd700; }
  .Top__blogBrandName--ISIDays {
    color: #ff8c00; }
  .Top__recruits:hover .Top__recruitsTitle {
    color: #b8b9ba;
    border-color: #b8b9ba; }
  .Top__recruit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    background: #fff url(https://www.isi-grp.co.jp/hubfs/corporate/top/images/recruit-back.png) 0 0/cover no-repeat;
/*     background-size: 515.58442% 515.58442%;
    background-position: 50% 50%; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Top__recruitContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 80%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    -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; }
  .Top__recruitText {
    color: #fff; }
    .Top__recruitText:hover {
      opacity: .6; }
  .Top__recruitSeparate {
    width: 40%;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    margin: 7% auto;
    background-color: #adadad;
    content: ''; }
  .Top__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    background-color: #fff;
    -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: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .Top__sns {
        padding: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .Top__snsLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Top__snsFacebook {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    .Top__snsLogo:hover .Top__snsFacebook {
      opacity: .6; }
  .Top__snsX {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    .Top__snsLogo:hover .Top__snsX {
      opacity: .6; }
  .Top__snsSeparate {
    width: 1px;
    min-width: 1px;
    max-width: 1px;
    height: 40%;
    min-height: 40%;
    max-height: 40%;
    margin: auto 20px;
    background-color: #adadad;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 1px;
    flex: 0 1 1px;
    content: ''; }
    @media screen and (min-width: 768px) {
      .Top__snsSeparate {
        width: 40%;
        min-width: auto;
        min-width: unset;
        max-width: auto;
        height: 1px;
        min-height: 1px;
        max-height: 1px;
        margin: 20px auto; } }

.hs_cos_wrapper_type_form {
  display: block;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px #cccccc;
  box-shadow: 0 2px 5px #cccccc;
  overflow: hidden; }

.form-title {
  width: 100%;
  padding: 0.75em 1.7em;
  background-color: #0e1c27;
  color: #fff;
  font-size: 1.125em;
  font-weight: normal;
  line-height: 2; }

.hs-form {
  padding: 1.5em 2em;
  background-color: #fff;
  font-size: 1em;
  line-height: 2; }
  .hs-form .hs-form-field {
    padding: 0 0 1em; }
  .hs-form .hs-fieldtype-text .input .hs-input, .hs-form .hs-fieldtype-textarea .input .hs-input, .hs-form .hs-fieldtype-number .input .hs-input, .hs-form .hs-fieldtype-select .input .hs-input, .hs-form .hs-fieldtype-date .input .hs-input, .hs-form .hs-fieldtype-phonenumber .input .hs-input　{
    border: solid 1px #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font-size: 1em;
    font-family: sans-serif;
    line-height: 1.3;
    padding: 0.5em;
    -webkit-transition: border-color ease-in-out 0.3s, -webkit-box-shadow ease-in-out 0.3s;
    transition: border-color ease-in-out 0.3s, -webkit-box-shadow ease-in-out 0.3s;
    transition: border-color ease-in-out 0.3s, box-shadow ease-in-out 0.3s;
    transition: border-color ease-in-out 0.3s, box-shadow ease-in-out 0.3s, -webkit-box-shadow ease-in-out 0.3s;
    width: 100% !important; }
    .hs-form .hs-fieldtype-text .input .hs-input:focus, .hs-form .hs-fieldtype-textarea .input .hs-input:focus, .hs-form .hs-fieldtype-number .input .hs-input:focus, .hs-form .hs-fieldtype-select .input .hs-input:focus, .hs-form .hs-fieldtype-date .input .hs-input:focus {
      border-color: #0e1c27;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
      outline: 0; }
  .hs-form .hs-field-desc {
    color: #888;
    font-size: 0.85em; }
  .hs-form .hs-error-msgs {
    font-size: 0.75em;
    color: red;
    margin: 0.5em 0 0; }
  .hs-form .hs-form-required {
    display: none; }
  .hs-form label strong, .hs-form label em {
    display: inline;
    margin-left: 1em;
    padding: .5em .7em;
    border-radius: 3px;
    color: #FFF;
    font-size: .625em;
    vertical-align: .3em; }
  .hs-form label strong {
    background-color: #d43c00;
    font-weight: normal; }
  .hs-form label em {
    background-color: #999999;
    font-style: normal; }
  .hs-form .hs-fieldtype-textarea .input .hs-input {
    resize: vertical; }
  .hs-form .hs-fieldtype-booleancheckbox .input .hs-input, .hs-form .hs-fieldtype-checkbox .input .hs-input {
    display: none; }
    .hs-form .hs-fieldtype-booleancheckbox .input .hs-input:checked + span::before, .hs-form .hs-fieldtype-checkbox .input .hs-input:checked + span::before {
      content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hlY2stc3F1YXJlIGZhLXctMTQiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXByZWZpeD0iZmFyIiBkYXRhLWljb249ImNoZWNrLXNxdWFyZSIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBkYXRhLWZhLWkyc3ZnPSIiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0I0MDMwMyIgZD0iTTQwMCAzMkg0OEMyMS40OSAzMiAwIDUzLjQ5IDAgODB2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWODBjMC0yNi41MS0yMS40OS00OC00OC00OHptMCA0MDBINDhWODBoMzUydjM1MnptLTM1Ljg2NC0yNDEuNzI0TDE5MS41NDcgMzYxLjQ4Yy00LjcwNSA0LjY2Ny0xMi4zMDMgNC42MzctMTYuOTctLjA2OGwtOTAuNzgxLTkxLjUxNmMtNC42NjctNC43MDUtNC42MzctMTIuMzAzLjA2OS0xNi45NzFsMjIuNzE5LTIyLjUzNmM0LjcwNS00LjY2NyAxMi4zMDMtNC42MzcgMTYuOTcuMDY5bDU5Ljc5MiA2MC4yNzcgMTQxLjM1Mi0xNDAuMjE2YzQuNzA1LTQuNjY3IDEyLjMwMy00LjYzNyAxNi45Ny4wNjhsMjIuNTM2IDIyLjcxOGM0LjY2NyA0LjcwNiA0LjYzNyAxMi4zMDQtLjA2OCAxNi45NzF6Ij48L3BhdGg+PC9zdmc+"); }
    .hs-form .hs-fieldtype-booleancheckbox .input .hs-input + span, .hs-form .hs-fieldtype-checkbox .input .hs-input + span {
      cursor: pointer;
      padding: 0 0 0 1.5em;
      position: relative; }
      .hs-form .hs-fieldtype-booleancheckbox .input .hs-input + span::before, .hs-form .hs-fieldtype-checkbox .input .hs-input + span::before {
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtc3F1YXJlIGZhLXctMTQiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXByZWZpeD0iZmFyIiBkYXRhLWljb249InNxdWFyZSIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBkYXRhLWZhLWkyc3ZnPSIiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNDAwIDMySDQ4QzIxLjUgMzIgMCA1My41IDAgODB2MzUyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDM1MmMyNi41IDAgNDgtMjEuNSA0OC00OFY4MGMwLTI2LjUtMjEuNS00OC00OC00OHptLTYgNDAwSDU0Yy0zLjMgMC02LTIuNy02LTZWODZjMC0zLjMgMi43LTYgNi02aDM0MGMzLjMgMCA2IDIuNyA2IDZ2MzQwYzAgMy4zLTIuNyA2LTYgNnoiPjwvcGF0aD48L3N2Zz4=");
        font-size: 1em;
        font-weight: 400;
        top: -0.3em;
        left: 0;
        position: absolute; }
      .hs-form .hs-fieldtype-booleancheckbox .input .hs-input + span a, .hs-form .hs-fieldtype-checkbox .input .hs-input + span a {
        color: #0e1c27;
        text-decoration: underline; }
  .hs-form .hs-fieldtype-checkbox .hs-form-checkbox {
    display: inline-block;
    margin: 0 1.5em 0.5em 0; }
  .hs-form .hs-fieldtype-radio .hs-form-radio {
    display: inline-block;
    margin: 0 1.5em 0.5em 0; }
  .hs-form .hs-fieldtype-radio .input .hs-input {
    display: none; }
    .hs-form .hs-fieldtype-radio .input .hs-input:checked + span::before {
      content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtZG90LWNpcmNsZSBmYS13LTE2IiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJkb3QtY2lyY2xlIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGRhdGEtZmEtaTJzdmc9IiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBmaWxsPSIjQjQwMzAzIiBkPSJNMjU2IDU2YzExMC41MzIgMCAyMDAgODkuNDUxIDIwMCAyMDAgMCAxMTAuNTMyLTg5LjQ1MSAyMDAtMjAwIDIwMC0xMTAuNTMyIDAtMjAwLTg5LjQ1MS0yMDAtMjAwIDAtMTEwLjUzMiA4OS40NTEtMjAwIDIwMC0yMDBtMC00OEMxMTkuMDMzIDggOCAxMTkuMDMzIDggMjU2czExMS4wMzMgMjQ4IDI0OCAyNDggMjQ4LTExMS4wMzMgMjQ4LTI0OFMzOTIuOTY3IDggMjU2IDh6bTAgMTY4Yy00NC4xODMgMC04MCAzNS44MTctODAgODBzMzUuODE3IDgwIDgwIDgwIDgwLTM1LjgxNyA4MC04MC0zNS44MTctODAtODAtODB6Ij48L3BhdGg+PC9zdmc+"); }
    .hs-form .hs-fieldtype-radio .input .hs-input + span {
      cursor: pointer;
      padding: 0 0 0 1.5em;
      position: relative; }
      .hs-form .hs-fieldtype-radio .input .hs-input + span::before {
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2lyY2xlIGZhLXctMTYiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXByZWZpeD0iZmFyIiBkYXRhLWljb249ImNpcmNsZSIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBkYXRhLWZhLWkyc3ZnPSIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMCA0NDhjLTExMC41IDAtMjAwLTg5LjUtMjAwLTIwMFMxNDUuNSA1NiAyNTYgNTZzMjAwIDg5LjUgMjAwIDIwMC04OS41IDIwMC0yMDAgMjAweiI+PC9wYXRoPjwvc3ZnPg==");
        font-size: 1em;
        font-weight: 400;
        left: 0;
        position: absolute; }
  .hs-form .hs-fieldtype-file .input {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 1em; }
    .hs-form .hs-fieldtype-file .input .hs-input {
      font-size: 0.835em;
      width: 100%; }
  .hs-form .hs-submit .actions {
    margin: 20px 0 0;
    padding: 0 15px;
    text-align: center; }
    .hs-form .hs-submit .actions .hs-button {
      background-color: #b40303;
      border-bottom: 4px solid #820202;
      border-radius: 6px;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 1em;
      max-width: 280px;
      padding: 1em;
      text-align: center;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      width: 100%; }
      .hs-form .hs-submit .actions .hs-button:hover {
        background-color: #d26868;
        border-bottom: 4px solid #b46767;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px); }

.hs-dependent-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.hs-dependent-field > .hs-form-field:first-child {
  width: 100%; }

.hs-dependent-field > .hs-form-field:nth-child(n+2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%; }

@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
  .hs-dependent-field > .hs-form-field:nth-child(n+2) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; } }

.submitted-message {
  padding: 2em; }
  .submitted-message h2 {
    color: #0e1c27;
    font-size: 1.2em; }
  h2 + .submitted-message p {
    margin-top: 0.6em; }
  .submitted-message p + .submitted-message p {
    margin-top: 0.5em; }