.service-v2 {
  background: #f2f2f2;
}

.service-v2 .page-center{
  max-width: 1152px;
  padding-left: 0;
  padding-right: 0;
}

.service-v2 .p-guide_article {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin: auto;
  flex: 1;
  overflow: hidden;
}

.service-v2 .p-guide_main {
  max-width: calc(100% - 330px);
  width: 100%;
  border-left: 1px solid #e5e7eb;
  padding: 1.5em 2em 1em 2em;
  flex: 1;
  overflow-y: auto;

}

.service-v2 .p-guide_main--inner {
  max-width: 740px;
  width: 100%;
  margin: auto;
}

.service-v2 .p-guide_side .p-guide_side-nav {
  padding: 50px;
  width: 330px;
  margin: auto;
  box-sizing: border-box;
}

.service-v2 .p-guide_side {
  max-width: 330px;
  overflow-y: auto;
  width: 100%;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul{
  margin: 0;
  padding: 0;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li {
  position: relative;
  padding-bottom: 30px;
  text-align: center;
  margin-bottom: 55px;
  width: 100%;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li.active,
.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li.active-branch{
  padding-bottom: 0;
  margin-bottom: 45px;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li:first-child::before {
  content: "";
  width: 100%;
  height: 8px;
  background: #b1b1b1;
  position: absolute;
  top: 54px;
  left: 0;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #ec181d;
  top: 54px;
  right: 0;
  position: absolute;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li:nth-child(2)::before{
  content: "";
  width: 100%;
  height: 8px;
  background: #b99e06;
  position: absolute;
  top: 54px;
  left: 0;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li:nth-child(3)::before {
  content: "";
  width: 100%;
  height: 8px;
  background: #dc4451;
  position: absolute;
  top: 54px;
  left: 0;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li > a{
  font-size: 20px;
  font-weight: 600;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper ul li a{
  color: #333;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li > ul {
  margin-top: 69px;
  text-align: left;
  display: none;
} 

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li.active-branch > ul {
  display: block;
} 

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li.active-branch > ul  li.active  a{
  color: #333;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li.active-branch > ul  li.active  ul a{
  color: #ec181d;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper > ul > li > ul > li > a{
  color: #ec181d;
  margin-bottom: 10px;
  display: inline-block;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper ul ul ul li {
  position: relative;
  padding-left: 20px;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper ul ul ul li::before {
  content: "・";
  position: absolute;
  color: #b1b1b1;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  margin: auto;
}

.service-v2 .p-guide_side-nav .hs-menu-wrapper ul ul ul li a {
  color: #ec181d;
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}

.service-v2 .p-guide_main h1 {
  font-size: 28px;
  margin-bottom: 50px; 
  line-height: 1.5;
  font-weight: 500;
}

.service-v2 .p-guide_main h2 {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 1.625;
  font-weight: 500;
}

.p-guide_main h3 {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.625;
  font-weight: 500;
}

.p-guide_main h4 {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.625;
  font-weight: 500;
}

.service-v2 .p-guide_main ol,
.service-v2 .p-guide_main ol li{
  list-style: none;
  margin: 0;
  padding: 0;
}

.service-v2 .p-guide_main p {
  font-size: 16px;
  margin-bottom: 20px;
}

.service-v2 .p-guide_main img {
  margin: 0 0 60px 0;
  border: 1px solid #b1b1b1;
}

.service-v2 .p-guide_main .p-guide_main-next {
  text-align: right;
}

.service-v2 .p-guide_main .p-guide_main-next a{
  color: #ec181d;
  padding-right: 70px;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-bottom: 80px;
  margin-top: 80px;
}

.service-v2 .p-guide_main .p-guide_main-next a::before {
  content: "";
  background: #fff;
  border-radius: 4px;
  width: 50px;
  height: 50px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.service-v2 .p-guide_main .p-guide_main-next a::after{
  content: "";
  background: url(//6493544.fs1.hubspotusercontent-na1.net/hubfs/6493544/raw_assets/public/Typoless_April2024/images/ico_arrow_r_r.svg) no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
  transform: rotate(180deg);
}

.service-v2 .p-guide_main--inner .hs_cos_wrapper_type_rich_text ul {
  padding: 0;
  margin: 0;
  padding-bottom: 16px;
  margin-left: 16px;
}

.service-v2 .p-guide_main--inner .hs_cos_wrapper_type_rich_text span{
  font-weight: 500;
}

.service-v2 .p-guide_main--inner .hs_cos_wrapper_type_rich_text ul li{
  margin-left: 16px;
  list-style: disc;
}

.error-page {
  padding: 20rem 0;
}


.systems-page .hs-form-field input+label{
  display: inline-block;
}

.hs-landing-page .hs-button{
  display: inline-block;
}


@media screen and (min-width: 768.8px){
  .service-v2 .p-guide_article  {
    height: 100vh;
  }
}

@media screen and (max-width: 959.8px){
  .service-v2 .p-guide_main h1 {
    margin-bottom: 33px;
  }
}


@media screen and (max-width: 767px){
  .service-v2 .p-guide_main{
    padding: 50px 15px 50px 14px;
  }

  .service-v2 .p-guide_article{
    flex-direction: column-reverse;
  }
  .service-v2 .p-guide_main {
    width: 100%;
    max-width: 100%
  }

  .service-v2 .p-guide_main--inner {
    width: 100%;
    max-width: 100%
  }

  .service-v2 .p-guide_side .p-guide_side-nav {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }

  .service-v2 .p-guide_side {
    width: 100%;
    max-width: 100%
  }

  .service-v2 .p-guide_main img{
    margin: 0 0 50px 0
  }

  .service-v2 .p-guide_side-nav .hs-menu-wrapper>ul>li:last-child{
    margin-bottom: 0;
  }

}




body{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

}



.header-container-wrap .row-fluid [class*=span] {
  min-height: auto;
}
footer.footer-wrap .row-fluid [class*=span] {
  min-height: auto;
}

.header-container-wrap {
  min-height: 67px;
}

html {
  font-size: 62.5%;
}
body {
  font-weight: 400;
  line-height: 1.625;
}
@media screen and (max-width: 959.8px){
  h2 {
    font-size: 22.78px;
    letter-spacing: -1px;
    margin-bottom: max(6.25vw, 30px);
  }
}
@media screen and (max-width: 748.8px) {
  h1 {
    font-size: 6vw;
  }
}

footer.footer.child-footer {
  line-break: strict;
  word-break: auto-phrase;
}
footer.child-footer .footer-section-2 .footer-content small{
  font-size: 11.1px;
  color: #333;
  line-height: 1.2;
}
footer.child-footer .footer-section-1 .footer-column-1{
  width: 100%;
  max-width: 300px;
}
footer.child-footer .footer-section-1 .footer-column-2{
  max-width: unset;
  width: auto;
}
footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 20px 25px;
}
footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2 ul li{
  padding: 0;
  margin: 0;
  min-width: unset;
}
footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2 ul li a{
  transition: 0.3s;
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  display: inline-block;
}
footer.child-footer .footer-column-wrapper{
  justify-content: space-between;
}
footer.child-footer .footer-section-1 .footer-column-1 small{
  line-height: 1.2;
  font-size: 12px;
  color: #333;
}
footer.child-footer .footer-column .footer-row:not(:first-child){
  padding-top: 0;
}
footer.child-footer .footer-logo{
  margin-bottom: 16px;
}
footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2.row2{
  margin-top: 10px;
}
footer.child-footer .footer-section-1 .footer-column-2 {
  position: relative;
}
footer.footer-wrap {
  font-size: 1.6rem;
}

footer.child-footer .footer-section-2 .footer-content p {
  line-height: 1.2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 27px;
  margin-bottom: 0;
} 

footer.child-footer .footer-logo{
  max-width: 140px;
  margin-bottom: 8px;
}

footer.child-footer {
  border-top: 1px solid #ddd;
}

footer.child-footer .footer-column-wrapper{
  flex-wrap: nowrap;
}
footer.child-footer .footer-section-1 .footer-column-1{
  transition: 0.3s all;
}
footer.child-footer .footer-section-1 .footer-column-1:hover {
  cursor: pointer;
}

footer.child-footer .footer-section-1 .footer-column-1 .footer-content a,
footer.child-footer .footer-section-1 .footer-logo a{
  opacity:1;
}

.sidebar-listing .side-search-wrap button ,
.sidebar-post .side-search-wrap button{
  border: none;
}

.body-container--blog-post .post-page__social ul li a svg{
  width: 1.2rem;
  height: 1.2rem;
}

.body-container--blog-post .post-page__social ul li {
  text-align: center;
}


@media (min-width: 768px) and (max-width: 991px){
  footer.child-footer .footer-column--2.footer-column-1 {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 749px){
  footer.child-footer .footer-section-1 .footer-column-1:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 748.8px){
  footer.footer.child-footer {
    padding-top: 45px;
    padding-bottom: 45px;
    background: #fff;
    border-top: 1px solid #ddd;
  }

  footer.child-footer .footer-column-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;

  }

  footer.child-footer .footer-section-1 .footer-column-1   .footer-logo {
    margin: 0 auto;
    margin-bottom: 6px;
    max-width: 219px;
    padding-right: 9px;
  }
  footer.child-footer .footer-section-1{
    padding-top:0;
  }

  footer.child-footer .footer-section-1 .footer-column-1   .footer-logo img  {
    width: 100%!important;
  }
  footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2 .footer-menu {
    margin-top: 30px;
  }
  footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2 ul {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
  }
  footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2 ul li {
    padding: 9px;
    border-top: 1px solid #ddd;
  }
  footer.child-footer .footer-section-1 .footer-column-1 {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2 ul li a {
    font-size: 1.5rem;
  }
  footer.child-footer  .footer-section-2 {
    padding-bottom: 0;
  }

  footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2.row2 {
    margin-top: 0;
  }

  footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2.row2 .footer-menu {
    margin-top: 0;
  }
  footer.child-footer .footer-section-1 .footer-column-2 .footer-row--2.row2 ul {
    border-bottom: 1px solid #ddd;
  }
  footer.child-footer .footer-section-2 .footer-content p {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 27px;
    padding: 0 24px;
  }
  footer.child-footer .footer-section-2 .page-center {
    padding: 0;
  }
  .footer_logo small {
    font-size: 1.2rem;
    white-space: nowrap;
  }
}



/* Header Theme Setting  */

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

.header_main_wrapper .hs-menu-wrapper > ul > li > a,
.header_main_wrapper .multipurose_nav .navigation-primary ul > li > a {
  color: rgba(51, 51, 51, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}  

.header_main_wrapper .hs-menu-wrapper > ul > li > a:hover,
.header_main_wrapper .multipurose_nav .navigation-primary.cmNav ul > li > a:hover {
  color: rgba(236, 24, 29, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

.header_main_wrapper .hs-menu-wrapper > ul > li.active-branch > a,
.header_main_wrapper .hs-menu-wrapper > ul > li > a.active-branch,
.header_main_wrapper .multipurose_nav .navigation-primary ul.submenu.level-1 > li > a.active-item { 
  color: rgba(51, 51, 51, 1.0);
  background-color: rgba(247, 247, 247, 1.0);
}

.header_main_wrapper .hs-menu-wrapper > ul > li ul,
.header_main_wrapper .multipurose_nav nav.navigation-primary ul.submenu.level-2{
  background-color: rgba(255, 255, 255, 1.0);
}

.header_main_wrapper .hs-menu-wrapper > ul > li ul li a,
.header_main_wrapper .multipurose_nav .navigation-primary ul > li ul li a:not(.hs-button) {
  color: rgba(51, 51, 51, 1.0) ;
  background-color: rgba(255, 255, 255, 0.0);
}

.header_main_wrapper .hs-menu-wrapper > ul > li ul li a:hover,
.header_main_wrapper .multipurose_nav .navigation-primary ul > li ul li a:not(.hs-button):hover {
  color: rgba(236, 24, 29, 1.0)!important;
  background-color: rgba(255, 255, 255, 0.0);
}

.header_main_wrapper .hs-menu-wrapper > ul > li ul li.active-branch > a,
.header_main_wrapper .hs-menu-wrapper > ul > li ul li a.active-branch,
.header_main_wrapper .hs-menu-wrapper > ul > li ul li.active > a,
.header_main_wrapper .hs-menu-wrapper > ul > li ul li a.active,
.header_main_wrapper .multipurose_nav .navigation-primary ul.submenu.level-1 > li ul li a.menu-link.active-item {
  color: rgba(51, 51, 51, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}





.error_inner_wrap svg{
  width:auto;
  height:auto;
}

.error_inner_wrap .hs-button:hover {
  background-color: #a16207;
  opacity: 1;
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:  0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

.error_inner_wrap{
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, sans-serif;
}
.error#main-content {
  padding-top: 38px;
  display: flex;
  justify-content: center;
  background-color: #f4f5f7;
  height: 100vh;
  border-bottom: 1px solid #e5e7eb;
}

.error_inner_wrap .content_wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: fit-content;
  margin-bottom: 16px;
  justify-content: center;
  align-items: center;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, sans-serif;
}

.error_inner_wrap .error_content h2 {
  font-size: 34px;
  font-weight: 700;
  line-height: 140%;
  color: #000;
  margin: 0;
  text-align: center;
  font-family: inherit;
}

.error_inner_wrap .error_content  p {
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  line-height: 140%;
  color: #3e444f;
  padding-bottom: 16px;
  margin:0;
  margin-top: 20px;
  font-family: inherit;

}

.error_inner_wrap #hs_cos_wrapper_button {
  width: 100%;
  text-align: center;
  display: flex;
}

.error_inner_wrap .hs-button {
  font-size: 14px;
  width: 100%;
  line-height: 20px;
  text-align: center;
  border-radius: 6px;
  background-color: #d7ae16;
  column-gap: .75rem;
  justify-content: center;
  align-items: center;
  max-width: 24rem;
  display: inline-flex;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
  margin: 0;
  background-image: none;
  max-width: none;
  padding: 12px 16px;
  font-family: inherit;
  border:none;
}

.systems-page .hs-form-field label{
  display: block;
}

form input[type=submit],
form .hs-button,
.gradient a,
.transparent a,
.cta_button,
.cst-button,
.hs-button,
.pri-btn,
.sec-btn{
  display: block;
}

/*  ----------------------------------------------------------------- Form Setting ---------------------------------------------------------------  */


form .hs-form-required {
  color: red;
}

form label {
  display: block;
  float: none;
  width: auto;
  font-weight: 500;
  line-height: 20px;
  padding-top: 0;
  margin-bottom: 4px;
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
  color: #33475b;
}

form .inputs-list label {
  float: none;
  width: auto;
  padding: 0;
  line-height: 20.75px;
  white-space: normal;
  font-weight: normal;
}

form input[type=email], 
form input[type=file], 
form input[type=number],
form input[type=password],
form input[type=tel],
form input[type=text], 
form select, 
form textarea{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  border: 1px solid #cbd6e2;
  min-height: 40px;
  display: inline-block;
  width: 90%;
  box-sizing: border-box;
  padding: 0 15px;
}

form .hs-richtext, 
form .hs-richtext p {
  font-size: 14px;
}

form legend{
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  margin: 0px 0px 6px;
}

form input::placeholder,
form textarea::placeholder {
  opacity: 0.7;
  color: #9ca3af;
}

form .hs-richtext p {
  margin: revert;
  font-family: arial, helvetica, sans-serif;
  line-height: 24px;
}

form .hs-richtext  a{
  color: #0000EE;
  text-decoration:underline;
}
form .hs-richtext  a:hover{
  color:#551A8B;
}
form .grecaptcha-badge {
  margin-left: 0;
}

form .hs-fieldtype-checkbox label input,
form .hs-fieldtype-radio label input,
form  .hs-fieldtype-booleancheckbox  label input{
  width: auto !important;
  margin: 3px 5px 3px 0px;

}
form input:not([type=submit]) {
  margin-bottom:0rem;
}
form .field {
  margin-bottom: 18px;
}

form .inputs-list:first-child {
  padding-top: 6px;
}

form .inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 5px;
}

form legend.hs-field-desc {
  font-family: arial, helvetica, sans-serif;
  color: #7C98B6;
  font-size: 11px;
  padding: 0 2px;
}

form .inputs-list>li {
  display: block;
  padding: 0;
  width: 100%;
  margin:0;
}

form .hs-custom-style>div>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]),
form .hs-custom-style fieldset>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]) {
  width: 100%;
  max-width: 100%;
}

form .inputs-list>li+li {
  padding-top: 2px;
}

.faq-banner.main-banner .banner_background_settings {
  background-image: none;
}

.faq-banner.main-banner .title-wrpr h1 {
  font-size: 4rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}

.faq-banner.main-banner .content-area {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 177px;
}
.min-height.faq-banner.main-banner .content-area{
  min-height: 160px;
}

.typo-accordian .top_cnt h2 {
  position: relative;
  padding-left: 27px;
  font-size: 2.1rem;
  letter-spacing: 0.04em;
  font-weight: 500;
  margin-bottom: 0;
}

.typo-accordian .top_cnt h2:before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 100px;
  background-color: #ec181d;
  content: "";
  text-decoration: inherit;
  vertical-align: inherit;
}

.typo-accordian .top_cnt p {
  margin-top: 6px;
  font-size: 1.5rem;
  margin-bottom: 0;
}

.typo-accordian {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 100px);
}

h1, h2 {
  line-height: inherit;
}


.typo-accordian.accordion_wrap .acc-item {
  margin-top: 30px;
  border: 2px solid #ddd;
  border-radius: 6px;
  margin-bottom: 0;
  box-shadow: none;
}

.typo-accordian.accordion_wrap .acc-item + .acc-item {
  margin-top: 12px!important;
}

.typo-accordian.accordion_wrap .acc-item .acctitle {
  display: flex;
  align-items: center;
  gap: 0 21px;
  position: relative;
  padding: 21px 51px 18px 0;
  cursor: pointer;
}

.typo-accordian.accordion_wrap .acc-item .accordion-header span {
  top: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 100px; 
  padding: 0;
  font-family: "poppins", sans-serif;
  font-size: 4rem;
  color: #ec181d;
  line-height: 1;
}

.typo-accordian.accordion_wrap .acc-item .accordion-header p {
  font-size: 1.8rem;
  padding-bottom: 3px;
  font-weight: 500;
}


.typo-accordian.accordion_wrap .acc-item .accordion-header span:after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  width: 2px;
  height: 100%;
  background: #ddd;
}

.typo-accordian.accordion_wrap .acc-item .acc-content {
  line-height: 1.5;
  padding: 0 57px 21px 123px;
}

.typo-accordian.accordion_wrap .acc-item .acctitle:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 21px;
  margin: auto;
  width: 22px;
  height: 14px;
  background-image: url(//6493544.fs1.hubspotusercontent-na1.net/hubfs/6493544/raw_assets/public/Typoless_April2024/images/faq_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

.typo-accordian.accordion_wrap .acc-item .acctitle.activeaccord:after {
  transform: rotate(180deg);
}


.typo-accordian.accordion_wrap .acc-item   .accordion-content-inner p a {
  text-decoration: underline;
}


.faq-btn .btn-wrpr {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 100px);
}
.faq-btn  .top_content h2 {
  font-size: 4rem;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 0;
}
.faq-btn.advanced-button .button_wrap {
  display: flex;
  justify-content: center;
  gap: 0 20px;
  margin-top: 32px;
}
.faq-btn.advanced-button .button_wrap .button_item:not(:last-child) {
  margin: 0;
}
.faq-btn.advanced-button .sign-up-btn ,
.faq-btn.advanced-button .service-brief-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;

  min-height: 70px;
  padding: 0 32px;
  background: #ec181d;
  border-radius: 6px;
  box-shadow: 0px 4px 0px 0px #960002;
}
.faq-btn.advanced-button  .button_item {
  width: 50%;
  max-width: 390px;
}

.faq-btn.advanced-button .sign-up-btn:after,
.faq-btn.advanced-button .service-brief-btn:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
  border-right: 0;
}

.min-height.faq-banner.main-banner .title-wrpr h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 2rem;
}


.home_layout .row-fluid-wrapper:last-child .row-fluid [class*=span] {
  min-height: 0;
}

@media screen and (min-width: 749px){
  .typo-accordian.accordion_wrap .acc-item   .accordion-content-inner p a:hover {
    opacity: 0.7;
  }
  a:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 1025px){
  .lp-header.header_main_wrapper .header_inner {
    min-height: 66px;
  }
}

@media screen and (max-width : 1025px)and  (min-width: 768px) {
  .lp-header.header_main_wrapper .header_inner {
    min-height: 60px;
  }
}
@media screen and (max-width: 748px){
  .typo-accordian.accordion_wrap .acc-item .accordion-header span:after{
    display:none;
  }

  .typo-accordian.accordion_wrap .acc-item .accordion-header span{
    top:-1px;
  }
  .faq-banner.main-banner .content-area {
    min-height: 111px;
    padding: 0 15px;
  }

  .faq-banner.main-banner .title-wrpr h1 {
    font-size: 6vw;
  }  
  .typo-accordian {
    padding: 0 15px;
  }


  .typo-accordian .top_cnt h2 {
    padding-left: 27px;
    font-size: 1.8rem;
  }

  .typo-accordian .top_cnt p {
    font-size: 1.2rem;
  }

  .typo-accordian .top_cnt h2:before {
    top: 6px;
    width: 18px;
    height: 18px;
  }

  .typo-accordian.accordion_wrap .acc-item {
    margin-top: 21px !important;
  }

  .typo-accordian.accordion_wrap .acc-item .acctitle {
    gap: 0 12px;
    padding: 16px 40px 16px 0;
  }
  .typo-accordian.accordion_wrap .acc-item .accordion-header span {
    min-width: 60px;
    padding: 0;
    font-size: 2.4rem;
  }
  .typo-accordian.accordion_wrap .acc-item .accordion-header p:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -12px;
    width: 2px;
    height: 100%;
    background: #ddd;
  }
  .typo-accordian.accordion_wrap .acc-item .accordion-header p {
    position: relative;
    font-size: 1.5rem;
  }
  .typo-accordian.accordion_wrap .acc-item .acctitle:after {
    right: 16px;
    width: 11px;
    height: 7px;
  }
  .typo-accordian.accordion_wrap .acc-item .acc-content {
    font-size: 1.5rem;
    padding: 9px 18px 18px 18px;
  }
  .typo-accordian.accordion_wrap .acc-item+.acc-item {
    margin-top: 9px !important;
  }
  .typo-accordian.accordion_wrap .acc-item .accordion-header p:after {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    width: 2px;
    height: 100%;
    background: #ddd;
  }
  .faq-btn .btn-wrpr {
    padding: 0 15px;
  }

  .faq-btn .top_content h2 {
    font-size: 2.7rem;
  }

  .faq-btn.advanced-button .button_wrap {
    flex-direction: column;
    gap: 12px 0;
    margin-top: 21px;
  }

  .faq-btn.advanced-button .button_item {
    font-size: 4.2vw;
    max-width: 100%;
    min-height: 60px;
    width: 100%;
  }

  .faq-btn.advanced-button .service-brief-btn, .faq-btn.advanced-button .sign-up-btn{
    font-size: 4.2vw;
    min-height: 60px;
  }

  .min-height.faq-banner.main-banner .content-area {
    min-height: 88px;
  }
  .min-height.faq-banner.main-banner .title-wrpr h1 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
  }
}


@media (max-width: 480px){
  form fieldset.form-columns-2 .hs-form-field,
  form fieldset  .hs-input{
    width: 100%!important;
  }

}



.body-wrapper {
   word-break: normal;
}

.p-lead__title {
   text-align: center;
}
.p-lead__title h2 {
   font-size: 28.83px;
   margin-bottom: 20px;
}

.bottom_pane_butn .bt_btn:before,
.bottom_pane_butn .bt_btn:after,
.image_dot_style figure:before,
.image_dot_style figure:after,
.five_features .image-with-content-item:nth-child(1)::before,
.five_features .image-with-content-item:nth-child(3)::before,
.five_features .image-with-content-item:nth-child(4)::before,
.five_features .image-with-content-item:nth-child(5)::before{
   content: "";
   background: url(//6493544.fs1.hubspotusercontent-na1.net/hubfs/6493544/raw_assets/public/Typoless_April2024/images/ico_dot.svg) no-repeat;
   content: "";
   background-size: cover;
   z-index: 0;
   position: absolute;
   margin: auto;
   width: 139px;
   height: 139px;
}


.five_features .image-with-topcontent {
   text-align: center;
   margin-bottom: 50px;
}
.five_features .image-with-topcontent h2 {
   font-size: 28.83px;
   margin-bottom: 20px;
}
.five_features .page-center {
   max-width: 1160px;
   padding: 0;
}
.five_features .row {
   margin: 0;
   display: flex;
   justify-content: center;
   align-items: stretch;
   flex-wrap: wrap;
   gap: max(1.953vw, 25px);
   gap: 25px;
}

.five_features .image-with-content-item {
   padding: 0;
   -ms-flex: inherit !important;
   flex: inherit !important;
   max-width: 370px !important;
}
.five_features .image-with-content-item-inner {
   display: block;
   position: relative;
   height: 100%;
   z-index: 2;
}
.five_features .image-section {
   text-align: center;
}
.five_features .image-section img {
   width: 100%;
}
.five_features .content-section h3 {
   font-size: 18px;
   position: relative;
   margin: 0 0 20px 0;
   line-height: 1.625;
}
.five_features .content-section {
   position: relative;
   font-size: 18px;
   margin-left: 12px;
}
.five_features .content-section h3 span {
   position: relative;
   padding: 0 0 10px 0;
   color: #ec181d;
   display: inline-block;
}
.five_features .content-section h3 span:before {
   content: "";
   width: 100%;
   height: 8px;
   background: #b1b1b1;
   position: absolute;
   bottom: 0;
}
.five_features .content-section h3 span:after {
   content: "";
   background: #ec181d;
   position: absolute;
   bottom: 0;
   right: 0;
   width: 8px;
   height: 8px;
}
.five_features .content-section p {
   font-size: 16px;
}
.five_features .image-with-content-item:nth-child(1)::before {
   left: -29px;
   top: -29px;
}
.five_features .image-with-content-item:nth-child(3)::before {
   right: -29px;
   top: -29px;
}
.five_features .image-with-content-item:nth-child(4)::before {
   bottom: -29px;
   left: -29px;
}
.five_features .image-with-content-item:nth-child(5)::before {
   bottom: -29px;
   right: -29px;
}
.five_features .image-with-topcontent img:hover {
   opacity: 0.5;
}

.image_dot_style .image-with-topcontent h2 {
   margin-bottom: 0px;
   font-size: 28.83px;
}
.image_dot_style .image-with-topcontent {
   text-align: center;
}
.image_dot_style .page-center {
   max-width: 1012px;
   padding: 0;
}
.image_dot_style .row {
   margin: 0;
}
.image_dot_style .image-with-content-item {
   padding: 0;
}
.image_dot_style .image-section {
   margin: 0 !important;
}
.image_dot_style .content-section p {
   margin: 50px auto;
   font-size: 16px;
   max-width: 910px;
}
.image_dot_style figure img {
   width: 100%;
   z-index: 2;
   position: relative;
}
.image_dot_style figure {
   margin: 0;
   padding: 0;
   position: relative;
   z-index: 2;
}
.image_dot_style figure:before {
   top: -29px;
   right: -29px;
}
.image_dot_style figure:after {
   bottom: -29px;
   left: -29px;
}
.image_dot_style .image-with-content-item-inner {
   margin-bottom: 0 !important;
}
.image_dot_style .image-with-content-item {
   padding: 0;
   -ms-flex: 0 0 100% !important;
   flex: 0 0 100% !important;
   max-width: 100% !important;
}


.bottom_pane_butn .page-center {
   max-width: 888px;
   padding: 0;
}
.bottom_pane_butn h2 {
   font-size: 28.83px;
   margin: 0;
}
.bottom_pane_butn .top_content {
   text-align: center;
   margin-bottom: 50px;
}
.bottom_pane_butn .bt_btn {
   position: relative;
}
.bottom_pane_butn .bt_btn:before {
   top: -40px;
   right: -29px;
}
.bottom_pane_butn .bt_btn:after {
   top: -100px;
   left: -29px;
}
.bottom_pane_butn .button_wrap {
   margin: 0 !important;
   justify-content: center;
   gap: 35px;
}
.bottom_pane_butn .button_item {
   display: block !important;
   margin: 0 !important;
}
.bottom_pane_butn .button_wrap .button_item a {
   font-weight: 600;
   border-radius: 4px;
   display: inline-block;
   padding: 20px 25px;
   font-size: 18px;
   background: #ec181d;
   color: #fff;
   background-image: none;
   border: 0px;
}
.bottom_pane_butn .button_wrap span.btn_text {
   line-height: 1;
   vertical-align: inherit;
}

.button_item.button_item_1, .button_item.button_item_3 {
  z-index: 1;
}

.home_accordion {
   margin: 0 max(4.2968vw, 55px);
   max-width: 864px;
   margin: 0 auto;
   padding-bottom: 10px;
}
.home_accordion .top_cnt {
   text-align: center;
}
.home_accordion .top_cnt h2 {
   margin-bottom: 50px;
   font-size: 28.83px;
   line-height: 1.625;
}
.home_accordion .top_cnt h3 {
   font-size: 22.78px;
   text-align: center;
   margin-bottom: 50px;
   line-height: 1.625;
}

.home_accordion.accordion_wrap .acc-item {
   padding: 30px !important;
   position: relative;
}
.home_accordion.accordion_wrap .acc-item .acctitle {
   padding: 0;
   font-size: 18px;
   position: relative;
   padding: 0 40px 0 0;
   display: block;
}
.home_accordion.accordion_wrap .acc-item .acctitle h5 {
   font-size: 18px;
   line-height: 1.625;
   position: relative;
   display: block;
   padding-left: 25px;
   font-weight: 400;
}
.home_accordion.accordion_wrap .acc-item .carrortwrap {
   display: none;
}
.home_accordion.accordion_wrap .acc-item .accordion-header:before {
   content: "";
   width: 20px;
   height: 2px;
   background: #404040;
   top: 14px;
   right: 0px;
   margin: auto;
   position: absolute;
}
.home_accordion.accordion_wrap .acc-item .accordion-header:after {
   content: "";
   width: 20px;
   height: 2px;
   background: #404040;
   top: 14px;
   right: 0px;
   margin: auto;
   position: absolute;
   transform: rotate(90deg);
}
.home_accordion.accordion_wrap .acc-item .acctitle h5:before {
   content: "Q.";
   top: 0;
   left: 0;
   margin: auto;
   position: absolute;
   color: #333333;
}
.home_accordion.accordion_wrap .acc-item .acc-content {
   padding: 30px 0 0;
   font-size: 1.6rem;
}
.home_accordion.accordion_wrap .acc-item .accordion-header.activeaccord:after {
   display: none;
}
.home_accordion.accordion_wrap .accordion .accordion-items .accordion-content .accordion-content-inner a {
   color: #ec181d !important;
   text-decoration: underline;
}


.pricing_with_table.pricing_typoless .p-content_area_lp {
   padding: 0;
}
.pricing_with_table.pricing_typoless,
.cnt_with_img_section.why_choose_us {
   padding: 0 30px !important;
}
.pricing_with_table.pricing_typoless .page-center,
.cnt_with_img_section.why_choose_us .introduction_content_wrap{
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 clamp(20px, 5vw, 100px);
}

/* 1008pricenew */
.pricing_with_table.lgpricing_typoless .p-content_area_lp {
   padding: 0;
}
.pricing_with_table.lgpricing_typoless,
.cnt_with_img_section.why_choose_us {
   padding: 0 30px !important;
}
.pricing_with_table.lgpricing_typoless .page-center,
.cnt_with_img_section.why_choose_us .introduction_content_wrap{
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 clamp(20px, 5vw, 100px);
}

/* 1008pricenew */

.cnt_with_img_section.why_choose_us .normal_img_wrap {
   border: 1px solid #e7e7e7;
}
.cnt_with_img_section.why_choose_us .content p {
   line-height: 1.5;
   margin: 0;
}
.cnt_with_img_section.why_choose_us .button_wrap {
   margin: 0;
}
.cnt_with_img_section.why_choose_us .button_wrap .button_item {
   display: block;
   margin: 0 !important;
}
.cnt_with_img_section.why_choose_us .button_wrap .button_item a {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   color: #fff;
   font-size: 1.8rem;
   font-weight: 400;
   text-align: center;
   width: 100%;
   max-width: 420px;
   min-height: 60px;
   margin-top: 15px;
   padding: 0 30px;
   background: #ec181d;
   border-radius: 6px;
}
.cnt_with_img_section.why_choose_us .button_wrap .button_item a::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   right: 20px;
   margin: auto;
   width: 0;
   height: 0;
   border-style: solid;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
   border-left: 8px solid #fff;
   border-right: 0;
}



.pricing_page_sec.pricing_typoless .p-content_area_lp {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0px 76px 20px;
}

/* 1008pricenew */

.pricing_page_sec.lgpricing_typoless .p-content_area_lp {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0px 76px 20px;
}


/* 1008pricenew */

.price_pane_butn .top_content {
   text-align: center;
   margin-bottom: 32px;
}
.price_pane_butn .top_content h2 {
   margin: 0;
   font-size: 4rem;
   letter-spacing: 0.04em;
}
.price_pane_butn.advanced-button .button_wrap {
   margin: 0;
   gap: 0 20px;
}
.price_pane_butn .page-center {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 clamp(20px, 5vw, 100px);
}
.price_pane_butn.advanced-button .button_item {
   display: block !important;
   margin: 0 !important;
   max-width: 390px;
   width: 100%;
}
.faq-btn .button_wrap .button_item a, .price_pane_butn .button_wrap .button_item a {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   color: #fff;
   font-size: 1.8rem;
   font-weight: 400;
   text-align: center;
   width: 100%;
   min-height: 70px;
   padding: 0 32px;
   background: #ec181d;
   border-radius: 6px;
   box-shadow: 0px 4px 0px 0px #960002;
}
.faq-btn .button_wrap .button_item a:after, .price_pane_butn .button_wrap .button_item a:after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   right: 20px;
   margin: auto;
   width: 0;
   height: 0;
   border-style: solid;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
   border-left: 8px solid #fff;
   border-right: 0;
}
.price_pane_butn .button_wrap span.btn_text {
   line-height: 1;
}

.case_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(20px, 5vw, 100px);
}
.case_section .image-with-topcontent {
   padding: 60px 0 30px;
}
.case_section .image-with-topcontent p {
   margin: 21px 0 0 0;
}
.case_section .image-with-topcontent h1 {
   line-height: 1.5em;
   margin: 27px 0 0 0;
   font-size: 3.9rem;
}
.case_section .image-section {
   margin: 0 !important;
}
.case_section .content-section {
   max-width: 800px;
   margin: 60px auto 0;
   width: 100%;
}
.case_section .content-section ul {
   margin: 0 0 60px;
   padding: 0;
   list-style: none;
}
.case_section .content-section ul li {
   position: relative;
   padding-left: 27px;
   font-size: 2.1rem;
   letter-spacing: 0.04em;
   font-weight: 500;
}
.case_section .content-section ul li:before {
   position: absolute;
   top: 9px;
   left: 0;
   width: 18px;
   height: 18px;
   display: block;
   border-radius: 100px;
   background-color: #ec181d;
   content: "";
}
.case_section .content-section h2 {
   position: relative;
   margin-top: 51px;
   margin-bottom: 27px !important;
   padding-bottom: 9px;
   border-bottom: 2px solid #ddd;
   font-size: 2.7rem;
   text-align: left;
   color: #333;
   line-height: 1.5;
   letter-spacing: 0 !important;
}
.case_section .content-section h2:after {
   position: absolute;
   top: 100%;
   left: 0;
   width: 30px;
   height: 2px;
   display: block;
   background-color: #ec181d;
   content: "";
}
.case_section .content-section p {
   margin-bottom: 27px;
   font-size: 1.5rem;
   line-height: 1.8;
}

.case_three_section .image-with-content-wrap {
   max-width: 800px;
   margin: 0px auto 0;
}
.case_three_section.image-with-content-mdl .image-with-content-item-inner {
   margin: 0 !important;
   border-radius: 6px !important;
   border: 1px solid #ddd;
   padding: 16px;
}
.case_three_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(20px, 5vw, 100px);
}
.case_three_section .image-section {
   margin: 0 !important;
}
.case_three_section .row {
   margin: 0 -8px;
}
.case_three_section .image-with-content-item {
   padding: 0 8px;
}
.case_section.image-with-content-mdl .image-with-content-item-inner {
   margin: 0 !important;
}
.case_three_section.image-with-content-mdl .content-section h3 {
   position: relative;
   margin-bottom: 18px;
   padding-bottom: 9px;
   font-weight: 500;
   font-size: 1.8rem;
   line-height: 1.625;
}
.case_three_section.image-with-content-mdl .content-section h3:after {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 30px;
   height: 1px;
   display: block;
   background-color: #ec181d;
   content: "";
}
.case_three_section.image-with-content-mdl .content-section p {
   font-size: 1.4rem;
}
.case_three_section.image-with-content-mdl {
   padding-bottom: 9px;
}

.case_top_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(20px, 5vw, 100px);
}
.case_top_section .image-with-topcontent {
   max-width: 800px;
   margin: 0px auto 0;
}
.case_top_section .image-with-topcontent h2 {
   position: relative;
   margin-top: 51px;
   margin-bottom: 27px !important;
   padding-bottom: 9px;
   border-bottom: 2px solid #ddd;
   font-size: 2.7rem;
   text-align: left;
   color: #333;
   line-height: 1.5;
   letter-spacing: 0 !important;
}
.case_top_section .image-with-topcontent h2:after {
   position: absolute;
   top: 100%;
   left: 0;
   width: 30px;
   height: 2px;
   display: block;
   background-color: #ec181d;
   content: "";
}
.case_top_section .image-with-topcontent h3 {
   margin-bottom: 15px;
   font-size: 2rem;
   line-height: 1.285;
   color: #ec181d;
}
.case_top_section .image-with-topcontent p {
   margin-bottom: 27px;
   font-size: 1.5rem;
   line-height: 1.8;
}
.case_top_section .image-with-topcontent figure {
   max-width: 650px;
   margin: 50px auto 60px;
}
.case_top_section .image-with-topcontent ul {
   list-style: none;
   margin: 0 0 60px;
   padding: 0;
}
.case_top_section .image-with-topcontent ul li {
   position: relative;
   padding-left: 20px;
}
.case_top_section .image-with-topcontent ul li:before {
   position: absolute;
   top: 10px;
   left: 0;
   width: 8px;
   height: 8px;
   display: block;
   border-radius: 100px;
   background-color: #ec181d;
   content: "";
}

.case2_top_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(0px, 0vw, 0px);
}
.case2_top_section .image-with-topcontent {
   max-width: 800px;
   margin: 0px auto ;
}
.case2_top_section .image-with-topcontent h2 {
   position: relative;
   margin-top: 10px;
   margin-bottom: 10px !important;
   padding-bottom: 9px;
   border-bottom: 5px solid #ddd;
   font-size: 2.7rem;
   text-align: left;
   color: #333;
   line-height: 1.0;
   letter-spacing: 0 !important;
}
.case2_top_section .image-with-topcontent h2:after {
   position: absolute;
   top: 100%;
   left: 0;
   width: 30px;
   height: 5px;
   display: block;
   background-color: #ec181d;
   content: "";
}
.case2_top_section .image-with-topcontent h3 {
   margin-bottom: 15px;
   font-size: 2rem;
   line-height: 1.285;
   color: #ec181d;
}
.case2_top_section .image-with-topcontent p {
   margin-bottom: 10px;
   font-size: 1.5rem;
   line-height: 1.8;
}
.case2_top_section .image-with-topcontent figure {
   max-width: 650px;
   margin: 50px auto 0px;
}
.case2_top_section .image-with-topcontent ul {
   list-style: none;
   margin: 0 0 0px;
   padding: 0;
}
.case2_top_section .image-with-topcontent ul li {
   position: relative;
   padding-left: 20px;
}
.case2_top_section .image-with-topcontent ul li:before {
   position: absolute;
   top: 10px;
   left: 0;
   width: 8px;
   height: 8px;
   display: block;
   border-radius: 100px;
   background-color: #ec181d;
   content: "";
}

.case_section_top_diff.case_section .image-with-topcontent {
   max-width: 1200px;
   margin: 0 auto;
   padding-left: clamp(20px, 5vw, 100px);
   padding-right: clamp(20px, 5vw, 100px);
}

/* lg */

.lgcase_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(20px, 5vw, 100px);
}
.lgcase_section .image-with-topcontent {
   padding: 60px 0 30px;
}
.lgcase_section .image-with-topcontent p {
   margin: 21px 0 0 0;
}
.lgcase_section .image-with-topcontent h1 {
   line-height: 1.5em;
   margin: 27px 0 0 0;
   font-size: 3.9rem;
}
.lgcase_section .image-section {
   margin: 0 !important;
}
.lgcase_section .content-section {
   max-width: 800px;
   margin: 60px auto 0;
   width: 100%;
}
.lgcase_section .content-section ul {
   margin: 0 0 60px;
   padding: 0;
   list-style: none;
}
.lgcase_section .content-section ul li {
   position: relative;
   padding-left: 27px;
   font-size: 2.1rem;
   letter-spacing: 0.04em;
   font-weight: 500;
}
.lgcase_section .content-section ul li:before {
   position: absolute;
   top: 9px;
   left: 0;
   width: 18px;
   height: 18px;
   display: block;
   border-radius: 100px;
   background-color: #ec181d;
   content: "";
}
.lgcase_section .content-section h2 {
   position: relative;
   margin-top: 51px;
   margin-bottom: 27px !important;
   padding-bottom: 9px;
   border-bottom: 2px solid #ddd;
   font-size: 2.7rem;
   text-align: left;
   color: #333;
   line-height: 1.5;
   letter-spacing: 0 !important;
}
.lgcase_section .content-section h2:after {
   position: absolute;
   top: 100%;
   left: 0;
   width: 30px;
   height: 2px;
   display: block;
   background-color: #ec181d;
   content: "";
}
.lgcase_section .content-section p {
   margin-bottom: 27px;
   font-size: 1.5rem;
   line-height: 1.8;
}

.case_three_section .image-with-content-wrap {
   max-width: 800px;
   margin: 0px auto 0;
}
.case_three_section.image-with-content-mdl .image-with-content-item-inner {
   margin: 0 !important;
   border-radius: 6px !important;
   border: 1px solid #ddd;
   padding: 16px;
}
.case_three_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(20px, 5vw, 100px);
}
.case_three_section .image-section {
   margin: 0 !important;
}
.case_three_section .row {
   margin: 0 -8px;
}
.case_three_section .image-with-content-item {
   padding: 0 8px;
}
.lgcase_section.image-with-content-mdl .image-with-content-item-inner {
   margin: 0 !important;
}
.case_three_section.image-with-content-mdl .content-section h3 {
   position: relative;
   margin-bottom: 18px;
   padding-bottom: 9px;
   font-weight: 500;
   font-size: 1.8rem;
   line-height: 1.625;
}
.case_three_section.image-with-content-mdl .content-section h3:after {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 30px;
   height: 1px;
   display: block;
   background-color: #ec181d;
   content: "";
}
.case_three_section.image-with-content-mdl .content-section p {
   font-size: 1.4rem;
}
.case_three_section.image-with-content-mdl {
   padding-bottom: 9px;
}

.lgcase_top_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(20px, 5vw, 100px);
}
.lgcase_top_section .image-with-topcontent {
   max-width: 800px;
   margin: 0px auto 0;
}
.lgcase_top_section .image-with-topcontent h2 {
   position: relative;
   margin-top: 51px;
   margin-bottom: 27px !important;
   padding-bottom: 9px;
   border-bottom: 2px solid #ddd;
   font-size: 2.7rem;
   text-align: left;
   color: #333;
   line-height: 1.5;
   letter-spacing: 0 !important;
}
.lgcase_top_section .image-with-topcontent h2:after {
   position: absolute;
   top: 100%;
   left: 0;
   width: 30px;
   height: 2px;
   display: block;
   background-color: #ec181d;
   content: "";
}
.lgcase_top_section .image-with-topcontent h3 {
   margin-bottom: 15px;
   font-size: 2rem;
   line-height: 1.285;
   color: #ec181d;
}
.lgcase_top_section .image-with-topcontent p {
   margin-bottom: 27px;
   font-size: 1.5rem;
   line-height: 1.8;
}
.lgcase_top_section .image-with-topcontent figure {
   max-width: 650px;
   margin: 50px auto 60px;
}
.lgcase_top_section .image-with-topcontent ul {
   list-style: none;
   margin: 0 0 60px;
   padding: 0;
}
.lgcase_top_section .image-with-topcontent ul li {
   position: relative;
   padding-left: 20px;
}
.lgcase_top_section .image-with-topcontent ul li:before {
   position: absolute;
   top: 10px;
   left: 0;
   width: 8px;
   height: 8px;
   display: block;
   border-radius: 100px;
   background-color: #ec181d;
   content: "";
}

.case2_top_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(0px, 0vw, 0px);
}
.case2_top_section .image-with-topcontent {
   max-width: 800px;
   margin: 0px auto ;
}
.case2_top_section .image-with-topcontent h2 {
   position: relative;
   margin-top: 10px;
   margin-bottom: 10px !important;
   padding-bottom: 9px;
   border-bottom: 5px solid #ddd;
   font-size: 2.7rem;
   text-align: left;
   color: #333;
   line-height: 1.0;
   letter-spacing: 0 !important;
}
.case2_top_section .image-with-topcontent h2:after {
   position: absolute;
   top: 100%;
   left: 0;
   width: 30px;
   height: 5px;
   display: block;
   background-color: #ec181d;
   content: "";
}
.case2_top_section .image-with-topcontent h3 {
   margin-bottom: 15px;
   font-size: 2rem;
   line-height: 1.285;
   color: #ec181d;
}
.case2_top_section .image-with-topcontent p {
   margin-bottom: 10px;
   font-size: 1.5rem;
   line-height: 1.8;
}
.case2_top_section .image-with-topcontent figure {
   max-width: 650px;
   margin: 50px auto 0px;
}
.case2_top_section .image-with-topcontent ul {
   list-style: none;
   margin: 0 0 0px;
   padding: 0;
}
.case2_top_section .image-with-topcontent ul li {
   position: relative;
   padding-left: 20px;
}
.case2_top_section .image-with-topcontent ul li:before {
   position: absolute;
   top: 10px;
   left: 0;
   width: 8px;
   height: 8px;
   display: block;
   border-radius: 100px;
   background-color: #ec181d;
   content: "";
}

.lgcase_section_top_diff.lgcase_section .image-with-topcontent {
   max-width: 1200px;
   margin: 0 auto;
   padding-left: clamp(20px, 5vw, 100px);
   padding-right: clamp(20px, 5vw, 100px);
}


.lgcnt_with_left_img .page-center {
   max-width: 1200px;
   margin: 0 auto;
   padding-left:0 clamp(20px, 5vw, 100px);
   padding-right:0 clamp(20px, 5vw, 100px);
}
.lgcnt_with_left_img .row {
   margin: 0;
   max-width: 600px;
   margin: 0px auto 30px;
}
.lgcnt_with_left_img .col-item {
   padding: 0;
}

.lgcnt_with_left_img .content_main_wrap {
   padding: 30px;
}
.lgcnt_with_left_img .col_img .col_img_wrpr {
   width: 100% !important;
   height: 100% !important;
   border-radius: 0px !important;
}
.lgcnt_with_left_img .content_main_wrap p {
   font-size: 14px;
   margin-top: 12px;
   margin-bottom: 0;
}
.lgcnt_with_left_img .content_main_wrap p:first-child {
   margin: 0;
}

/* lgここまで */


/* lgp */

.lgpcase_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(20px, 5vw, 100px);
}
.lgpcase_section .image-with-topcontent {
   padding: 60px 0 30px;
}
.lgpcase_section .image-with-topcontent p {
   margin: 21px 0 0 0;
}
.lgpcase_section .image-with-topcontent h1 {
   line-height: 1.5em;
   margin: 27px 0 0 0;
   font-size: 3.9rem;
}
.lgpcase_section .image-section {
   margin: 0 !important;
}
.lgpcase_section .content-section {
   max-width: 800px;
   margin: 60px auto 0;
   width: 100%;
}
.lgpcase_section .content-section ul {
   margin: 0 0 40px;
   padding: 0;
   list-style: none;
}
.lgpcase_section .content-section ul li {
   position: relative;
   padding-left: 27px;
   font-size: 2.0rem;
   letter-spacing: 0.04em;
   font-weight: 400;
}
.lgpcase_section .content-section ul li:before {
   position: absolute;
   top: 9px;
   left: 0;
   width: 18px;
   height: 18px;
   display: block;
   border-radius: 100px;
   background-color: #ec181d;
   content: "";
}
.lgpcase_section .content-section h2 {
   position: relative;
   margin-top: 51px;
   margin-bottom: 32px !important;
   padding-bottom: 9px;
   border-bottom: 2px solid #ddd;
   font-size: 3.5rem;
   text-align: left;
   color: #333;
   line-height: 1.5;
   letter-spacing: 0 !important;
}
.lgpcase_section .content-section h2:after {
   position: absolute;
   top: 100%;
   left: 0;
   width: 30px;
   height: 2px;
   display: block;
   background-color: #ec181d;
   content: "";
}

.lgpcase_section .content-section h3 {
   margin-bottom: 24px !important;
   font-size: 3.0rem;
   line-height: 1.285;
   color: #ec181d;
}

.lgpcase_section .content-section p {
   margin-bottom: 27px;
   font-size: 2.0rem;
   line-height: 1.8;
}

.lgpcase_section.image-with-content-mdl .image-with-content-item-inner {
   margin: 0 !important;
}

/* 吹き出し本体 */
.lgpcase_section .balloon{
  position: relative;
  padding: 20px;
  background-color: #fff3ad;
  border-radius: 20px;
  margin-bottom: 15px;
  font-size: 2.4rem;
}

/* 吹き出し参画 */
.lgpcase_section .balloon::before{
  content: '';
  position: absolute;
  left: 20px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff3ad;
  border-left: 15px solid transparent;
}


.lgpcase_top_section .page-center {
   max-width: 1200px;
   padding: 0 clamp(20px, 5vw, 100px);
}
.lgpcase_top_section .image-with-topcontent {
   max-width: 800px;
   margin: 0px auto 0;
}
.lgpcase_top_section .image-with-topcontent h2 {
   position: relative;
   margin-top: 51px;
   margin-bottom: 27px !important;
   padding-bottom: 9px;
   border-bottom: 2px solid #ddd;
   font-size: 2.7rem;
   text-align: left;
   color: #333;
   line-height: 1.5;
   letter-spacing: 0 !important;
}
.lgpcase_top_section .image-with-topcontent h2:after {
   position: absolute;
   top: 100%;
   left: 0;
   width: 30px;
   height: 2px;
   display: block;
   background-color: #ec181d;
   content: "";
}
.lgpcase_top_section .image-with-topcontent h3 {
   margin-bottom: 15px;
   font-size: 2rem;
   line-height: 1.285;
   color: #ec181d;
}
.lgpcase_top_section .image-with-topcontent p {
   margin-bottom: 27px;
   font-size: 1.5rem;
   line-height: 1.8;
}
.lgpcase_top_section .image-with-topcontent figure {
   max-width: 650px;
   margin: 50px auto 60px;
}
.lgpcase_top_section .image-with-topcontent ul {
   list-style: none;
   margin: 0 0 60px;
   padding: 0;
}
.lgpcase_top_section .image-with-topcontent ul li {
   position: relative;
   padding-left: 20px;
}
.lgpcase_top_section .image-with-topcontent ul li:before {
   position: absolute;
   top: 10px;
   left: 0;
   width: 8px;
   height: 8px;
   display: block;
   border-radius: 100px;
   background-color: #ec181d;
   content: "";
}

/* lgpここまで */


.cnt_with_left_img .page-center {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 clamp(20px, 5vw, 100px);
}
.cnt_with_left_img .row {
   margin: 0;
   max-width: 800px;
   margin: 0px auto 30px;
}
.cnt_with_left_img .col-item {
   padding: 0;
}
.cnt_with_left_img.icon_with_content_v2 .col-item .col_img {
   max-width: 210px;
   min-width: 210px;
   margin: 0 !important;
}
.cnt_with_left_img .content_main_wrap {
   padding-left: 33px;
}
.cnt_with_left_img .col_img .col_img_wrpr {
   width: 100% !important;
   height: 100% !important;
   border-radius: 0px !important;
}
.cnt_with_left_img .content_main_wrap p {
   font-size: 14px;
   margin-top: 12px;
   margin-bottom: 0;
}
.cnt_with_left_img .content_main_wrap p:first-child {
   margin: 0;
}

.website_layout .banner-area .row-fluid [class*=span] {
   min-height: inherit;
}

.kogata_case_section.case_section .image-with-topcontent p {
   font-size: 1.8rem;
}
.kogata_case_section.case_section .content-section h2 {
   margin-top: 0;
}

.kogata_img.cnt_with_left_img .row {
   margin-top: 0;
}
.kogata_img.cnt_with_left_img .content_main_wrap {
   padding-left: 50px;
   padding-bottom: 27px;
}
.kogata_img.cnt_with_left_img.icon_with_content_v2 .col-item .col_img {
   max-width: 340px;
   min-width: inherit;
}
.kogata_img.cnt_with_left_img .content_main_wrap p {
   max-width: 410px;
   font-size: 20px;
   line-height: 1.8;
}
.kogata_img.cnt_with_left_img .col-item {
   margin-top: 50px !important;
}


.btn_banner .background_settings {
   background-image: none;
}
.btn_banner .row {
   margin: 0;
}
.btn_banner.main-banner {
   padding: 0;
}
.btn_banner .page-center {
   max-width: 100%;
   padding: 23px 96px 40px;
}
.btn_banner .title-wrpr h2 {
   margin: 0;
   line-height: 1.25;
   font-size: 36px;
   font-weight: 400;
   font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, sans-serif;
}
.btn_banner .title-wrpr h1 {
   margin: 0;
}

.login_btn .page-center {
   padding: 0;
}
.login_btn .button_wrap {
   margin: 0;
}
.login_btn .button_wrap span.btn_text {
   display: block;
   line-height: 32px;
}
.login_btn .top_title {
   color: #ef4444;
   font-size: 20px;
   font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, sans-serif;
   font-weight: 700;
   margin-bottom: 16px;
}
.login_btn .button_wrap .button_item a {
   font-size: 24px;
   font-weight: 400;
   font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, sans-serif;
   border-radius: 4px;
   display: block;
   position: relative;
   margin: 0 auto;
   width: 100%;
   padding: 16px 10px;
   transition: none;
}
.login_btn .button_wrap .button_item {
   display: block;
   flex-direction: column;
   row-gap: 16px;
   margin: 0 auto !important;
   width: 100%;
   max-width: 416px;
}
.login_btn.advanced-button .button_wrap {
   column-gap: 40px;
   max-width: 872px;
   margin: 0 auto;
}
.login_btn .button_wrap .button_item a:after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   right: 25px;
   margin: auto;
   width: 0;
   height: 0;
   border-style: solid;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-left: 12px solid #fff;
   border-right: 0;
}
.login_btn .bottom_content {
   font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, sans-serif;
   font-size: 12px;
   line-height: 16px;
   margin-top: 16px;
}
.login_btn .button_wrap .button_item.button_item_2 a:after {
   border-left: 12px solid #ec181d;
}

.login_btn_full.login_btn .button_wrap .button_item {
   max-width: 680px;
}
.login_btn_full.login_btn .button_wrap .button_item a:after {
   border-left: 12px solid #cccccc;
}
.advanced-button.login_btn.login_btn_full {
   margin-top: 40px;
}
.login_btn_full.login_btn .button_wrap .button_item a {
   font-size: 18px;
}


.login_diff_btn.login_btn.advanced-button .button_wrap {
   max-width: 1000px;
}
.login_diff_btn.login_btn .button_wrap .button_item {
   max-width: 480px;
}
.login_btn .bottom_content a {
   padding: 0 !important;
   border: 0px !important;
   font-size: 16px !important;
   color: #ec181d !important;
   text-decoration: underline;
   display: block;
   margin-top: 32px !important;
   line-height: 20px;
}
.login_btn .bottom_content a:after {
   display: none;
}
.login_full_diff_btn.login_btn_full.login_btn .button_wrap .button_item {
   max-width: 736px;
}
.login_full_diff_btn.advanced-button.login_btn.login_btn_full {
   margin-top: 56px;
}
.login_diff_btn.login_btn .button_wrap .button_item a:after {
   right: 24px;
}
.login_full_diff_btn.login_btn_full.login_btn .button_wrap .button_item a {
   padding-top: 18px;
   padding-bottom: 18px;
}

.cntct_bnr.btn_banner .page-center {
   padding: 29px 96px 50px;
}

form>div>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]),
form fieldset>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]) {
   width: 100%;
   max-width: 100%;
}
form .hs-richtext a:hover {
   opacity: 1;
}

.inquiry_btn .top_content {
   text-align: center;
   font-size: 14px;
   font-weight: 600;
}
.inquiry_btn.advanced-button .button_wrap {
   margin-top: 56px;
   max-width: 928px;
   margin-left: auto;
   margin-right: auto;
}
.inquiry_btn .button_wrap .button_item a {
   font-size: 16px;
   font-weight: 600;
   padding: 24px 20px;
   width: 100%;
   display: block;
   text-align: center;
}
.inquiry_btn .button_wrap span.btn_text {
   line-height: 24px;
   margin: 0 !important;
   font-family: sans-serif;
}
.inquiry_btn .button_wrap .button_item {
   display: block !important;
   margin: 0 16px 0 0 !important;
   max-width: 220px;
   width: 100%;
}
.inquiry_banner.btn_banner .page-center {
   padding-top: 30px;
   padding-bottom: 49px;
}

.inquiry_btn .button_wrap .button_item:last-of-type {
   margin-right: 0 !important;
}

.inquiry_btn .button_wrap .button_item a:hover {
   opacity: 1;
}


select.is-placeholder {
   color: #bfbfbf;
}
form select {
   padding: 9px 10px;
}
textarea {
   min-height: 66px !important;
}

.inquiry_banner.btn_banner .page-center {
   padding-top: 30px;
   padding-bottom: 49px;
}

.login_btn .button_wrap .button_item.button_item_2 a:hover {
   opacity: 0.5;
}
.login_btn_full.login_btn .button_wrap .button_item a:hover,
.login_full_diff_btn.login_btn_full.login_btn .button_wrap .button_item a:hover {
   opacity: 0.5;
}

@media screen and (max-width: 1199px) {
   .five_features .page-center {
      padding: 0 max(4.2968vw, 55px);
   }
   .image_dot_style .page-center {
      padding: 0 max(4.2968vw, 55px);
   }
}

@media screen and (max-width: 991px) {
   .five_features .page-center,
   .home_accordion {
      padding: 0 max(6.25vw, 30px);
   }
   .image_dot_style .page-center {
      padding: 0 max(6.25vw, 30px);
   }
   .bottom_pane_butn .page-center {
      padding: 0 max(6.25vw, 30px);
   }
   .home_accordion .top_cnt h2 {
      margin-bottom: max(6.25vw, 30px);
      font-size: 22.78px;
      letter-spacing: -1px;
   }
   .home_accordion .top_cnt h3 {
      font-size: 18px;
   }
   .five_features .image-with-content-item {
      max-width: 300px !important;
   }
   .bottom_pane_butn .bt_btn:before,
   .bottom_pane_butn .bt_btn:after,
   .image_dot_style figure:before,
   .image_dot_style figure:after,
   .five_features .image-with-content-item:nth-child(1)::before,
   .five_features .image-with-content-item:nth-child(3)::before,
   .five_features .image-with-content-item:nth-child(4)::before,
   .five_features .image-with-content-item:nth-child(5)::before{
      width: 70px;
      height: 70px;
   }
   .bottom_pane_butn .button_wrap .button_item a {
      font-size: max(1.666vw, 14px);
      padding: max(2.08vw, 20px);
   }
   .bottom_pane_butn h2 {
      font-size: 22.78px;
      letter-spacing: -1px;
   }
   .image_dot_style .image-with-topcontent h2 {
      font-size: 22.78px;
      letter-spacing: -1px;
   }
   .image_dot_style .content-section p {
      font-size: 14px;
      width: 100%;
      margin: max(6.25vw, 30px) auto;
   }
   .p-lead__title h2 {
      font-size: 22.78px;
      letter-spacing: -1px;
   }
   .p-lead__title h2 {
      margin-bottom: 30px;
   }
   .five_features .image-with-topcontent h2 {
      font-size: 22.78px;
      letter-spacing: -1px;
   }
   .five_features .content-section h3 {
      font-size: 15px;
      margin: 0 0 15px 0;
   }
   .five_features .content-section p {
      font-size: 13px;
   }
   .five_features .content-section h3 span:before {
      height: 4px;
   }
   .five_features .content-section h3 span:after {
      height: 4px;
      width: 4px;
   }
   .five_features .image-with-topcontent {
      margin-bottom: max(6.25vw, 30px);
   }
   .five_features .image-section {
      margin-bottom: 20px !important;
   }
   .five_features .content-section h3 span {
      padding: 0 0 8px 0;
   }
   .home_accordion.accordion_wrap .acc-item .acctitle h5 {
      font-size: 16px;
   }
   .home_accordion.accordion_wrap .acc-item .acctitle {
      padding-right: 30px;
   }
   .home_accordion.accordion_wrap .acc-item .acc-content {
      font-size: 14px;
      padding-top: 20px;
   }

   .login_btn .button_wrap .button_item {
      max-width: 352px;
   }
   .login_btn.advanced-button .button_wrap {
      max-width: 744px;
   }
   .login_btn .button_wrap .button_item a:after {
      display: none;
   }
   .login_diff_btn.login_btn.advanced-button .button_wrap {
      max-width: 744px;
   }
   .login_diff_btn.login_btn .button_wrap .button_item a {
      font-size: 20px;
   }
   .inquiry_btn.advanced-button .button_wrap {
      max-width: 456px;
      flex-wrap: wrap;
      gap: 16px;
   }
   .inquiry_btn .button_wrap .button_item {
      margin: 0 !important;
   }
}

@media screen and (max-width: 767px) {
   .pricing_with_table.pricing_typoless .page-center,
   .pricing_with_table.lgpricing_typoless .page-center,
   .cnt_with_img_section.why_choose_us .introduction_content_wrap {
      padding: 0 15px;
   }  
   .cnt_with_img_section.why_choose_us .button_wrap .button_item a {
      font-size: 1.4rem;
      max-width: 100%;
      min-height: 50px;
      margin-top: 15px;
   }
   .bottom_pane_butn .button_wrap .button_item a {
      letter-spacing: -1px;
   }
   .bottom_pane_butn .bt_btn:before {
      top: max(-4vw, -30px);
      right: max(-4vw, -30px);
   }
   .bottom_pane_butn .bt_btn:after {
      bottom: max(-4vw, -30px);
      left: max(-4vw, -30px);
      top: auto;
   }
   .bottom_pane_butn .page-center {
      max-width: 100%;
   }
   .bottom_pane_butn .bt_btn {
      width: max(53.866vw, 202px);
      margin: 0 auto;
   }
   .bottom_pane_butn.advanced-button .button_wrap {
      justify-content: center;
      flex-direction: column;
      gap: 20px;
   }
   .bottom_pane_butn .button_wrap .button_item a {
      display: block;
      width: 100%;
   }
   .five_features .image-with-content-item {
      max-width: 100% !important;
   }
   .five_features .image-with-content-item:first-child:before {
      top: max(-4vw, -30px);
      right: max(-4vw, -30px);
      left: auto;
   }
   .five_features .image-with-content-item:nth-child(3):before {
      display: none;
   }
   .five_features .image-with-content-item:nth-child(4):before {
      display: none;
   }
   .five_features .image-with-content-item:nth-child(5):before {
      bottom: max(-4vw, -30px);
      left: max(-4vw, -30px);
      right: auto;
   }
   .five_features .image-with-topcontent img {
      margin: 0 auto 60px !important;
   }
   .bottom_pane_butn .button_item {
      display: block !important;
      margin: 0 !important;
      width: 100%;
   }
   .image-with-content-mdl.five_features {
      padding-top: 60px !important;
      padding-bottom: 60px !important;
   }
   .cnt_with_img_section.why_choose_us .row {
      margin: 0;
   }
   .cnt_with_img_section.why_choose_us .content p {
      font-size: 1.4rem;
      margin-top: 16px;
   }
   .faq-btn .button_wrap .button_item a, .price_pane_butn .button_wrap .button_item a {
      font-size: 4.2vw;
      max-width: 100%;
      min-height: 60px;
   }
   .price_pane_butn .top_content h2 {
      font-size: 2.7rem;
   }
   .pricing_page_sec.pricing_typoless .p-content_area_lp,
   .pricing_page_sec.lgpricing_typoless .p-content_area_lp{
      padding-right: 0;
      padding-bottom: max(6.25vw, 60px);
      padding-left: 0;
   }
   .pricing_page_sec.pricing_typoless,
   .pricing_page_sec.lgpricing_typoless {
      padding-bottom: max(6.25vw, 60px);
   }
   .price_pane_butn .top_content {
      margin-top: 21px;
   }
   .price_pane_butn.advanced-button .button_wrap {
      flex-direction: column;
      gap: 12px 0;
   }
   .price_pane_butn.advanced-button .button_item {
      max-width: 100%;
   }
   .price_pane_butn .page-center {
      padding: 0 15px;
   }

   .case_section .page-center {
      padding: 0 15px;
   }
   .case_section .image-with-topcontent {
      padding: 32px 0 24px;
   }
   .case_section .image-with-topcontent h1 {
      font-size: 3.2rem;
   }
   .case_section .content-section ul li {
      padding-left: 27px;
      font-size: 1.8rem;
   }
   .case_section .content-section ul li:before {
      top: 6px;
      width: 18px;
      height: 18px;
   }
   .case_section .content-section h2 {
      font-size: 2.4rem;
   }
   .case_three_section .page-center {
      padding: 0 15px;
   }
   .case_three_section.image-with-content-mdl .content-section h3 {
      font-size: 1.5rem;
   }
   .case_three_section.image-with-content-mdl .content-section p {
      font-size: 1.3rem;
   }
   .case_three_section .image-with-content-item:not(:last-child) {
      margin-bottom: 8px;
   }

   .case_top_section .page-center {
      padding: 0 15px;
   }
   .case_top_section .image-with-topcontent h2 {
      font-size: 2.4rem;
   }
   .case_top_section .image-with-topcontent h3 {
      font-size: 1.8rem;
   }
   .case_top_section .image-with-topcontent ul li {
      font-size: 1.5rem;
   }

   .case_section_top_diff.case_section .image-with-topcontent {
      padding-left: 15px;
      padding-right: 15px;
   }
  
/* lg */

   .lgcase_section .page-center {
      padding: 0 15px;
   }
   .lgcase_section .image-with-topcontent {
      padding: 32px 0 24px;
   }
   .lgcase_section .image-with-topcontent h1 {
      font-size: 3.2rem;
   }
   .lgcase_section .content-section ul li {
      padding-left: 27px;
      font-size: 1.8rem;
   }
   .lgcase_section .content-section ul li:before {
      top: 6px;
      width: 18px;
      height: 18px;
   }
   .lgcase_section .content-section h2 {
      font-size: 2.4rem;
   }
   .case_three_section .page-center {
      padding: 0 15px;
   }
   .case_three_section.image-with-content-mdl .content-section h3 {
      font-size: 1.5rem;
   }
   .case_three_section.image-with-content-mdl .content-section p {
      font-size: 1.3rem;
   }
   .case_three_section .image-with-content-item:not(:last-child) {
      margin-bottom: 8px;
   }

   .lgcase_top_section .page-center {
      padding: 0 15px;
   }
   .lgcase_top_section .image-with-topcontent h2 {
      font-size: 2.4rem;
   }
   .lgcase_top_section .image-with-topcontent h3 {
      font-size: 1.8rem;
   }
   .lgcase_top_section .image-with-topcontent ul li {
      font-size: 1.5rem;
   }

   .lgcase_section_top_diff.lgcase_section .image-with-topcontent {
      padding-left: 15px;
      padding-right: 15px;
   }
  
     .lgcnt_with_left_img .page-center {
      padding: 0;
   }
   .lgcnt_with_left_img .content_main_wrap {
      padding: 10px 10px 0;
   }
   .lgcnt_with_left_img.icon_with_content_v2 .col-item .col-item-inner {
      padding: 10px !important;
   }

/* lgここまで */
  
/* lgp */

   .lgpcase_section .page-center {
      padding: 0 15px;
   }
   .lgpcase_section .image-with-topcontent {
      padding: 32px 0 24px;
   }
   .lgpcase_section .image-with-topcontent h1 {
      font-size: 3.2rem;
   }
   .lgpcase_section .content-section ul li {
      padding-left: 27px;
      font-size: 1.8rem;
   }
   .lgpcase_section .content-section ul li:before {
      top: 6px;
      width: 18px;
      height: 18px;
   }
   .lgpcase_section .content-section h2 {
      font-size: 2.4rem;
   }

   .lgpcase_top_section .page-center {
      padding: 0 15px;
   }
   .lgpcase_top_section .image-with-topcontent h2 {
      font-size: 2.4rem;
   }
   .lgpcase_top_section .image-with-topcontent h3 {
      font-size: 1.8rem;
   }
   .lgpcase_top_section .image-with-topcontent ul li {
      font-size: 1.5rem;
   }

   .lgpcase_section_top_diff.lgpcase_section .image-with-topcontent {
      padding-left: 15px;
      padding-right: 15px;
   }
  
     .lgpcnt_with_left_img .page-center {
      padding: 0;
   }
   .lgpcnt_with_left_img .content_main_wrap {
      padding: 10px 10px 0;
   }
   .lgpcnt_with_left_img.icon_with_content_v2 .col-item .col-item-inner {
      padding: 10px !important;
   }

/* lgpここまで */

   .cnt_with_left_img .page-center {
      padding: 0 15px;
   }
   .cnt_with_left_img .content_main_wrap {
      padding-left: 0;
      padding-top: 16px;
   }
   .cnt_with_left_img.icon_with_content_v2 .col-item .col-item-inner {
      padding: 33px !important;
   }

   .kogata_case_section.case_section .image-with-topcontent p {
      font-size: 14px;
   }
   .kogata_img.cnt_with_left_img.icon_with_content_v2 .col-item .col-item-inner {
      padding: 0 !important;
   }
   .kogata_img.cnt_with_left_img.icon_with_content_v2 .col-item .col_img {
      max-width: 100%;
   }
   .kogata_img.cnt_with_left_img .content_main_wrap {
      margin: 0 auto;
      padding: 24px 20px 0;
      width: 100%;
      max-width: 410px;
   }
   .login_btn.advanced-button .button_wrap {
      max-width: 384px;
      flex-wrap: wrap;
      text-align: center;
   }
   .login_btn .button_wrap .button_item {
      max-width: 100%;
   }
   .login_btn .top_title {
      font-size: 18px;
   }
   .login_btn .button_wrap .button_item a {
      font-size: 18px;
      padding-left: 3px;
      padding-right: 3px;
   }
   .login_btn .button_wrap span.btn_text br {
      display: none;
   }
   .login_btn .button_wrap .button_item.button_item_2 {
      margin-top: 20px !important;
   }
   .login_btn_full.login_btn .button_wrap .button_item {
      max-width: 320px;
   }
   .btn_banner .page-center {
      padding: 28px 16px;
   }
   .login_diff_btn.login_btn.advanced-button .button_wrap {
      max-width: 744px;
   }
   .login_diff_btn.login_btn .button_wrap .button_item {
      max-width: 384px;
   }
   .inquiry_btn.advanced-button .button_wrap {
      max-width: 220px;
   }
   .inquiry_btn.advanced-button .button_wrap {
      margin-top: 32px;
   }
   .cnt_with_left_img.icon_with_content_v2 .col-item .col_img {
      margin: 0 auto !important;
   }
}

@media (max-width: 600px) {
   .cnt_with_img_section.why_choose_us,
   .pricing_with_table.pricing_typoless,
   .pricing_with_table.lgpricing_typoless {
      padding: 0 15px !important;
   }
   .cnt_with_img_section.why_choose_us .introduction_content_wrap {
      padding: 0 !important;
   }
}

@media (max-width: 580px) {
   .pricing_typoless .normal_table table,
   .lgpricing_typoless .normal_table table {
      width: 500px !important;
   }
}


@media (min-width: 1200px) {
   .check_typoless {
      padding: 0 45px;
   }
   .pricing_typoless,
   .lgpricing_typoless {
      padding: 0 45px;
   }
   .usage_flow {
      padding: 0 45px;
   }
   .image-with-content-mdl.five_features {
      padding-left: 45px !important;
      padding-right: 45px !important;
   }
}

@media (min-width: 768px) and (max-width: 991px) {
   .case_section .image-with-content-item {
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
   }
   .case_three_section .image-with-content-item {
      -ms-flex: 0 0 33.333333% !important;
      flex: 0 0 33.333333% !important;
      max-width: 33.333333% !important;
   }
}

/* lg */

   .lgcase_section .image-with-content-item {
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
   }
   .lgcase_three_section .image-with-content-item {
      -ms-flex: 0 0 33.333333% !important;
      flex: 0 0 33.333333% !important;
      max-width: 33.333333% !important;
   }
}

/* lgp */

   .lgpcase_section .image-with-content-item {
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
   }
}