:root { --page-pad: 5vw; --page-pad2: 20vw; --ref-bg: #f4f4f4; --ref-text: #111; --ref-muted: #6b7280; --ref-blue: #3f4296; --radius-sm: 8px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 16px; --shadow-sm: 0 10px 20px rgba(0,0,0,.08); --shadow-md: 0 18px 50px rgba(0,0,0,.18); --shadow-lg: 0 30px 80px rgba(0,0,0,.25); --ease: .25s ease; }
.sec_inner { width: 100%; margin: 0 auto; padding: 0 var(--page-pad); box-sizing: border-box; max-width: 1600px; }
.sec_inner2 { width: 100%; margin: 0 auto; padding: 0 200px; box-sizing: border-box; }
.sec_inner3 { width: 1200px; margin: 0 auto; padding: 0; box-sizing: border-box; }
.sec_tit { font-size: 18px; font-weight: 400; line-height: 1.4; color: #222; word-break: keep-all; }
.sec_tit b { font-weight: 600; }
.sec_tit2 { font-size: 20px; font-weight: 400; line-height: 1.4; color: #222; word-break: keep-all; }
.sec_tit2 b { font-weight: 600; }
.sec_tit3 { font-size: 24px; font-weight: 400; line-height: 1.4; color: #222; word-break: keep-all; }
.sec_tit3 b { font-weight: 600; }
.sec_tit4 { font-size: 30px; font-weight: 400; line-height: 1.3; color: #222; word-break: keep-all; }
.sec_tit4 b { font-weight: 600; }
.sec_tit5 { font-size: 36px; font-weight: 400; line-height: 1.3; color: #222; word-break: keep-all; }
.sec_tit5 b { font-weight: 600; }
.sec_tit6 { font-size: 42px; font-weight: 400; line-height: 1.2; color: #222; word-break: keep-all; }
.sec_tit6 b { font-weight: 600; }
.sec_tit7 { font-size: 48px; font-weight: 400; line-height: 1.4; color: #222; word-break: keep-all; }
.sec_tit7 b { font-weight: 600; }
.sec_tit8 { font-size: 60px; font-weight: 200; line-height: 1.2; color: #222; word-break: keep-all; }
.sec_tit8 b { font-weight: 700; }
.sec_tit9 { font-size: 70px; font-weight: 200; line-height: 1.2; color: #222; word-break: keep-all; }
.sec_tit9 b { font-weight: 700; }
.sec_tit10 { font-size: 90px; font-weight: 200; line-height: 1; color: #222; word-break: keep-all; }
.sec_tit10 b { font-weight: 700; }
.sec_tit11 { font-size: 120px; font-weight: 200; line-height: 1; color: #222; word-break: keep-all; }
.sec_tit11 b { font-weight: 700; }
.sec_txt { font-size: 16px; font-weight: 300; line-height: 1.4; color: #222; word-break: keep-all; }
.sec_txt b { font-weight: 500; }
.sec_txt2 { font-size: 18px; font-weight: 300; line-height: 1.4; color: #222; word-break: keep-all; }
.sec_txt2 b { font-weight: 500; }
.sec_txt3 { font-size: 24px; font-weight: 300; line-height: 1.4; color: #222; word-break: keep-all; }
.sec_txt3 b { font-weight: 500; }
.sec_txt4 { font-size: 14px; font-weight: 300; line-height: 1.4; color: #666; word-break: keep-all; }
.sec_txt4 b { font-weight: 500; }
.txt_center { text-align: center; }
.txt_left { text-align: left; }
.txt_right { text-align: right; }
.bbbgap { padding-top: 200px; }
.bbgap { padding-top: 150px; }
.bgap { padding-top: 100px; }
.gap { padding-top: 50px; }
.sgap { padding-top: 30px; }
.ssgap { padding-top: 20px; }
.sssgap { padding-top: 10px; }
.ssssgap { padding-top: 5px; }
.bold800 { font-weight: 800!important; }
.bold700 { font-weight: 700!important; }
.bold600 { font-weight: 600!important; }
.bold500 { font-weight: 500!important; }
.bold400 { font-weight: 400!important; }
.bold300 { font-weight: 300!important; }
.bold200 { font-weight: 200!important; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 100px; right: 5%; overflow: hidden; width: 50px; height: 50px; border: none; text-indent: -999999px; background: url(../images/totop.png); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; z-index: 99999; background-color: #0198db; background-repeat: no-repeat; background-position: center center; border-radius: 100px; }
#toTop:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }