@charset "utf-8";
/* CSS Document */

.inner.twinText.has-text    {
    
    margin-top:var(--section-text-large-margin);

}

.inner.twinText.has-text .block-text   {

    width: calc(50% - var(--section-text-large-margin) - (var(--section-text-large-margin)/2));
    float:left;
    margin-top: 0;
    margin-bottom:var(--section-text-large-margin);

}

.inner.twinText.has-text .block-text.left {
    
    margin-left: var(--section-text-large-margin);
    margin-right: calc(var(--section-text-large-margin) / 2); 
    
}

.inner.twinText.has-text .block-text.right {
    
    margin-left: calc(var(--section-text-large-margin) / 2); 
    margin-right: var(--section-text-large-margin);     
    
}

@media only screen and (max-width: 1520px)	{

    .inner.twinText.has-text    {

        margin-top:var(--section-text-medium-margin);

    }

    .inner.twinText.has-text .block-text   {

        width: calc(50% - var(--section-text-medium-margin) - (var(--section-text-medium-margin)/2));
        margin-bottom:var(--section-text-medium-margin);

    }

    .inner.twinText.has-text .block-text.left {

        margin-left: var(--section-text-medium-margin);
        margin-right: calc(var(--section-text-medium-margin) / 2); 

    }

    .inner.twinText.has-text .block-text.right {

        margin-left: calc(var(--section-text-medium-margin) / 2); 
        margin-right: var(--section-text-medium-margin);     

    }

}



@media only screen and (max-width: 767px), screen and (max-height: 480px) {	
    
    .inner.twinText.has-text .block-text   {

        width:calc(100% - (var(--section-text-medium-margin) * 2));

    }
    
    .inner.twinText.has-text .block-text.left, .inner.twinText.has-text .block-text.right {

        margin-left: var(--section-text-medium-margin);
        margin-right: var(--section-text-medium-margin);

    }
    
    .inner.twinText.has-text .block-text.left {
    
        margin-bottom: 0;
        
    }
    
    .inner.twinText.has-text .block-text.left::after {
    
        content: '\A'; white-space: pre;
        
    }
    
}

@media only screen and (max-width: 480px)	{
 
    .inner.twinText.has-text .block-text   {

        width:calc(100% - (var(--section-text-small-margin) * 2));

    }
    
    .inner.twinText.has-text .block-text.left, .inner.twinText.has-text .block-text.right {

        margin-left: var(--section-text-small-margin);
        margin-right: var(--section-text-small-margin);

    }
    
    .inner.twinText.has-text h2   {

        margin-top:0;

    }

}