@charset "utf-8";

/***********************************/
.flow_box {
    background-color: #fff;
    padding: 60px 1rem 1rem 1rem;
    border-radius: 10px;
    margin: 0 0 60px;
    position: relative
}

.flow_box:not(:last-child):after {
    content: "▼";
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    color: #2e7f34;
    font-size: 2em;
}



.number {
    position: absolute;
    top: 10px;
    background-color: #2e7f34;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ageo .flow_box:not(:last-child):after,
.ageo .application h3 {
    color: #e08000;
}

.ageo .number {
    background-color: #e08000;
}

.application h3 {
    padding: 0;
    margin-bottom: 0.5em;
    font-size: clamp(1.25rem, 1.13rem + 0.6vw, 1.875rem)
        /*20-30px*/
    ;
    color: #2e7f34;
    border-bottom: solid 2px;
    font-weight: bold;
    text-align: left;
}

.application_list {
    margin: 0 0 1em;
}

.application_list li {
    border-bottom: dotted 1px #2e7f34;
    padding: 5px 0 5px 1em;
}

.ageo .application_list li {
    border-bottom: dotted 1px #e08000;
}

p.indent-1 {
    padding-left: 1em;
    text-indent: -1em;
}

.application_list dl {
    display: flex;
    flex-wrap: wrap;
}

.application_list dt {
    padding: 0 1em 0 0;
}

.application_list dt:after {
    content: "：";
}

.application_list dd {}



/*600px以上*/
@media (min-width: 600px) {
    .number {
        top: 0;
        left: 0;
        transform: unset;
        width: 40px;
        border-radius: 9px 0 0 9px;
        height: 100%;
        font-size: 1.6em;
        top: 0;
        left: 0;
        transform: unset;
        width: 40px;
        border-radius: 10px 0 0 10px;
        height: 100%;
        font-size: 1.6em;
    }

    .application_list dl {
        flex-wrap: wrap;
    }

    .application_list dt {
        /*width: 10em;*/
    }

    .application_list dd {
        /* width: calc(100% - 10em);*/
    }

    .flow_box {
        padding: 2rem 2rem 2rem 60px;
        border: solid 1px #2e7f34;
    }

    .ageo .flow_box {
        border: solid 1px #e08000;
    }

}

/*900px以上*/
@media (min-width: 900px) {
    .flow_box {
        padding: 2rem 1em 2rem 90px
    }

    .number {
        width: 60px;
    }

    .btn_list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
        margin: 1rem 0;
        justify-content: center;
        align-items: stretch;
    }

    .btn_list li {
        width: 300px;
    }

    .btn_list .btn_01 {
        margin: 0;
    }
}

/***********************************/
/*600px以上*/
@media (min-width: 600px) {}

/*900px以上*/
@media (min-width: 900px) {}