@charset "UTF-8";
@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
}
*/

.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); */
}

/* 特定のLpフォーム編集 テンプレート */
/*@media (min-width: 640px) {
.Page .LP-Hero.LP-Hero-default.LP3 .Hero--home.bg-2 .Hero-form-lp-right {
    box-shadow: 0 0 5px gray;  
  }
}*/
/* フォームの位置、サイズ、 終了 */


/*
.font_before_kurokake{
  background:  linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    }
*/

/* 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;
}

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

.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;
  }
}

/* ヘッダーナビ　スマホ切り替え　*/
#primary-nav-smp {
    display: none;
}

@media screen and (max-width:819px) {
    #primary-nav {
        display: none;
    }

    #primary-nav-smp {
        display: block;
    }
}

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

/* タイトルエリア位置下げ */
@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;
}
}