/* 1a. Containers */






/* 1b. Colors */




/* 1c. Typography */
























/* 1d. Buttons */









/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */



















/* 1h. Site footer */





















@media (min-width: 768px) {
  .dnd-section > .row-fluid,
.page-center,
.content-wrapper {
   max-width: 1189.999999993px;
}
}
.dnd-section,
.content-wrapper--vertical-spacing,.post-page-wrapper {
   padding-top: 60.0px;
   padding-bottom: 60.0px;
}
@media (min-width: 1050px) {
.dnd-section > .row-fluid,
.page-center,
.content-wrapper {
   max-width: 1330px;
}
   .dnd-section,
.content-wrapper--vertical-spacing,.post-page-wrapper {
   padding: 80px 0px;
}
}

@media (max-width: 767px) {
  .dnd-section > .row-fluid,
.page-center,
.content-wrapper {
   max-width: 1169.9999999996px;
}
}







body {
   font-size: 18px;
   font-weight: 400;
   font-family: Noto Sans JP;
   color: rgba(50, 52, 52, 1.0);
}

/* Paragraphs */

p {
   
}

/* Anchors */

a {
   color: 

  
  
    
  


  rgba(50, 52, 52, 1.0)

;
}

a:hover,
a:focus,
a:active {
   color: 

  
  
    
  


  rgba(7, 114, 145, 1.0)

;
}

/* Headings */

h1, h2, h3, h4, h5, h6{
   font-family: Noto Sans JP;
   color: rgba(22, 24, 25, 1.0);
}

h1 {
   font-size: 2.8rem;
   font-weight: 700;
}

h2 {
   font-size: 2.5rem;
   font-weight: 700;
}

h3 {
   font-size: 2rem;
   font-weight: 700;
}

h4 {
   font-size: 1.8rem;
   font-weight: 700;
}

h5 {
   font-size: 1.6rem;
   font-weight: 700;
}

h6 {
   font-size: 1.5rem;
   font-weight: 700;
}



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

   h1 {
      font-size: 3.416rem;
   }

   h2 {
      font-size: 3.05rem;
   }

   h3 {
      font-size: 2.66rem;
   }

   h4 {
      font-size: 2.25rem;
   }

   h5 {
      font-size: 1.92rem;
   }

   h6 {
      font-size: 1.7249999999999999rem;
   }
}





/* Blockquote */

blockquote {
   border-left-color: {color=#161819, opacity=100, rgba=rgba(22, 24, 25, 1), rgb=rgb(22, 24, 25), hex=#161819, css=#161819};
}





.error-page .button,a
button,
.button,
form input[type=submit],
form .hs-button {
   background: linear-gradient(90deg, rgba(19, 71, 135,1.0),rgba(7, 114, 145,1.0));
   border: 0px solid 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
   border-radius: 0px;
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
   padding: 19px 65px 17px 30px;
}

.error-page .button:hover,
button:hover,
button:focus,
.button:hover,
.button:focus,
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
   background:linear-gradient(90deg, rgba(19, 71, 135,1.0),rgba(7, 114, 145,1.0));
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

button:active,
.button:active,
form input[type=submit]:active,
form .hs-button:active {
   background-color: 

  
  
    
  


  rgba(#null, 1)

;
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}








/* Form title */

.form-title {
   background-color: 

  
  
    
  


  rgba(0, 0, 0, 0.0)

;
   color: 

  
  
    
  


  rgba(22, 24, 25, 1.0)

;
}

/* Form label */

form label {
   color: 

  
  
    
  


  rgba(50, 52, 52, 1.0)

;
}

/* Form help text */

form legend {
   color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
   border-color: 

  
  
    
  


  rgba(177, 186, 201, 1.0)

;
   /*   color: rgba(50, 52, 52, 1.0); */
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
   border-color: 

  
  
    
  


  rgba(177, 186, 201, 1.0)

;
}

/* Form placeholder text */

::-webkit-input-placeholder {
   color: rgba(50, 52, 52, 1.0);
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
   color: rgba(50, 52, 52, 1.0);
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
   background: {color=#323434, opacity=100, rgba=rgba(50, 52, 52, 1), rgb=rgb(50, 52, 52), hex=#323434, css=#323434};
}

.fn-date-picker td .pika-button:hover {
   background-color: {color=#323434, opacity=100, rgba=rgba(50, 52, 52, 1), rgb=rgb(50, 52, 52), hex=#323434, css=#323434} !important;
}

.fn-date-picker td.is-today .pika-button {
   color: {color=#323434, opacity=100, rgba=rgba(50, 52, 52, 1), rgb=rgb(50, 52, 52), hex=#323434, css=#323434};
}





th,
td {
   background-color: rgba(255, 255, 255, 1.0);
   border: 1px solid rgba(26, 26, 26, 1.0);
   color: rgba(26, 26, 26, 1.0);
}

thead th,
thead td {
   background-color: rgba(26, 26, 26, 1.0);
   color: rgba(255, 255, 255, 1.0);
}

tfoot td {
   background-color: rgba(255, 255, 255, 1.0);
   color: rgba(26, 26, 26, 1.0);
}

table,
tbody + tbody {
   border-color: rgba(26, 26, 26, 1.0);
}






.cst-header{
   background-color: rgba(255, 255, 255, 1.0);
}
.cst-header-menu-container .hs-menu-wrapper > ul> li> a{
   color: rgba(22, 24, 25, 1.0);
}
.cst-header-menu-container .hs-menu-wrapper > ul> li:hover> a{
   color: rgba(19, 60, 154, 1.0);
}
.cst-header-menu-container .hs-menu-wrapper > ul> li> ul{
   background-color: rgba(255, 255, 255, 1.0);
}
.cst-header-menu-container .hs-menu-wrapper > ul> li> ul li> a{
   color: rgba(22, 24, 25, 1.0);
}
.cst-header-menu-container .hs-menu-wrapper > ul> li> ul li:hover>a{
   color: rgba(19, 60, 154, 1.0);
}

.lp-top-contact-header__inner{
   background-color: rgba(245, 248, 250, 1.0);
}
.lp-top-contact-header__inner__link{
   background:linear-gradient(180deg,rgba(19, 71, 154,1.0),rgba(7, 114, 145,1.0)) !important;
}
.lp-top-contact-header__inner__link:after{
   background:linear-gradient(180deg,rgba(11, 48, 132,1.0),rgba(2, 100, 129,1.0)) !important;
}
.lp-top-contact-header__inner__link__sub,.lp-top-contact-header__inner__link__main{
  color: rgba(255, 255, 255, 1.0) !important;
 
}










.custom-header {
   background-color: rgba(255, 255, 255, 1.0);
}


.header-button a {
   color: rgba(#null, 0.0);
   background-color: rgba(#null, 0.0);
   border-color: rgba(#null, 0.0);
}

.header-button a:hover {
   color: rgba(#null, 0.0);
   background-color: rgba(#null, 0.0);
   border-color: rgba(#null, 0.0);
}


@media (min-width: 768px) {
   .custom-menu-primary .hs-menu-wrapper > ul > li > a {
      color: rgba(22, 24, 25, 1.0);
      background-color: rgba(#null, 0.0);
   }  

   .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover {
      color: rgba(19, 60, 154, 1.0);
      background-color: rgba(#null, 0.0);
   }

   .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a,
   .custom-menu-primary .hs-menu-wrapper > ul > li > a.active-branch  { 
      color: rgba(#null, 0.0);
      background-color: rgba(#null, 0.0);
   }

   .custom-menu-primary .hs-menu-wrapper > ul > li ul {
      background-color: rgba(255, 255, 255, 1.0);
   }

   .custom-menu-primary .hs-menu-wrapper > ul > li ul li a {
      color: rgba(22, 24, 25, 1.0);
      background-color: rgba(#null, 0.0);
   }

   .custom-menu-primary .hs-menu-wrapper > ul > li ul li a:hover {
      color: rgba(19, 60, 154, 1.0);
      background-color: rgba(#null, 0.0);
   }

   .custom-menu-primary .hs-menu-wrapper > ul > li ul li.active-branch a,
   .custom-menu-primary .hs-menu-wrapper > ul > li ul li a.active-branch,
   .custom-menu-primary .hs-menu-wrapper > ul > li ul li.active a,
   .custom-menu-primary .hs-menu-wrapper > ul > li ul li a.active {
      color: rgba(#null, 0.0);
      background-color: rgba(#null, 0.0);
   }
}

/*====Mobile Menu Styles=====*/
@media (max-width: 767px) {
   .custom-menu-mobile .custom-menu-primary .hs-menu-wrapper > ul > li > a,
   .custom-menu-mobile .custom-menu-primary .hs-menu-wrapper > ul > li ul li a{
      color: rgba(#null, 0.0);
   }
   .custom-menu-mobile .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover,
   .custom-menu-mobile .custom-menu-primary .hs-menu-wrapper > ul > li ul li a:hover{
      color: rgba(#null, 0.0);
   }
   .custom-menu-mobile .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a,
   .custom-menu-mobile .custom-menu-primary .hs-menu-wrapper > ul > li ul li.active-branch > a{
      color: rgba(#null, 0.0);
   }
   .custom-menu-primary.mobile .hs-menu-wrapper > ul > li{
      border-bottom-color: rgba(#null, 0.0);
   }
   .custom-header .overlay, .custom-header .overlay div{
      background-color: rgba(#null, 0.0);
   }
}







.footer-cta__list .footer-cta__list__item .cta_button:after{
   background-color: rgba(0, 20, 43, 1.0);
}
.footer-cta__list .footer-cta__list__item .cta_button:hover::after{
   background-color: rgba(0, 20, 43, 1.0);
}
.footer-cta__list .footer-cta__list__item .cta_button .cta_button-wrapper:after,
.footer-cta__list .footer-cta__list__item .cta_button .cta_button-wrapper:before{
   background:linear-gradient(90deg,rgba(19, 71, 135,1.0),rgba(7, 114, 145,1.0));
}
.footer-cta__list .footer-cta__list__item .cta_button .cta_button-wrapper:hover::after,
.footer-cta__list .footer-cta__list__item .cta_button .cta_button-wrapper:hover::before{
   background:linear-gradient(90deg,rgba(19, 71, 135,1.0),rgba(7, 114, 145,1.0));
}

.footer-cta__list .footer-cta__list__item.footer-cta__list__item--download .cta_button:before{
   background-image:url(//20375950.fs1.hubspotusercontent-na1.net/hubfs/20375950/raw_assets/public/Jfe-shoji-ele_HP_Thailand/images/download.jpg);
}
.footer-cta__list .footer-cta__list__item.footer-cta__list__item--contact .cta_button:before{
   background-image:url(//20375950.fs1.hubspotusercontent-na1.net/hubfs/20375950/raw_assets/public/Jfe-shoji-ele_HP_Thailand/images/contact.jpg);
}
.footer-cta__list .footer-cta__list__item .cta_button .cta_button__inner:before{
   background-image:url(//20375950.fs1.hubspotusercontent-na1.net/hubfs/20375950/raw_assets/public/Jfe-shoji-ele_HP_Thailand/images/black.svg);
}
.footer-cta__list .footer-cta__list__item .cta_button,
.footer-cta__list .footer-cta__list__item .cta_button .cta_button__inner .cta_button__inner__english{
   color: rgba(255, 255, 255, 1.0);
}
.footer-cta__list .footer-cta__list__item .cta_button:hover,
.footer-cta__list .footer-cta__list__item .cta_button:hover .cta_button__inner .cta_button__inner__english{
   color: rgba(255, 255, 255, 1.0);
}


.lp-top-footer__above__page-top a{
   background-color: rgba(0, 18, 43, 0.9);
}
.lp-top-footer__above__page-top a>span{
   color: rgba(255, 255, 255, 1.0);
}

.lp-top-footer__above__page-top a:hover{
   background-color: rgba(7, 114, 145, 1.0);
}

.lp-top-footer__above__page-top a:hover>span{
   color: rgba(255, 255, 255, 1.0);
}


.cst-footer-bottom,
.footer-bottom-contact{
   background-color: rgba(255, 255, 255, 1.0);
}
.lp-top-contact-footer__inner:before{
   border-color: rgba(255, 255, 255, 1.0);
}
.footer-bottom-copyright-container .hs_cos_wrapper span{
   color: rgba(50, 52, 52, 1.0);
}

.cst-footer .lp-top-contact-footer__inner__link:before{
   background-color: rgba(245, 248, 250, 1.0);
}

.cst-footer .lp-top-contact-footer__inner__link{
   background:linear-gradient(90deg,rgba(19, 71, 135,1.0),rgba(7, 114, 145,1.0)) !important;
}
.cst-footer .lp-top-contact-footer__inner__link:after{
   background:linear-gradient(90deg,rgba(11, 48, 132,1.0),rgba(2, 100, 129,1.0)) !important;
}

.lp-top-contact-footer__inner__link__sub,
.lp-top-contact-footer__inner__link__main{
   color:rgba(255, 255, 255,1.0) !important;
}




.footer-top {
   background-color: rgba(#null, 0.0);
}

@media (min-width: 768px) {

   .footer-top .bg-img {
      background-image: url();
   }
}

@media (max-width: 767px) {

   .footer-top .bg-img {
      background-image: url();
   }
}

.footer-top,
.footer-top .left-col h3 {
   color: rgba(#null, 0.0);
}

.footer-contact p a {
   color: rgba(#null, 0.0);
}

.footer-contact p a:hover {
   color: rgba(#null, 0.0);
}

.footer-bottom {
   background-color: rgba(#null, 0.0);
   color: rgba(#null, 0.0);
}

.copyright p a {
   color: rgba(#null, 0.0);
}

.copyright p a:hover {
   color: rgba(#null, 0.0);
}




















.card__price {
   font-family: ;
   font-size: px;
   color: ;
   font-weight: 
}