@media (min-width: 767px) {
    
    .title {
        margin: 5rem 5rem 0rem 5rem;
    }
    
    .title_01 {
        color: #ff6600;
        font-weight: bold;
        font-size: 24px;
        text-indent: 3rem;
        margin-right: 25rem;
        text-align: justify;
    }
    
    .title_01_a {
        color: inherit!important;
        font-size: 30px!important;
    }
    
    .title_01_01 {
        display: flex;
        flex-direction: row;
        opacity: 0.6;
    }
    
    .title_01_01_01 {
        font-size: 20px;
        margin: 1rem 25rem 0 0;
    }
    
    .title_01_01_01:first-child {
        margin-right: 3rem;
        text-indent: 3rem;
    }
    
    .title_02 {
        line-height: 1.5;
        font-size: 20px;
        text-indent: 3rem;
        text-align: justify;
        margin: 1rem 25rem 0 0;
     font-family: "Literata", serif;
    font-weight: 300;
    font-style: normal;
    }
    
    .title_02_b p {
        line-height: 1.5;
        font-size: 20px;
        text-indent: 3rem;
        text-align: justify;
        margin: 1rem 25rem 0 0;
    }
    
    .title_02_b h2 {
        line-height: 1.5;
        font-size: 25px;
        text-indent: 3rem;
        text-align: justify;
        margin: 1rem 25rem 0 0;
    }
    
}

@media (max-width: 767px) {
        
    .title, .main {
        margin: 5rem 1rem 0rem 1rem;
    }
    
    .title_01, .main_01 {
        color: #ff6600;
        font-weight: bold;
        font-size: 20px;
        text-align: justify;
    }
    
    .title_01_01 {
        display: flex;
        flex-direction: row;
        margin: 1rem 0 0 0;
        opacity: 0.6;
    }
    
    .title_01_a {
        color: inherit!important;
    }
    
    .title_01_01_01 {
        margin-right: 2rem;
    }
    
    .title_02 {
        line-height: 1.5;
        font-size: 16px;
        text-align: justify;
        margin: 1rem 0 0 0;
    }
    }