@charset "UTF-8";
/* ↓↓↓↓↓↓↓↓↓ flow↓↓↓↓↓↓↓↓↓ */
.title_bg.main_bg_4 {
  background: url("../img/service_flow.jpg") no-repeat center/cover;
  opacity: 0.6; }
  .title_bg.main_bg_4::after {
    content: "SERVICE FLOW"; }

.flow .content_area {
  max-width: 870px;
  padding-top: 360px;
  padding-bottom: 160px; }
.flow .flow_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
  position: relative; }
  .flow .flow_item::after {
    content: "";
    display: block;
    width: 20px;
    height: 30px;
    background: url("../img/arrow_icon_bottom.svg") no-repeat center/contain;
    position: absolute;
    left: calc(50% + 1vw);
    bottom: -50px;
    transform: translate(-50%, 50%); }
  .flow .flow_item:last-child {
    margin-bottom: 0; }
  .flow .flow_item:last-child::after {
    content: none; }
.flow .flow_item_icon {
  width: 24%; }
.flow .flow_item_content {
  width: 70%; }
.flow .flow_item_text {
  font-size: 1.6rem; }
.flow .main_bg_2 {
  width: calc(50% + 1vw); }
@media screen and (max-width: 1100px) {
  .flow .content_area {
    padding: 160px 12px 80px 12px; }
  .flow .flow_item {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 80px; }
    .flow .flow_item::after {
      width: 14px;
      height: 24px;
      left: 50%;
      bottom: -45px; }
  .flow .flow_item_icon {
    margin-bottom: 20px;
    margin-left: -8px; }
  .flow .flow_item_content {
    width: 100%; }
  .flow .flow_item_text {
    font-size: 1.6rem; }
  .flow .main_bg_2 {
    width: 100%; } }