/* Table of contents

  1. Variables
    1a. Containers
    1b. Breakpoints
    1c. Colors
    1d. Typography
    1e. Borders
    1f. Corner Radius
    1g. Lists
    1h. Horizontal Rule
    1i. Blockquote
    1j. Buttons
    1k. Forms
    1l. Tables
    1m. Site Header
    1n. Site Footer
  2. Containers / Grid / DnD Areas
  3. Typography
  4. Buttons
  5. Forms
  6. Tables
  7. Site Header
  8. Site Footer
  9. Blog
  10. System Pages
  11. Modules

*/

/* ************************************************************************* */
/* ****************************  1. Variables   **************************** */
/* ************************************************************************* */

/* 1a. Containers */





/* 1b. Breakpoints */






/* 1c. Colors */











/* 1d. Typography */












/* 1e. Border */



/* 1f. Corner Radius */



/* 1g. Lists */






/* 1h. Horizontal Rule */



/* 1i. Blockquote */



/* 1j. Buttons */











































/* 1k. Forms */














































/* 1l. Tables */











/* 1m. Site Header */












/* 1n. Site Footer */












/* ************************************************************************* */
/* *****************   2. Containers / Grid / DnD Areas   ****************** */
/* ************************************************************************* */

.content-wrapper,
.container,
.dnd-section > .row-fluid,
.system-container {
  max-width: 1200px;
}

@media screen and (min-width: 1200px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section {
  padding: 40px 20px;
}

/* ************************************************************************* */
/* **************************   3. Typography   **************************** */
/* ************************************************************************* */

html {
  font-size: 18px;
}

body {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #FFFFFF;
  color: #27313b;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  body {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #27313b;
    font-size: 16px;
  }
}

/* Paragraphs */

p {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  p {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #27313b;
    font-size: 16px;
  }
}

p.lead,
p.intro {
  font-size: 1.25rem;
}

/* Anchors */

a {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #40b87c;
}

a:hover, a:focus {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
}

a:active {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #77818b;
}

a.button:disabled {
  background-color: #e6e6e6;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
  text-transform: none;
}





  h1 {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #27313b;
    font-size: 32px;
    letter-spacing: 0px;
    text-transform: none;
  }

  h2 {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #27313b;
    font-size: 28px;
    letter-spacing: 0px;
    text-transform: none;
  }

  h3 {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #27313b;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: none;
  }

  h4 {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #27313b;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: none;
  }

  h5 {
    ;
    color: ;
    font-size: ;
    letter-spacing: 3px;
    text-transform: none;
  }

  h6 {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #9EA1A6;
    font-size: 20px;
    letter-spacing: 3px;
    text-transform: none;
  }

  @media screen and (max-width: 768px) {
    h1{
      font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
      color: #27313b;
      font-size: 28px;
    }
    h2{
      font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
      color: #27313b;
      font-size: 20px;
    }
    h3{
      font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
      color: #27313b;
      font-size: 20px;
    }
    h4{
      font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
      color: #27313b;
      font-size: 18px;
    }
  }



/* Lists */

ul,
ol {
  margin: 1.5rem 0;
  padding-left: 16px;
}

ul li,
ol li {
  margin: 0.5rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

/* Blockquote */

blockquote {
  border-left: ;
  padding-left: 0.9375rem;
}

/* Horizontal Rules */

hr {
  border-bottom-color: #d0d0d0;
}

/* ************************************************************************* */
/* ***************************   4. Buttons   ****************************** */
/* ************************************************************************* */

/* Primary Button */

button,
.button {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(64, 184, 124, 1.0)

;
  border: 1px solid #40b87c;
  border-radius: 4px;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 14px;
  padding: 12px 36px;
  text-transform: none;
  margin: 16px 0px;
}

@media screen and (max-width: 768px) {
  button,
  .button  {
    font-size: 14px;
  }
}

button:disabled,
.button:disabled {
  background-color: #d0d0d0;
  color: #e6e6e6;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(132, 207, 140, 1.0)

;
  border: 1px solid #84cf8c;
  color: #FFFFFF;
}

button:active,
.button:active {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(212, 255, 220, 100);
  border: 1px solid #84cf8c;
  border-color: #d4ffdc;
}

/* Secondary Buttons */

.button.button--secondary {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 22, 84, 0.0)

;
  border: 1px none #40b87c;
  border-radius: 4px;
  color: #ff1654;
  fill: #ff1654;
  padding: 12px 36px;
}

.button.button--secondary:hover,
.button.button--secondary:focus {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 22, 84, 1.0)

;
  border: 1px solid #ff1654;
  color: #27313b;
  fill: #27313b;
}

.button.button--secondary:active {
  background-color: rgba(255, 102, 164, 100);
  border: 1px solid #ff1654;
  border-color: #ff66a4;
  color: #77818b;
  fill: #77818b;
}

/* Simple Button */

.button.button--simple {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #40b87c;
  fill: #40b87c;
  text-transform: none;
}



  .button.button--simple:after {
    content: none;
  }



.button.button--simple:hover,
.button.button--simple:focus {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #ff1654;
  fill: #ff1654;
}



  .button.button--simple:hover:after,
  .button.button--simple:focus:after,
  .button.button--simple:active:after {
    content: none;
  }



.button.button--simple:active {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #ff66a4;
  fill: #ff66a4;
}

/* Button Sizing */

.button.button--small {
  font-size: 12px;
  padding: 12px 36px;
}

.button.button--large {
  font-size: 18px;
  padding: 12px 36px;
}

/* ************************************************************************* */
/* *****************************   5. Forms   ****************************** */
/* ************************************************************************* */

form,
form.hs-form {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 16px solid #f6f8fa;
  border-radius: 4px;
  padding: 20px 20px;
}

.hs-form-field {
  margin-bottom: 20px;
}

/* Form Title */

h3.form-title {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(39, 49, 59, 1.0)

;
  border-bottom: 2px solid #40b87c;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 20px 20px;
  text-transform: capitalize;
}

/* Labels */

.hs-form-field > label,
.hs-form-field > label span {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #33475b;
  font-size: 14px;
}

/* Help Text - Legends */

.hs-form-field legend {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
  font-size: 12px;
}

/* Inputs */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='file'],
select,
textarea {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(249, 251, 252, 1.0)

;
  border: 1px solid #dee5ec;
  border-radius: 4px;
  color: #27313b;
  font-size: 12px;
  padding: 4px 8px;
}

::-webkit-input-placeholder {
  color: {color=#D0D0D0, opacity=null, rgba=rgba(208, 208, 208, 1), rgb=rgb(208, 208, 208), hex=#D0D0D0, css=#D0D0D0};
}

::-moz-placeholder {
  color: {color=#D0D0D0, opacity=null, rgba=rgba(208, 208, 208, 1), rgb=rgb(208, 208, 208), hex=#D0D0D0, css=#D0D0D0};
}

:-ms-input-placeholder {
  color: {color=#D0D0D0, opacity=null, rgba=rgba(208, 208, 208, 1), rgb=rgb(208, 208, 208), hex=#D0D0D0, css=#D0D0D0};
}

::placeholder {
  color: {color=#D0D0D0, opacity=null, rgba=rgba(208, 208, 208, 1), rgb=rgb(208, 208, 208), hex=#D0D0D0, css=#D0D0D0};
}

form .in-focus select {
  color: #27313b;
}

/* Inputs - Checkbox/Radio */

form .inputs-list:not(.no-list) label,
form .inputs-list:not(.no-list) label > span,
form .inputs-list:not(.no-list) label > span p {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
  font-size: 12px;
}

form ul.inputs-list li input + span:before {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}

form .input ul.invalid.error > li input + span:before {
  border-color: #40b87c;
}

/* Inputs - Select */

.hs-fieldtype-select .input:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #40b87c;
}

/* Inputs - Datepicker */

.hs-datepicker button.pika-button:hover {
  background-color: #40b87c !important;
}

.hs-datepicker .is-selected button.pika-button {
  background-color: #229a5e !important;
}

.hs-datepicker .is-today button.pika-button {
  color: #229a5e;
}

/* Form Rich Text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
}

/* GDPR Text */

.legal-consent-container,
.legal-consent-container .hs-richtext,
.legal-consent-container .hs-richtext p {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
  font-size: 8px;
}

/* Validation */

.hs-input.invalid.error {
  border-color: #cc0201;
}

.hs-error-msgs li,
.hs-error-msgs li label {
  color: #cc0201 !important;
}

.hs-error-msgs li a {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Submit */



  form input[type='submit'],
  form .hs-button {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(64, 184, 124, 1.0)

;
    border: 1px solid #40b87c;
    border-radius: 4px;
    color: #FFFFFF;
    fill: #FFFFFF;
    padding: 12px 36px;
    text-transform: none;
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(132, 207, 140, 1.0)

;
    border: 1px solid #84cf8c;
    color: #FFFFFF;
  }

  form input[type='submit']:active,
  form .hs-button:active {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: rgba(212, 255, 220, 100);
    border: 1px solid #84cf8c;
    border-color: #d4ffdc;
  }





  form input[type='submit'],
  form .hs-button {
    font-size: 14px;
  }



/* Inline thank you message */

.submitted-message {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 16px solid #f6f8fa;
  border-radius: 4px;
  padding: 20px 20px;
}

/* ************************************************************************* */
/* ****************************   6. Tables   ****************************** */
/* ************************************************************************* */

table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px none #D0D0D0;
}

th,
td {
  border: 1px none #D0D0D0;
  color: 

  
  
    
  


  rgba(39, 49, 59, 1)

;
  padding: 10px 10px;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-bottom: 2px none #D0D0D0;
  color: 

  
  
    
  


  rgba(39, 49, 59, 1)

;
}

tbody + tbody {
  border-top: 2px none #D0D0D0;
}

/* ************************************************************************* */
/* **************************   7. Site Header   *************************** */
/* ************************************************************************* */

.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-bottom: 1px none #40b87c;
}

.header__container {
  max-width: 1200px;
}

/* Header content */

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header a:not(.button),
.header span,
.header div,
.header li,
.header blockquote {
  color: #27313b;
}

/* Header modules */

.header .card-subtitle,
.header .card-body li,
.header .testimonial__module__author__text--subtitle,
.header .testimonial__module__text p,
.header .card__text div,
.header .card__title div,
.header .entry__summary p,
.header #blog-filter__label {
  color: #27313b;
}

.header .card__button div,
.header .cards__card a,
.header .blog-tags a,
.header .news_listing__content a,
.header .entry__summary a {
  color: #40b87c;
}

.header a:hover .card__button div,
.header a:focus .card__button div,
.header .cards__card a:hover,
.header .cards__card a:focus,
.header .blog-tags a:hover,
.header .blog-tags a:focus,
.header .news_listing__content a:hover,
.header .news_listing__content a:focus,
.header .entry__summary a:hover,
.header .entry__summary a:focus {
  color: #27313b;
}

.header a:active .card__button div,
.header .cards__card a:active,
.header .blog-tags a:active,
.header .news_listing__content a:active,
.header .entry__summary a:active {
  color: #77818b;
}

.header .entry__summary h1 {
  color: #27313b;
}

.header .card-heading,
.header .entry__summary h2 {
  color: #27313b;
}

.header .card__title h3,
.news_listing__content h3,
.header .entry__summary h3 {
  color: #27313b;
}

.header h3.form-title {
  color: #FFFFFF;
}

.header .entry__summary h4 {
  color: #27313b;
}

.header .testimonial__module__author__text--author h5,
.header .entry__summary h5 {
  color: #27313b;
}

.header .entry__summary h6 {
  color: #9EA1A6;
}

/* Search Bar */

.header__search.open,
.header__language-switcher.open {
  background-color: #27313b;
}

/* Site Navigation */

.header__navigation:before {
  background-color: rgba(64, 184, 124, 0.95);
}

.header__language-switcher .lang_list_class {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
}

.header__language-switcher .lang_list_class li a {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
  text-transform: none;
}

.header .navigation-primary .submenu.level-1 > li.menu-item > a,
.header .navigation-primary .submenu.level-2 > li.menu-item > a.menu-link,
.header .navigation-primary .submenu.level-3 > li.menu-item > a.menu-link,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
  font-size: 14px;
  text-transform: none;
}

.header .navigation-primary .submenu.level-1 > li.menu-item:hover > a.menu-link,
.header .navigation-primary .submenu.level-1 > li.menu-item > a.menu-link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li a:hover,
.header__language-switcher .lang_list_class li a:focus {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(244, 204, 204, 0.0);
  /* color: #40b87c; */
  font-size: 14px;
  opacity: 1;
}

.header .navigation-primary .submenu.level-1 > .has-submenu > .menu-arrow,
.header__language-switcher-label-current:after {
  border-top-color: #40b87c;
}

.header .navigation-primary .submenu.level-1 > .has-submenu > .menu-arrow:before,
.header__language-switcher-label-current:before {
  border-top-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header .navigation-primary .submenu.level-1 > .has-submenu:hover > .menu-arrow,
.header__language-switcher:hover .header__language-switcher-label-current:after {
  border-bottom-color: #40b87c;
}

.header .navigation-primary .submenu.level-1 > .has-submenu:hover > .menu-arrow:before,
.header__language-switcher:hover .header__language-switcher-label-current:before {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header .navigation-primary .submenu.level-1 > li.menu-item > a.menu-link.active-branch,
.header .navigation-primary .submenu.level-1 > li.menu-item > a.menu-link.active-item {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(64, 184, 124, 0.0);
  color: #40b87c;
  font-size: 14px;
}

.header .navigation-primary .submenu.level-1 > li > a.active-item:after,
.header .navigation-primary .submenu.level-1 > li > a.active-branch:after {
  background-color: #40b87c;
}

/* Child menu */

.header .navigation-primary .submenu.level-2,
body .submenu.level-2 > li,
.header .navigation-primary .submenu.level-3,
.header ul.lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-top-color: #40b87c;
}

.header .navigation-primary .submenu.level-2 > li.menu-item > a.menu-link,
.header .navigation-primary .submenu.level-3 > li.menu-item > a.menu-link,
.header__language-switcher:hover ul.lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  text-transform: none;
}

.header .navigation-primary .submenu.level-2 > li.menu-item:hover > a.menu-link,
.header .navigation-primary .submenu.level-3 > li.menu-item:hover > a.menu-link {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(244, 204, 204, 0.0);
  /* color: #40b87c; */
}

/* サブメニューの矢印を非表示に
.header .navigation-primary .submenu.level-2 > .menu-item:hover > a.menu-link:before,
.header .navigation-primary .submenu.level-3 > .menu-item:hover > a.menu-link:before {
  border-left-color: #40b87c;
}

.header .navigation-primary .submenu.level-2 > .menu-item:hover > a.menu-link:after,
.header .navigation-primary .submenu.level-3 > .menu-item:hover > a.menu-link:after {
  border-left-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
*/

/* Mobile */
@media screen and (max-width: 1160px) {

  /* Icon */
  body .header .header__navigation-toggle {
    background-color: #27313b;
  }

  body .header .navigation-primary .submenu > .has-submenu input[type='checkbox'] ~ .menu-arrow,
  body .header .navigation-primary .submenu > .has-submenu:hover input[type='checkbox'] ~ .menu-arrow {
    border-top-color: #27313b;
  }

  body .header .header__mobile-menu-icon,
  body .header .header__mobile-menu-icon:after,
  body .header .header__mobile-menu-icon:before {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header .navigation-primary .submenu.level-1 {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
  
  .header .navigation-primary .submenu > .has-submenu input[type='checkbox'] ~ .menu-arrow:before,
  .header .navigation-primary .submenu > .has-submenu:hover input[type='checkbox'] ~ .menu-arrow:before,
  .header .navigation-primary .submenu > .has-submenu input[type='checkbox'] ~ .menu-arrow:before,
  .header .navigation-primary .submenu > .has-submenu:hover input[type='checkbox'] ~ .menu-arrow:before {
    border-top-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

 !important;
  }
}

/* ************************************************************************* */
/* **************************   8. Site Footer   *************************** */
/* ************************************************************************* */

.footer {
  background-color: 

  
  
    
  


  rgba(242, 244, 246, 1.0)

;
}

.footer__container--static,
.footer__container--dnd .dnd-section {
  max-width: 1200px;
}

/* Footer content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote {
  color: #051F46;
}

/* Footer modules */

.footer .card-subtitle,
.footer .card-body li,
.footer .testimonial__module__author__text--subtitle,
.footer .testimonial__module__text p,
.footer .card__text div,
.footer .card__title div,
.footer .entry__summary p,
.footer #blog-filter__label {
  color: #27313b;
}

.footer .card__button div,
.footer .cards__card a,
.footer .blog-tags a,
.footer .news_listing__content a,
.footer .entry__summary a {
  color: #40b87c;
}

.footer a:hover .card__button div,
.footer a:focus .card__button div,
.footer .cards__card a:hover,
.footer .cards__card a:focus,
.footer .blog-tags a:hover,
.footer .blog-tags a:focus,
.footer .news_listing__content a:hover,
.footer .news_listing__content a:focus,
.footer .entry__summary a:hover,
.footer .entry__summary a:focus {
  color: #27313b;
}

.footer a:active .card__button div,
.footer .cards__card a:active,
.footer .blog-tags a:active,
.footer .news_listing__content a:active,
.footer .entry__summary a:active {
  color: #77818b;
}

.footer .entry__summary h1 {
  color: #27313b;
}

.footer .card-heading,
.footer .entry__summary h2 {
  color: #27313b;
}

.footer .card__title h3,
.news_listing__content h3,
.footer .entry__summary h3 {
  color: #27313b;
}

.footer h3.form-title {
  color: #FFFFFF;
}

.footer .entry__summary h4 {
  color: #27313b;
}

.footer .testimonial__module__author__text--author h5,
.footer .entry__summary h5 {
  color: #27313b;
}

.footer .entry__summary h6 {
  color: #9EA1A6;
}

.footer__row--info {
  border-top: 2px solid #d3d3d3;
}

.footer__site-map__section h4 {
  font-family: Noto Sans JP, sans-serif;
}
/*
.footer .hs-menu-wrapper ul {
  margin: 1.5rem 0;
}
*/
.footer .hs-menu-wrapper ul {
      margin-bottom: 20px;
}

.footer .hs-menu-wrapper a {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #516877;
  text-transform: none;
}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(242, 244, 246, 0.0)

;
  color: #516877;
}

.footer .hs-menu-wrapper a:active {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(64, 184, 124, 0.0)

;
  color: #516877;
}

.footer__right {
  background-color: #f1f1f1;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
}

.footer__copyright-bar {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border-top: 1px solid #d0d0d0;
  color: #8a8a8a;
}

.footer__copyright-bar__secondary-links a:not(:last-of-type) {
  border-right: 1px solid #8a8a8a;
}

/* どのスクリーンサイズでもfont-sizeを統一
@media screen and (min-width: 768px) {
  .footer .hs-menu-wrapper a {
    font-size: 14px;
  }
}
*/
.footer .hs-menu-wrapper a {
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .footer__site-map__section ul {
    flex-direction: row;
  }
}

@media screen and (min-width: 1200px) {
  .footer__left {
    flex: 1 1 auto;
    padding: 0;
  }

  .footer__site-map__section li:not(:last-of-type) a {
    margin-right: 25px;
  }

  .footer__site-map__section {
    padding-right: 25px;
  }

  .footer__copyright-bar {
    padding: 20px 0;
  }
}

/* ************************************************************************* */
/* *****************************   9. Blog   ******************************* */
/* ************************************************************************* */

/* Tags */

.blog-tag {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight: 700;
}

/* Blog Listing */

.blog-navigation .blog-navigation__text {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
}

/* Blog Pagination */

.blog-pagination__link {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
}

/* Blog Post */


  .blog-post__title {
    font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #27313b;
    font-size: 32px;
    letter-spacing: 0px;
    text-transform: none;
  }
  @media screen and (max-width: 768px) {
    .blog-post__title {
      font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
      color: #27313b;
      font-size: 28px;
    }
  }



.blog-post__body h1,
.blog-post__body h2,
.blog-post__body h3,
.blog-post__body h4,
.blog-post__body h5,
.blog-post__body h6 {
  color: #27313b;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 700;
}

/* ************************************************************************* */
/* *************************   10. System Pages   ************************** */
/* ************************************************************************* */

/* Error Pages - Global */

.error-page:before {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* System Pages - Global */

.hs-search-results__title {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #27313b;
}

.hs-search-results__title:hover {
  font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Forms in System Pages */

#email-prefs-form h3 {
  font-size: 20px;
}

/* Password Prompt */

.password-prompt input[type='password'] {
  margin-bottom: 20px;
}

/* Backup Unsubscribe */

.backup-unsubscribe input[type='email'] {
  margin-bottom: 20px;
  padding: 4px 8px !important;
}

/* ************************************************************************* */
/* ***************************   11. Modules  ****************************** */
/* ************************************************************************* */

/* Icon */

body .icon svg {
  fill: #40b87c;
  width: 16px;
}

/* Social Follow */

/*
.blog-post__social-sharing .social-links__icon,
body .social-links__icon {
  background-color: #FFFFFF;
}
*/

.blog-post__social-sharing .social-links__icon svg,
body .social-links__icon svg {
  fill: #40b87c;
}

/*
body .social-links__icon:hover,
body .social-links__icon:focus,
body .social-links__icon:active {
  background-color: #40b87c;
}
*/

body .social-links__icon:hover svg,
body .social-links__icon:focus svg,
body .social-links__icon:active svg {
  fill: #40b87c;
}

/* Statistic */

body .statistic__circle {
  background-color: #FFFFFF;
}

body .statistic__bar,
body .statistic__fill {
  border-color: #40b87c;
}

body .statistic__info {
  color: #40b87c;
}

/* Testimonial slider */

body .tns-nav button {
  background-color: #FFFFFF;
}

body .tns-nav .tns-nav-active {
  background-color: #40b87c;
}

.testimonial__module {
  border-top-color: #40b87c !important;
}

.testimonial__module__text:before {
  background-color: #40b87c !important;
}

/* Card section */

.cards__card.card,
.card.pricing-card {
  border-top-color: #40b87c;
}

.card-section__wrapper .tns-nav .tns-nav-active {
  background-color: #40b87c !important;
}

/* Latest posts */

.news_listing__featured_image-wrapper {
  border-bottom-color: #40b87c !important;
}

.news_listing__wrapper .tns-nav .tns-nav-active {
  background-color: #40b87c !important;
}

/* Pricing card */

.card-body svg {
  fill: #27313b;
}


/* PCのみで改行 */
@media screen and (max-width: 768px){
  .pc-only_br{
    display:none;
  }
}
.mktoForm {
    width: 100%!important;
}
.mktoHtmlText{
  width: 100%!important;
}
.mktoHtmlText > p{
  line-height: 1;
}
.mktoForm label{
  font-size: 12px;
}
.mktoFieldWrap .mktoLabel{
  font-size: 15px;
}
.mktoFormCol{
  margin-bottom: 0px!important;
}