@charset "utf-8";
/* flow */
/* CSS Document */
/* # =================================================================
# Project
# ================================================================= */
.p-flow__reqList {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
margin: 12px 0 8px;
}
.p-flow__reqItem {
display: grid;
grid-template-columns: 44px 1fr auto;
align-items: center;
gap: 11px;
padding: 5px 15px ;
background: #fff;
border-radius: 12px;
border: 1px solid #e5e5e5;
}
.p-flow__reqIcon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.p-flow__reqTxt {
font-weight: 700;
font-size: 1.5rem;
}
.p-flow__reqBtn {
display: inline-flex;
align-items: center;
    padding: 8px 5px 8px 8px; 
background: #008753;
color: #fff;
font-size: 1.2rem;
line-height: 1;
white-space: nowrap;
text-decoration: none;
transition: opacity .2s ease;
position: relative;
}
.p-flow__reqBtn:hover { opacity: .85; }
.p-flow__reqBtn .c-btn__arrow {
position: static;
right: auto;
margin-left: 6px;
}
.p-flow__reqBtn::after { content: none !important; }
@media (max-width: 991.98px) {
    .p-flow__reqBtn { 
        padding: 7px 5px 7px 8px; font-size: 1.4rem; 
    }
    .p-flow__noteTitle.is-greenLine::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.15em;
        width: 4px;
        height: 1.4em;
        background: #81C656;
        border-radius: 0px 2px 2px 0px;
    }
    .p-flow__reqItem + .p-flow__reqItem::before {
        content: "OR";
        position: absolute;
        top: -28px;             
        left: 50%;
        transform: translateX(-50%);
        width: 35px;
        height: 35px;
        background: #EDE51A;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        color: #333;
        z-index: 2;
    }
}
@media (min-width: 991.99px) {
    .p-flow__reqList {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        gap: 35px;
    }
    .p-flow__reqItem + .p-flow__reqItem::before {
        content: none;
    }
    .p-flow__reqItem:not(:last-child)::after {
        content: "OR";
        position: absolute;
        top: 50%;
        right: -46px;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: #EDE51A;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        color: #333;
        z-index: 2;
    } 
}
.p-flow__reqItem {
position: relative;
}
.p-accordion__head.--list::before {
    display: none;
}