@charset "utf-8";
/*------------------------------------------------------------
	plums
------------------------------------------------------------*/
#main .topBox {
    margin-bottom: 9.5rem;
}
#main .topBox h3 {
    margin-bottom: 4.5rem;
    font-size: 4rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1.4;
}
#main .topBox .text {
    margin-bottom: 3rem;
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.6;
}
#main .topBox .text:last-child {
    margin-bottom: 0;
}
#main .plums .infoBox {
    margin: 0 auto 8.5rem;
    max-width: 90rem;
}
#main .plums .infoBox:last-child {
    margin-bottom: 0;
}
#main .plums .infoBox h4 {
    margin-bottom: 3.9rem;
    padding-bottom: 3rem;
    font-size: 3rem;
    letter-spacing: 0.1em;
    line-height: 1.4;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
}
#main .plums .infoBox .photo {
    margin-bottom: 3.3rem;
}
#main .plums .infoBox .photo img {
    width: 100%;
}
#main .plums .infoBox .text {
    font-size: 2rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1.6;
}
@media all and (max-width: 896px) {
	#main .topBox {
        margin-bottom: 5rem;
    }
    #main .topBox h3 {
        margin-bottom: 2rem;
        font-size: 2.5rem;
    }
    #main .topBox .text {
        margin-bottom: 1.5rem;
        font-size: 1.6rem;
    }
    #main .plums .infoBox {
        margin-bottom: 5rem;
        max-width: 100%;
    }
    #main .plums .infoBox h4 {
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
        font-size: 2rem;
    }
    #main .plums .infoBox .photo {
        margin-bottom: 1rem;
    }
    #main .plums .infoBox .text {
        font-size: 1.6rem;
    }
}