@charset "UTF-8";

/**
 *
 * 00. 共通
 * 01. お問い合わせ
 * 02. 無料会員登録
 * 03. 会員ログイン
 *
 */

/* ==========================================================================
   00. 共通
   ========================================================================== */

/* 無料会員記事のアイコン */
.c-icon-member:before {
  content: "\e924";
  color: #036eb8;
}



/* ==========================================================================
   01. お問い合わせ
   ========================================================================== */

 /* 無料会員記事のアイコン */

.contactUsIndex-tool-service-inner.service-member:before {
  content: "\e924";
  color: #036eb8;
}



/* ==========================================================================
   02. 無料会員登録
   ========================================================================== */

.m-agreement-btn-member:before {
  content: "\e924";
  color: #036eb8;
}


/* ==========================================================================
   03. 会員ログイン
   ========================================================================== */

.c-icon-short-video:before {
  color: #00dcff;
}

/* ==========================================================================
コンタクトフォームの簡単問い合わせフォームへのボタン 
   ========================================================================== */
   
.c-btn-list-tlv-0a{	
	margin: 30px 0px 0px 0px;
	text-align: center;
}

/* ==========================================================================
流量計の使用例の特大見出し
   ========================================================================== */
   
.c-ttl01-case{
	color:#003e73;
	line-height:1.2;
	font-size:2.0rem;
}

.c-ttl04-case{
    /*background-color: #f4f4f4;
    border-bottom: 1px solid #ccc;*/
    color: #000;
    line-height: 1.2;
    margin: 0px 0 20px 0;
    padding: 10px;
    /*font-size: 16px;*/
    /*font-size: 1.6rem;*/
}

.l-main-head-case-correct{
    display: flex;
   /* -webkit-box-align: center;*/
    align-items: center;
    min-height: 64px;
    padding: 17px 20px;
    width: 100%;
	background-color:#e6ecf0;
	position:relative;
}


.l-main-head-case-fault{
    display: flex;
   /* -webkit-box-align: center;*/
    align-items: center;
    min-height: 64px;
    padding: 17px 20px;
    width: 100%;
	background-color:#e6ecf0;
	position:relative;
	margin-top:100px;
}
	
.back-index{
    border: 1px solid #CCC;
    padding: 5px;
    text-align: center;
    width: 25%;
    margin: 100px auto;
}


/* ==========================================================================
ご注文納期についてのコロナの注記のリンクのボールド
   ========================================================================== */
   
.weight700 {
	font-weight: 700;
	}
   
.color_blue {
    color: blue;
	}

.color_blue_underline {
    color: blue;
	text-decoration: underline;
	}


/* ==========================================================================
SSOP.net関連
   ========================================================================== */

.ssop_center{
	text-align:center;
}
/*

.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.col-head-type1 th {
  background: #f9fafc;
  text-align: left;
  width: 120px;
}
 
@media only screen and (max-width: 800px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}

*/

/* ==========================================================================
社長交代関連
   ========================================================================== */

.hagaki-aisatu{
margin-right:300px;
}

.watakusigi-01{
	margin-left:305px;
}

   
.watakusigi-02{
	margin-left:380px;
}

.taiseikoutai{
  /*border: 1px solid #aaa;*/
  width: 400px;
  text-align: center;
   margin-left: auto;
  margin-right: auto;
}


/* ==========================================================================
wistia用ボタン
   ========================================================================== */
.wistia_center{

  width:25%;
	margin:0 auto;
}


/*rotalign touch*/

.wistia_button01 {
   /* background: url("/wp_tlv_handleWithCare/wp-content/themes/tlv/tlv_assets/ja/catalog/images/rotalign-touch/easy_guide_index-01.jpg") no-repeat; /*
/* ロールオーバー時のチラつき防止 */
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 
.wistia_button01 a {
    width: 640px;
    height: 360px;
    background: url("/wp_tlv_handleWithCare/wp-content/themes/tlv/tlv_assets/ja/catalog/images/rotalign-touch/easy_guide_index-01.jpg") no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-indent: -9999px;
}
 
.wistia_button01 a:hover {
    background-image: url("/wp_tlv_handleWithCare/wp-content/themes/tlv/tlv_assets/ja/catalog/images/rotalign-touch/easy_guide_index-02.jpg");
}


/*GEO LEVALIGNh*/

.wistia_button02 {
   /*background: url("/wp_tlv_handleWithCare/wp-content/themes/tlv/tlv_assets/ja/catalog/images/levalign_expert/easy_guide_index-01.jpg") no-repeat;*/ 
/* ロールオーバー時のチラつき防止 */
    display: block;
   /* margin-left: auto;
    margin-right: auto;*/
}
 
.wistia_button02 a {
    width: 640px;
    height: 360px;
    background: url("/wp_tlv_handleWithCare/wp-content/themes/tlv/tlv_assets/ja/catalog/images/levalign_expert/easy_guide_index-01.jpg") no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-indent: -9999px;
}
 
.wistia_button02 a:hover {
    background-image: url("/wp_tlv_handleWithCare/wp-content/themes/tlv/tlv_assets/ja/catalog/images/levalign_expert/easy_guide_index-02.jpg");
}


/* ==========================================================================
   部品キット用の罫線削除とカラー
   ========================================================================== */

.top_no_border {
    border-top: none;
	}

/*赤*/
.color_red {
    color: red;
	}

/*薄い青*/
.color_2c7cff {
    color: #2c7cff;
	
}
/*緑*/
.color_00AA00 {
    color: #00AA00;
	}

/*オレンジ*/
.color_ff9900 {
    color: #ff9900;
	}

/*濃い青*/
.color_0000dd {
    color: #0000dd;
	}

/*ピンク*/
.color_ffaaff {
    color: #ffaaff;
	}

/*iBPSSM.netで黄色を追加*/
.color_FFD700 {
    color: #FFD700;
	}


/* ==========================================================================
   価格改定用のスペース
   ========================================================================== */
.news_ml110 {
	margin-left:110px;
	}

.news_ml170 {
	margin-left:170px;
	}

.news_ml200 {
	margin-left:200px;
	}


/* ==========================================================================
   iBPSSM.net
   ========================================================================== */

/*-----------背景画像----------*/

.ibpssm-backgroundimage-00{
width: 100%;
/* height: 300px; */
background-image: url('/wp_tlv_handleWithCare/wp-content/themes/tlv/assets/images/survey/220203-ibpssm-net-01.jpg');
 background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 55px;
}


.ibpssm-backgroundimage-01{
width: 100%;
height: 600px;
background-image: url('/wp_tlv_handleWithCare/wp-content/themes/tlv/assets/images/survey/220203-ibpssm-net-02.jpg');
 background-position: center;
background-size: cover;
background-repeat: no-repeat; 
position: relative;
padding-left: 40px;
padding-top: 25px;
}


.ibpssm-backgroundimage-04{
 width: 100%;
 height: 575px;
 background-image: url('/wp_tlv_handleWithCare/wp-content/themes/tlv/assets/images/survey/220203-ibpssm-net-02.jpg');
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat; 
}


/*-------工場の背景画像の上にあるロスのイメージ-------*/


.ibpssm_top-right-01 {
 /* position: absolute;
 top: 690px;
 right: 100px; */
 padding-right: 80px;
 margin-top: 45px;
 text-align: right;
}

/*-------テキスト----------*/

.ibpssm_top-left-00 {
  /* position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, -50%); */
}

.ibpssm_top-left-01 {
  /* position: absolute;
  top: 330px;
  left: 80px;
  right:80px; */
}

@media screen and (max-width: 767px) {
  .ibpssm_top-left-01 {
  }
}

.ibpssm_top-left-02 {
  /* position: absolute;
  top: 420px;
  left: 80px;
  right:80px; */
}


.ibpssm_top-left-03 {
  position: absolute;
  top: 945px;
  left: 50%;
  transform: translate(-50%, -50%);
}




.ibpssm-net-text-00{
  font-size:2.0em;
  color: #003366;
  text-align:center;
}

.ibpssm-net-text-01{
  /* font-size:2.0em; */
  font-size: 3.2rem;
  color: #ffffff;
}

.ibpssm-net-text-02{
	font-size:1.6rem;
	font-size:16px;
        color: #ffffff;
}


.ibpssm-net-text-03{
        font-size:1.6em;
        color: #ffffff;
        text-align:center;
}


.ibpssm_center-04 {
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translate(-50%, -50%);
   color: #ffffff;
}

.ibpssm-net-text-06{
	font-size:3.0rem;
	font-size:30px;
        color: #003366;
        line-height:40px;
        text-align:center;
}



/*----------ibpssm.netのロゴ----------*/

.position_Box-ibpssm-01{
 position:relative;
 width: 175px;
 height:55px;
 margin:0 auto;
}

/* .position_Box-ibpssm-01 .center_img {
 position: absolute;
 top: 305px;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
} */


.position_Box-02 {
 position:relative;
 width: 316px;
 height:30px;
 margin:0 auto;
}

.position_Box-02 .center_img {
 position: absolute;
 top: 0px;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
}






/*----------3つのブロック----------*/

.ibpssm-net-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ibpssm-net-item {
  padding: 30px;
  width: 32%;
  background-color: #fff;
}

@media not all and (min-width: 768px) {
  .ibpssm-net-item {
    width: 100%;
  }

  .ibpssm-net-item:not(:last-child) {
    margin-bottom: 30px;
  }

}


/*----------下のテーブル---------------*/

.ibpssm_tableStep{
  border-right: none;
  border-bottom: none;
}

.ibpssm_table_01{
  border: solid 1px;
  border-color:#ffffff;
}

.ibpssm_table_02{
  background-color:#003366;
  border: 0px none;
  color:#ffffff;
  text-align:center;
}

.ibpssm_table_03{
  background:url('/wp_tlv_handleWithCare/wp-content/themes/tlv/assets/images/survey/test-triangle.png') center top no-repeat;
  border: 0px none;
}

.ibpssm_table_04{
  background-color:#EEEEEE;
  border: 1px solid #eeeeee;
  text-align: left;
}

.ibpssm_table_05{
  text-align: left;
  border: 2px solid #C0C0C0;
  padding-left:40px;
}



/*----------SP調整---------------*/

@media screen and (max-width: 767px) {

  .ibpssm-backgroundimage-00{
    height: auto;
    padding-bottom: 6vw;
    background-position: center 78%;
    margin-bottom: 2vw;
  }
  
  .ibpssm-backgroundimage-01{
    height: auto;
    padding: 7vw;
  }
  
  
  /*-------工場の背景画像の上にあるロスのイメージ-------*/
  
  .ibpssm_top-right-01 {
   position: relative;
   top: inherit;
   right: inherit;
  }
  
  /*-------テキスト----------*/
  
  .ibpssm_top-left-00 {
    position: relative;
    top: inherit;
    left: inherit;
    transform: none;
  }
  
  .ibpssm_top-left-01 {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
  }
    
  .ibpssm_top-left-02 {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
  }
  
  .ibpssm-net-text-00{
    font-size: 4vw;
    line-height: 1.5;
    margin-bottom: 2em;
  }
  
  .ibpssm-net-text-01{
    font-size: 4.3vw;
    line-height: 1.5;
  }
  
  .ibpssm-net-text-02{
    font-size: 3.2vw;
  }
   
  
  /*----------ibpssm.netのロゴ----------*/
  
  .position_Box-ibpssm-01{
   width: 100px;
   height:auto;
  }
  
  .position_Box-ibpssm-01 .center_img {
   position: relative;
   top: inherit;
  }
  
  .position_Box-02 {
   width: 100%;
   height:auto;
   margin-top: 12vw;
  }
  
  .position_Box-02 .center_img {
   position: relative;
   width: 50%;
  }
  
  
  /*----------3つのブロック----------*/
  
  .ibpssm-net-wrap {
    display: block;
  }
  
  .ibpssm-net-item {
    margin-bottom: 0 !important;
    padding: 20px 20px 0;
    width: 100%;
  }


  /*----------下のテーブル---------------*/
  
  .ibpssm_tableStep{
    border-right: none;
    border-bottom: none;
  }

}