@media screen and (max-width: 568px) {
    #introduction section.container {
        box-sizing: border-box;
        padding: 32px;
        width: 100%;
    }

    #introduction section.container section.image-container {
        display: block;
        background-image: url("../images/sp_image01.jpg");
        width: 256px;
        height: 288px;
        margin-bottom: 32px;
    }

    #introduction section.container p {
        font-size: 1.0rem;
        letter-spacing: 0;
        line-height: 2.4rem;
        margin-bottom: 48px;
    }

    #introduction section.container .profile {
        padding: 32px 0;
    }
    
    #introduction section.container figure {
        overflow: hidden;
        margin-bottom: 24px;
    }

    #introduction section.container figure .profile_image {
        background: url("../images/image02.jpg") no-repeat;
        background-size: contain;
        display: block;
        width: 96px;
        height: 128px;
        float: left;
    }

    #introduction section.container figure figcaption {
        display: block;
        font-size: 1.0rem;
        line-height: 2.0rem;
        width: calc( 100% - 128px );
        float: right;
    }
}