/* -------------- work flow ------------------- */



.work_flow_box{
 width:100%;
}

.work_flow_box2{
 height:2200px;
 width:1024px;
 display:inline-block;
 margin-top:20px;
 position: relative;
}


.work_flow_hr{
 width:230px;
 height:0px;
 background-color:#b70004;
 margin: auto; 
 
}




/* -- 楕円 -- */

.oval1 {
  width: 500px;
  height: 290px;
  top:30px;
  right:30px;
  background-color:#fff57f;
  border-radius: 50%;
  display:inline-block;
  position: absolute;
  z-index:1;
}

.oval2 {
  width: 510px;
  height: 300px;
  top:360px;
  left:30px;
  background-color:#fff57f;
  border-radius: 50%;
  display:inline-block;
  position: absolute;
  z-index:1;
  }

.oval3 {
  width: 440px;
  height: 270px;
  top:660px;
  right:50px;
  background-color:#fff57f;
  border-radius: 50%;
  display:inline-block;
  position: absolute;
  z-index:1;
  }

.oval4 {
  width: 440px;
  height: 270px;
  top:885px;
  left:20px;
  background-color:#fff57f;
  border-radius: 50%;
  display:inline-block;
  position: absolute;
  z-index:1;
  }

.oval5 {
  width: 500px;
  height: 330px;
  top:1120px;
  right:20px;
  background-color:#fff57f;
  border-radius: 50%;
  display:inline-block;
  position: absolute;
  z-index:1;
}
.oval6 {
  width: 550px;
  height: 350px;
  top:1440px;
  left:20px;
  background-color:#fff57f;
  border-radius: 50%;
  display:inline-block;
  position: absolute;
  z-index:1;
}

.oval7 {
  width: 500px;
  height: 330px;
  top:1785px;
  right:25px;
  background-color:#fff57f;
  border-radius: 50%;
  display:inline-block;
  position: absolute;
  z-index:1;
}





/* --  img -- */


.flow_img1{
  width:200px;
  top:-5px;
  left:240px;
  display:inline-block;
  position: absolute;
  z-index:2;
}

.flow_img2{
  width:160px;
  top:360px;
  left:490px;
  display:inline-block;
  position: absolute;
  z-index:2;
}

.flow_img3{
  width:165px;
  top:715px;
  left:440px;
  display:inline-block;
  position: absolute;
  z-index:2;
}

.flow_img4{
  width:115px;
  top:740px;
  right:20px;
  display:inline-block;
  position: absolute;
  z-index:2;
}
.flow_img5{
  width:60px;
  top:1035px;
  right:40px;
  display:inline-block;
  position: absolute;
  z-index:2;
}

.flow_img6{
  width:75px;
  top:1440px;
  left:45px;
  display:inline-block;
  position: absolute;
  z-index:2;
}

.flow_img7{
  width:290px;
  top:1726px;
  left:135px;
  display:inline-block;
  position: absolute;
  z-index:2;
}

.flow_img8{
  width:145px;
  top:1810px;
  right:15px;
  display:inline-block;
  position: absolute;
  z-index:2;
}




/* --  dot -- */


.flow_dot1{
  width:15.1%;
  top:255px;
  left:400px;
  display:inline-block;
  position: absolute;
  z-index:1;
}
.flow_dot2{
  width:12%;
  top:597px;
  left:466px;
  display:inline-block;
  position: absolute;
  z-index:1;
}
.flow_dot3{
  width:12%;
  top:852px;
  left:422px;
  display:inline-block;
  position: absolute;
  z-index:1;
}
.flow_dot4{
  width:12%;
  top:1110px;
  left:415px;
  display:inline-block;
  position: absolute;
  z-index:1;
}
.flow_dot5{
  width:15%;
  top:1380px;
  left:415px;
  display:inline-block;
  position: absolute;
  z-index:1;
}
.flow_dot6{
  width:11.2%;
  top:1730px;
  left:512px;
  display:inline-block;
  position: absolute;
  z-index:1;
}





/* -- comment -- */


.flow_comment_img1{
  top:111px;
  left:307px;
  display:inline-block;
  position: absolute;
  z-index:996;
}
.flow_comment_box1{
  padding:15px;
  width:235px;
  top:106px;
  left:307px;
  display:inline-block;
  position: absolute;
  z-index:997;
}


.flow_comment_img2{
  top:1530px;
  left:520px;
  display:inline-block;
  position: absolute;
  z-index:996;
}
.flow_comment_box2{
  padding:16px;
  width:230px;
  top:1524px;
  left:520px;
  display:inline-block;
  position: absolute;
  z-index:997;
}



/* -- font -- */


.work_flow_title1{
   font-weight:400;
   font-family: 'Playfair Display', serif;
   color:#b70004;
   letter-spacing:6px;
   line-height:0.7;
   font-size:25px;
		}

.work_flow_title2{
			font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#b70004;
   letter-spacing:6px;
   padding-top:7px;
   font-size:14px;
		}
  


.work_flow_contents1{
   margin-top:15px;
   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#231815;
   letter-spacing:-1px;
   line-height:1.7;
   font-size:19px;
}


.work_flow_contents2{
   margin-top:10px;
   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#231815;
   letter-spacing:-0.3px;
   line-height:1.8;
   font-size:12px;
   text-align: justify;
   text-justify: inter-ideograph;
   display:inline-block;
}


.work_flow_contents3{
   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#b70004;
   letter-spacing:0px;
   line-height:1.9;
   font-size:11px;
   text-align: justify;
   text-justify: inter-ideograph;
   display:inline-block;
}