@charset "UTF-8";

#flow_1_1-3 + .composite_box01 .inner_item, #flow_1_4-6 + .composite_box01 .inner_item, #flow_2_1-3 + .composite_box01 .inner_item, #flow_2_4-6 + .composite_box01 .inner_item{
  position: relative;
}

#flow_1_1-3 + .composite_box01 .inner_item .inner_item_img, 
#flow_1_4-6 + .composite_box01 .inner_item .inner_item_img, 
#flow_2_1-3 + .composite_box01 .inner_item .inner_item_img, 
#flow_2_4-6 + .composite_box01 .inner_item .inner_item_img{
height: 200px;
position: relative;
}

#flow_1_1-3 + .composite_box01 .inner_item .inner_item_img::before, 
#flow_1_4-6 + .composite_box01 .inner_item .inner_item_img::before, 
#flow_2_1-3 + .composite_box01 .inner_item .inner_item_img::before, 
#flow_2_4-6 + .composite_box01 .inner_item .inner_item_img::before{
content: "";
display: block;
width: 35px;
height: 35px;
background: #fff;
border-radius: 25px;
position: absolute;
top: 15px;
right: 15px;
}

#flow_1_1-3 + .composite_box01 .inner_item .inner_item_img::after, 
#flow_1_4-6 + .composite_box01 .inner_item .inner_item_img::after, 
#flow_2_1-3 + .composite_box01 .inner_item .inner_item_img::after, 
#flow_2_4-6 + .composite_box01 .inner_item .inner_item_img::after{
display: inline-block;
position: absolute;
top: 17.1px;
right: 27.5px;
}

#flow_1_1-3 + .composite_box01 .inner_item:nth-child(1) .inner_item_img::after, 
#flow_2_1-3 + .composite_box01 .inner_item:nth-child(1) .inner_item_img::after {
content: "1";
}

#flow_1_1-3 + .composite_box01 .inner_item:nth-child(2) .inner_item_img::after, 
#flow_2_1-3 + .composite_box01 .inner_item:nth-child(2) .inner_item_img::after {
content: "2";
}

#flow_1_1-3 + .composite_box01 .inner_item:nth-child(3) .inner_item_img::after, 
#flow_2_1-3 + .composite_box01 .inner_item:nth-child(3) .inner_item_img::after {
content: "3";
}

#flow_1_4-6 + .composite_box01 .inner_item:nth-child(3) .inner_item_img::after, 
#flow_2_4-6 + .composite_box01 .inner_item:nth-child(3) .inner_item_img::after {
content: "6";
}

#flow_1_4-6 + .composite_box01 .inner_item:nth-child(2) .inner_item_img::after, 
#flow_2_4-6 + .composite_box01 .inner_item:nth-child(2) .inner_item_img::after {
content: "5";
}

#flow_1_4-6 + .composite_box01 .inner_item:nth-child(1) .inner_item_img::after, 
#flow_2_4-6 + .composite_box01 .inner_item:nth-child(1) .inner_item_img::after {
content: "4";
}

#ab_1 + .composite_box01 .wrapper_item{
position: relative;
}

#ab_1 + .composite_box01 .wrapper_item::before{
content: "";
display: block;
width: 2.9%;
height: 5px;
background: black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#ab_1 + .composite_box01 .wrapper_item::after{
content: "";
display: block;
width: 2%;
padding-top: 2%;
border-right: solid 5px black;
border-bottom: solid 5px black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(315deg);
}

@media screen and (max-width: 480px){
#ab_1 + .composite_box01 .wrapper_item::before,
#ab_1 + .composite_box01 .wrapper_item::after{
display: none;
}

#ab_1 + .composite_box01 .inner_item:first-child{
position: relative;
}

#ab_1 + .composite_box01 .inner_item:first-child::before{
content: "";
display: block;
width: 5px;
height: 25px;
background: black;
position: absolute;
top: calc( 100% + 10px );
left: 50%;
transform: translate(-50%, 0%);
}

#ab_1 + .composite_box01 .inner_item:first-child::after{
content: "";
display: block;
width: 20px;
padding-top: 20px;
border-right: solid 5px black;
border-bottom: solid 5px black;
position: absolute;
top: calc( 100% + 10px );
left: 50%;
transform: translate(-50%, 0%) rotate(45deg);
}

.composite_box01.block_images_3 .inner_item:nth-of-type(2n-1):nth-last-of-type(2){
margin-bottom: 50px !important;
}

}

@media screen and (max-width: 920px){
.composite_box01.block_images_9 .inner_item_img{
height: 150px !important;
}
}