/*-------------------
撮影から納品までの流れ
--------------------*/
.flow-list>li{ padding:20px; border:1px solid #E0E0E0; position:relative; margin-bottom:60px;}
.flow-list>li:after{ content:""; position:absolute; left:50%; bottom:-80px; margin-left:-40px;
	width:0px;
	height:0px;
	border-top:solid 40px #E0E0E0;
	border-right:solid 40px transparent;
	border-bottom:solid 40px transparent;
	border-left:solid 40px transparent;}
.flow-list>li:last-child:after{ display:none;}
.flow-list img{ float:right; margin:0 0 0 20px; max-width:320px;}

.flow-in{ padding:20px; border:1px solid #eee; background-color:#F5F5F5; margin-bottom:20px;}
.attention{ padding:20px; border:1px solid #D8C5C8; margin-bottom:20px; background-color:rgba(246, 234, 236, 0.58);
    box-shadow:
    1px 1px 0 #FFF inset,
    -1px -1px 0 #FFF inset,
    2px 2px 0 #EDE3E4 inset,
    -2px -2px 0 #EDE3E4 inset;
    box-sizing: border-box;
}
.attentionblock{
    max-width:750px;
    margin-right:auto;
    margin-left: auto;
}

.attention2{ padding:20px; border:1px solid #afc1e6; margin-bottom:20px; background-color:#edf3fd;
    box-shadow:
    1px 1px 0 #FFF inset,
    -1px -1px 0 #FFF inset,
    2px 2px 0 #EDE3E4 inset,
    -2px -2px 0 #EDE3E4 inset;
    box-sizing: border-box;
}

.flow-list .grid2 img{ float:none; max-width: 475px; margin:0 0 20px;}
.flow-list .grid3 img{ float:none; max-width:310px; margin:0 0 20px;}
.flow-list .grid4 img{ float:none; max-width:227px; margin:0 0 20px;}

.flow-list .grid2{
    width: 100%;
}
.flow-list .grid2 > *{
    width: 50%;
    box-sizing: border-box;
    margin-right:0;
    box-sizing: border-box;
    padding-right:10px;
    padding-left: 10px;
}
.flow-list .grid2 img{
    max-width: 100%;
}


@media screen and (max-width:900px){
    .flow-list .grid2{
        margin-right:0;
        margin-left: 0;
    }
    .flow-list .grid2 > *{
        width: 100%;
        float: none;
        padding-right:0;
        padding-left: 0;
    }
    .flow-list .grid2 img{
        max-width: 300px;
        width: 100%;
        margin-right:auto;
        margin-left: auto;
    }
    .flow-list img{
        float: none;
        max-width: 300px;
        width: 100%;
        margin-right:auto;
        margin-left: auto;
        display: block;
    }
}