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











































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

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


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

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
  clear: both;
}

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

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

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

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

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

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

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

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

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

/* a {
  background-color: transparent;
} */

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
Drag and Drop (DND) sections look when editing content in the page editor.
*********************************************************************************
****************************************************************************** */

dnd-section {
  padding: 80px 20px;
}
.banner-area .dnd-section {
  padding: 0;
}

.dnd-section > .row-fluid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* .dnd-section .widget-type-cell {
  padding-left: 20px;
  padding-right: 20px;
} */

@media (max-width: 799px) {
  .dnd-section {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  /*.website-page-layout .dnd-section {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }*/
  .website-page-layout .dnd-section {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}

@media (max-width: 767px) {
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
fonts apppear throughout your site.
*********************************************************************************
****************************************************************************** */

@font-face {
  font-family: "FontAwesome";
  src: url("//f.hubspotusercontent40.net/hubfs/5563745/Insemble_July2020/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), 
    url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fontawesome-webfont.woff2) format("woff2"),
    url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fontawesome-webfont.woff) format("woff"), 
    url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fontawesome-webfont.ttf) format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url("//f.hubspotusercontent40.net/hubfs/5563745/Insemble_July2020/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
  url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fa-brands-400.woff2) format("woff2"), 
  url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fa-brands-400.woff) format("woff"), 
  url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fa-brands-400.ttf) format("truetype"), 
  url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fa-brands-400.svg) format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  src: url("//f.hubspotusercontent40.net/hubfs/5563745/Insemble_July2020/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
  url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fa-regular-400.woff2) format("woff2"), 
  url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fa-regular-400.woff) format("woff"), 
  url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fa-regular-400.ttf) format("truetype"), 
  url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/fonts/fa-regular-400.svg) format("svg");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "FOT Pro DB";
  src: url("https://fontplus.jp/tester/share.php?key=RlqLe-WSsgUVQCaN4mM2lVca5cyqUW_FWTZobuxBFh0lpbPT2U7qjIziJ2e0WGPA") format("truetype");
  font-style: normal;
  font-weight: 400;
}

html {
  -webkit-locale: "ja";
}

html {
  font-size: 24px;
}

body {
  font-family: Lato, serif;
  font-size: 1rem;
  color: #494a52;
  line-height: 1.8;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Lato, serif;
}

/* Anchor Links */
a {
  color: #0270E0;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-weight: 700;
  font-family: Merriweather, serif;
  color: #494a52;
  word-break: break-word;
}

h1 {
  font-size: 2.1rem;
  line-height: 1.3;
}

h2 {
  font-size: 1.6rem;
  line-height: 1.2;
}

h3 {
  font-size: 1.25rem;
  line-height: 1.8;
}

h4 {
  font-family: Lato, sans-serif;
  font-weight: normal;
  font-size: 1.175rem;
  line-height: 1.5;
}

h5 {
  font-size: 1rem;
  line-height: 1.5;
}

h6 {
  font-size: .9rem;
  line-height: 1.5;
}

strong {
  font-weight: 700;
}

code {
  vertical-align: bottom;
}

ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

ul li,
ol li {}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 2px solid #A9A9A9;
  padding-left: 15px;
}

/* Horizontal Rules */
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* TODO */
small {

}

/* TODO */
mark {

}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: auto;
  outline-color: green;
}

.disable-focus-styles :focus {
  outline: none;
}

@media (max-width: 767px) {
  html {
    font-size: 18.0px
  }
}

@media (max-width: 480px) {
  html {
    font-size: 14.399999999999999px
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your forms looks
throughout your site. Styles for form fields, buttons, inputs, etc.
*********************************************************************************
****************************************************************************** */

form {
  max-width: 500px;
  font-family: Lato, sans-serif;
}

.hs-button {
  margin: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font-weight: 400;
  line-height: 1.42857143;
  position: relative;
  text-align: center;
  transition: all 0.15s linear;
  background-color: #494A52;
  border-color: #494A52;
  color: #fff;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  padding: 15px 53px;
  cursor: pointer;
  
    cursor: pointer;
    text-decoration: none !important;
}

.hs-button:hover, .hs-button:focus {
  background-color: #21222a;
  border-color: #21222a;

  color: #fff;
  outline: none;
}

.hs-button:active {
  background-color: #71727a;
  border-color: #71727a;
}


.hs-form label {
  color: #33475b;
  display: block;
  float: none;
  width: auto;
  text-align: left;
  padding-top: 0;
/*   margin-bottom: 5px; */
  font-weight: bold;
  font-size: 15.4px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.42857143;
}

.hs-error-msgs label {
  margin-top: .5rem;
  color: #f2545b;
}

.hs-input,
input#hs-pwd-widget-password {
  display: inline-block;
  width: 100%;
/*   height: 2em; */
  font-size: 16px;
  padding: 1px 2px;
  font-weight: normal;
  line-height: 2;
  color: #33475b;
  background-color: #ffffff;
  border: 1px solid #D1D6DC;
  box-sizing: border-box;
  border-style: inset;
}
input#hs-pwd-widget-password {
  margin-bottom: 18px;
  height: 30px !important;
}
.hs-input[type=checkbox],
.hs-input[type=radio] {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
}

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}

.hs-input:-moz-placeholder {
  color: #bfbfbf;
}

.hs-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus {
  outline-offset: -2px;
  outline-color: #000;
  border-radius: 0;
}

textarea.hs-input {
  height: auto;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}
.hs-search-module .hs-input {
  margin-bottom: 18px;
}
input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #b9554d;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

ul.no-list {
  list-style: none;
}

.field {
  margin-bottom: 32px;
}

.hs-field-desc {
  color: #7c98b6;
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
  font-size: 1rem;
  color: #494a52;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}
ul.no-list.hs-error-msgs.inputs-list label {
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
  line-height: 1.42857143;
  font-size: 12px;
  position: relative;
}
ul.no-list.hs-error-msgs.inputs-list label:before {
  top: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  position: absolute;
  border-color: transparent;
  border-style: solid;
  content: '';
  width: 10px;
  height: 5px;
  border-bottom-color: #000;
}
@media (max-width: 400px),
(min-device-width: 320px) and (max-device-width: 480px) {
  .email-correction form .form-columns-2 .hs-form-field,
  .email-correction form .form-columns-3 .hs-form-field,
  .email-validation form .form-columns-2 .hs-form-field,
  .email-validation form .form-columns-3 .hs-form-field {
    float: none;
    width: 100%;
  }
  .email-correction form .form-columns-2 .hs-form-field .hs-input,
  .email-correction form .form-columns-3 .hs-form-field .hs-input,
  .email-validation form .form-columns-2 .hs-form-field .hs-input,
  .email-validation form .form-columns-3 .hs-form-field .hs-input {
    width: 90%;
  }
  .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
  .email-correction form .form-columns-2 .hs-form-field input[type=radio],
  .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
  .email-correction form .form-columns-3 .hs-form-field input[type=radio],
  .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
  .email-validation form .form-columns-2 .hs-form-field input[type=radio],
  .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
  .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
    width: 24px;
  }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Lato, serif;
}

@media (max-width:767px) {
  form {
    max-width: 100%;
    margin: 0 20px;
  }
}
  

@media (max-width:600px) {
  .hs-form label {
    font-size: 14px;
  }
}
/* 営業用フォームの幅強制 */
.form-columns-1,fieldset.form-columns-2 {
    max-width: 840px !important;
}
/* プライバシーポリシーのリッチテキスト位置 */
#hs_cos_wrapper_widget_1594802474496 .hs-richtext p{
    text-align: center;
  margin-top: 30px;
}
/* reCAPTCHAの位置 */
.hs_recaptcha.hs-recaptcha.field.hs-form-field .input{
margin: 0 auto;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
menu items appear, including the link and hover effects.
*********************************************************************************
****************************************************************************** */

.hs-menu-wrapper ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.hs-menu-item a {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.hs-menu-item:hover a,
.hs-menu-item:focus a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}

.hs-menu-item.active a {
  color: rgba(0, 0, 0, 0.9);
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
tables look throughout your site.
*********************************************************************************
****************************************************************************** */

table {
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
}

th,
td {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}

thead th,
thead td {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
  border-bottom-width: 2px;
}

thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

tbody + tbody {
  border-top: 2px solid #dee2e6;
}


/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */
.fa, .fab, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.far {
  font-weight: 400;
}
.fa, .far, .fas {
  font-family: "Font Awesome 5 Free";
}
.fab {
  font-family: "Font Awesome 5 Brands";
}

.custom-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.custom-col-1,
.custom-col-10,
.custom-col-11,
.custom-col-12,
.custom-col-2,
.custom-col-3,
.custom-col-4,
.custom-col-5,
.custom-col-6,
.custom-col-7,
.custom-col-8,
.custom-col-9 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

@media (min-width: 992px) {
  .custom-col-1,
  .custom-col-10,
  .custom-col-11,
  .custom-col-12,
  .custom-col-2,
  .custom-col-3,
  .custom-col-4,
  .custom-col-5,
  .custom-col-6,
  .custom-col-7,
  .custom-col-8,
  .custom-col-9 {
    float: left;
  }
  .custom-col-12 {
    width: 100%
  }
  .custom-col-11 {
    width: 91.66666667%
  }
  .custom-col-10 {
    width: 83.33333333%
  }
  .custom-col-9 {
    width: 75%
  }
  .custom-col-8 {
    width: 66.66666667%
  }
  .custom-col-7 {
    width: 58.33333333%
  }
  .custom-col-6 {
    width: 50%
  }
  .custom-col-5 {
    width: 41.66666667%
  }
  .custom-col-4 {
    width: 33.33333333%
  }
  .custom-col-3 {
    width: 25%
  }
  .custom-col-2 {
    width: 16.66666667%
  }
  .custom-col-1 {
    width: 8.33333333%
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
}

/* ======== Maintenance Body basic ====== */
.maintenance-layout h1, .maintenance-layout h2, .maintenance-layout h3, .maintenance-layout h4, .maintenance-layout h5, .maintenance-layout h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin-top: 10px;
  margin-bottom: 10px;
}
.maintenance-layout h1, .maintenance-layout h2, .maintenance-layout h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.maintenance-layout h1 {
  font-size: 65px;
  color: #2d3033;
}
.maintenance-layout h2 {
  font-size: 40px;
  color: #2d3033;
}
.maintenance-layout h3 {
  font-size: 2.375em;
  color: #2d3033;
  font-weight: 300;
}
.maintenance-layout h4 {
  font-size: 22px;
  color: #2d3033;
  font-weight: 400;
}
.maintenance-layout h5 {
  font-size: 18px;
  color: #2d3033;
  text-transform: uppercase;
  font-weight: 700;
}
.maintenance-layout h6 {
  font-size: 12px;
}
.maintenance-layout p {
  font-size: 16px;
  line-height: 22.4px;
  color: #233040;
  margin: 0 0 10px;
  font-family:inherit;
}
body.maintenance-layout a {
  font-family:inherit;
}
.maintenance-layout a {
  color:#e84545;
}
.maintenance-layout a:hover {
  color: #23527c;
  text-decoration: none;
  -webkit-transition: background-color, color, 0.3s;
  -o-transition: background-color, color, 0.3s;
  transition: background-color, color, 0.3s;
}
.custom-web-case-group h5.caseintro_ttl {
  font-family: arial, Hiragino Sans;
}
/* ======== Maintenance Body basic End ====== */

/* ======== Maintenance Header ====== */
body.maintenance-layout {
  font-size: 14px;
  line-height: 1.42857143;
  font-family: 'Noto Sans JP', Arial, sans-serif;
  font-weight: 400;
  color: #6c7279;
}
.maintenance-layout .body-wrapper {
  padding: 0;
}
header.maintenance-header-wrapper {
  min-height: 159.438px;
}
.hs-maintenance-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  font-size: 14px;
  line-height: 1.42857143;
  background: #acacac;
  transition: background 0.3s;
}
.maintenance-fixed-header .hs-maintenance-header {
  background-color: #fff;
  position: fixed;
}
.maintenance-fixed-header .hs-maintenance-header .page-center {
  border-bottom: 0;
  padding: 25px 0;
}
.hs-maintenance-header .page-center {
  max-width: 1170px !important;
  padding: 60px 0;
  -moz-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
  padding-left:0 !important;
  padding-right:0 !important;
}
.maintenance-header-logo {
  width: 130px;
  float: left;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 7px;
}
.maintenance-header-logo img.hs-image-widget {
  width: auto !important;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.maintenance-menu-primary {
  float: right;
}
.hs-maintenance-header .page-center:after {
  content: "";
  display: table;
  clear: both;
}
.hs-maintenance-header .page-center:before {
  content: "";
  display: table;
}
.maintenance-menu-primary .hs-menu-wrapper ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.maintenance-menu-primary .hs-menu-wrapper > ul > li {
  display: inline-block;
}
.maintenance-menu-primary .hs-menu-wrapper > ul > li > a {
  display: inline-block;
  position: relative;
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  font-weight: 900;
  margin-left: 40px;
  text-transform: uppercase;
  padding: 0 0 10px;
}
.maintenance-menu-primary .hs-menu-wrapper > ul > li > a:hover {
  color: #fff;
}
.maintenance-menu-primary .hs-menu-wrapper > ul > li > a:after {
  background-color: #007CB7;
  bottom: 0;
  content: '';
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  width: 0;
}
.maintenance-menu-primary .hs-menu-wrapper > ul > li > a:hover:after {
  width: 110%;
}
.has-banner header.maintenance-header-wrapper {
  min-height: 0;
}
.has-banner .hs-maintenance-header {
  background: transparent;
}
.has-banner.maintenance-fixed-header .hs-maintenance-header {
  background: #fff;
}
/* ======== Maintenance footer ====== */
.maintenance-footer {
  background-color: #181818;
  padding: 50px 0 100px;
}
.maintenance-footer .custom-row > div {
  margin-bottom: 80px;
}
.maintenance-footer h5 {
  color: #fff;
  margin-bottom: 20px;
}
.maintenance-footer p {
  color: rgba(255, 255, 255, 0.5);
}
.maintenance-footer-menu .hs-menu-wrapper ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.maintenance-footer-menu .hs-menu-wrapper ul li a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  padding: 0;
  display: initial;
}
.maintenance-footer-menu .hs-menu-wrapper ul li a:hover {
  color: #e84545;
}
.maintenance-footer a {
  color: rgba(255, 255, 255, 0.5);
}
.maintenance-footer a:hover {
  color: #e84545;
}
.maintenance-footer ul.footer-share {
  margin: 0;
  padding: 0;
  list-style: none;
}
.maintenance-footer ul.footer-share li {
  display: inline-block;
}
.maintenance-footer ul.footer-share li a {
  border: 1px solid #e8ecee;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #c6cacc;
  display: block;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  margin-right: 5px;
  text-align: center;
  width: 32px;
  border: none;
  font-size: 21px;
  color: rgba(255, 255, 255, 0.5);
}
ul.footer-share.footer_right_img {
  margin-bottom: 0;
}
.footer_right_img img {
  max-width: none;
}
.maintenance-layout .page-center,
.maintenance-layout .dnd-section > .row-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .maintenance-layout .page-center,
  .maintenance-layout .dnd-section > .row-fluid {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .maintenance-layout .page-center,
  .maintenance-layout .dnd-section > .row-fluid {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .maintenance-layout .page-center,
  .maintenance-layout .dnd-section > .row-fluid {
    max-width: 970px;
  }
}

@media (max-width: 1199px) and (min-width: 1025px) {
  .maintenance-layout .page-center {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 1025px) {
  .maintenance-menu-trigger {
    display:none !important;
  }
  .maintenance-fixed-header .maintenance-menu-primary .hs-menu-wrapper > ul > li > a {
    color: #000;
  }
}

@media (max-width: 1199px) {
  .maintenance-footer ul.footer-share.footer_right_img li a {
    width: auto;
    height: auto;
  }
  .maintenance-footer ul.footer-share.footer_right_img li a img {
    max-width: 100%;
  }
}
/* ===== Responsive ==== */
@media (max-width: 1024px) {
  .maintenance-fixed-header .hs-maintenance-header .page-center {
    padding: 25px 0 !important;
  }
  .maintenance-fixed-header .maintenance-menu-trigger {
    top: 18px;
  }
  .hs-maintenance-header .page-center {
    width: 90%;
    padding: 40px 0 !important;
  }
  .maintenance-menu-primary {
    position: fixed;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
  }
  .maintenance-menu-trigger {
    height: 44px;
    overflow: hidden;
    position: fixed;
    right: 5%;
    text-indent: 100%;
    top: 32px;
    white-space: nowrap;
    width: 44px;
    z-index: 999999;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    cursor: pointer;
  }
  .maintenance-menu-trigger:after, .maintenance-menu-trigger:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  .maintenance-menu-trigger:after {
    background-color: #e84545;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
  }
  .maintenance-menu-trigger:before {
    background-color: #e84545;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .maintenance-menu-trigger span {
    background-color: #fff;
    bottom: auto;
    display: inline-block;
    height: 3px;
    left: 50%;
    position: absolute;
    right: auto;
    top: 50%;
    width: 18px;
    z-index: 10;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .maintenance-menu-trigger span:before, .maintenance-menu-trigger span:after {
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .maintenance-menu-trigger span:before {
    -webkit-transform: translateY(-6px) rotate(0deg);
    -ms-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
  }
  .maintenance-menu-trigger span:after {
    -webkit-transform: translateY(6px) rotate(0deg);
    -ms-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
  }
  .header-menu-open .maintenance-menu-trigger:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  .header-menu-open .maintenance-menu-trigger:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .header-menu-open .maintenance-menu-trigger span {
    background-color: rgba(255, 255, 255, 0);
  }
  .header-menu-open .maintenance-menu-trigger span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
  }
  .header-menu-open .maintenance-menu-trigger span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
  header.maintenance-header-wrapper {
    min-height: 119.438px;
  }
  .header-menu-open .maintenance-menu-primary {
    opacity: 0.9;
    visibility: visible;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .maintenance-menu-primary > * {
    position: relative;
    top: 45%;
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    display: block;
  }
  .maintenance-menu-primary .hs-menu-wrapper > ul > li {
    display: block;
    margin-bottom: 20px;
  }
  .maintenance-menu-primary .hs-menu-wrapper > ul > li > a {
    display: block;
    font-size: 25px;
    margin: 0;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .maintenance-footer .custom-row > div {
    margin-bottom: 70px;
  }
  .maintenance-footer p:last-child {
    margin-bottom: 0;
  }
  .maintenance-footer .custom-row > div:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .maintenance-footer .custom-row > div {
    margin-bottom: 40px;
  }
}
@media (max-width: 640px) {
  .maintenance-layout h3, .maintenance-layout h5 {
    font-size: 2em;
  }
}
/* ======== Maintenance Header/footer end ====== */


/* ======== Maintenance Page Css ====== */
.banner-section .dnd-section > .row-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.maintenance-layout img {
  vertical-align: middle;
}
.dnd-section.no-lr-space > .row-fluid {
  padding-left: 0 !important;
  padding-right: 0px !important;
}
.service-section .dnd-section {
  padding-top: 100px ;
  padding-bottom: 50px ;
}
.section .dnd-section {
  padding-top: 100px ;
  padding-bottom: 100px ;
}
.sec_header {
  text-align: center;
}
.sec_header h5 {
  font-size: 2.375em;
  position: relative;
  margin-bottom: 70px;
  color: #007CB7;
}
.sec_header h5:after {
  position: absolute;
  content: '';
  height: 4px;
  width: 40px;
  background: #007CB7;
  left: 50%;
  margin-left: -20px;
  bottom: -19px;
}
.performance-holder table {
  width: 100%;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
  margin: 0;
}
.performance-holder table .thead th {
  padding: 1em;
  font-size: 15px;
  width: 30%;
  background: #0084A1;
  color: #fff;
  text-align: center;
  border: none;
  vertical-align: middle;
}
.performance-holder table td {
  padding: 1em;
  border: 1px solid #eee;
  font-size: 15px;
  width: 30%;
  background: #fff;
  text-align: center;
  color: #6c7279;
  vertical-align: middle;
}
.performance-holder table td:first-child {
  color: #000;
}
@-webkit-keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.maintenance_lay .widget-type-header h1 {
  font-size: 2.375em;
  position: relative;
  margin-bottom: 70px;
  text-align: center;
  margin-top: 10px;
  font-weight: 700;
}
.maintenance_lay .widget-type-header h1:after {
  position: absolute;
  content: '';
  height: 4px;
  width: 40px;
  background: #007CB7;
  left: 50%;
  margin-left: -20px;
  bottom: -19px;
}
.maintenance_lay .page-header.section-header {
  text-align: center;
  margin: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  width: auto;
  padding: 0;
}
.maintenance_lay #contact .page-header.section-header {
  margin: 0 -15px;
}
.maintenance_lay .page-header.section-header h1 {
  color: #2d3033;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.375em;
  position: relative;
  margin-bottom: 70px;
  padding: 0;
  border: none;
  margin-top: 10px;
  line-height: 1.1;
  font-family: inherit;
}
.maintenance_lay .page-header.section-header p.secondary-header {
  padding: 0;
  font-family: inherit;
  text-align: center;
  margin: 7%;
}
.maintenance_lay .page-header.section-header h1:after {
  position: absolute;
  content: '';
  height: 4px;
  width: 40px;
  background: #007CB7;
  left: 50%;
  margin-left: -20px;
  bottom: -19px;
}
.maintenance-layout #teams h5 {
  color: #007CB7;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 20px;
}
.fadein {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  visibility: visible !important;
}
.fadein.animated {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#service .sec_header h5 {
  color: #2d3033;
}
#service .performance-holder {
  padding-left: 15px;
  padding-right: 15px;
}
#service .performance-holder table td:first-child {
  background: #f7f7f7;
  text-align: center;
}
#service .performance-holder table td {
  text-align: left;
}
.maintenance_lay #price .page-header.section-header p.secondary-header {
  margin: 9.2%;
}

/* =========== company ============ */

.company-layout .dnd-section {
  padding-top: 80px;
  padding-bottom: 77px;
}
.company-layout img.hs-image-widget {
  vertical-align: bottom;
}
.company-layout .dnd-section > .row-fluid {
  padding-left: 15px;
  padding-right: 15px;
  max-width: calc(1000px - -30px);
}
.company-layout blockquote {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 840px;
  line-height: 1.8;
  margin-left: auto;
  margin-right: auto;
}
.company-layout blockquote p {
  margin: 1em 0;
}
.company-layout blockquote h6 {
  font-size: 18px;
  text-align: right;
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  margin: 1em 0;
}
.biography_section {
  background:#fff;
}
.biography_section .widget-span.widget-type-cell.dnd-column:not(.span12) {
  padding: 40px 0 40px 30px;
}
.biography_section .widget-span.widget-type-cell.dnd-column:last-child:not(.span12) {
  padding: 40px 0;
}
table.personal_profile_history {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  margin: 0;
}
table.personal_profile_history th, table.personal_profile_history td {
  padding: 0;
  background: transparent;
  border: none;
  color: inherit;
  vertical-align: middle;
}
.biography_section img {
  vertical-align: bottom;
}
.biography_section .widget-span.widget-type-cell.dnd-column:not(.span12) {
  padding: 40px 0 40px 30px;
}
.biography_section .widget-span.widget-type-cell.dnd-column:last-child:not(.span12) {
  padding: 40px 0;
}
.company-section2 .hs-oembed__starter {
  max-width: 840px;
  padding-bottom: 38%;
}

/* ======== portfolio inner ====== */
.portfolio-inner-main-sections {
  padding: 60px 0 110px;
}
.portfolio-inner-main-sections .dnd-section {
  padding: 0;
}
.portfolio-inner-main-sections .dnd-section > .row-fluid {
  padding: 2em;
}
.portfolio-inner-main-sections .widget-type-linked_image {
  margin: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.portfolio-inner-main-sections img.hs-image-widget {
  vertical-align: bottom;
}
.portfolio-inner-main-sections .span12 > .widget-type-linked_image img.hs-image-widget {
  max-width: none !important;
}
.portfolio-inner-main-sections h3 {
  color: #0074BE;
  font-weight: 400;
  font-size: 31px;
  text-align: center;
  font-family: "Mplus 1p",arial, sans-serif;
  margin: 1em 0;
}
.portfolio-inner-main-sections h4 {
  margin: 0 0 30px;
  color: #222222;
  font-size: 16px;
  font-family: "Mplus 1p", arial, Hiragino Sans, Meiryo, "メイリオ", sans-serif;
  font-weight: 400;
  line-height: 1.8;
}
.portfolio-inner-main-sections p {
  margin: 1em 0;
}
.hs_portfolio_layout header.header {
  filter: none;
}
footer.portfolio-inner-footer {
  padding: 0 15px;
}
footer.portfolio-inner-footer p {
  margin: 0 0 1em;
  font-family: "FOT-スーラ Pro DB";
}
#portfolio_contact_btn_right img {
  vertical-align: bottom;
}
/* === Homepage ==== */
.homepage-layout .home-main-sections div.widget-type-rich_text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.homepage-layout .home-main-sections div.widget-type-rich_text ul li:before {
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/draw-check-mark.svg) no-repeat center center;
  width: 14px;
  height: 14px;
}
.homepage-layout .home-main-sections img {
  vertical-align: bottom;
}
.homepage-layout .home-main-sections div.widget-type-rich_text h4 {
  margin: 1.33em 0;
  line-height: 1.8;
  font-size: 16px;
}
.homepage-layout .home-main-sections div.widget-type-rich_text h3 {
  font-size: 1.17em;
  margin: 1em 0;
  line-height: 1.8;
}
.homepage-layout .custom-impovement-process-wrap .custom-impovement-process-item:after {
  color: #333333;
  font-size: 16px;
  top: -2px;
}
.homepage-layout .custom-impovement-process-wrap a {
  color: #222;
  text-decoration: underline;
}
.home-main-sections .dnd-section {
  padding-bottom: 77px;
  padding-top: 80px;
}
.home-main-sections .page-header.section-header p.secondary-header {
  font-size: 14px;
}

.hs-landing-page .dnd-section {
  padding-left: 15px;
  padding-right: 15px;
}
div#hs-search-module {
  margin-top: 20px;
}
/* ===== Desktop End */
@media (min-width: 800px) {
  .biography_section .page-header.section-header p.secondary-header {
    font-size: 14px;
  }
  table.personal_profile_history th {
    padding: 5px;
  }
  table.personal_profile_history td {
    padding: 5px;
  }
  #borderTop {
    height: 5px;
    width: 3000px;
    background: #002f7b;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
  }
  #borderBottom {
    height: 5px;
    width: 3000px;
    background: #002f7b;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
  }
  #borderRight {
    width: 5px;
    height: 3000px;
    background: #002f7b;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9997;
  }
  #borderLeft {
    width: 5px;
    height: 3000px;
    background: #002f7b;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9996;
  }
  .portfolio-inner-main-sections .widget-type-header {
    margin-bottom: 70px;
    text-align: center;
    font-size: 40px;
    margin-top: 0.83em;
    line-height: 1.85;
    padding-top: 1px;
  }
  .portfolio-inner-main-sections .widget-type-header h1 {
    font-family: "Mplus 1p",arial, sans-serif;
    padding: 10px 30px;
    border-bottom: 1px solid #757575;
    display: inline;
    margin: 0;
    line-height: inherit;
    font-weight: bold;
    color: #333333;
  }
  #portfolio_contact_btn_right {
    position: fixed;
    bottom: 0px;
    right: 10px;
    background: #0074be;
    width: 240px;
    height: 70px;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-right: 45px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 3.5;
    color: #fff;
  }
  #portfolio_contact_btn_right p {
    margin: 0;
    font-family: "FOT-スーラ Pro DB";
    font-weight: 300;
    line-height: 1.8;
    font-size: 16px;
  }
  #portfolio_contact_btn_right p a {
    display: block;
    text-decoration: none;
    width: 240px;
    height: 70px;
    color: #fff;
  }
  .homepage-layout .home-main-sections div.widget-type-rich_text {
    display: block;
    max-width: 840px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: content-box;
  }
  .homepage-layout .home-main-sections .custom-section-title-wrap {
    margin-bottom: 95px;
  }
  .homepage-layout .home-main-sections div.widget-type-rich_text p {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .custom-col-sm-6 {
    width: 50%;
  }
}
/* ====== 768 End ======== */
@media (max-width: 1100px) {
  .portfolio-inner-main-sections .span12 > .widget-type-linked_image img.hs-image-widget {
    max-width: 100% !important;
  }
}

@media (max-width: 991px) {
  .insemble-value-md .quality_content {
    margin-bottom: 50px;
  }
  .maintenance-contact-us-md {
    overflow: initial;
  }
}
/* ====== 991 End ======== */

@media (max-width: 799px) {
  .company-layout .dnd-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .company-banner .custom-banner-group {
    max-width: 100%;
  }
  .company-layout blockquote {
    line-height: 1.8;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .company-layout blockquote p {
    margin: 0;
  }
  .company-layout blockquote h6 {
    margin: 0;
  }
  /* .biography_section {
    background: #e4eaee;
  } */
  .biography_section .widget-span.widget-type-cell.dnd-column:not(.span12) {
    text-align: center;
    padding: 0;
  }
  .biography_section .widget-span.widget-type-cell.dnd-column:not(.span12) img {
    max-width: 90%;
    height: auto;
    margin: 10px;
  }
  .biography_section h4 {
    max-width: 300px;
    border-bottom: 3px solid #333333;
    font-size: 20px;
    margin: 10px auto;
    padding-bottom: 5px;
    text-align: center;
    line-height: 1.8;
  }
  table.personal_profile_history {
    width: 95%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 53px;
    font-size: 0.9em;
  }
  table.personal_profile_history tr {
    border-bottom: 1px solid #c7d2da;
  }
  table.personal_profile_history th {
    padding: 15px 5px;
    display: block;
    text-align: center;
    white-space: nowrap;
  }
  table.personal_profile_history td {
    padding: 15px 5px;
    text-align: left;
    line-height: 1.6;
  }
  .biography_section .widget-span.widget-type-cell.dnd-column:last-child:not(.span12) {
    padding: 0;
  }
  .company-layout .biography_section .dnd-section > .row-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .company-section2 .hs-oembed__starter {
    padding-bottom: 56.25%;
  }
  .company-layout .body-container__website img.hs-image-widget {
    margin: 10px auto;
  }
  #borderTop {
    height: 5px;
    width: 3000px;
    background: #002f7b;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
  }
  #borderBottom {
    height: 5px;
    width: 3000px;
    background: #002f7b;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
  }
  #borderRight {
    width: 5px;
    height: 3000px;
    background: #002f7b;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9997;
  }
  #borderLeft {
    width: 5px;
    height: 3000px;
    background: #002f7b;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9996;
  }
  .hs_portfolio_layout .custom-header-logo {
    margin-bottom: -3px;
  }
  .portfolio-inner-main-sections .dnd-section > .row-fluid {
    padding: 1em;
  }
  .portfolio-inner-main-sections .widget-type-header {
    padding-top: 1px;
  }
  .portfolio-inner-main-sections .widget-type-header h1 {
    text-align: center;
    font-size: 1.25em;
    margin: 0.83em 0;
    font-family: "Mplus 1p",arial, sans-serif;
    line-height: 1.8;
    margin-bottom: 0;
  }
  .portfolio-inner-main-sections h3 {
    color: #0074BE;
    font-size: 1.3em;
    text-align: center;
    font-family: "FOT-スーラ Pro DB";
  }
  #portfolio_contact_btn_right p {
    margin: 1em 0;
  }
  #portfolio_contact_btn_right a {
    text-decoration: underline;
    color: rgb(0, 0, 238);
  }
  body .black-btn {
    padding: 0.5em 5px;
  }
  .home-main-sections .dnd-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .home-main-sections .custom-section-title-wrap {
    padding-bottom: 50px;
    text-align: center;
  }
  .home-main-sections .custom-section-title-wrap h3 {
    display: inline-block;
    width: auto;
    border-top: 1px solid #333333;
    border-bottom: 3px solid #333333;
    margin: 0 auto;
    padding: 20px 10px;
    margin-bottom: 50px;
    letter-spacing: 5px;
    font-size: 19px;
    line-height: 34.2px;
  }
  .homepage-layout .home-main-sections div.widget-type-rich_text {
    font-size: 1em;
    padding-left: 15px;
    padding-right: 15px;
  }
  .homepage-layout .home-main-sections div.widget-type-rich_text p {
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
  }
}
/* ====== 799 End ======== */

@media (max-width: 767px) {
  .banner-area .dnd-section {
    padding: 0 !important;
  }
  .maintenance_lay #price .page-header.section-header p.secondary-header {
    margin: 7%;
  }
  #teams .span3.widget-span.widget-type-cell.dnd-column {
    max-width: 270px;
    margin: 0 auto 40px;
  }

}
/* ====== 767 End ======== */
@media (max-width: 640px) {
  .performance-holder table td {
    padding: 1em;
    border: 1px solid #eee;
    font-size: 15px;
    width: 100%;
    display: block;
  }
  .performance-holder table td:first-child {
    color: #000;
    text-align: center;
    background: #f7f7f7;
  }
  .maintenance_lay #quality .widget-type-header {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* ====== 640 End ======== */
/* ====== スクロールバーの色変更 ======== */

body {
  --sb-track-color: #c7c7c7;
  --sb-thumb-color: #0074be;
  --sb-size: 10px;

  scrollbar-color: var(--sb-thumb-color) 
                   var(--sb-track-color);
}

body::-webkit-scrollbar {
  width: var(--sb-size) 
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
  
  }
/* ====== ここまで　スクロールバーの色変更 ======== */
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your headers look
when it comes to the logo, search field, language switcher and navigation.
You will also find the mobile menu styles below.
*********************************************************************************
****************************************************************************** */

.header {
  background-color: #F8FAFC;
}

.header__container {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}
header.header {
  filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.custom-header-logo {
  padding: 20px 0 21px 10px;
}

.custom-header-logo img {
  display: block;
}
.mobile-trigger {
  display: none;
}
.body-wrapper {
  padding-top: 94px;
}
.submenu.level-1>li:last-child a::before {
  content: "";
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/telephone_img.png) no-repeat center center;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 18px;
  margin-top: -12px;
}

@media (min-width:800px) {
  .custom-menu-primary.mobile-menu {
    display: none;
  }
}

@media (max-width:799px) {
  .body-wrapper {
    padding-top: 0;
  }
  header.header {
    filter: none;
    position: static;
  }
  .header__container {
    display: block;
    overflow: hidden;
  }
  .custom-header-logo {
    padding: 10px 0 10px 10px;
    width: auto;
    float: left;
  }
  .mobile-trigger {
    cursor: pointer;
    background: #fff;
    padding-top: 15px;
    padding-right: 10px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 50px;
    display: block;
  }
  .custom-menu-primary.desktop-menu {
    display: none;
  }
  .custom-menu-primary {
    padding: 0 !important;
    width: 260px;
    background-color: #065080;
    position: fixed;
    right: -100%;
    height: 100%;
    z-index: 999;
    transition: 0.3s ease-in;
    overflow: auto;
  }
  .custom-menu-primary .hs-menu-wrapper ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #044066;
    border-bottom: 1px solid #2d6c94;
  }
  .custom-menu-primary .hs-menu-wrapper ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #044066;
    border-bottom: 1px solid #2d6c94;
  }
  .custom-menu-primary .hs-menu-wrapper ul li a {
    color: #fff;
    padding: 0 15px;
    font-size: 15px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  }
  .custom-menu-primary .hs-menu-wrapper ul ul.hs-menu-children-wrapper {
    border: 0;
    margin: 0;
  }
  .custom-menu-primary .hs-menu-wrapper ul li a:after {
    content: ">";
    position: absolute;
    right: 15px;
  }
  .mobile-menu-open .custom-menu-primary {
    right: 0;
  }
  body {
    position: relative;
    right: 0px;
    transition: right 0.3s ease-in;
  }
  body.mobile-menu-open {
    right: 260px;
  }
  .custom-menu-primary .hs-menu-wrapper ul li:hover {
    border-top: none;
    line-height: 49px;
  }
  .custom-menu-primary .hs-menu-wrapper ul ul.hs-menu-children-wrapper {
    padding: 0 10px;
  }
  .custom-menu-primary .hs-menu-wrapper ul ul.hs-menu-children-wrapper li:last-child {
    border: 0;
  }


}
/* 200615 headerのドロップダウン追加 */
.submenu li {
  position: relative;
}

.list_submenu {
  position: absolute;
  left: 50%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 900px;
  margin: 0 auto;
  padding: 30px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  background: #fff;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list_submenu li {
  width: 30%;
  height: 100px;
}

.list_submenu li:nth-child(n + 4) {
  margin-top: 1em;
}

.list_submenu li h3 {
  font-size: 16px;

  margin-bottom: 0;

  color: #2166b7;
}

.list_submenu li p {
  line-height: 1.6;
}

.list_submenu a {
  display: block;

  height: auto;

  white-space: normal;
  text-decoration: none;
  word-wrap: break-word;

  color: #fff;
}
.ly_cardTop{padding-left:15px;padding-right:15px}@media(min-width: 856px){.ly_cardTop{max-width:980px}}.ly_cardTop ul{margin:0 -10px}.ly_cardTop li{text-align:center;padding:0 10px}.ly_cardTop li p{font-size:13px;margin-top:10px}@media(min-width: 856px){.ly_cardTop li p{font-size:16px}}button{background:rgba(0,0,0,0);border:none}.brand img{max-width:65px;display:block}@media(min-width: 856px){.brand img{max-width:90px}}.site-header{position:relative;height:60px;background:#fff}@media(min-width: 856px){.site-header{height:80px}}.site-header__wrapper{padding:15px}@media(min-width: 856px){.site-header__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1000px;width:100%;margin:0 auto}}@media(min-width: 1000px){.site-header__wrapper{padding:0}}@media(min-width: 856px){.bl_megaMenu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media(max-width: 856px){.bl_megaMenu{position:absolute;top:100%;right:0;z-index:2;background-color:#d9f0f7;visibility:hidden;opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out}}@media(max-width: 856px){.bl_megaMenu.active{visibility:visible;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);height:100svh;width:80%}}@media(max-width: 856px){.nav__item{padding:1em 0 0}}.nav__item a{display:block;padding:0 15px;color:#333;font-size:14px;list-style-type:none}.nav__item a:hover{text-decoration:none}.nav__toggle{display:none}@media(max-width: 856px){.nav__toggle{display:block;position:absolute;right:15px;top:10px}}ol,ul{margin:0}.body-wrapper{padding-top:80px}@media(max-width: 856px){.body-wrapper{padding-top:60px}}.bl_nav__toggle{background:#0074be;border-radius:100vh;width:40px;height:40px;position:absolute}.bl_nav__toggle span{display:inline-block;-webkit-transition:all .4s;transition:all .4s;position:absolute;left:10px;height:1.5px;background-color:#fff}.bl_nav__toggle span:nth-of-type(1){top:16px;width:50%}.bl_nav__toggle span:nth-of-type(2){top:23px;width:50%}.bl_nav__toggle.test2 span:nth-of-type(1){top:14px;left:11px;-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}.bl_nav__toggle.test2 span:nth-of-type(2){top:26px;left:11px;-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}.bl_navTel{background:#0074be;border-radius:4px;text-align:center;line-height:1;padding:10px}@media(max-width: 856px){.bl_navTel{margin:15px}}.bl_navTel div{margin-top:8px;font-size:11px}.bl_navTel:hover{background:#2995d8;-webkit-transition:.3s;transition:.3s}.bl_navTel a{color:#fff}.bl_navTel a:hover{color:#fff}.bl_megaMenu_item{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:80px;z-index:4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#0074be;max-width:1000px;width:100%;-webkit-box-shadow:0px 0px 16px -6px rgba(0,0,0,.6);box-shadow:0px 0px 16px -6px rgba(0,0,0,.6);visibility:hidden;opacity:0;-webkit-transition:all .3s;transition:all .3s}.nav li.has-child:hover>ul{visibility:visible;opacity:1}.bl_megaMenu_item li{width:20%;max-width:200px;padding:20px 10px}.bl_megaMenu_item li a{color:#fff}.bl_megaMenu_item li a h3{color:#fff;font-size:14px;font-weight:normal}.bl_megaMenu_item li a p{font-size:12px}.bl_megaMenu_item li:hover{background:#2995d8;-webkit-transition:.3s;transition:.3s}@media screen and (max-width: 768px){.nav ul{display:block}.nav ul li.has-child ul{position:relative;left:0;top:0;width:100%;visibility:visible;-webkit-transform:inherit;transform:inherit;opacity:1;display:none;-webkit-transition:none;transition:none}.nav ul li.has-child ul li{width:100%;max-width:initial;padding:0;text-align:left}.nav ul li.has-child ul li+*{margin-top:15px}}#header{position:fixed;top:0;width:100%;z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#header.UpMove{-webkit-animation:UpAnime .5s forwards;animation:UpAnime .5s forwards}@-webkit-keyframes UpAnime{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes UpAnime{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}}#header.DownMove{-webkit-animation:DownAnime .5s forwards;animation:DownAnime .5s forwards}@-webkit-keyframes DownAnime{from{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes DownAnime{from{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */

.footer {
  background-color: transparent;
}
.footer__container {
  padding: 50px 0;
  margin: 0 auto;
}
.footer__copyright {
  font-size: 16px;
  font-style: italic;
  text-align: center;
}

.custom-footer-bottom-group {
  padding: 0 24px 64px;
  display: flex;
  justify-content: space-around;
}
.custom-footer-image ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.custom-footer-image ul li img {
  display: block;
}
.custom-footer-image ul li a {
  display: block;
  text-decoration: none;
  line-height: 2;
}

.custom-footer-menu {
  padding: 0 24px 64px;
}
.custom-footer-menu .hs-menu-wrapper ul {
  margin: 0;
  justify-content: space-around;
}
.custom-footer-menu ul.hs-menu-children-wrapper {
  display: block;
}
.custom-footer-menu .hs-menu-item a {
  padding: 0;
}
.custom-footer-menu .hs-menu-wrapper ul li a {
  font-size: 20px;
  margin: 3em auto .5em;
  font-weight: 700;
  line-height: 1.8;
  cursor: text;
}
.custom-footer-menu ul.hs-menu-children-wrapper li a {
  margin: 0;
  font-size: 14px;
  line-height: 2;
  cursor: pointer;
}

@media (max-width:799px) {
  .custom-footer-bottom-group {
    display: block;
  }
  .custom-footer-image ul li img {
    width: 100%;
  }
  .custom-footer-menu .hs-menu-wrapper ul {
    margin: 0;
    display: block;
  }
  .custom-footer-menu .hs-menu-wrapper ul li a {
    font-size: 18px;
  }
  .custom-footer-menu ul.hs-menu-children-wrapper li a {
    font-size: 16px !important;
  }
  .custom-footer-menu .hs-menu-wrapper ul li:nth-child(3) ul.hs-menu-children-wrapper li:last-child a {
    line-height: 1.8;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

/* TODO: Find a better place for this */
.content-wrapper {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}

.blog-header {
  background-color: transparent;
  text-align: center;
}

.blog-header__inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-header__title {
  font-size: 2rem;
}
.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
    margin: 0 auto;
  }
}

.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 3px solid #D1D6DC;
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex:  0 0 calc(100%/3);
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}
.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('./images/grayscale-mountain.png');
    }
@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}
.blog-index__post-content h2 {
  margin: .5rem 0;
}
.blog-index__post-content--small h2 {
  font-size: 1.25rem;
}
.blog-index__post-content p {
  font-family: Lato, sans-serif;
}
.blog-index__post-content a {
  color: #494a52;
}
.blog-index__post img {
  max-width: 100%;
  height: auto;
}


.blog-header__author-avatar {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: #494a52;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-post {
  max-width: 960px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-post h1 {
  font-size: 1.6rem;
}
.blog-post__meta {
  margin: 1rem 0;
}
.blog-post__meta a {
  color: #494a52;
  text-decoration: underline;
}

.blog-post__tags {
  font-family: Lato, sans-serif;
  color: #000;
}
.blog-post__tags svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
}
.blog-post__tag-link {
  font-size: .8rem;
  color: #000;
}

.blog-recent-posts {
  margin-top: 3rem;
  background-color: transparent;
  padding: 2rem 0;
}
.blog-recent-posts h2 {
  text-align: center;
}
.blog-recent-posts__list {
  display: flex;
}
.blog-recent-posts__post {
  display: block;
  flex:  0 0 100%;
  color: #494a52;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3);
  }
}
.blog-recent-posts__post:hover {
  text-decoration: none;
}
.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
}

.blog-comments {
  max-width: 680px;
  margin: 0 auto;
}
.blog-comments form {
  max-width: 100%;
}
.blog-comments .hs-submit {
  text-align: center;
}
.blog-comments .hs-button {
  background-color: transparent;
  border: 2px solid #494A52;
  color: #494A52;
}
.blog-comments .hs-button:hover {
  background-color: #494A52;
  color: #fff;
}
.blog-comments .comment-reply-to {
  border: 0 none;
}
.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #494A52;
}

@media(min-width: 768px)
/*             Blog Listing with Sidebar            */
.post-item .page-center{
  display: -webkit-flex; /* Safari */
  display: flex; /* Standard syntax */
  margin-bottom: 20px;
}
.post-item .page-center .span4, .post-item .page-center .span8 {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
}
.post-item .page-center .span8 {
  flex-basis: 31.914893614%;

}
img.featured-image {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
@media(max-width: 480px){
  .blog-post img {
    width: 100% !important;
    float: none !important;
  }
}

.comment-date {
  display: block !important;
}
/* ========== Blog Css ========= */
.breadcrumb-menu {
  padding-top: 7px;
}
.breadcrumb-menu ul {
  list-style-type: none;
  max-width: 1000px;
  margin: 10px auto;
  padding: 0 0 0 10px;
  font-size: 0.9em;
  box-sizing: content-box;
}
.breadcrumb-menu ul li {
  display: inline;
  list-style: none;
}
.breadcrumb-menu ul li a {
  text-decoration: none;
  color: #333;
}
.breadcrumb-menu ul li a:hover {
  text-decoration: underline;
}
.breadcrumb-menu ul li:after {
  content: ">";
  padding: 0 3px 0 7px;
  color: #333;
}
.breadcrumb-menu ul li:last-child:after {
  content: "";
}
.breadcrumb-menu:before, .breadcrumb-menu:after {
  content: "";
  display: table;
}
.blog-section1 {
  background-color: #f2f5f7;
}
.blog-main-content {
  width: 100%;
/*   float: left; */
/*   padding-right: 50px; */
  padding-bottom: 80px;
}
.ly_recomend_blog{
display: flex;
    justify-content: space-between;
}
.blog-sidebar {
  float: right;
  width: 250px;
}
.blog-sidebar h3 {
  color: #f1f1f1;
  min-height: 60px;
  text-align: center;
  font-size: 18px;
  line-height: 3.33;
  background: #003E65;
  margin: 63px 0 0;
}
.blog-sidebar .hs_cos_wrapper_type_post_filter ul {
  margin: 20px 0;
  padding: 0;
}
.blog-sidebar .hs_cos_wrapper_type_post_filter ul li {
  float: left;
  list-style-type: none;
  color: #fff;
  font-size: 16px;
/*   background: #f2f5f7; */
  padding-right: 10px;
  list-style: none;
}
.blog-sidebar .hs_cos_wrapper_type_post_filter ul li a {
  color: #fff;
  min-height: 20px;
  background: #0270e0;
  display: block;
  padding: 5px 10px;
  margin-bottom: 10px;
  text-decoration: none;
}
.blog-sidebar .hs_cos_wrapper_type_post_filter ul li .filter-link-count {
  display: none;
}
.blog-sidebar .hs_cos_wrapper_type_post_filter ul:after {
  content: "";
  display: table;
  clear: both;
}
.post-item {
    margin-top: 64px;
    border-top: 1px solid #000;
}
.post-item+*{margin-top:32px}
.post-item .post-header {
  padding-top: 24px;
  max-width: 100%;
  overflow: auto;

/*   display: flex; */
    align-items: center;
}
.post-item .post-header h1.post-title {
/*   color: #0074be; */
  font-size: 26px;
  margin: 10px 0 10px 0;
/*   padding: 15px 20px 12px 0; */
}
.post-item .post-header h1.post-title a {
  font-family: inherit;
  color: #0074be;
  text-decoration: none;
  display: block;
}
.post-item a.more {
  color: #0074be;
  text-decoration: none;
}
.post-title{
/*  margin-top: 16px; */
/*  margin-left: 16px;*/
  margin-bottom: 0;
}

.post-summary{
font-size: 15px;
  margin-top: 8px;
    line-height: 1.6;
}
/* =========== Contact section ====== */
.custom-contact-us-group {
  background-size: cover;
  width: 100%;
  height: 350px;
/*   margin-top: 80px; */
  position: relative;
  background-position: center center;
}
.custom-contact-us-group .custom-contact-col {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-contact-us-group .custom-contact-col h4.ttl_cta {
  text-align: center;
  font-size: 20px;
  color: #fff;
  margin: 1.33em 0;
  line-height: 1.8;
}
/* === Bottom pane ===== */
.custom-bottom-page-group {
  padding: 30px 0;
}
.custom-bottom-page-group .custom-bottom-page-col {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-bottom-page-group .custom-bottom-page-col p {
  margin: 1em 0;
}
.custom-bottom-page-group p.ttl_tel {
  text-align: center;
  margin: 0 0.5em;
}
.custom-bottom-page-group p.ttl_tel a {
  color: #003c63;
  font-weight: bold;
  text-decoration: none;
  font-size: 40px;
}
.blog-social-share {
  background: #d5d6e0;
  text-align: center;
}
.blog-social-share .hs-blog-social-share {
  height: auto;
  font-size: 10px;
}
.blog-social-share .hs-blog-social-share ul {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0 5px;
}
.blog-social-share .hs-blog-social-share ul > li {
  list-style-type: none;
  height: 60px;
  margin: 20px 5px;
  float: left;
  text-align: center;
}
.blog-top-social-share {
  min-height: 30px;
  padding-top: 8px;
  padding-bottom: 24px;
  display: flex;
  justify-content: flex-end;
      border-bottom: 1px solid #000;
}
.blog-top-social-share .top-share {
  float: left;
  font-size: 0;
  padding: 4px 18px 0 0;
}
.blog-top-social-share .post-byline {
  float: right;
  line-height: 1.875;
}
.blog-top-social-share .post-byline p {
  text-align: right;
  margin: 0;
  font-family: roboto;
  font-weight: 700;
}
.post-byline p {
    margin-bottom: 0 !important;
}
.blog-top-social-share .top-share .hs-blog-social-share {
  height: auto;
}
.blog-top-social-share .top-share .hs-blog-social-share ul.hs-blog-social-share-list {
  margin: 0;
}
.hs-blog-post .post-item .post-header h3.post-title {
  padding: 15px 20px 12px 20px;
}
.blog-post__body{
margin-top: 32px;
}
.blog-post__body p {
  margin: 0;
  padding-bottom: 2em;
  line-height: 2.2;
  word-break: break-all;
}
.blog-post__body ul {
  margin: 0;
  padding: 0;
}
.blog-post__body ul li {
  list-style: none;
}
.post_contents_footer {
/*   border-top: 1px solid #000; */
}
ul.post-pagination {
  min-height: 30px;
  font-size: 16px;
  line-height: 1.875;
  margin: 0 0 58px 0;
  padding: 20px 0 0 0;
/*   border-top: 1px solid #000; */
  list-style: none;
  box-sizing: content-box;
}
ul.post-pagination li {
  list-style-type: none;
  float: left;
  width: 50%;
  height: 25px;
}
ul.post-pagination li.next_post {
  text-align: right;
  float: right;
}
ul.post-pagination li a {
  color: #000;
  font-family: roboto;
  font-weight: 700;
  text-decoration: none;
}
.hs-blog-pagination {
  border-top: 1px solid #000;
}
.hs-blog-pagination ul {
  max-width: 295px;
  min-height: 40px;
  font-size: 16px;
  line-height: 1.875;
  margin: 0 auto 58px;
  padding: 20px 0 0 0;
}
.hs-blog-pagination ul li {
  width: 30px;
  height: 40px;
  margin-right: 3px;
  list-style-type: none;
  float: left;
  color: #fff;
  text-align: center;
  line-height: 2.5;
}
.hs-blog-pagination ul li:last-child {
  margin-right: 0;
}
.hs-blog-pagination ul li a.blog-pagination__link--active {
  background-color: #bcbfcb;
  color: #fff;
}
.hs-blog-pagination ul li a.blog-pagination__link--active {
  background-color: #bcbfcb;
  color: #fff;
  display: block;
  cursor: text;
  text-decoration: none;
}
.hs-blog-pagination ul li a {
  color: #000;
  text-decoration: none;
}
.hs-blog-pagination ul:after {
  content: "";
  display: table;
  clear: both;
}


/* ======= Post bottom Pane ====== */
.blog-post-contact-sec {
  clear: both;
  padding: 80px;
  background: #c0d2de;
}




@media (min-width: 800px) {
  .blog-post-contact-sec a.contact_btn_bg {
    text-decoration: none;
    display: block;
    max-width: 1000px;
    height: 250px;
    background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/btn_contact_bg.png) no-repeat;
    background-size: contain;
    margin: 0 auto;
  }
  .blog-post-contact-sec a.contact_btn_bg:hover {
    background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/sectionContact.png) no-repeat;
    background-size: contain;
  }
}
@media (max-width: 799px) {
  .blog-post-contact-sec a.contact_btn_bg {
    display: block;
    max-width: 750px;
    height: 0;
    padding-top: 46.8%;
    background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/sectionContact_hover_sp.png) 0 0 no-repeat;
    background-size: contain;
  }
}
.blog-sidebar-recent-post .recent-post-item {
  list-style-type: none;
  border-bottom: 1px solid #cdd7de;
  padding: 20px 0 14px 10px;
  line-height: 1.6;
  font-family:roboto;
}
.blog-sidebar-recent-post .recent-post-item a {
  text-decoration: none;
  color: #0074be;
}

.blog-section1 {
  padding-left: 15px;
  padding-right: 15px;
}
.blog-banner-se {
  margin: 0 auto;
  height: 121px;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  width: auto;
}
/* .blog-banner-se {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
} */
.blog-post__body a {
  color: #0074be;
  text-decoration: none;
}
@media (min-width: 800px) {
  .main_visual_inner_news {
    height: 121px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .main_visual_inner_news h2 {
    color: #fff;
    margin: 30px;
    padding: 20px;
  }
}

@media (max-width: 799px) {
  .custom-contact-us-group .custom-contact-col {
    width: 80%;
  }
  a.contact-btn {
    padding: 0.5em 0;
  }
  .custom-bottom-page-group .custom-bottom-page-col {
    display: block;
    text-align: center;
  }
  .custom-bottom-page-group p.ttl_tel a {
    font-size: 28px;
  }
  .blog-banner-se {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }
  .blog-layout {
    margin-top: -12px;
  }
  .breadcrumb-menu {
    padding-top: 0;
  }
  .blog-main-content {
    width: auto;
    float: none;
    margin: 50px 10px;
    padding: 0;
  }
  .blog-section1 {
    padding-left: 0;
    padding-right: 0;
  }
  .blog-listing .post-item {
    margin: 0 auto;
    padding-top: 24px;
        padding-bottom: 24px;
    width: 90%;
  }
  .post-item .post-header {
padding-top: 24px;
  }
  .post-item .post-header h3.post-title {
    font-size: 1em;
  }
  .post-item .post-header .post-date {
 
    font-size: 0.8em;
/*     margin: 24px 20px 12px 0; */
    float: none;
  }
.post-byline p {
    margin-bottom: 0 !important;
}
  .blog-sidebar {
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 0 10px 60px;
  }
  .blog-sidebar h3 {
    margin-top: 0;
  }
  .blog-sidebar > div {
    padding-bottom: 30px;
  }
  .blog-sidebar > div:last-child {
    padding-bottom: 0;
  }
  .blog-sidebar .hs_cos_wrapper_type_post_filter ul {
    margin-bottom: 0;
  }
  .hs-blog-pagination ul {
    max-width: 270px;
    margin: 5px auto;
    padding: 2px;
  }
  body a.contact-btn {
    padding: 0.5em 0;
  }
  .blog-social-share .hs-blog-social-share ul > li {
    margin-bottom: 0;
    height: auto;
  }
  .blog-social-share .hs-blog-social-share ul {
    flex-wrap: wrap;
/*     min-height: 100px;
    padding-bottom: 20px; */
  }
  .blog-top-social-share .top-share {
    min-height: 26px;
    text-align: right;
    padding-top: 5px;
    width: 100%;
    padding-right: 0;
    float: none;
  }
  .blog-top-social-share .post-byline {
    font-size: 0.8em;
    padding: 5px;
    float: none;
    width: 100%;
    line-height: 1.8;
  }
  .blog-top-social-share {
    display: block;
  }
  .blog-top-social-share .top-share .hs-blog-social-share {
    display: inline-block;
  }
  .hs-blog-social-share .hs-blog-social-share-item:last-child {
    margin-right: 0;
  }
  .blog-top-social-share .post-byline p {
    font-size: 16px;
  }
/*   .blog-post-layout .blog-banner-se {
    margin: 0 13px;
  } */
  .blog-social-share .hs-blog-social-share ul>li {
    margin: 10px 5px;
    padding-bottom: 10px;
  }
  .blog-post__body p img {
    display: block !important;
    float: none !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 500px) {
  .blog-layout {
    margin-top: -8px;
  }
  .hs-blog-social-share .hs-blog-social-share-item {
    margin-bottom:5px;
  }
}
/* タイトル部分のタグ */
.bl_blog_tag {
  margin-bottom: 0;
}
a.bl_blog_tag{
    color: #fff;
    padding: 0.3em 1.2em;
    border-radius: 100vh;
    letter-spacing: 0.01em;
    display: inline-block;
    background: #2D96E5;
    font-size: 14px;
    line-height: 1.2;
    margin-left: 10px;
    color: #fff;
}
a.bl_blog_tag:hover{
      color: #fff;
  background: #2281c8;
  transition:.3s; 
}
/* 一覧ページ用のモディファイア */
a.bl_blog_tag.bl_blog_tag__list{
    font-size: 0.8em;
}
.bl_blog_tag{margin-bottom:0}a.bl_blog_tag{color:#fff;padding:.3em 1.2em;border-radius:100vh;letter-spacing:.01em;display:inline-block;background:#2d96e5;font-size:14px;line-height:1.2;margin-left:10px;color:#fff}a.bl_blog_tag:hover{color:#fff;background:#2281c8;transition:.3s}a.bl_blog_tag.bl_blog_tag__list{font-size:.8em}.portfolio-inner-main-sections{padding:60px 0 110px}.portfolio-inner-main-sections .dnd-section{padding:0}.portfolio-inner-main-sections .dnd-section>.row-fluid{padding:2em}.portfolio-inner-main-sections .widget-type-linked_image{margin:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.portfolio-inner-main-sections img.hs-image-widget{vertical-align:bottom}.portfolio-inner-main-sections .span12>.widget-type-linked_image img.hs-image-widget{max-width:none !important}.portfolio-inner-main-sections h3{color:#0074be;font-weight:400;font-size:31px;text-align:center;font-family:"Mplus 1p",arial,sans-serif;margin:1em 0}.portfolio-inner-main-sections h4{margin:0 0 30px;color:#222;font-size:16px;font-family:"Mplus 1p",arial,Hiragino Sans,Meiryo,"メイリオ",sans-serif;font-weight:400;line-height:1.8}.portfolio-inner-main-sections p{margin:1em 0}.ly_companyTable{margin:60px auto 0;width:100%;border:none;text-align:left}@media(max-width: 856px){.ly_companyTable{margin:30px auto 0}}.ly_companyTable tr{border:none}.ly_companyTable tr:nth-of-type(odd){background:#f2fafd}@media(max-width: 856px){.ly_companyTable tr:nth-of-type(odd){background:rgba(0,0,0,0)}}.table_th{width:20%;font-weight:bold;border:none;background:rgba(0,0,0,0)}@media(max-width: 856px){.table_th{width:auto;display:block;background:#f2fafd}}.table_td{border:none;background:rgba(0,0,0,0)}@media(max-width: 856px){.table_td{width:auto;display:block}}.ly_commonMt{margin-top:140px}@media(max-width: 856px){.ly_commonMt{margin-top:70px}}.mod_blog_tag{background:#e66805;border-radius:100vh;color:#fff;display:inline-block;font-size:14px;letter-spacing:.01em;line-height:1.2;padding:.3em 1.2em}.blog_grid{--col-num: 1;--gap: 0;display:grid;grid-template-columns:repeat(var(--col-num), 1fr);gap:var(--gap);grid-template-rows:auto auto auto}.blog_grid.-col_3{--col-num: 3}@media(max-width: 856px){.blog_grid.-col_2__sp{--col-num: 2}}.blog_grid.-gap_blog{--gap: 70px 30px}@media(max-width: 856px){.blog_grid.-gap_blog{--gap: 40px 30px}}.blog_grid li{display:grid}.mod_blogUpper{margin-top:16px}.mod_blog_img{max-width:100%;object-fit:cover;width:100%}.mod_blog_img{aspect-ratio:16/9;object-fit:cover}.bg_pattern{background:repeating-linear-gradient(-45deg, #b3eef9, #b3eef9 15px, #f2faff 15px, #f2faff 50px)}.mod_blog_area{width:100%;aspect-ratio:16/9;display:flex;justify-content:center;align-items:center}@media(max-width: 856px){.mod_blog_area{width:auto;height:auto}}.mod_blog_title{padding:30px;color:#222;font-size:20px;font-weight:bold;text-align:left}@media(max-width: 856px){.mod_blog_title{font-size:15px;padding:20px}}.bl_tagBlog h2{padding:.7em 1em .7em .7em;color:#222;background:#eff5ff;border-left:solid 5px #3791cf;font-size:26px;margin-top:50px}@media(max-width: 856px){.bl_tagBlog h2{font-size:18px;margin-top:40px}}.bl_tagBlog h3{border-bottom:3px solid #d4d4d4;color:#2874be;font-size:22px;font-weight:700;line-height:1.4;margin:40px 0 15px;padding:0 0 10px;position:relative}.bl_tagBlog h3:after{border-bottom:3px solid #3791cf;bottom:-3px;content:"";display:block;left:0;position:absolute;width:20%}@media(max-width: 856px){.bl_tagBlog h3{font-size:16px}}.bl_tagBlog blockquote{border:none;border-radius:10px;margin:0 0 30px;padding-left:0;position:relative;background:#f5f5f5}.bl_tagBlog blockquote p{position:relative;padding:30px}.bl_tagBlog blockquote:before{position:absolute;content:"";background:url(/hubfs/5563745/Insemble_July2020/Images/icon_blockquote.svg);top:15px;left:15px;width:30px;height:30px;opacity:.4}.bl_tagBlog blockquote:after{position:absolute;content:"";background:url(/hubfs/5563745/Insemble_July2020/Images/icon_blockquote.svg);bottom:15px;right:15px;width:30px;height:30px;opacity:.4}.bl_tagBlog ul{margin-bottom:1.5em}.bl_tagBlog ul li{list-style:disc;margin-left:1em}.bl_tagBlog ul li::marker{color:#2874be}.bl_tagBlog ol{counter-reset:list-counter;list-style:none}.bl_tagBlog ol>li{counter-increment:list-counter;position:relative}.bl_tagBlog ol>li::before{content:counter(list-counter) ".";position:absolute;left:-1.5em}.bl_categoryBlog{margin-top:64px}.portfolio-inner-main-sections{padding:60px 0 110px}.portfolio-inner-main-sections .dnd-section{padding:0}.portfolio-inner-main-sections .dnd-section>.row-fluid{padding:2em}.portfolio-inner-main-sections .widget-type-linked_image{margin:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.portfolio-inner-main-sections img.hs-image-widget{vertical-align:bottom}.portfolio-inner-main-sections .span12>.widget-type-linked_image img.hs-image-widget{max-width:none !important}.portfolio-inner-main-sections h3{color:#0074be;font-weight:400;font-size:31px;text-align:center;font-family:"Mplus 1p",arial,sans-serif;margin:1em 0}.portfolio-inner-main-sections h4{margin:0 0 30px;color:#222;font-size:16px;font-family:"Mplus 1p",arial,Hiragino Sans,Meiryo,"メイリオ",sans-serif;font-weight:400;line-height:1.8}.portfolio-inner-main-sections p{margin:1em 0}.ly_companyTable{margin:60px auto 0;width:100%;border:none;text-align:left}@media(max-width: 856px){.ly_companyTable{margin:30px auto 0}}.ly_companyTable tr{border:none}.ly_companyTable tr:nth-of-type(odd){background:#f2fafd}@media(max-width: 856px){.ly_companyTable tr:nth-of-type(odd){background:rgba(0,0,0,0)}}.table_th{width:20%;font-weight:bold;border:none;background:rgba(0,0,0,0)}@media(max-width: 856px){.table_th{width:auto;display:block;background:#f2fafd}}.table_td{border:none;background:rgba(0,0,0,0)}@media(max-width: 856px){.table_td{width:auto;display:block}}.bg_ctn{background:#fafcfd}.ly_ctn{padding:48px 24px;margin:0 auto}@media(max-width: 1050px){.ly_ctn{padding:60px 0;max-width:980px}}.ly_ctn.icon_logo__ctn{width:100%;background:url(https://5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/Insemble_July2020/Images/icon_logo__ctn.svg) no-repeat center center;background-position:right 0 bottom 0;background-size:cover}@media(max-width: 856px){.ly_ctn.icon_logo__ctn{background-size:contain}}.ly_ctn .ly_heading{align-items:normal}.ly_ctn .headingLv2{font-size:26px;letter-spacing:.05em;font-family:"Roboto",sans-serif;margin:0}@media(max-width: 856px){.ly_ctn .headingLv2{font-size:34px}}@media(max-width: 1050px){.ly_ctn_inner{max-width:520px}}.ly_ctnTxt{margin-top:30px}.ly_ctnBtn{display:flex;justify-content:center;margin:30px auto 0}.el_btn{border:1px solid #fff;border-radius:100vh;padding:.8em 3em;color:#fff;font-size:14px;letter-spacing:.05em;position:relative;z-index:1;transition:.3s}.el_btn::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100vh;z-index:-1;background:#fff;transform:scaleX(0);transition:transform ease .3s}.el_btn.el_btn__ctn{border:1px solid #0074be;color:#0074be}.el_btn.el_btn__ctn::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100vh;z-index:-1;background:#0074be}.el_btn.el_btn__ctn:hover::before{transform:scaleX(1)}.el_btn:hover::before{transform:scaleX(1)}.el_btn.el_btn__ctn:hover{color:#fff;background:#0074be}.banner-section .dnd-section>.row-fluid{max-width:100% !important}.banner-area .dnd-section{padding:0 !important}.custom-sapporo-banner-wrap{height:200px;background:#d9ecfb;position:relative;display:flex;align-items:center}.custom-sapporo-banner-wrap:before{content:"";position:absolute;z-index:2;top:0;left:0;border-top:200px solid rgba(195,225,255,.5);border-right:150px solid rgba(0,0,0,0)}.custom-sapporo-banner-wrap:after{content:"";position:absolute;z-index:1;left:0;bottom:0;border-bottom:120px solid #3592ce;border-right:300px solid rgba(0,0,0,0)}.custom-banner-content{text-align:center}.custom-banner-content h1{font-family:"Mplus 1p",arial,Hiragino Sans,Meiryo,"メイリオ",sans-serif;font-weight:400;font-size:1em;margin:.83em 0;line-height:1.8;position:relative;z-index:9;text-align:left;display:inline-block}.custom-sapporo-banner-wrap .page-center{width:100%;font-size:22px}@media(max-width: 1050px){.custom-sapporo-banner-wrap{padding:0 24px}}@media(max-width: 799px){.custom-sapporo-banner-wrap{height:150px;overflow:hidden}.custom-sapporo-banner-wrap .page-center{font-size:16px}.custom-sapporo-banner-wrap:before{border-top:150px solid rgba(195,225,255,.5);border-right:50px solid rgba(0,0,0,0)}.custom-sapporo-banner-wrap:after{border-bottom:100px solid #3592ce;border-right:120px solid rgba(0,0,0,0)}}.bl_blog_tag.bl_blog_tag__info{background:#de4479}.bl_blog_tag.bl_blog_tag__info:hover{background:#d0205d}.bl_blog_tag.bl_blog_tag__blog{background:#e66805}.bl_blog_tag.bl_blog_tag__blog:hover{background:#8b4006}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
system pages look. These pages include the error pages (404 and 500),
password protected content and search listing results.
*********************************************************************************
****************************************************************************** */

.error-page {
  padding: 10rem 0;
  text-align: center;
  position: relative;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Lato, sans-serif;
  font-size: 40vw;
  font-weight: bold;
  color: #F3F6F9;
  z-index: -1;
}
@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}
.error-page_heading {
  margin-bottom: 1rem;
}

.systems-page {
  padding: 3rem 0px;
}
.systems-page .success {
  display: inline-block;
  margin: 20px 0;
  max-width: 767px;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: .75rem;
  color: #4F7D24;
  padding: .1rem .75rem;
  width:100%;
}

.hs-search-results {
  margin-top: 2rem;
}
ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}
.hs-search-results__title {
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  color: #494a52;
  text-decoration: underline;
  margin-bottom: .25rem;
}
.hs-search-results__title:hover {
  text-decoration: none;
}
.hs-search-results__description {
  padding-top: .5rem;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__pagination a {
  color: #494a52;
}

.email-prefs .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.email-prefs .item.disabled input:disabled {
  cursor: not-allowed;
}


/* ======== Pages ========= */

.custom-breadcrumb-menu ul {
  max-width: 1010px;
  margin: 10px auto;
  padding: 0 10px;
  overflow: hidden;
  font-size: 0.9em;
}
.custom-breadcrumb-menu ul li {
  padding: 0;
  color: #333;
}
.custom-breadcrumb-menu ul li a {
  color: #333;
}
.custom-breadcrumb-menu .hs-breadcrumb-menu-divider:before {
  content: ">";
  padding: 0 7px;
  color: #333;
}
.custom-content {
  max-width: 860px;
  margin: 0 auto;
  margin-top: 56px;
  padding: 0 10px;
}
.custom-content p {
  line-height: 2.2;
  padding-bottom: 60px;
  margin: 0;
}
.custom-work-card-wrap .custom-work-content ul li {
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/check-box-icon.png) no-repeat;
}
a.contact-btn {
  width: 240px;
  padding: 1em 0;
  color: #fff;
  background: #222;
  text-align: center;
  font-size: 16px;
  margin: 0 auto;
  border-radius: 5px;
  display: block;
}
a.contact-btn:hover {
  background: #313131;
  transition: .5s;
  color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  transform: translateY(-0.1875em);
  text-decoration: none;
}
a.contact-btn:before {
  content: "";
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/btn_icon.png) no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 5px;
}
img {
  max-width: 100%;
}
.page-header.section-header {
  width: 168px;
  height: 120px;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 50px;
}
.page-header.section-header h1 {
  width: auto;
  border-bottom: 3px solid #333333;
  font-size: 20px;
  margin: 0 auto;
  padding-bottom: 18px;
  color: #333333;
  line-height: 1.8;
  font-family: Roboto;
}
.page-header.section-header p.secondary-header {
  margin: 0;
  padding-top: 7px;
  font-family: Roboto;
}

/* ======== Kintone ============ */

.custom-kintone-top-row {
  padding-top: 114px;
}
.custom-kintone-top-row .dnd-module {
  height: 316px;
}
.custom-kintone-top-row .dnd-module p {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  max-width: 45%;
  margin: 1em 0;
}
.custom-kintone-top-row .dnd-module p img {
  display: block;
}
.custom-kintone-row1 {
  padding: 80px 10px 0;
}
.custom-kintone-row1 h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 60px;
  text-align: center;
  margin-top: 0.67em;
  line-height: 1.8;
}
.custom-kintone-row1 .custom-section-title-wrap h3 {
  letter-spacing: 5px;
  margin-bottom: 95px;
}
.kintone-wrapper .hs_cos_wrapper_type_module h1 {
  width: 429px;
  border-bottom: 3px solid #333333;
  font-size: 18px;
  margin: 0 auto;
  padding-bottom: 18px;
  text-align: center;
  color: #333333;
  line-height: 1.8;
  font-family: Roboto;
}
.custom-kintone-row2 {
  padding: 0 10px;
}
.custom-kintone-row2 .dnd-section>.row-fluid {
  line-height: 1.8;
  max-width: 45em;
  margin: 0 auto;
  padding: 40px 0 96px;
}
.custom-kintone-row2 .dnd-module p {
  background: #ffd045;
  padding: 24px;
  margin: 1em 0;
}
.custom-kintone-row3 {
  padding: 0 10px;
}
.custom-kintone-row4 {
  padding: 0 10px;
  margin-bottom: 96px;
}
.custom-kintone-row4 .dnd-section>.row-fluid {
  max-width: 1070px;
  padding: 35px 35px 0;
}
.custom-kintone-row4 .dnd-module p {
  margin: 1em 0;
}
.custom-kintone-row4 .row-fluid .span4 {
  padding: 0 1em;
  width: 33.33%;
  margin-left: 0;
}
.custom-kintone-row5 {
  padding: 80px 10px 0;
  margin-bottom: 80px;
}
.custom-solution-card-wrap .custom-solution-card-col ul li:before {
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/draw-check-mark.svg) no-repeat center center;
  width: 14px;
  height: 14px;
}
.custom-kintone-row6 {
  padding: 80px 10px 0;
}
.custom-kintone-row6 .dnd-row:nth-child(2) .dnd-module {
  max-width: 1070px;
  margin: 0 auto 230px;
  padding: 35px 35px 0;
  float: none;
}
.custom-kintone-row6 .dnd-row:nth-child(2) .dnd-module img {
  display: block;
  margin: 0 auto;
}
.custom-kintone-row6 .dnd-row:nth-child(2) .dnd-module p {
  margin: 1em 0;
}
.custom-kintone-row7 {
  padding: 80px 10px 230px;
}
.custom-kintone-row7 .dnd-row:nth-child(2) .dnd-module {
  max-width: 1070px;
  margin: 0 auto 0px;
  padding: 35px 35px 0;
  float: none;
}
.custom-kintone-row7 .dnd-row:nth-child(2) .dnd-module p {
  background: #ffd045;
  padding: 24px;
  margin: 1em 0;
  text-align: center;
}
.custom-solution-card-wrap.bottom-arrow {
  padding-bottom: 35px;
}
.custom-solution-card-wrap.bottom-arrow:after {
  content: "";
  display: block;
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/arrow_y_item.png) no-repeat center center;
  width: 76px;
  height: 31px;
  position: relative;
  top: 75px;
  left: calc(50% - 38px);
}
input.email-edit.hs-input {
  width: 100% !important;
  max-width: 767px;
}

/* ========= Contact Page ============ */

.custom-contact-row .dnd-section>.row-fluid {
  max-width: 840px;
  padding-top: 98px;
  padding-bottom: 43px;
}
.custom-contact-row .dnd-module p {
  margin: 0;
}
.custom-contact-form-row .dnd-section>.row-fluid {
  max-width: 840px;
/*   padding: 0 10px; */
  margin: 60px auto 90px;
}
.custom-contact-form-row .field {
  /* display: flex; */
  /* flex-wrap: wrap; */
    /* border-top: 1px dashed #ccc; */
/*      padding: 24px 16px; */
    /* margin-bottom: 0; */
}
.custom-contact-form-row .hs-form label {
/*       padding: 8px 16px; */
      padding: 0 0 8px 0; 
      font-weight: normal;
}
.custom-contact-form-row .input {
/*       padding: 8px 16px; */
  padding: 0;
}
/* #hs_cos_wrapper_widget_1594802474496 input[type="text"]{
  background: #e8e8e8;
} */
.custom-contact-form-row textarea {
  border: 1px solid #ccc;
  height: 400px;
}
.custom-contact-form-row .actions {
  text-align: center;
  margin-top: 96px;
}
.custom-contact-form-row input.hs-button.primary.large {
  width: 270px;
  height: 47px;
}
.custom-contact-form-row .hs-form-required:before {
  content: "必須";
  color: #ffffff;
  visibility: visible;
  background: #d44950;
  border-radius: 3px;
  padding: .2em .5em;
  font-size: 13px;
  visibility: visible;
}
.custom-contact-form-row .hs-form-required {
  color: #d44950;
  font-size: 90%;
  margin-left: 1em;
  visibility: hidden;
}
.custom-web-services-wrap .custom-web-services-item {
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/bg_dotted01.gif) no-repeat center center;
  background-size: cover;
}
.interviewImg_ttl {
  text-align: center;
  margin: 3em 0;
}
.interviewImg_ttl h2 {
  display: inline-block;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.8;
  margin: -7px 0 -3px;
  font-family: Roboto;
}
table.sapporo-table {
  width: calc(100% - 168px);
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  border: 0;
  margin-bottom: 0;
}
table.sapporo-table tr {
  /* border-bottom: 1px dashed #ccc; */
}
table.sapporo-table th,table.sapporo-table td {
  border: 0;
  background-color: transparent;
  padding: 0.5em 0;
}
table.sapporo-table th {
  width: 30%;
  text-align: left;
  vertical-align: middle;
}
table.sapporo-table td a {
  text-decoration: underline;
  color: rgb(0, 0, 238);
}
table.sapporo-table td a:active {
  color: rgb(255, 0, 0);
}
.custom-web-case-group .custom-web-case-content-item ul li:before {
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/draw-check-mark.svg) no-repeat center center;
  width: 14px;
  height: 14px;
}
.custom-web-case-group.custom-bottoma-arrow:after {
  content: "";
  display: block;
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/arrow_item.png) no-repeat center center;
  width: 76px;
  height: 31px;
  position: absolute;
  bottom: -106px;
  left: calc(50% - 38px);
}
.custom-assumed-cost-group {
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/bg_dotted01.gif) no-repeat center center;
  background-size: cover;
}
.custom-consulation-banner-wrap .icon_phone.phone_txt:before {
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/icon_phone.svg) no-repeat center center;
}
.custom-consulation-banner-wrap .custom-contact-red-btn:before {
  background: url(//5563745.fs1.hubspotusercontent-na1.net/hubfs/5563745/raw_assets/public/Insemble_July2020/images/icon_mail.svg) no-repeat center center;
}
.membership-layout .hs-form-field {
  margin-bottom: 18px;
}
.membership-layout .hs_submit.hs-submit {
  margin: 10px 0;
}
.membership-layout ul.no-list.hs-error-msgs {
  margin: 0;
  padding: 0;
}
.custom-contact-form-row form {
  max-width: 100%;
}
@media (max-width:900px) {
  .banner-section.contact-banner .custom-banner-group {
    height: 150px;
  }
  .custom-banner-group .banner-content {
    font-size: 20px;
  }
  .custom-contact-row .dnd-section>.row-fluid {
    max-width: 100%;
    padding: 0 20px;
    padding-bottom: 15px;
  }
}

@media (max-width:799px) {
  .custom-content {
    margin: 50px 0;
  }
  .custom-content p {
    padding-bottom: 0;
  }
  .custom-kintone-top-row {
    padding-top: 0;
    margin-top: -3px;
  }
  .custom-kintone-top-row .dnd-module p {
    max-width: 65%;
  }
  .custom-kintone-top-row .dnd-module {
    height: 246px;
  }
  .custom-kintone-row1 {
    padding: 50px 10px 0;
  }
  .custom-kintone-row1 .custom-section-title-wrap h3 {
    letter-spacing: 5px;
    margin-bottom: 50px;
  }
  .kintone-wrapper .hs_cos_wrapper_type_header {
    text-align: center;
    display: block;
  }
  .kintone-wrapper .hs_cos_wrapper_type_module h1 {
    width: auto;
    font-size: 16px;
    padding-bottom: 5px;
    display: inline-block;
  }
  .custom-kintone-row2 .dnd-section>.row-fluid {
    max-width: 100%;
    padding: 40px 0 9px;
    text-align: left;
  }
  .custom-kintone-row2 .dnd-module p {
    text-align: left;
  }
  .custom-kintone-row4 .dnd-section>.row-fluid {
    max-width: 1070px;
    padding: 50px 0 0;
  }
  .custom-kintone-row4 .dnd-module p {
    margin-bottom: 0;
  }
  .custom-kintone-row4 .row-fluid .span4 {
    padding: 0;
    width: 100%;
    margin-left: 0;
  }
  .custom-kintone-row4 {
    margin-bottom: 216px;
  }
  .custom-kintone-row6 {
    padding: 50px 10px 0;
  }
  .custom-kintone-row5 {
    padding: 0 10px;
    margin-bottom: 25px;
  }
  .custom-kintone-row6 .dnd-row:nth-child(2) .dnd-module {
    margin: 0 auto 165px;
    padding: 50px 0 0;
  }
  .custom-kintone-row6 .dnd-row:nth-child(2) .dnd-module p:first-of-type {
    max-width: 70%;
    margin: 0 auto !important;
  }
  .custom-kintone-row7 {
    padding: 50px 10px 230px;
  }
  .custom-kintone-row7 .dnd-row:nth-child(2) .dnd-module {
    padding: 35px 0px 0;
  }
  .custom-kintone-row7 {
    padding: 50px 10px 70px;
  }
  .interviewImg_ttl {
    margin: 0.83em 0;
  }
  p.table-left-image img {
    float: none !important;
    margin: 1em auto !important;
    display: block;
    width: 50% !important;
}
  table.sapporo-table {
    width: 100%;
  }
  table.sapporo-table th, table.sapporo-table td {
    display: block;
    width: 100% !important;
  }
  table.sapporo-table td {
    padding: 0;
  }
  .custom-kintone-row5 {
    padding: 50px 10px 0;
  }
}

@media (max-width:600px) {
  .custom-contact-form-row .field {
    margin-bottom: 20px;
    display: block;
  }
  .custom-contact-form-row .hs-form label {
    width: 100%;
  }
  .custom-contact-form-row .input {
    width: 100%;
  }
  .custom-contact-form-row textarea {
    height: 300px;
  }
  .custom-contact-form-row .actions {
    text-align: center;
    margin-top: 36px;
  }
  .custom-contact-form-row .hs_message .input {
    width: 100%;
  }
  .systems-page h2 {
    font-size: 20px;
  }
  form#email-prefs-form h1 {
    font-size: 28px;
  }
}
ul{padding:0}li{list-style-type:none}.bg_yellow{background:#ffd667}.bg_yellow_light{background:#fff6d1}.bg_blue{background:#49a1de}.bg_blue .hedingLv2{color:#fff}.bg_blueLight{background:#f3f6fd}.bg_white{background:#fff}.sp_none{display:none}@media(min-width: 768px){.sp_none{display:block}}@media(min-width: 768px){.pc_none{display:none}}.ly_section{padding-top:32px;padding-bottom:32px;padding-right:24px;padding-left:24px;width:100%}@media(min-width: 768px){.ly_section{padding:96px 0;margin-right:auto;margin-left:auto;max-width:980px}}.ly_kvHead{margin:0 auto;width:80%}.ly_kvHead img{height:auto}@media(min-width: 768px){.ly_kvHead{max-width:540px;width:auto}}.ly_kvTtl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.headingLv1,.hedingLv2{margin-bottom:0;letter-spacing:.1em;font-weight:600;font-size:20px;font-family:"M PLUS Rounded 1c",sans-serif;line-height:1.6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-width: 768px){.headingLv1,.hedingLv2{text-align:left;font-size:36px}}.headingLv3{margin-bottom:0;letter-spacing:.1em;font-weight:600;font-size:24px;font-family:"M PLUS Rounded 1c",sans-serif;line-height:1.6}@media(min-width: 768px){.headingLv3{text-align:left;font-size:28px}}.headingLv4{margin-bottom:0;letter-spacing:.1em;font-size:20px;font-family:"M PLUS Rounded 1c",sans-serif}@media(min-width: 768px){.headingLv4{font-size:24px}}.el_marker .span{padding:8px;background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffd667));background:-webkit-linear-gradient(transparent 70%, #ffd667 0%);background:linear-gradient(transparent 70%, #ffd667 0%);-webkit-transform-origin:left center;transform-origin:left center;-webkit-animation:anime_borderTransform 1s cubic-bezier(0.98, -0.04, 0.32, 0.91) .3s forwards;animation:anime_borderTransform 1s cubic-bezier(0.98, -0.04, 0.32, 0.91) .3s forwards}.ly_kvBody{margin-top:48px;margin-right:auto;margin-left:auto;max-width:800px}.bl_kvBody{background:#fff;border-radius:8px;padding:24px}.bl_kvBody p:last-child{margin-bottom:0}.ly_kvBody_summary{margin-top:64px}.ly_el_btnKintone{margin-top:48px;margin-right:auto;margin-left:auto}.el_btnKintone{margin:0 auto;position:relative;display:block;max-width:335px;border-radius:100vh;background:#ffbf04;text-align:center}.el_btnKintone:hover,.el_btnKintone:focus{background:#fee74f;-webkit-transition:.3s;transition:.3s;color:#000}.el_btnKintone::before{position:absolute;top:50%;left:30px;width:40px;height:40px;background:url(https://www.insemble.co.jp/hubfs/5563745/Insemble_July2020/Images/kintone/new-email-envelope-back-symbol-in-circular-outlined-button_min.svg);content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el_btnKintone a{display:block;padding:20px 2em;padding-left:50px;color:#000;text-decoration:none;font-weight:600;font-size:18px;font-family:"M PLUS Rounded 1c",sans-serif}.el_btnKintone a:hover{color:#000}.dot_yellowLight{position:relative;z-index:-2}.dot_yellowLight:after{position:absolute;top:0;z-index:-1;width:100%;height:100%;background-image:-webkit-radial-gradient(#ffe189 5%, transparent 20%),-webkit-radial-gradient(#ffe189 5%, transparent 20%);background-image:radial-gradient(#ffe189 5%, transparent 20%),radial-gradient(#ffe189 5%, transparent 20%);background-position:0 0,20px 20px;background-size:40px 40px;content:""}.ly_timeList{margin-top:80px}@media(min-width: 768px){.bl_timeList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.bl_timeList li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.bl_timeList li:not(:first-child){margin-top:60px}@media(min-width: 768px){.bl_timeList li{width:28.57%}.bl_timeList li:nth-child(2){top:70px}.bl_timeList li:nth-child(3){top:40px}}.bl_timeList li img{width:55%;height:auto}@media(min-width: 768px){.bl_timeList li img{width:auto;max-width:232px}}.bl_timeList li::before{position:absolute;top:-16px;left:28px;z-index:1;width:31.73px;height:26.53px;background:url(https://www.insemble.co.jp/hubfs/5563745/Insemble_July2020/Images/kintone/icn_doubleQuotation_min.svg) no-repeat;content:""}.bl_timeList p{position:relative;padding:16px;border-radius:20px;background:#fff;-webkit-box-shadow:0 5px 12px rgba(0,0,0,.1);box-shadow:0 5px 12px rgba(0,0,0,.1)}@media(min-width: 768px){.bl_timeList p{padding:28px}}.bl_timeList p::after{position:absolute;bottom:-20px;left:50%;margin-left:-10px;border:10px solid rgba(0,0,0,0);border-top:10px solid #fff;content:""}.ly_solution{position:relative;padding-top:156px;padding-bottom:90px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ly_solution::before{position:absolute;top:0;left:50%;border:80px solid rgba(0,0,0,0);border-top:30px solid #ffd667;content:"";-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(min-width: 768px){.ly_solution::before{border:230px solid rgba(0,0,0,0);border-top:70px solid #ffd667}}.ly_solution>.hedingLv2{margin-top:30px}.icn_light{position:relative}.icn_light::before{position:absolute;top:-160px;left:50%;width:90px;height:132.98px;background:url(https://www.insemble.co.jp/hubfs/5563745/Insemble_July2020/Images/kintone/light_min.svg) no-repeat;content:"";-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ly_solutionLIst{margin-top:0;margin-bottom:0}@media(min-width: 768px){.bl_solutionLIst{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.bl_solutionLIst li:not(:first-child){margin-top:40px}@media(min-width: 768px){.bl_solutionLIst li{width:300px;position:relative;padding-bottom:250px}.bl_solutionLIst li:not(:first-child){margin-top:0}}.bl_solutionLIst li img{display:block;margin:24px auto 0}@media(min-width: 768px){.bl_solutionLIst li img{position:absolute;bottom:0}}.bl_solutionLIst p{margin-top:24px}.bl_solutionLIst .headingLv3{font-size:22px;padding:.3em}.ly_ctn_kintone{margin-top:-210px;padding-top:144px;padding-bottom:72px;padding-left:24px;padding-right:24px}.bg_ctn_kintone{width:100%;background:url(https://www.insemble.co.jp/hubfs/5563745/Insemble_July2020/Images/kintone/bg_kintone_ctn@2x_min.jpg) no-repeat center center;background-size:cover}.bl_ctn .hedingLv2{font-size:20px;margin-right:auto;margin-left:auto;max-width:800px;color:#fff;line-height:1.4}@media(min-width: 768px){.bl_ctn .hedingLv2{font-size:24px}}.bl_ctn .ly_btnKintone{margin-top:40px;margin-right:auto;margin-left:auto}.ly_ctn_kintone__youtube{margin-top:0;padding:64px 24px}@media(min-width: 768px){.ly_ctn_kintone__youtube{padding:88px 0}}.ly_ctn_kintone__youtube p{margin-top:24px;margin-right:auto;margin-left:auto;max-width:485px;color:#fff}.ly_scenePoint{padding:24px 16px}@media(min-width: 768px){.ly_scenePoint{padding:40px 80px}}.ly_scenePoint:not(:first-child){margin-top:64px}.bl_scenePoint,.bl_flowBlock{border-radius:20px}.bl_scenePoint .headingLv3,.bl_flowBlock .headingLv3{text-align:left;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-width: 768px){.bl_scenePoint .headingLv3,.bl_flowBlock .headingLv3{text-align:center;font-size:22px}}.bl_scenePoint .headingLv3 span,.bl_flowBlock .headingLv3 span{display:inline-block;padding:.2em .5em;background:#ffd667}@media(min-width: 768px){.bl_scenePoint .headingLv3 span,.bl_flowBlock .headingLv3 span{padding:.2em 1.2em}}.bl_scenePoint_innner,.bl_flowBlock_innner{margin-top:24px}@media(min-width: 768px){.bl_scenePoint_innner,.bl_flowBlock_innner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.bl_scenePoint_innnerImage{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;white-space:nowrap}@media(min-width: 768px){.bl_scenePoint_innnerImage{width:204px;margin-right:40px;margin-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.bl_scenePoint_innnerImage h4{font-size:18px}.bl_scenePoint_innnerImage img{width:150px;margin:auto}@media(min-width: 768px){.bl_scenePoint_innnerImage img{width:auto}}.bl_scenePoint_innnerBody{margin-top:24px}@media(min-width: 768px){.bl_scenePoint_innnerBody{margin-top:0;width:485px}}.ly_scenePoint_innnerBody_list{margin-top:0;margin-bottom:0}.ly_scenePoint_innnerBody_list li{line-height:2}.icn_circle li{position:relative;padding-left:15px}.icn_circle li::before{position:absolute;top:.6em;left:0;width:10px;height:10px;border-radius:50%;background-color:#ffbf04;content:""}.bl_scenePoint_innner2nd{margin-top:64px}.ly_scenePoint_innnerBody_summary{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:32px}.ly_scenePoint_innnerBody_summary img{margin-right:16px;width:60px}@media(min-width: 768px){.ly_scenePoint_innnerBody_summary img{margin-right:32px}}.ly_scenePoint_innnerBody_summary p{margin-bottom:0;font-weight:bold;line-height:2}.ly_usage{padding-bottom:64px}.bl_usage{border-bottom:1px dotted #ccc}.ly_usageHead{padding:24px 16px 0}@media(min-width: 768px){.ly_usageHead{padding:40px 0 0 0}}.ly_usageHead:not(:first-child){margin-top:64px}.ly_usageHead .headingLv3{text-align:center}.ly_usageHead .headingLv3+p{margin-top:24px;font-size:20px;text-align:left}@media(min-width: 768px){.ly_usageHead .headingLv3+p{text-align:center}}.ly_usagebody{margin-top:24px}@media(min-width: 768px){.bl_usagebody{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media(min-width: 768px){.bl_usagebody_inner{width:48%}}.bl_usagebody_inner img{width:100%;height:auto}.bl_usagebody_inner p{margin-bottom:0}.bl_usagebody_arrow{margin:20px auto;width:30px;height:35px;background:url(/dist/img/arrow_usageSp_min.svg) no-repeat center center}@media(min-width: 768px){.bl_usagebody_arrow{background:url(/dist/img/arrow_usage_min.svg) no-repeat center center;margin-top:20%}}@media(min-width: 768px){.ly_youtube{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.ly_youtubeBody{margin-right:56px}@media(min-width: 768px){.ly_youtubeBody{width:460px}}.ly_youtubeBody .hedingLv2{text-align:left}.ly_youtubeBody .hedingLv2+p{margin-top:24px}.ly_youtubeBody img{width:100px;height:auto}@media(min-width: 768px){.ly_youtubeBody img{width:180px}}.ly_youtubeMovie{width:auto}@media(min-width: 768px){.ly_youtubeMovie{width:464px}}.dot_blueLight{position:relative}.dot_blueLight:after{position:absolute;top:0;z-index:0;width:100%;height:100%;background-image:-webkit-radial-gradient(#e3e9f0 5%, transparent 20%),-webkit-radial-gradient(#e3e9f0 5%, transparent 20%);background-image:radial-gradient(#e3e9f0 5%, transparent 20%),radial-gradient(#e3e9f0 5%, transparent 20%);background-position:0 0,20px 20px;background-size:40px 40px;content:""}.ly_intro{position:relative;z-index:1}.ly_intro .hedingLv2+p{margin-top:24px;text-align:center}.ly_introContent{padding:24px 16px}@media(min-width: 768px){.ly_introContent{padding:48px 64px}}.bl_introContent{position:relative;z-index:1;border-radius:20px}.bl_introContent .headingLv3{text-align:center}.ly_wrapH4{margin-top:28px}.bl_wrapH4{padding:20px 28px;border:1px solid #ccc}.ly_introContent_body{margin-top:40px;text-align:center}@media(min-width: 768px){.ly_introContent_body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.ly_introContent_body img{height:100%}@media(min-width: 768px){.ly_introContent_body img{margin-right:40px}}.ly_introContent_bodySummary{margin-top:24px}@media(min-width: 768px){.ly_introContent_bodySummary{margin-top:0}}.ly_partner p{margin-top:24px;margin-right:auto;margin-left:auto;max-width:600px}.bl_partner img{height:auto}.ly_about .hedingLv2+p{margin-top:24px;margin-bottom:0;margin-right:auto;margin-left:auto;max-width:600px}.bl_aboutLIst{margin-top:32px}@media(min-width: 768px){.bl_aboutLIst{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.bl_aboutLIst li{padding-bottom:32px;background:#fff}@media(min-width: 768px){.bl_aboutLIst li{width:310px}}.bl_aboutLIst li img{height:auto}.bl_aboutLIst .headingLv3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:left;font-size:26px;line-height:1.4}.bl_aboutLIst .headingLv3 span{text-align:center}.bl_aboutLIst p{margin-top:24px}.ly_aboutLIst_content{margin:32px 16px 0}.ly_flow .hedingLv2+p{margin-top:24px;margin-right:auto;margin-left:auto;max-width:600px}.ly_flowBlock{padding:24px}@media(min-width: 768px){.ly_flowBlock{padding:24px 80px}}.ly_flowBlock:not(:first-child){margin-top:32px}.bl_flowBlock_innner{margin-top:24px}.bl_flowBlock .headingLv3 span{background:#49a1de;color:#fff}.z_anime_border{z-index:-2;position:relative}.anime_border>span{display:inline-block;padding:0 14px;position:relative;margin-top:16px}@media(min-width: 1050px){.anime_border>span{white-space:nowrap}}.anime_border>span::after{position:absolute;width:0;height:100%;content:" ";left:0;z-index:-1;top:-1px;background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffd667));background:-webkit-linear-gradient(transparent 70%, #ffd667 0%);background:linear-gradient(transparent 70%, #ffd667 0%);background-repeat:no-repeat;-webkit-transform-origin:left center;transform-origin:left center;-webkit-animation:anime_borderTransform 1s cubic-bezier(0.98, -0.04, 0.32, 0.91) .3s forwards;animation:anime_borderTransform 1s cubic-bezier(0.98, -0.04, 0.32, 0.91) .3s forwards}@-webkit-keyframes anime_borderTransform{0%{-webkit-transform:scale(0, 1);transform:scale(0, 1)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes anime_borderTransform{0%{-webkit-transform:scale(0, 1);transform:scale(0, 1)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}#js_wap{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto}.js_slide{position:absolute;width:50%;height:100vh;top:0}.js_slide_left{background:#ffd667;height:100%;z-index:4;left:0}.js_slide_right{background:#ffd667;height:100%;z-index:3;right:0}.js_slide_inner{display:block;height:100%}.js_slide_fig{height:100%;opacity:0}.js_slide_inner:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.js_slide_item_wap{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transition:all .6s ease 0s;transition:all .6s ease 0s}.js_slide_item{padding:2% 5%;margin:0 auto;background-color:rgba(255,255,255,.9);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.3);box-shadow:5px 5px 5px rgba(0,0,0,.3);color:#000;text-align:center;-webkit-transition:all .6s ease 0s;transition:all .6s ease 0s;font-size:2vw}.js_slide_inner:hover .js_slide_item{background-color:#fff;-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.js_slideDown{background:#fff6d1;position:absolute;width:100%;height:100%;z-index:-2;top:-100%}.js_fadeIn{opacity:0}.bl_lightAnime{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;width:190.07px}.bl_lightAnime #line2{-webkit-animation:flash 1.5s linear infinite;animation:flash 1.5s linear infinite}.bl_lightAnime #line4{-webkit-animation:flash 2.5s linear infinite;animation:flash 2.5s linear infinite}@-webkit-keyframes flash{0%,50%,100%{opacity:0}35%{opacity:1}65%{opacity:1}}@keyframes flash{0%,50%,100%{opacity:0}35%{opacity:1}65%{opacity:1}}.bg_yellow_light{background:#fff6d1}.js_test{background:#49a1de;position:absolute;width:100%;height:100%;left:-100%;z-index:-1}.bl_relative{position:relative}.bg_blueScene{background:#ffd667;z-index:-2}.ly_tabs{width:100%;margin:60px auto 0;position:relative}.tab-buttons span{cursor:pointer;display:block;width:25%;float:left;text-align:center;padding:10px;font-size:12px}@media(min-width: 768px){.tab-buttons span{font-size:16px}}.tab-content{padding:30px;display:inline-block;font:400 13px "open sans",sans-serif;color:#333}#lamp{width:25%;height:2px;background:#333;display:block;position:absolute;top:50px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}#lamp.content2{left:25%;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}#lamp.content3{left:50%;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}#lamp.content4{left:75%;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}
.Grid {
  display: flex;
  flex-wrap: wrap;
}

.Grid.\-top {
  align-items: flex-start;
}

.Grid.\-middle {
  align-items: center;
}

.Grid.\-bottom {
  align-items: flex-end;
}

.Grid.\-stretch {
  align-items: stretch;
}

.Grid.\-baseline {
  align-items: baseline;
}

.Grid.\-left {
  justify-content: flex-start;
}

.Grid.\-center {
  justify-content: center;
}

.Grid.\-right {
  justify-content: flex-end;
}

.Grid.\-between {
  justify-content: space-between;
}

.Grid.\-around {
  justify-content: space-around;
}

.Grid.\-column {
  flex-direction: column;
}

.Cell {
  box-sizing: border-box;
  flex-shrink: 0;
}

.Cell.\-fill {
  width: 0;
  min-width: 0;
  flex-grow: 1;
}

.Cell.\-1of12 {
  width: 8.3333333333%;
}

.Cell.\-2of12 {
  width: 16.6666666667%;
}

.Cell.\-3of12 {
  width: 25%;
}

.Cell.\-4of12 {
  width: 33.3333333333%;
}

.Cell.\-5of12 {
  width: 41.6666666667%;
}

.Cell.\-6of12 {
  width: 50%;
}

.Cell.\-7of12 {
  width: 58.3333333333%;
}

.Cell.\-8of12 {
  width: 66.6666666667%;
}

.Cell.\-9of12 {
  width: 75%;
}

.Cell.\-10of12 {
  width: 83.3333333333%;
}

.Cell.\-11of12 {
  width: 91.6666666667%;
}

.Cell.\-12of12 {
  width: 100%;
}

 @media (min-width: 856px) {
  .Grid.\-block__md {
    display: block;
  }
  .Cell.\-3of12__md {
    width: 25%;
  }
  .Cell.\-4of12__md {
    width: 33.3333333333%;
  }
  .Cell.\-5of12__md {
    width: 41.6666666667%;
  }
  .Cell.\-6of12__md {
    width: 50%;
  }
  .Cell.\-7of12__md {
    width: 58.3333333333%;
  }
  .Cell.\-8of12__md {
    width: 66.6666666667%;
  }
  .Cell.\-9of12__md {
    width: 75%;
  }
  .Cell.\-10of12__md {
    width: 83.3333333333%;
  } 
  .Cell.\-11of12__md {
    width: 91.6666666667%;
  }
  .Cell.\-12of12__md{
    width: 100%;
  }
}
}