@font-face { font-family: D-DIN-Bold; src: url("../fonts/d-din/D-DIN-Bold.otf"); } .ctm-9 { width: 76%; margin: auto; } .ctm-10 { width: 92%; margin: auto; } .ctm-sc { font-family: 'Noto Sans SC'; } .ctm-tit { padding-top: 112px; padding-bottom: 60px; } .ctm-tit h2 { font-size: 48px; font-weight: bold; line-height: 60px; letter-spacing: 0em; color: #333333; } .ctm-smTit p { font-size: 18px; font-weight: normal; line-height: normal; letter-spacing: 0em; color: #2C9E41; } .ctm-txt p { font-size: 16px; font-weight: normal; line-height: 28px; letter-spacing: 0em; color: #666666; } .ctm-btn p { font-size: 16px; font-weight: normal; line-height: normal; letter-spacing: 0em; color: #FFFFFF; } .ctm-str p { font-size: 40px; font-weight: bold; line-height: 65px; text-align: justify; letter-spacing: 0em; color: #FFFFFF; } .ctm-tim1 p { font-family: Arial; font-size: 16px; font-weight: bold; line-height: normal; letter-spacing: 0em; color: #666666; } .ctm-tim2 p { font-family: Arial; font-size: 14px; font-weight: normal; line-height: 28px; letter-spacing: 0em; color: #666666; } .ctm-newTit1 p { font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 0em; color: #333333; } .ctm-newTit2 p { font-size: 18px; font-weight: normal; line-height: 28px; letter-spacing: 0em; color: #333333; } .ctm-makTit h2 { font-size: 60px; font-weight: bold; line-height: normal; text-align: center; letter-spacing: 0em; color: #FFFFFF; } .ctm-hair p { font-size: 24px; font-weight: normal; line-height: normal; letter-spacing: 0em; color: #666666; } .ctm-expTit p { font-size: 48px; font-weight: bold; line-height: 60px; letter-spacing: 0em; color: #333333; } .ctm-expSmTit p { font-size: 30px; font-weight: bold; line-height: normal; letter-spacing: 0em; color: #333333; } .ctm-cilTit h2 { font-size: 48px; font-weight: bold; line-height: normal; letter-spacing: 0em; color: #FFFFFF; } .ctm-cilTex p { font-size: 18px; font-weight: normal; line-height: 28px; text-align: justify; letter-spacing: 0em; color: #FFFFFF; } @media (max-width: 1536px) { .ctm-9 { width: 86%; } .ctm-tit { padding-top: 60px; padding-bottom: 42px; } .ctm-tit h2 { font-size: 28px; line-height: 38px; } .ctm-smTit p { font-size: 16px; } .ctm-txt p { font-size: 14px; line-height: 22px; } .ctm-tim1 p { font-size: 16px; } .ctm-newTit1 p { font-size: 18px; } .ctm-newTit2 p { font-size: 16px; } .ctm-btn p { font-size: 14px; } .ctm-str p { font-size: 26px; line-height: 40px; } .ctm-makTit h2 { font-size: 40px; } .ctm-hair p { font-size: 18px; } .ctm-expTit p { font-size: 28px; line-height: 38px; } .ctm-expSmTit p { font-size: 22px; } .ctm-cilTit h2 { font-size: 30px; } .ctm-cilTex p { font-size: 16px; line-height: 28px; } } @media (max-width: 768px) { .ctm-makTit h2 { font-size: 26px; } } @media (max-width: 499px) { .ctm-9 { width: 94%; } .ctm-tit { padding-top: 50px; padding-bottom: 26px; } .ctm-tit h2 { font-size: 24px; line-height: 32px; } .ctm-str p { font-size: 22px; line-height: 30px; } .ctm-newTit1 p { font-size: 18px; } .ctm-makTit h2 { font-size: 24px; } .ctm-hair p { font-size: 14px; } .ctm-expTit p { font-size: 24px; line-height: 32px; } .ctm-expSmTit p { font-size: 20px; } .ctm-cilTit h2 { font-size: 26px; } .ctm-cilTex p { font-size: 14px; line-height: 22px; } }