#navbarText .nav-link:hover { color: #3f8dde  !important; } .bg-blue { background: #102246; } .text-grown { color: #871c23; } .text-blue { color: #001554; } .text-darkBlue { color: #001554 } .text-darkPurple { color: #1b1464; } .bg-pink { background-color: #e7c2bc; } .bg-purple { background-color: #d3bcd9; } .bg-lightBlue { background-color: #cbd1f3; } .bg-grey { background-color: #e5dfe3; } .bg-darkGrey { background-color: #b3b3b3; } .bg-lightGrey { background-color: #f7f6f7; } .container-fluid-1 { height: 21em; overflow: hidden; background: url(https://p4-ofp.static.pub/ShareResource/JPResource/JP-Images/smb/lenovopro-registration/img/hero_image.jpg) 0 0 no-repeat; } .container-fluid-2 { height: 26em; overflow: hidden; background: url(https://p3-ofp.static.pub/ShareResource/JPResource/JP-Images/smb/lenovopro-registration/img/landingpage-register-1.jpg) 0 0 no-repeat; } .container-fluid-3 { height: 28em; overflow: hidden; background: url(https://p3-ofp.static.pub/ShareResource/JPResource/JP-Images/smb/lenovopro-registration/img/landingpage-register-2.jpg) 0 0 no-repeat; } .container-fluid-4 { height: 30em; overflow: hidden; background: url(https://p3-ofp.static.pub/ShareResource/JPResource/JP-Images/smb/lenovopro-registration/img/landingpage-register-3.jpg) 0 0 no-repeat; } .container-fluid-1, .container-fluid-2, .container-fluid-3, .container-fluid-4 { background-size: cover; } .container-fluid-2 { background-size: 114%; } .kotoba { padding-top: 2em; } .kotoba-taisaku { padding-top: 3em; justify-content: flex-end  !important; } .res_size_middle { font-size: 1.5rem; } .res_size_large { font-size: 2.3rem; } .res_size_max { font-size: 2.5rem; } .res_size_max_1 { font-size: 3rem; font-weight: 700; } .res_size_max_2 { font-size: 2.5rem; font-weight: 700; } .res_size_max_plus { font-size: 4rem; } .res_size_max_plus_1 { font-size: 7rem; margin-right: 4px; } .res_size_max_plus_2 { font-size: 7rem; } .font-weight-normal { font-weight: bold; } .lineHeight-1-5 { line-height: 1.5em; } .login_btn { background-image: url('https://p4-ofp.static.pub/ShareResource/JPResource/JP-Images/smb/lenovopro-registration/img/landingpage_03.png'); background-size: cover; width: 55%; color: #fff; font-weight: 900; font-size: 3rem; border-radius: 10px; box-shadow: 5px 5px 10px 0px rgba(73, 23, 08, .3); } .login_btn:hover { text-decoration: none; color: #fff; box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .5); } .intel-logo { padding-top: 20%; padding-right: 5%; } .four-point img { margin: 0 auto; width: 60%; } .four-point h3 { margin-top: -0.5em; line-height: 1.4em; padding-bottom: 1em  !important; } .container-fluid-nagare h1 { margin: 0 auto; } .container-fluid-faq h1 { margin: 0 auto; } .intel-logo { float: right; } html { scroll-behavior: smooth; } .res_size_h6 { font-size: 1.25rem  !important; } .catchphrase { padding-left: 80px; } @media screen and (max-width: 1180px) { .catchphrase { padding-left: 60px; } } @media screen and (max-width: 1136px) { .catchphrase { padding-left: 50px; } } @media screen and (max-width: 1080px) { .catchphrase { padding-left: 40px; } } @media screen and (max-width: 994px) { .catchphrase { padding-left: 60px; } } @media screen and (max-width: 970px) { .catchphrase { font-size: 1.4rem  !important; } .login_btn { font-size: 2.5rem; } .res_size_middle { font-size: 1.3rem; } .res_size_large { font-size: 1.5rem; } .res_size_max { font-size: 2rem; } .res_size_max_1 { font-size: 2.5rem; } .res_size_max_2 { font-size: 2rem; } .res_size_max_plus { font-size: 3.5rem; } .res_size_max_plus_1 { font-size: 5rem; } .res_size_max_plus_2 { font-size: 5rem; } .nav-link.res_size_h6 { font-size: 1rem  !important; } .container-fluid-1 { height: 20em; background-size: cover; } .container-fluid-2 { height: 28em; background-size: cover; } .container-fluid-3, .container-fluid-4 { height: 30em; background-size: cover; } .kotoba { padding-top: 2em; } .kotoba-taisaku { padding-top: 4em; } } @media screen and (max-width: 800px) { .res_size_h6 { font-size: 1.18rem  !important; } } @media screen and (max-width: 786px) { .catchphrase { padding-left: 2em !important; } } @media screen and (max-width: 767px) { .catchphrase { text-align: center !important; padding-left: 0; padding: 8px 10px !important; } } @media screen and (max-width: 700px) { .catchphrase { font-size: 1.2rem  !important; } .navbar-brand.active { width: 45%; } } @media screen and (max-width: 600px) { .catchphrase { font-size: 1.0rem  !important; } } @media screen and (max-width: 576px) { .catchphrase { font-size: .8rem  !important; } img.lenovopro_logo_whiteback { width: 270px; } .hojin_store { font-size: 16px !important; } } @media screen and (max-width:440px) { .login_btn { font-size: 1.5rem; } .res_size_max { font-size: 1.2rem; } .res_size_max_1 { font-size: 1.6rem; } .res_size_max_2 { font-size: 1.4rem; } .res_size_max_plus_1, .res_size_max_plus_2 { font-size: 6rem; } .container-fluid-1, .container-fluid-2 { background-size: contain; background-repeat: no-repeat; background-position-y: 3.5em; background-color: #000; } .container-fluid-1 { height: 13.5em; } .container-fluid-2 { height: 15em; } .container-fluid-3 { height: 22em; } .container-fluid-4 { height: 18.5em; } .container-fluid-3 { background-size: contain; background-repeat: no-repeat; background-color: #000; background-position-y: 6em; } .container-fluid-4 { background-size: contain; background-repeat: no-repeat; background-color: #000; background-position-y: 3.5em; } .container-fluid-1 .res_size_max_2, .container-fluid-2 .res_size_max_2, .container-fluid-3 .res_size_max_2, .container-fluid-4 .res_size_max_2 { font-size: 1.5rem; text-align: center; color: #fff; } .intel-logo { width: 30%; padding-top: 45%; padding-right: 5%; } .kotoba { padding-top: 0em; } .kotoba-taisaku { padding-top: 0em; } } @media screen and (max-width:385px) { .container-fluid-1 { height: 11em; } .container-fluid-2 { height: 12.5em; } .container-fluid-3 { height: 20em; } .container-fluid-4 { height: 16em; } .res_size_max_2 { font-size: 1.2rem; } } @media screen and (max-width:340px) { .res_size_h6 { font-size: 1.0rem  !important; } }