.Web-Basic.Page {
    padding-top: 165px;
}
@media (max-width: 819px) {
    .Web-Basic.Page {
        padding-top: 115px;
    }
}

/* blogタイトル renewal ここから*/
 
.Hero-title_blog {
  color: #333333;
  margin: 0 0 30px;
  letter-spacing: 0.12em;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, YuGothic, "游ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", arial, sans-serif;
}

.Hero-title_blog:first-child {
  margin-top: 0;
}

.Hero-title_blog:last-child {
  margin-bottom: 0;
}

.Hero-image+.Hero-title_blog, .Hero-title_blog:first-child {
  padding-top: 18px;
}

.Hero-subtitle_blog {
  color: #333333;
  font-size: 18px;
  font-weight: 200;
  line-height: 34px;
  margin: 30px auto;
  max-width: 80%;
}

@media (max-width: 639px) {
  .Hero-subtitle_blog {
    font-size: 16px;
  }
}

@media (max-width: 639px) {
  .Hero-subtitle_blog {
    line-height: 30px;
  }
}

.Hero-subtitle_blog:first-child {
  margin-top: 0;
}

.Hero-subtitle_blog:last-child {
  margin-bottom: 0;
}

.Hero-subtitle_blog a {
  color: #FCCF00;
  font-weight: 600;
}
/* blogタイトル renewal ここまで*/

.Blog-Basic.Page .HeroBlog-detail.Hero--small.smallest.post-thumb {
  background-position: center center;
  margin-top: 0;
}
.Blog-Basic.Page .HeroBlog-detail.Hero--small.smallest.post-thumb:before {
  background: #fff;
}


/* bg-color 残り白化 */

.u-bgColor--0E1723.Hero, .u-bgColor--0E1723.Hero--home, .u-bgColor--0E1723.Hero--small, .u-bgColor--0E1723.Hero--logo, .u-bgColor--0E1723.Hero--basic {
  background-color: #fff;
}

.u-bgColor--0E1723.Hero:before, .u-bgColor--0E1723.Hero--home:before, .u-bgColor--0E1723.Hero--small:before, .u-bgColor--0E1723.Hero--logo:before, .u-bgColor--0E1723.Hero--basic:before {
  background: #fff;
}

.u-bgColor--9FC4D4.Hero, .u-bgColor--9FC4D4.Hero--home, .u-bgColor--9FC4D4.Hero--small, .u-bgColor--9FC4D4.Hero--logo, .u-bgColor--9FC4D4.Hero--basic {
  background: #fff;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 440px;
  padding-top: 175px
}

.u-bgColor--9FC4D4.Hero:before, .u-bgColor--9FC4D4.Hero--home:before, .u-bgColor--9FC4D4.Hero--small:before, .u-bgColor--9FC4D4.Hero--logo:before, .u-bgColor--9FC4D4.Hero--basic:before {
  background: #fff;
}

.Hero:before, .Hero--home:before, .Hero--small:before, .Hero--logo:before, .Hero--basic:before {
  background: #fff;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5
}

/* bg-color 残り白化 ここまで*/

/* margin-top 解除 */
.Page.Blog-Basic .Hero--small.smallest {
    margin-top: 0;
}
/* margin-top 解除 ここまで*/

hr.horizontal-lines {
  border:none;
  border-top: 3px solid #FCCF00;
  width: 5%;
  margin: auto;
}

  /* overlay-form renewal bg-yellow */
/*
.overlay-form2 .cta-form h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    line-height: 40px;
}

.overlay-form2 .block_cta .form_inbound {
    max-width: 760px;
    min-width: 420px;
    margin: 0 auto;
    border-radius: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #FCCF00;
    border-top: none;
    box-shadow: none;
}

@media screen and (max-width:640px){
   .overlay-form2 .block_cta .form_inbound {
    max-width: none;
    min-width: 300px;
    margin: 0 20px;
  }
}

.overlay-form2 .cta-form p {
    color: #fff !important;
}

.overlay-form2 .Button--large{
    padding: 0 80px;
    border-width: 2px;
    height: 38px;
    line-height: 34px;
    border-radius: 50px;
    background: #fff;
    color: #333333;
    font-weight: 900;
}

.overlay-form2 .Button--large:not(.Button--outline):not(.pager-load-more a):not(.item-list .pager-load-more a) {
  box-shadow: none;
}

*/
/* overlay-form renewal end*/

.block_900 onecolumn-form block_cta {
background-color: #f0f0f0;
}

.overlay-form2 .cta-form h3 {
    font-size: 30px;
    color: #333333;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 3px;
}

@media screen and (max-width:640px){
  .overlay-form2 .cta-form h3 {
    font-size: 18px;
    letter-spacing: 1px;
  }
}
.overlay-form2 .block_cta .form_inbound {
    max-width: 760px;
    min-width: 420px;
    margin: 0 auto;
    border-radius: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #FFF;
    border-top: none;
    box-shadow: none;
    border-left: 10px solid #fccf00;
    border-right: 10px solid #fccf00;
    border-top: 10px solid #fccf00;
    border-bottom: 10px solid #fccf00;
}

@media screen and (max-width:640px){
   .overlay-form2 .block_cta .form_inbound {
    max-width: none;
    min-width: 300px;
    margin: 0 20px;
    border-left: 5px solid #fccf00;
    border-right: 5px solid #fccf00;
    border-top: 5px solid #fccf00;
    border-bottom: 5px solid #fccf00;
  }
}

.overlay-form2 .cta-form p {
    color: #595959 !important;
}
@media screen and (max-width:640px){
  .overlay-form2 .cta-form p {
     font-size: 14px;
  }
  }
  
.overlay-form2 .Button--large{
    padding: 0 80px;
    border-width: 2px;
    height: 58px;
    line-height: 56px;
    border-radius: 50px;
    background: #fccf00;
    color: #FFF;
    font-weight: 900;
    font-size: 28px;
}
@media screen and (max-width:640px){
  .overlay-form2 .Button--large{
  font-weight: 600;
    font-size: 16px;
  }
  }
  
  
.overlay-form2 .Button--large:not(.Button--outline):not(.pager-load-more a):not(.item-list .pager-load-more a) {
  box-shadow: none;
}



.Header {
  /* border-bottom: 3px solid #FCCF00;　*/
  box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.1)!important;
}

/*top訴求アイコンエリア*/
.top-icon .content-cards-card-button-inner-wrapper {  
    height: 80%;
}
.top-icon .content-cards-card-title {
    margin-top: -20px;
}
/*top訴求アイコンエリア 終了*/

/*決済課題コンテンツ 下矢印エリア*/
#hs_cos_wrapper_widget_1722314744696 {
  background-color:#DDDDDD
}

/*区切り線１*/
.lp-textarea {
  margin: 50px auto 30px auto;
}

.lp-textarea hr {
    border: none;
    height: 1px;
    border-top: 1px solid #dddddd;
    margin:25px 50px 25px 50px;
}
/*区切り線１　終了*/

/*サービス比較表*/
.service_comparison {
  width: 100%;
  border-collapse: collapse;
}
.service_comparison tr {
  border-bottom: solid 2px white;
}
.service_comparison tr:last-child {
  border-bottom: none;
}
.service_comparison_th {
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #4b5564;
  color: white;
  text-align: center;
  padding: 10px 0;
}
/*.service_comparison_th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #4b5564;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}*/
.service_comparison td {
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}
  /*スマホサイズバージョン*/
  @media (min-width: 960px) {
   .comparison .content-cards-card-wrapper.one .content-cards-card-button-wrapper {
    width: 60% !important;
  }
}
  @media (max-width: 960px) {
   .comparison .content-cards-card-wrapper.one .content-cards-card-button-wrapper {
    width: 100% !important;
  }
}
  @media (max-width: 640px) {
   .service_comparison_th {
    font-size: 14px;
  }
}
  @media (max-width: 640px) {
   .service_comparison_td {
    font-size: 14px;
  }
}
/*サービス比較表　終了*/

/*資料ダウンロードCTA*/
/*通常LP　直リンク*/ /*
#hs_cos_wrapper_widget_1733368703475 {
 background: #FFE599;
}*/
/*資料ダウンロードCTA*/

/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}

/*PCでは無効（改行しない）*/
.sma2{
    display: none;
}
/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:640px) {
    .sma2{
        display: block;
    }
}
.service-cards-grid {
  max-width: 800px;
  margin: 0 auto;
}
.service-cards-item {
  pointer-events: none;
  margin:0; 
  padding:0;
}

.timeline-text-l{
  font-size: 32px;
  color: #fc490d;
  font-weight: 500;
  border-bottom:double;/*二重線を引く*/
  border-color:#fc490d;
  border-width:3px;
}

#contents-lp-form {
  width: 600px;
  margin: 30px auto 30px auto;
  background-color : #FFB75E;
  border-radius: 15px;
}

@media (max-width: 768px){
#contents-lp-form{
 width: 100%;
 }
}

#hs_cos_wrapper_widget_1721376272571{
  background: #FFFFFF;
  }



.hs-form-6899e724-7a56-44fc-8f02-15377bac1f30_91c3fd97-3b96-4633-9b38-862ba1e7e6ba .fieldset{
   margin:30px;
}

.hs-richtext .hs-main-font-element{
  margin:10px;
}

.u-bgColor--F4F4F4:not(.is-rightAligned):not(.is-leftAligned):not(.TabberSection):after{
  background-image: none;
}

/*4カラム*/
*, *:before, *:after {
    box-sizing: border-box;
}
.col_4{
    max-width: 960px;
    margin: 50px auto 70px auto;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    color: #4b5564;
    text-align: center;
}
@media (max-width: 768px){
.col_4{
 width: 100%;
 }
}

.col_text_l{
    color: #B40000;
    font-size: 28px;
    background-image: repeating-linear-gradient(-45deg,
        #F0EA30 0, #F0EA30 3px,
        transparent 3px, transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 30%;
}

.col_text_s{
   font-size: 60%;
}

.col_4 < *{
    width: calc( 25% - 9px );
    margin-right: 12px;
    margin-bottom: 12px;
}
.col_4 < *:nth-child(4n){
    margin-right: auto;
}
@media screen and (max-width: 960px) {
    .col_4 < *{
        width: calc( 33.33333% - 8px ) ;
    }
    .col_4 < *:nth-child(4n){
        margin-right: 12px;
    }
    .col_4 < *:nth-child(3n){
        margin-right: auto;
    }
}
@media screen and (max-width: 580px) {
    .col_4 < *{
        width: calc( 50% - 6px ) ;
    }
    .col_4 < *:nth-child(3n){
        margin-right: 12px;
    }
    .col_4 < *:nth-child(2n){
        margin-right: auto;
    }
}


/*4カラムここまで*/

/*ここからフッター*/

ul {
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  color: #000;
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #e5e7eb;
}

address {
  font-style: normal;
}

.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}

.footer {
  padding: 2rem;
  font-size: 15px;
  color: #4b5564;
  background: #FFB75E;
}

.footer__navi-heading {
  font-weight: 600;
}

.footer__logo {
  display: inline-block;
  margin-bottom: 1.5rem;
  margin-left:60px;
}
@media (max-width: 768px){
.footer__logo{
 margin: initial;
 }
}

.footer__navi li {
  margin-bottom: 0.75rem;
}

.footer__address {
  margin-bottom: 2rem;
  margin-left:60px;
}
@media (max-width: 768px){
.footer__address{
 margin: initial;
 }
}

.footer__address a {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .md-flex {
    display: flex;
  }

  .md-justify-between {
    justify-content: space-between;
  }

  .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  .footer__address a {
    text-decoration: none;
    pointer-events: none;
  }
}

@media (min-width: 1024px) {
  .lg-flex {
    display: flex;
  }
}

.content-cards-card-img-icon img {
  width: 150px;
  height: 150px;
}

.u-padding--medium .service-outsource {
  padding-top: 0px;
}

.service-outsource .ColumnContentSection-icon {
  max-width: 150px;
  max-height: 150px;
}

.service-outsource .content-cards-card-button-inner-wrapper {
  padding-right: 40px;
  padding-left: 40px;
}


.service-outsource .content-cards-card-img-icon img {
  width: auto;
  height: auto;
}

.content-cards-card-wrapper{
    margin: 0;
    padding: 0;
}

.cards4area_2 img {
  padding-top: 40px;
}

.content-cards-card-description {
  margin-bottom: 10px;
}

.Content-Cards-outsource.content-cards-card-button-wrapper {
  width: 100%;
}


.case_banner{
  padding:1em;/*内側余白*/
}

#hs_cos_wrapper_widget_1721120221209{
  padding-bottom: 0px !important;
  
}

.jake-testimonial-slider{
  padding-top: 0px;
  color: #333333;
  margin: 0 auto;
	padding:2em;/*内側余白*/
  background-color: #FFF;
  /*
	background-image: repeating-linear-gradient(-45deg,#f2f3f7 0, #f2f3f7 3px,transparent 3px,transparent 6px);/*ストライプ*/
}

.lp-case-area {
  max-width: 1800px;
}


.case_area {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
/*スマートフォンではflex無効*/
@media screen and (max-width:768px) {
    .case_area{
      display: block;
    }
}

.case_title {
  font-size: 24px;
  font-weight: 500;
  color: #595959;
}

.case_left {
  margin: 10px 30px 10px 30px;
}

.case_name {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #595959;
}

.case_right {
  text-align:left;
  color: #333333;
  width: 400px;
  font-size:14px;
  background-color:#f0f0f0;/*背景の色*/
  padding:5px 15px 5px 15px;
}

@media screen and (max-width:768px) {
    .case_right{
      width: 100%;
    }
}

.case_text {
  line-height: 26px;
}

.cta_area {
  background-color: #FFFFFF;
}
 
.faq-mwb-container {
  margin-top: 100px;
  margin-bottom: 200px;
}

.tel_area{
  background-color:#ffb75e;
  text-align: center;
}
.tel_area hr{
  margin:0px 30px 0px 30px;
}

.tel_1 {
  height:70px;
}
.tel_2 {
   height:70px;
   color:#ffffff;
}
.tel_3{
    height:70px;
}


@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*サービスサイト適用*/
/*topページCTA 開始*/
.cta_top_bg_white .cta_top_bg_gray .Button--outline {
  color: #ffffff;
  background: #fccf00;
  border-color: #fccf00;
}
.cta_top_bg_white .cta_top_bg_gray .Button--outline:hover {
  color: #fccf00;
  background: #ffffff;
  border-color: #fccf00;
}
/*topページCTA 終了*/

/* 5大ポイント　*/
.point_no {
 margin-left: 15px;
 font-size: 72px;
 text-align: left;
 margin-bottom: 30px;
 color: #FCCF00;
}

.point_head {
 margin-left: 15px;
 font-size: 28px;
 font-weight: 500;
 text-align: left;
}

.point_discription {
 /*font-size: 18px;*/
 font-weight: 500;
 color: #595959;
 text-align: left;
 margin: 20px 15px;
}

.point_discription_sub {
 font-size: 14px;
 font-weight: 300;
 color: #595959;
 text-align: left;
 margin: 20px 15px;
}
 /*スマホサイズバージョン*/
  @media (max-width: 1630px) {
   .point .content-cards-card-wrapper.two .content-cards-card-button-wrapper {
    width: 40% !important;
  }
}
  @media (max-width: 860px) {
   .point .content-cards-card-wrapper.two .content-cards-card-button-wrapper {
    width: 100% !important;
  }
}
  @media (max-width: 1395px) {
   .point_discription {
    font-size: 14px;
  }
}
  @media (max-width: 1395px) {
   .point_discription {
    font-size: 14px;
  }
}
/* 5大ポイント ここまで */

/*料金比較表*/
.point_discription table{
  /*border-collapse: collapse;
  border-spacing: 0;*/
  table-layout: fixed;
  width: 100%;
}

/*.point_discription table tr:last-child{
  border-bottom:solid 1px #ddd;
}*/

.point_discription table th{
  text-align: center;
  padding: 15px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  /*width: 155px;*/
}

/*.point_discription table th:nth-child(1){
  background-color:#dddddd;
}

.point_discription table th:nth-child(3){
  background-color:#f5b932;
  color: white;
}

.point_discription table tr:nth-child(2) td{
  font-size: 30px;
}*/

.point_discription table td{
  text-align: center;
  padding: 12px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
  /*width: 155px;*/
}

/*.point_discription table td a{
  background-color: #25b327;
  color: white;
  padding:5px 20px;
  border-radius: 30px;
  font-weight: bold;
}*/

/*.point_discription table .popular{
  width: 180px;
}

.point_discription table th.popular{
  position: relative;
}

/*.point_discription table th.popular span.no1{
  position: absolute;
  top: -10px;
  left: 30%;
  right: 30%;
  background: #b40000;
  /*width: 60px;
  font-size: 10px;
  border-radius: 15px;
  line-height: 1;
  padding: 7px;
}*/

/*.point_discription table th.popular span.inner{
  position: absolute;
  color:white;
  background-color: #fccf00;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 15px 0;
}
/*料金比較表　終了*/

.news {
  background: #fff;
  background-color: #fff;
}

body{
    background: #fff;
    background-color: #fff;
}

.recent_news_head h3, .h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 45px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, YuGothic, "游ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", arial, sans-serif
}

.cta_top_bg_gray {
  background-color: #f0f0f0;
}


.materialsdounloadarea_p {
  line-height: 3;
  font-weight: 700;
  color: #69a84f !important;
}
/*
.Resource-form .ao-richtext-block ul li, .ActonFormSection .Section-content .ao-richtext-block ul li, .Career-content ul li, .Post-content ul li, .Section-content ul li, .LP-Flex .Section-header ul li {
    padding-left: 0px;
    position: static;
}

@media screen and (max-width: 819px){
.materialsdounloadarea_ul {
 font-size: 14px;
}
}
 */

#hs_cos_wrapper_widget_1733982573791 .top-heading.heading-1 {
    font-size: 46px;
  font-weight: 500;
}

.u-bgColor--F4F4F4 {
    background-color: #FFF;
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* ------------------------------ */
/* リセットCSS */
/* ------------------------------ */
html {
  color: #333333;
  background: #f0f0f0;
  scroll-behavior: auto;
}

body {
  background: #FFFFFF; !important;
  background-color: #FFFFFF; !important;
}


div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

li,
ul{
   list-style: none;
}

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* LP form discription area */

/* master_minネガティブマージン打ち消し */
.Hero, .Hero--home, .Hero--small, .Hero--logo, .Hero--basic {
    margin-top: 0px;
    }

/*
Hero-form-lp-right+.Hero-title, .Hero-title:first-child {
  padding-top: 18px
}
*/
.LP-Basic .Header {
 margin-bottom: -70px;
}

.Hero-re1 {
 text-align: center;
 margin-top: 75px;
 margin-bottom: 45px;
}

.LP-Basic .Hero-re1 {
 margin-top: 125px;
}
/*
h1 {
  font-size: 36px;
}
@media (max-width: 767px) {
  h1 {
  font-size: 30px;
   line-height: 1.5; 
}
}

h2 {
  font-size: 24px;
}
@media (max-width: 767px) {
  h2 {
  font-size: 20px;
   line-height: 1.5; 
}
}
*/

h1.Hero-title-re1 {
    font-size: 40px!important ;
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 2; 
}
@media (max-width: 767px) {
  h1.Hero-title-re1 {
    line-height: 1.8;
    font-size: 30px!important ;
  }
}
  
h2.Hero-subtitle-re1 {
    font-size: 26px!important ;
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 2.2;
}
@media (max-width: 767px) {
  h2.Hero-subtitle-re1 {
  letter-spacing: 0em;
  line-height: 2;
  font-size: 20px!important ;
  }
｝
  
.Hero--home .Hero-image {
  padding-left: 10px;
}

.Hero--home .Hero-form-lp-right {
  float: left;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: -100%;
  margin-left: 100px;
  max-width: 100%;
  padding-left: 10px;
  position: relative;
  top: 10px;
}
  
.Hero--home .Hero-form-lp-right img {
  display: block;
  max-height: 520px;
  max-width: none
}

/*
.Hero--home .Hero-form-lp-right {
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40vw
}



.Hero--home .Hero-form-lp-right img {
    height: 100%;
    max-height: none
}
*/
@media (max-width: 479px) {
  .Hero--home .Wrap, .Hero--home .Wrap--noPadding, .Hero--home .Wrap--noPaddingAll, .Hero--home .Wrap--wide, .Hero--home .Wrap--narrow, .Hero--home .view-blog, .Hero--home .view-news, .Hero--home .view-partners, .Hero--home .view-resources, .Hero--home .has-cutout-hero .Body-sections>.Section:first-child, .has-cutout-hero .Hero--home .Body-sections>.Section:first-child, .Hero--home .has-cutout-hero .Body-sections>:first-child>.Section, .has-cutout-hero .Hero--home .Body-sections>:first-child>.Section {
    padding-right: 30px
}

.Hero--home .Hero-form-lp-right {
    float: none;
    margin: 0 auto 30px;
    max-width: none;
    position: static;
    width: 80%
  }

  /*
.Hero--home bg-2 Hero-opacity-70 {
    background: linear-gradient(
    to right,
    hsla(0, 0%, 42%, 0.37) 0%,
    hsla(0, 0%, 42%, 0.347) 2.5%,
    hsla(0, 0%, 42%, 0.32) 5.9%,
    hsla(0, 0%, 42%, 0.29) 10.2%,
    hsla(0, 0%, 42%, 0.259) 15.3%,
    hsla(0, 0%, 42%, 0.226) 21%,
    hsla(0, 0%, 42%, 0.193) 27.4%,
    hsla(0, 0%, 42%, 0.161) 34.4%,
    hsla(0, 0%, 42%, 0.129) 41.8%,
    hsla(0, 0%, 42%, 0.099) 49.5%,
    hsla(0, 0%, 42%, 0.072) 57.6%,
    hsla(0, 0%, 42%, 0.048) 66%,
    hsla(0, 0%, 42%, 0.028) 74.4%,
    hsla(0, 0%, 42%, 0.013) 83%,
    hsla(0, 0%, 42%, 0.003) 91.5%,
    hsla(0, 0%, 42%, 0) 100%
  );
  }
  */
  
  
.Hero--home bg-2 Hero-opacity-70 {
    margin-bottom: -100px;
  }
  
  
.Hero--home .Hero-form-lp-right img {
    height: auto;
    max-width: 100%
 }
}

/* top訴求バッジエリア */
/* master_minネガティブマージン打ち消し lp3用 */
.Page .LP-Hero.LP-Hero-default.LP3 .Hero--home.bg-2 .Hero-info .Hero-logo .img-center {
    left: 0%;
    transform: translateX(-8%);
}
.Page .LP-Hero.LP-Hero-default.LP3 .Hero--home.bg-2 .Hero-info .Hero-logo {
    margin-top: -20px;
}
/* master_minネガティブマージン打ち消し lp3用 終了 */

.Hero-logo img{
      max-width: 500px;
}
@media screen and (max-width: 640px) {
    .Hero-logo img{
      max-width:　120%;
    }
}
/* top訴求バッジエリア　終了 */

.Page .LP-Hero.LP-Hero-default .Hero--home.bg-2 .Hero-form-lp-right.has-shadow img {
  box-shadow: -4px 4px 6px 0px rgba(0, 0, 0, 0.2)
}

.Page .LP-Hero.LP-Hero-default:before {
  background-image:none;
}
.Page {
  background-image:none;
}

/* フォームの位置、サイズ */
@media (min-width: 640px) {
  .Page .LP-Hero.LP-Hero-default .Hero--home.bg-2 .Hero-form-lp-right {
    top: -200px;
    width: 411px;
    box-shadow: 0 0 5px gray;  
  }
}

@media (max-width: 959px) {
  .Page .LP-Hero.LP-Hero-default .Hero--home.bg-2 .Hero-form-lp-right {
    display: none
  }
}

.Page .LP-Hero.LP-Hero-default .Hero--home.bg-2 .Hero-info {
  top: 20px;
  /*　突き抜け解除
  left: -50px;
  */
}

.Page .LP-Hero.LP-Hero-default .Hero--home.bg-2 .Hero-info .Hero-title {
    color: #fc490d;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 46px;
    font-weight: 800;
   /* text-shadow: 3px 3px 5px rgba(14, 51, 29, 0.5); */
}


/* topテキスト SS用 */
/* テキスト全体 */
.Page .LP-Hero.LP-Hero-default.SS .Hero-info {
    text-align: left;
    margin-top: -50px;
}
@media (max-width: 1500px) {
  .Page .LP-Hero.LP-Hero-default.SS .Hero-info {
    margin-left: 100px;
  }
}
@media (max-width: 640px) {
  .Page .LP-Hero.LP-Hero-default.SS .Hero-info {
    text-align: center;
    margin-left: 0px;
    margin-top: 60px;
  }
}
/* テキスト全体 終了 */

/* topテキスト lp3用 */
/* テキスト全体 */
.Page .LP-Hero.LP-Hero-default.LP3 .Hero-info {
    text-align: left;
    margin-top: -50px;
}
@media (max-width: 1500px) {
  .Page .LP-Hero.LP-Hero-default.LP3 .Hero-info {
    margin-left: 100px;
  }
}
@media (max-width: 640px) {
  .Page .LP-Hero.LP-Hero-default.LP3 .Hero-info {
    text-align: center;
    margin-left: 0px;
    margin-top: 60px;
  }
}
/* テキスト全体 終了 */

/* テキスト小見出し */
.font_before_kurokake1 {
    font-size: 26px;    /* 文字サイズ指定 */
    color: #333333;     /* 文字色指定 */ 
    margin-left: 10px;
    margin-bottom: -75px;
    line-height: 1.5;
}
@media (max-width: 1500px) {
  .font_before_kurokake1 {
    margin-bottom: -65px;
  }
}
@media (max-width: 640px) {
  .font_before_kurokake1 {
    font-size: 24px; 
    margin-bottom: -65px;
  }
}
@media (max-width: 499px) {
  .font_before_kurokake1 {
    font-size: 18px; 
    margin-bottom: -65px;
  }
}
/* テキスト小見出し 終了 */

/* テキスト間の横線 */
.Hero-title hr {
    border: none;
    height: 1px;
    border-top: 4px solid #ffffff;
    margin: 85px 50px 25px 10px;
}
@media (max-width: 959px) {
  .Hero-title hr {
    margin: 85px 250px 25px 0px;
  }
}
@media (max-width: 640px) {
  .Hero-title hr {
    margin: 70px 0px 5px 0px;
  }
}
/* テキスト間の横線 終了 */

/* テキスト大見出し */
.font_before_kurokake2 {
    font-size: 48px;    /* 文字サイズ指定 */
    color: #333333;     /* 文字色指定 */
    margin-left: 10px;
}
@media (max-width: 640px) {
  .font_before_kurokake2 {
    font-size: 32px;
  }
}
@media (max-width: 500px) {
  .font_before_kurokake2 {
    font-size: 28px;
    line-height: 38px;
  }
}
/* テキスト大見出し 終了 */
/* topテキスト lp3用　終了 */

.font_kurokake {
    font-size: 48px;    /* 文字サイズ指定 */
    color: #333333;     /* 文字色指定 */
    text-decoration: underline double #fc490d 3px;
    background:  linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.font_kurokake::first-letter {
  font-weight: bold;
  font-size: 52px;
  color: red;
}

@media (max-width: 768px){
.font_kurokake{
  font-size:40px;
 }
}

/* master_minネガティブマージン打ち消し（top under） */
.Body.bg-none {
  min-height: 0vh;
}

.Pacnav--is-scrolling .Header {
  box-shadow: none;
}

.Logo-img-white-tate {
  width: 105px;
}

.Pacnav--is-scrolling .Logo-img-white-tate {
  display: none;
}

.header_title {
  font-size: 26px;
  width: 340px;
  line-height: 37px;
}

.Pacnav--is-scrolling .header_title{
  display: none;
}

.Logo-img-white{
 display: none;
}

.Pacnav--is-scrolling .Logo-img-white{
 display: block;
}

.Logo-img-white-sp {
    display: none;

}

/* ヘッダーメディアクエリwidth変更　*/
@media screen and (max-width:819px) {
    .Logo-img-white-tate {
        display: none;
    }

    .Logo-img-white-sp {
        display: block;
    }
  .header_title {
    display: none;
  }
}

@media screen and (max-width:819px) {
    .Logo-img-white {
        display: none;
    }   
  .Pacnav--is-scrolling .Logo-img-white {
        display: none;
    }   
}


@media (max-width: 819px) {
    .Logo-img-white-sp {
        margin-top: -5px;
        max-width: 200px;
  　    height: auto;
    }
  .Pacnav--is-scrolling .Logo-img-white-sp {
        margin-top: -5px;
        max-width: 200px;
  　    height: auto;
  }
}


 /* backdrop-filter: blur(8px); */
.Hero-title{
  background-color: rgba(255,255,255,0.55);
}

/* タイトルエリア位置下げ */
@media screen and (max-width:819px) {
    .Hero-info {
        padding-top: 95px;
    }    
}



/* hero-titleの高さ */
.Hero-title:first-child {
    margin-top: 20px;
}

@media screen and (max-width: 819px){
.case_main_title {
display: none!important;
}
}

@media screen and (max-width: 819px){
.lp-case-area {
display: none!important;
}
}

@media screen and (min-width:820px) and ( max-width:876px){
.header_title {
   font-size: 16px !important;
   width: 200px;
}
}

@media screen and (min-width:820px) and ( max-width:876px){
.Header-nav ul.menu {
   font-size: 12px !important;
}
}

@media screen and (min-width:820px) and ( max-width:876px){
.Header-nav {
   font-size: 12px !important;
}
}

/* ECカート・受発注システム連携一覧ボタン調整 */ 
@media screen and (max-width: 819px){
#hs_cos_wrapper_widget_1733967570222 .content-cards-card-button-wrapper-3 .button-1, #hs_cos_wrapper_widget_1733967570222 .content-cards-card-button-wrapper-3 .btn-cta-1 {
    padding: 8px 10px;
    font-size: 12px;
}
}

@media screen and (min-width:576px) and ( max-width:617px){
#hs_cos_wrapper_widget_1733967570222 .content-cards-card-button-wrapper-3 .button-1, #hs_cos_wrapper_widget_1733967570222 .content-cards-card-button-wrapper-3 .btn-cta-1 {
    padding: 8px 2px;
    font-size: 11px;
}
}