@charset "UTF-8";

/* Service
------------------------------------------------------------*/

.slide.h2Area{
	background: url(https://www.jewelry-tresor.com/site/wp-content/uploads/surprise/h2_back.jpg) no-repeat center center;
	background-size: cover;
}

div#slide_Flow ul.blc4,
div#slide_Flow ol.blc4 {
  justify-content: center;
}
div#slide_Flow ul.blc4 li,
div#slide_Flow ol.blc4 li {
  text-align: center;
}
div#slide_Flow ul.blc4 li img,
div#slide_Flow ol.blc4 li img {
  width: 207px;
  height: auto;
}

div#slide_Flow ul.blcPnP{
  margin-bottom: 40px;
}
div#slide_Flow ul.blcPnP li h4,
div#slide_Flow ul.blcPnP li h3.stepHead {
  font-size: 1.2rem;
  border-bottom: 1px solid #8e8162;
  padding: 0 5px 5px 5px;
  margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  align-items: center;
}
div#slide_Flow ul.blcPnP li h4 img,
div#slide_Flow ul.blcPnP li h3.stepHead img {
  vertical-align: middle;
  margin-right: 10px;
  width: 54px;
  height: 54px;
}

div#slide_Flow ul.blcPnP li > img{
  width: 300px;
}

div.contentsMessageArea{
	background: url(https://www.jewelry-tresor.com/site/wp-content/uploads/surprise/mesBack01.jpg) no-repeat center center;
	background-size: cover;
}

ol.stepList > li::after {
	content: url("https://www.jewelry-tresor.com/site/wp-content/uploads/common/arrow-flowbt.png");
	display: block;
    text-align: center;
	    line-height: 0;
    margin-bottom: 40px;
}
ol.stepList > li:last-child::after {
	display: none;
}

/*****************************************/
/*				 Tablet					 */
/*****************************************/

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

div#slide_Flow ul.blc4,
div#slide_Flow ol.blc4 {
  width: 100%;

}
div#slide_Flow ul.blc4 li img{
  max-width: 100%;
}
ol.stepList > li::after {
    margin-bottom: 20px;
}

}


/*****************************************/
/*				 Mobile					 */
/*****************************************/

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

	
	
}