@charset "utf-8";

.monshin_wrap{
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    .item{
        display: flex;
        flex-direction: column;
        h3{
            font-size: 150% !important;
            font-weight: bold;
            text-align: center;
            color: #333;
            width: unset !important;
            background: unset !important;
            padding:  unset !important;
            float:  unset !important;
        }
        h3:before{
            content: "●";
            margin-right: 0.1em;
        }
        h3:after{
            content: "●";
            margin-left: 0.1em;
        }
        ._inner{
            background-color: #fff;
            border-radius: 15px;
            padding: 1.5em;
            display: flex;
            flex-grow: ;
            justify-content: center;
            height: 100%;
            p{
                margin-bottom: 0 !important;
                text-align: left;
                @media screen and (max-width: 640px) {
                    font-size: 95%;
                }
            }
            p:before{
                content: "●";
                margin-right: 0.1em;
            }
            p:after{
                content: "●";
                margin-left: 0.1em;
            }
            strong._add{
                text-align: left;
                margin-top: -5px;
                margin-bottom: 20px;
                color: #666;
                width: 80%;
            }
            .int_btn{
                display: unset !important;
                width: 90% !important;
                margin-bottom: 15px;
                padding: 1rem 2rem !important;
                line-height: 1.3em;
                border-radius: 15px;
                text-align: left;
                @media screen and (max-width: 640px) {
                    width: 100% !important;
                }
                span{
                    display: inline-block;
                    padding: 0.1em 0.5em;
                    text-align: center;
                    border: 1px solid #fff;
                    border-radius: 100px;
                    margin-right: 0.5em;
                }
            }
        }
    }

    ._inner_flex{
        display: flex;
        gap: 1rem;
        @media screen and (max-width: 640px) {
            flex-direction: column;
        }
        .item{
            padding: 0 !important;
            
        }
        .m-b-20{
            margin-bottom: 1rem;
        }
    }
}

.monshin_wrap._column1.blue{
    .item{
        width:100%;
        background-color: #D8EDF0;
        border-radius: 20px;
        padding: 2em;
        box-sizing: border-box;
        h3:after,h3:before{
            color:#0079D1;
        }
        @media screen and (max-width: 640px) {
            padding: 1.5em;
        }
    }
    .int_first{
        @media screen and (max-width: 640px) {
            margin-bottom: 1rem;
        }
    }
}
.monshin_wrap._column2.blue{
    @media screen and (max-width: 640px) {
        flex-direction: column;
    }
    .item{
        width:100%;
        background-color: #D8EDF0;
        border-radius: 20px;
        padding: 2em;
        box-sizing: border-box;
        @media screen and (max-width: 640px) {
            padding: 1.5em;
        }
        h3:after,h3:before{
            color:#0079D1;
        }
    }

}
.monshin_wrap._column2.pink{
    @media screen and (max-width: 640px) {
        flex-direction: column;
    }
    .item{
        width: calc( (100% - 1.5rem) / 2);
        background-color: #FCE7E8;
        border-radius: 20px;
        padding: 2em;
        box-sizing: border-box;
        @media screen and (max-width: 640px) {
            width: 100%;
        }
        h3:after,h3:before{
            color:#E3014E;
        }
    }
}