@charset "UTF-8";
/* CSS Document */









.flow_en_lead{ font-weight: bold;}
.flow_lead_text{ line-height: 2em;}

.step_box{}
.step_box>div{ display: flex; flex-wrap: wrap; position: relative;}
.step_box>div>dl{}
.step_box>div>dl>dt{}
.step_box>div>dl>dt>span,
.step_box>div>dl>dt>h3{ display: block; font-weight: bold; line-height: 1.63em;}
.step_box>div>dl>dd{ line-height: 2em;}
.step_box>div>div{}
.step_box>div>div>img{ display: block; margin: 0 auto;}

.step_box>div:nth-child(n+2)::before{ content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-color: #000 transparent transparent transparent;}

@media (min-width: 768px) {
.flow_en_lead{ font-size: 30px;}
.flow_lead_text{ font-size: 18px;}

.step_box{}
.step_box>div{ justify-content: space-between; margin: 60px 0 0;}
.step_box>div>dl{ width: calc(50% - 20px);}
.step_box>div>dl>dt{}
.step_box>div>dl>dt>span{ font-size: 30px; margin: 0 0 10px;}
.step_box>div>dl>dt>h3{ font-size: 22px; margin: 0 0 15px}
.step_box>div>dl>dd{ font-size: 18px;}
.step_box>div>div{ width: calc(50% - 20px);}
.step_box>div>div>img{ width: 75%;}

.step_box>div:nth-child(odd)>dl{ order: 1;}
.step_box>div:nth-child(odd)>div{ order: 0;}

.step_box>div:nth-child(n+2){ margin-top: 140px;}
.step_box>div:nth-child(n+2)::before{ border-width: 50px 50px 0 50px; left: calc(50% - 50px); top: -85px;}
}
@media (max-width: 767.98px) {
.flow_en_lead{ font-size: 16px;}
.flow_lead_text{}

.step_box{}
.step_box>div{ margin: 50px 0 0;}
.step_box>div>dl{ width: 100%; order: 1;}
.step_box>div>dl>dt{}
.step_box>div>dl>dt>span{ font-size: 18px; margin: 0 0 10px;}
.step_box>div>dl>dt>h3{ font-size: 16px; margin: 0 0 15px}
.step_box>div>dl>dd{}
.step_box>div>div{ width: calc(100% + 20px); margin: 0 -10px 15px;}
.step_box>div>div>img{ width: 75%;}

.step_box>div:nth-child(n+2){ margin-top: 80px;}
.step_box>div:nth-child(n+2)::before{ border-width: 30px 45px 0 45px; left: calc(50% - 45px); top: -65px;}

}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}