@charset "UTF-8";


/* 製品使用ステップ */
#item .how_to h2 {
  margin-bottom: 50px;
  text-align: center;
}
#item .how_to p.how_to_p {
  text-align: center;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  margin-bottom: 20px;
}
#item .how_to ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
#item .chert li {
  width: 49%;
  margin-top: 20px;
}
#item .chert li h3 {
  text-align: center;
  margin: 20px auto 12px;
}
#item .chert li p {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#item .how_to p.how_to_p span {
  display: inline-block;
  padding: 5px;
  background-color: #827654;
  color: #fff;
  width: 25px;
  height: 25px;
  line-height: 1.2;
  margin: 0 3px;
  text-align: center;
}
#item .how_to .col_style01 ul {
  display: block;
  padding-left: 1em;
}
#item .how_to .col_style01 dl {
  margin-top: 40px;
}
#item .how_to .col_style01 dt {
  margin-bottom: 30px;
  display: block;
}
#item .how_to .col_style01 dd li {
  padding-left: 1.5em;
  margin-bottom: 10px;
  text-indent: -0.7em;
}
#item .how_to .col_style01 dd li span {
  display: inline-block;
  margin-bottom: -2px;
  padding-right: 0.7em;
}

/*230828追加*/
#item .how_to .chert li {
  position: relative
}
#item .how_to .chert li.empty_item {
  display: none;
}
#item .how_to .chert li .chertNo {
  position: absolute;
  top: 6px;
  left: 8px;
  width: 45px;
  height: 45px;
  background-color: #978863;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  font-size: 1.8rem;
}/*/230828追加*/


@media screen and (min-width: 767px) {
  #item .how_to h2 {
    text-align: left;
  }
  #item .how_to p.how_to_p {
    text-align: left;
    margin-bottom: 30px;
  }
  #item .how_to .col_style01 ul {
    padding-left: 0;
  }
  #item .chert li {
    width: 13.5%;
    margin-top: 0;
  }
  #item .how_to .col_style01 dl {
    margin-top: 0;
    width: 30%;
  }

	/*230828追加*/
	#item .how_to .chert li.empty_item {
  display: block;
}
	#item .how_to .chert li .chertNo {
	  top: 3px;
	  left: 5px;
	  width: 22px;
	  height: 22px;
	  font-size: 1.0rem;
	}/*/230828追加*/
	

  #item .chert li + li::before {
    content: ''; /*何も入れない*/
    display: inline-block; /*忘れずに！*/
    width: 10px;
    height: 15px;
    background-image: url(../images/arrow_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: -15px;
    margin-top: 70px;
    position: absolute;
  }
}


	@media screen and (max-width: 580px) {
		/*230828追加*/
	  #item .how_to .chert li .chertNo {
	    top: 6px;
	    left: 8px;
	    width: 30px;
	    height: 30px;
	    font-size: 1.2rem;
	  }/*/230828追加*/
	}