@charset "UTF-8";
/* --------------------------------------------------------------------------
共通
 ------------------------------------------------------------------------- */
/* フォントサイズ10px */
html {
  font-size: 62.5%;
}

/* 基本のフォントサイズ */
body {
  font-size: 16px;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  color: #333;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}




/* ヘッダー */
.lp_header{width: 100%; background-color: #fff; position: fixed; height: 80px; z-index: 99;}
.lp_header img{width: auto;}
.lp_header_inner{display: flex; align-items: center; justify-content: space-between; height: 80px; max-width: 1700px; margin: 0 auto 0 170px;}
.lp_header_logo{}
.lp_header_jigyou{margin-right: 35px;}

/* フッター */
.lp_footer{background-color: #222; padding: 40px 0 20px;}
.lp_footer img{width: auto; margin: 0 auto;}
.lp_footer_copyright{margin-top: 25px;}



.wrapper{padding-top: 80px; font-family: heisei-kaku-gothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;}
.lp_wrapper img{width: auto;}
.lp_wrapper h2 img{margin: 0 auto;}
.lp_topic{background-color: #496BAF; padding: 50px 0;}
.lp_topic_list{display: flex; gap: 20px; justify-content: center; margin-bottom: 30px;}
.lp_topic_list li{background-color: #fff; padding: 10px 30px;}
.lp_topic_bg img{width: 100%;}

.lp_required_wrapper{background-color: #022222; padding: 60px 0 20px;}
.lp_required_wrapper h2{margin-bottom: 60px;}
.lp_required_item img{margin: 0 auto;}

.lp_imono_wrapper{background: url("https://kajikawa-ind.com/wp-content/themes/kajikawa/kanagata/images/lp_imono_bg01.jpg"); background-size: cover;}
.lp_imono_inner h2{margin-bottom: 50px;}
.lp_triangle{margin-bottom: 50px;}
.lp_triangle img{margin: 0 auto;}
.lp_imono_inner p{background-color: #fff; width: 1100px; padding: 60px 85px 30px 90px; border-radius: 12px; font-size: 2.8rem; line-height: 5.5rem; letter-spacing: 0; margin: 0 auto 50px;}

.lp_feature_wrppaer{background-color: #022222; padding: 90px 120px;}
.lp_feature_item{max-width: 1000px; margin: 0 auto 70px; background-color: #fff; border-radius: 8px; padding: 80px 80px 20px; position: relative;}
.lp_feature_item:last-child{margin-bottom: 0;}
.lp_feature_item h3{width: 700px; padding: 25px 0; background-color: #4D77C9; position: absolute; top: -50px; left: 50%; transform: translateX(-50%);}
.lp_feature_item h3 img{margin: 0 auto;}
.lp_feature_item p{font-size: 2.3rem; line-height: 4rem;}

.lp_equipment_wrapper{background: url("https://kajikawa-ind.com/wp-content/themes/kajikawa/kanagata/images/lp_equipment_bg01.jpg"); padding: 120px 0;}
.lp_equipment_inner h2{margin-bottom: 20px;}
.lp_equipment_inner h2 img{margin: 0 auto;}
.lp_equipment_inner h3{font-family: heisei-kaku-gothic-std, sans-serif; font-weight: 900; font-style: normal; color: #FC1223; font-size: 4.5rem; text-align: center;}
.lp_equipment_inner p{width: 790px; font-size: 1.8rem; line-height: 3.5rem; color: #fff; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; margin: 0 auto 50px;}
.lp_equipment_img{margin-bottom: 50px;}
.lp_equipment_img img{margin: 0 auto;}

.lp_youtube{max-width: 1000px; margin: 0 auto 30px; text-align: center;}

.lp_advantage_wrapper{margin-top: 5px; }
.lp_advantage_list{display: flex;}
.lp_advantage_list li{width: 20%; padding: 60px 40px 30px; border-right: 1px solid; border-top: 1px solid;}
.lp_advantage_head img{text-align: center; margin: 0 auto;}
.lp_advantage_head::after{content: ""; width: 100px; height: 5px; background-color: #FC1223; display: block; margin: 20px auto 10px;}
.lp_advantage_list p{font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-size: 1.7rem; line-height: 3.5rem;}

.lp_introduction_head{padding: 50px 0 30px; background-color: #FC1223; margin-bottom: 1px;}
.lp_introduction_head img{margin: 0 auto;}

.lp_introduction_img_list{display: flex; gap: 1px; flex-wrap: wrap;}
.lp_introduction_img_list li{width: calc((100% - 2px)/3);}

.lp_tel_wrapper{background-color: #fff; padding: 60px 0 40px;}
.lp_tel_wrapper img{margin: 0 auto;}


/* --------------------------------------------------------------------------
PC WIDE CSS　※PC：1420px
 ------------------------------------------------------------------------- */
@media (min-width: 1420px) {
  /* フォントサイズ10px */
  html {
    font-size: 62.5%;
    height: 100%;
  }
  /* 基本のフォントサイズ */
  body {
    font-size: 16px;
    font-size: 1.8rem;
    height: 100%;
  }
  /* 非表示用 */
  .nonePCWIDE {
    display: none !important;
  }
  /**********************
  共通 
  ***********************/
  
}

/* --------------------------------------------------------------------------
PC CSS　※PC：1025px～1419px　※印刷用はPC CSSを大体利用する
 -------------------------------------------------------------------------- */
@media print, (max-width: 1419px) {
  /* フォントサイズ10px */
  html {
    font-size: 62.5%;
  }
  /* 基本のフォントサイズ */
  body {
    font-size: 16px;
    font-size: 1.8rem;
  }
  /* 非表示用 */
  .nonePC {
    display: none !important;
  }

  .lp_header_inner{margin: 0 auto 0 50px;}
.lp_header_logo{}
.lp_topic_list{max-width: 90%; margin: 0 auto 30px;}
.lp_required_inner{width: 90%; margin: 0 auto;}

.lp_imono_inner p{width: 90%;}
.lp_advantage_list li{padding: 60px 20px 30px;}
.lp_advantage_list p{font-size: 1.5rem; line-height: 3rem;}




}

/* --------------------------------------------------------------------------
  TAB CSS　※タブレット：681px～1024px
 -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  /* フォントサイズ10px=62.5% */
  html {
    font-size: 50%;
  }
  /* 基本のフォントサイズ */
  body {
    font-size: 1.8rem;
  }
  /* 非表示用 */
  .noneTAB {
    display: none !important;
  }
  /**********************
  共通 
  ***********************/
  /* ヘッダー */
.lp_header_inner{margin: 0 auto 0 30px;}
.lp_header_logo{margin-left: 0;}
.lp_header_logo{margin-left: 15px;}
.lp_header_jigyou{margin-right: 10px;}

/* フッター */
.lp_footer_copyright{margin: 20px auto 0; width: 90%;}

.lp_topic{padding: 35px 0;}
.lp_topic_list{flex-direction: column; width: 90%; margin: 0 auto 30px}
.lp_topic_list img{margin: 0 auto;}
.lp_topic h2{width: 90%; margin: 0 auto;}

.lp_required_inner{width: 90%; margin: 0 auto;}

.lp_imono_inner{width: 92%; margin: 0 auto;}
.lp_imono_inner h2{}
.lp_imono_inner p{padding: 30px 50px;  width: 100%;}

.lp_feature_wrppaer{padding: 90px 0 40px;}
.lp_feature_inner{width: 92%; margin: 0 auto 30px;}
.lp_feature_item h3{width: 90%; top: -40px;}
.lp_feature_item h3 img{max-width: 90%;}
.lp_feature_item{}

.lp_equipment_wrapper{padding: 60px 0; background-size: cover;}
.lp_equipment_inner{width: 90%; margin: 0 auto;}
.lp_equipment_inner p{width: 90%; font-size: 1.6rem; line-height: 3rem;}

.lp_youtube{width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;}

.lp_youtube iframe{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.lp_advantage_list{flex-direction: column;}
.lp_advantage_list li{width: 100%; padding: 30px; border: 1px solid;}
.lp_advantage_list p{font-size: 1.7rem; line-height: 3.5rem;}

.lp_introduction_head{padding: 30px 0;}
.lp_introduction_head img{width: 90%; margin: 0 auto; max-width: 700px;}
.lp_introduction_img_list li{width: calc((100% - 1px)/2);}

.lp_tel_wrapper{padding: 30px 0;}
.lp_tel_inner{width: 90%; margin: 0 auto;}




}

/* --------------------------------------------------------------------------
SP CSS　※スマートフォン：0～680px
 ------------------------------------------------------------------------- */
@media (max-width: 680px) {
  /* フォントサイズ10px=62.5% */
  html {
    font-size: 60%;
  }
  /* 基本のフォントサイズ */
  body {
    font-size: 1.6rem;
    height: auto !important;
    height: 100%;
  }
  /* 非表示用 */
  .noneSP {
    display: none !important;
  }
  /**********************
  共通 
  ***********************/
/* ヘッダー */
.lp_header_inner{margin: 0 auto 0 30px;}
.lp_header_logo{margin-left: 0;}
.lp_header_jigyou{margin-right: 10px;}

/* フッター */
.lp_footer_copyright{margin: 20px auto 0; width: 90%;}

.lp_topic{padding: 35px 0;}
.lp_topic_list{flex-direction: column; width: 90%; margin: 0 auto 30px}
.lp_topic_list img{margin: 0 auto;}
.lp_topic h2{width: 90%; margin: 0 auto;}

.lp_required_inner{width: 90%; margin: 0 auto;}

.lp_imono_inner{width: 92%; margin: 0 auto;}
.lp_imono_inner p{padding: 30px 15px; font-size: 1.6rem; line-height: 3rem; width: 100%;}

.lp_feature_wrppaer{padding: 90px 0 40px;}
.lp_feature_inner{width: 92%; margin: 0 auto 30px;}
.lp_feature_item h3{width: 90%; top: -40px;}
.lp_feature_item h3 img{max-width: 90%;}
.lp_feature_item{padding: 50px 30px 30px;}
.lp_feature_item p{font-size: 1.6rem; line-height: 3rem;}

.lp_equipment_wrapper{padding: 60px 0; background-size: cover;}
.lp_equipment_inner h3{font-size: 3.5rem;}
.lp_equipment_inner{width: 90%; margin: 0 auto;}
.lp_equipment_inner p{width: 90%; font-size: 1.6rem; line-height: 3rem;}

.lp_youtube{width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;}

.lp_youtube iframe{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.lp_advantage_list{flex-direction: column;}
.lp_advantage_list li{width: 100%; padding: 30px; border: 1px solid;}
.lp_advantage_list p{font-size: 1.6rem; line-height: 3rem;}

.lp_introduction_head{padding: 30px 0;}
.lp_introduction_head img{width: 90%; margin: 0 auto;}
.lp_introduction_img_list li{width: calc((100% - 1px)/2);}

.lp_tel_wrapper{padding: 30px 0;}
.lp_tel_inner{width: 90%; margin: 0 auto;}



}