@charset "UTF-8"; .productsTitle, .bnr .item, .forSp { display: none; } #header { border-bottom: #ededed solid 1px; } .headerIn, .footerIn { width: 930px; margin: 0 auto; } .copyRight { border-top: 1px solid #ededed; } #footer { margin-top: 10px; } .pageTop { border-radius: 50%; } .logoBox { width: 930px; margin: 44px auto 40px; overflow: hidden; } .logoBox dl { display: table; float: left; } .logoBox dt, .logoBox dd { display: table-cell; vertical-align: middle; font-weight: bold; font-size: 13px; line-height: 17px; letter-spacing: .07em; font-feature-settings: "palt" 1; } .logoBox dt img { width: 71px; margin-right: 15px; } .logoBox dd b { display: block; font-size: 22px; margin-top: 10px; } .lenovoLogo { float: right; padding-top: 15px; } .lenovoLogo img { width: 220px; } .lead { font-size: 16px; line-height: 32px; width: 930px; margin: -20px auto 80px; } .lead a { transition: .2s; font-weight: bold; } .lead a:link, .lead a:visited { color: #0096d6; text-decoration: underline; } .lead a:hover, .lead a:active { color: #89d5f5; } .menu { background: #f6f6f6; width: 100%; margin: 0 auto 120px; padding: 60px 0 40px; } .menu ul { background: url(https://p2-ofp.static.pub/ShareResource/JPResource/JP-Images/article/tieup/loq-15irh8/menu_bg.png) left top no-repeat; box-sizing: border-box; width: 930px; margin: 0 auto; padding-left: 120px; } .menu li a { transition: .2s; letter-spacing: .09em; font-feature-settings: "palt" 1; font-size: 15px; } .menu li a b { background: url(https://p2-ofp.static.pub/ShareResource/JPResource/JP-Images/article/tieup/loq-15irh8/menu_arrow.png) left center no-repeat; display: inline-block; color: #009adb; padding: 2px 0 5px 20px; margin-bottom: 16px; width: 95px; } .menu li a:hover { opacity: .7; } .topbnr { width: 930px; margin: -145px auto 110px; } .topbnr a { display: block; width: 388px; height: 59px; text-indent: -9999px; overflow: hidden; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .innerbnr { background: #f5f5f5; width: 100%; margin: 110px auto 130px; padding: 60px 0 50px } .innerbnr a { display: block; width: 930px; height: 191px; text-indent: -9999px; overflow: hidden; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; margin: 0 auto; } .topbnr a:hover, .innerbnr a:hover { opacity: .7; } #mainContents { letter-spacing: .1em; font-feature-settings: "palt" 1; } .paragraph h2 { color: #000; font-weight: bold; font-size: 34px; line-height: 53px; width: 930px; margin: 0 auto; font-feature-settings: "palt"; letter-spacing: .05em; text-align: center; } .paragraph h2 b { color: #0096d6; display: block; font-weight: bold; font-size: 36px; padding-bottom: 25px; } .paragraph p b { border-bottom: #878787 dotted 1px; font-weight: bold; } .productBoxIn, .paragraphIn { width: 930px; margin: -10px auto 0; } .productBoxIn sup, .paragraphIn sup { font-size: 60%; position: relative; top: 2px; } .productBoxIn p, .paragraph p { font-size: 17px; line-height: 2; margin-top: 70px; } .paragraph p+p { margin-top: 30px; } .sTxt { display: block; font-size: 12px; line-height: 1.6; margin-top: 15px; text-indent: -20px; padding-left: 20px; } .imgBox02, .imgBoxMain { width: 800px; margin: 90px auto 0; padding-bottom: 30px; } .imgBox { width: 930px; margin: 70px auto 0; } .imgBox .imagesClear a { display: block; width: 49%; float: left; } .imgBox .imagesClear a+a { display: block; width: 49%; float: right; } .imgBox .imagesClear+.imagesClear { margin-top: 20px; } .paragraph p.cap { font-size: 14px; line-height: 1.7; } .imgBox02 img, .imgBoxMain img, .imgBox img { width: 100%; } .imgBoxMain p.cap, .imgBox02 p.cap, .imgBox p.cap { margin-top: 15px  !important; } .imgBox .imagesClear p.cap { display: block; width: 48%; float: right; margin-top: 0  !important; } .imgLine a { border: #e1e1e1 solid 1px; } .imagesClear { overflow: hidden; } .sTitle { box-sizing: border-box; margin-top: 90px; text-align: center; } .sTitle strong { font-size: 24px; font-weight: bold; } .sTitle+.imgBox02, .sTitle+.imgBox { margin: 20px auto 0; } #article01 table { border: solid 1px #0096d6; border-width: 1px; border-spacing: 0; color: #000; width: 930px; margin: 25px auto 0; empty-cells: show; line-height: 1.5; font-size: 100%; } #article01 th { background: #ebf7fc; border: solid 1px #0096d6; border-width: 0 1px 1px 0; color: #0096d6; font-size: 13px; font-weight: bold; text-align: center; margin: 0; padding: 10px 5px 3px; } #article01 td { border: solid 1px #0096d6; text-align: center; padding: 10px; font-size: 14px; line-height: 1.3; width: 15%; } .table01 span { background: url(https://p2-ofp.static.pub/ShareResource/JPResource/JP-Images/article/tieup/loq-15irh8/table_icon.png) no-repeat; display: inline-block; width: 50px; height: 19px; position: relative; top: -18px; } .table01 .itemSpan b { display: inline-block; position: relative; top: -13px; } .columnBox { border: #00a4ea solid 3px; box-sizing: border-box; margin-top: 100px; padding: 60px 60px 50px; } .supportTxt { width: 100%; } .supportTxt h3 { color: #00a4ea; font-size: 25px; font-weight: bold; } .supportTxt p { font-size: 16px; line-height: 2.1; margin-top: 20px; } .productBox { border-bottom: #fff solid 1px; background: #f7f7f7; width: 100%; margin-top: 150px; padding: 130px 0 0; } .productImg { width: 821px; margin: 0 auto 90px; } .productImg a { -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .productBox table { border: solid 1px #0096d6; border-width: 1px; border-spacing: 0; color: #000; width: 930px; margin: 25px auto 0; empty-cells: show; line-height: 1.5; font-size: 100%; } .productBox th { background: #ebf7fc; border: solid 1px #0096d6; border-width: 0 1px 1px 0; color: #0096d6; font-size: 13px; font-weight: bold; text-align: center; margin: 0; padding: 10px 5px; width: 14%; } .productBox td { background: #fff; border: solid 1px #0096d6; text-align: center; padding: 10px; font-size: 13px; line-height: 1.4; } .itemName02, .itemName { background: #ebf7fc  !important; text-align: center; } .itemName02 a, .itemName a { color: #0096d6; display: inline-block; font-size: 14px; font-weight: bold; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .itemName02 span { background: url(https://p2-ofp.static.pub/ShareResource/JPResource/JP-Images/article/tieup/loq-15irh8/table_icon.png) no-repeat; display: inline-block; width: 50px; height: 19px; position: relative; top: -18px; } .itemName02 b { display: inline-block; position: relative; top: -13px; } .itemName02 img { position: relative; top: -8px; } .itemName img { margin-top: 5px; } .itemName02 a:hover, .itemName a:hover, .productImg a:hover { opacity: .7; } .releasedate { font-size: 11px; margin: 0 auto; text-align: right; padding: 60px 0 130px; } .top-hero { width: 930px; margin: 50px auto; } .top-hero img { margin: 0 auto; } .top-hero h3 { font-size: 26px; font-weight: bold; text-align: center; margin: 10px auto; } .pc { display: block  !important; } .sp { display: none  !important; } .productBoxIn, .paragraphIn { width: 1100px; margin: -10px auto 0; } .lead { width: 1001px; margin: 30px auto 40px; } .imgBox { width: 1100px; margin: 20px auto 0; } .productImg { display: flex; justify-content: space-between; gap: 50px; align-items: center; } .productImg img { width: 35%; height: auto; } .productImg-txt { width: 65%; } .productImg-txt p, .productImg-txt h2, .productImg-txt a { font-weight: bold; } .productImg-txt p { margin-top: 5px  !important; } .productImg-txt h2 { font-size: 36px; margin: 5px auto 20px auto; } .productImg-txt .blue { background: linear-gradient(transparent 60%, #cdebf7 20%); font-weight: bold; } .productImg-txt h2 span { font-size: 14px; background-color: #fff; padding: 5px; vertical-align: super; } .productImg-txt a, .mainTitle-txt a { display: block; color: #fff; padding: 15px 0; text-align: center; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; font-size: 16px; font-weight: bold; } .mainTitle-txt a:hover, .top-hero a:hover { opacity: .7; transition: .2s ease-in-out; } .mainTitle-txt a { width: 80%; margin-left: 1%  !important; padding: 15px 10px; } .productImg-txt .top, .mainTitle-txt .top { background-color: #e1251a; margin: 10px auto; } .productImg-txt .btm, .mainTitle-txt .btm { background-color: #4472c4; } .mainTitle-add { display: flex; justify-content: center; gap: 20px; width: 1000px; height: 569px; margin: 0 auto; margin-top: 20px; } .logoBox { width: 1000px; } .mainTitle-add .mainTitle-img { width: 45%; order: 1; } .mainTitle-txt { width: 55%; } .mainTitle-txt p, .mainTitle-txt h2, .mainTitle-txt h1 { font-weight: bold; } .mainTitle-txt p { font-size: 18px; } .mainTitle-txt h2 { display: inline-block; font-size: 30px; margin: 20px auto; background: linear-gradient(transparent 60%, #cdebf7 20%); } .mainTitle-txt h1 { font-size: 40px; line-height: 45px; } .mainTitle-txt .blue { color: #00a4e3; margin: 20px auto; } .mainTitle-txt-big { margin: 20px auto; } .mainTitle-txt-big span { font-size: 16px; }