/*
 *
 *	curriculum style
 *
 */
/*======================================
	contentsBox
======================================*/
.contentsBox > section {
    margin-bottom: 2em
    }
/****** curriculumunBox ******/
.contentsBox .curriculumunBox .academy {
    overflow: hidden;
    margin: 1em 0 1.5em;
    padding: 1.5em 0.5em 0.5em;
    background: #ec6d74 url(../images.c301b8454c458e0c7285e06fc956f06c/academy-pin.png) center top no-repeat;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    color: #fff
    }
.contentsBox .curriculumunBox .academy h3 {
    line-height: 0;
    width: 50%;
    margin: 0 auto 0.5em;
    text-align: center
    }
.contentsBox .curriculumunBox .academy p img {
    float: right;
    margin-left: 0.5em
    }
/****** planBox ******/
.contentsBox .planBox figure {
    margin-top: 1em
    }
/****** creativeBox ******/
.contentsBox .creativeBox {
    padding-bottom: 55%;
    background: url(../images.c301b8454c458e0c7285e06fc956f06c/creative-bg.png) right bottom no-repeat;
    background-size: contain
    }
/*============================================================================

	responsive

============================================================================*/
@media screen and (min-width: 480px) {
    /*======================================
    	contentsBox
    ======================================*/
    /****** creativeBox ******/
    .contentsBox .creativeBox {
        padding: 0 38% 44% 0
        }
    }
@media screen and (min-width: 768px) {
    /*======================================
    	contentsBox
    ======================================*/
    /****** curriculumunBox ******/
    .contentsBox .curriculumunBox > p {
        float: left;
        width: 75%;
        padding-right: 1em
        }
    .contentsBox .curriculumunBox .academy {
        float: right;
        width: 25%;
        margin-top: 0;
        font-size: 0.7em
        }
    }
@media screen and (min-width: 940px) {
    /*======================================
    	contentsBox
    ======================================*/
    /****** creativeBox ******/
    .contentsBox .creativeBox {
        background-size: auto;
        padding: 100px 450px 300px 0
        }
    }