@font-face {
    font-family: 'FuturaLight'; /* 任意につけられる */
    src: url('/fonts/FuturaLight.woff') format('woff'), /* Modern Browsers */
        url('/fonts/FuturaLight.ttf') format('truetype'); /* Safari, Android, iOS */ 
    /* ファイル名の大文字小文字要注意！間違えると通りません！ */ 
}

.colorSectionTopText h3 {
    font-family: 'futuraLight', 'Noto Sans JP', sans-serif;
}



.colorSectionTopText h3 span{
    font-size: 60px
}

.colorSectionTopText h3 {
    font-size: 28px
}

@media screen and (min-width:1300px) {     /*pc用のcssを記述*/
    

    
    

    
}





@media only screen and (min-width:768px) and (max-width:1299px) {     /*tablet用のcssを記述*/
    


}




@media screen and (max-width:767px){     /*smartphone用のcssを記述*/
    
    .colorSectionTopText h3 {
        letter-spacing:0.3em
    }
    
    .colorSectionText h3 {
        font-size: 14px;
    }

}