.eye_first-flow {
background-image: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/pages/eye/eye_flow.jpg);
}
.column {
counter-reset: section;
}
.flow-box { border-radius: 10px;
padding: 20px;
margin: 20px 0;
position: relative; background: #fff;
position: relative;
overflow: hidden;
}
.flow-box::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 0;
border-color: #0e3092 transparent transparent transparent;
position: absolute;
top: 0;
left: 0;
z-index: 20;
}
.flow-box::after {
counter-increment: section;
content: counter(section);
font-size: 152px;
position: absolute;
font-family: 'Josefin Sans', sans-serif;
color: #f1f1f1;
bottom: -40px;
right: 30px;
z-index: 1;
}
.flex-2column div.float-box {
width: 96%; margin: 0 auto;
}
.float-box div {}
.float-box div h2 {
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom: 14px;
color: #0f3965;
}
.float-box div p {
width: 80%;
margin: 0 auto;
}
.float-box div figure {}
.float-box div figure img {}
@media screen and (max-width:750px) {
.flex-2column {
flex-direction: column;
}
.flex-2column div {
width: 100%;
}
}
@media screen and (max-width:450px) {
.flow-box {
padding: 20px 0;
} .float-box div figure img {
width: 100%;
}
.float-box div figure {
text-align: center;
}
.flex-2column div {
width: 100%; }
}
.flex-2column div.img_box {
width: 100%;
margin-top: 20px;
position: relative;
z-index: 10;
}
.flex-2column div.txt_box {
width: 100%;
margin-top: 20px;
position: relative;
z-index: 10;
}
@media screen and (max-width:750px) {
.flex-2column div.img_box {
margin-top: 30px;
}
.flex-2column div.txt_box {
margin-top: 30px;
}
}