/* latin - LG Smart */ @import url("https://fonts.googleapis.com/css?family=Roboto:500&display=swap"); @font-face { font-family:'LG Smart'; font-style:normal; font-weight:300; src:url(../../fonts/LGSmartLight.woff) format("woff"), url(../../fonts/LGSmartLight.eot) format("eot"), url(../../fonts/LGSmartLight.ttf) format("truetype"); } @font-face { font-family:'LG Smart'; font-style:normal; font-weight:500; src:url(../../fonts/LGSmartRegular.woff) format("woff"), url(../../fonts/LGSmartRegular.eot) format("eot"), url(../../fonts/LGSmartRegular.ttf) format("truetype"); } @font-face { font-family:'LG Smart'; font-style:normal; font-weight:600; src:url(../../fonts/LGSmartSemiBold.woff) format("woff"), url(../../fonts/LGSmartSemiBold.eot) format("eot"), url(../../fonts/LGSmartSemiBold.ttf) format("truetype"); } @font-face { font-family:'LG Smart'; font-style:normal; font-weight:700; src:url(../../fonts/LGSmartBold.woff) format("woff"), url(../../fonts/LGSmartBold.eot) format("eot"), url(../../fonts/LGSmartBold.ttf) format("truetype"); } /* latin - dinbol */ @font-face { font-family:'dinbol'; font-style:normal; font-weight:500; src:url(../../fonts/dinbol.woff) format("woff"), url(../../fonts/dinbol.eot) format("eot"), url(../../fonts/dinbol.ttf) format("truetype"); } /* latin - Roboto */ /* reset css */ article, aside, footer, header, nav, section { display:block; } h1 { font-size:2em; margin:0.67em 0; } figcaption, figure, main { display:block; } figure { margin:1em 40px; } hr { box-sizing:content-box; height:0; overflow:visible; } pre { font-family:monospace, monospace; font-size:1em; } a { background-color:transparent; -webkit-text-decoration-skip:objects; outline:none; } abbr[title] { border-bottom:none; text-decoration:underline; text-decoration:underline dotted; } b, strong { font-weight:inherit; } b, strong { font-weight:bolder; } code, kbd, samp { font-family:monospace, monospace; font-size:1em; } dfn { font-style:italic; } mark { background-color:#ff0; color:#000; } small { font-size:80%; } audio, video { display:inline-block; } audio:not([controls]) { display:none; height:0; } img { border-style:none; } svg:not(:root) { overflow:hidden; } button, input, optgroup, select, textarea { margin:0; } button, input { overflow:visible; } button, select { text-transform:none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance:button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none; padding:0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText; } legend { box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal; } progress { display:inline-block; vertical-align:baseline; } textarea { overflow:auto; } [type="checkbox"], [type="radio"] { box-sizing:border-box; padding:0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height:auto; } [type="search"] { -webkit-appearance:textfield; outline-offset:-2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance:none; } ::-webkit-file-upload-button { -webkit-appearance:button; font:inherit; } details, menu { display:block; } summary { display:list-item; } canvas { display:inline-block; } template { display:none; } [hidden] { display:none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:""; content:none; } table { width:100%; text-align:left; border-collapse:collapse; border-spacing:0; } /* Font style setting */ /* Point color setting */ /* Background - color setting */ /* Border - color setting */ /* Font - color setting */ /* Input - color setting */ /* Button - color setting */ /** BASE SETTING */ #cookieAllPc .cookie_top .top_box:after, #cookieAllPc .cookie_top .top_box .accept_wrap:after, #cookieAllPc .cookie_bottom .bottom_box ol:after, #footer .etc_link:after, #footer .share_wrap:after, #footer .share_wrap ol:after, #footerLink ol:after, .main_container .category_wrap:after, #container.cinema_contents .cinema_step01 .step_box03 .rob_interview:after, #container.cinema_contents .cinema_step03 .step_box02 .christopher_interview:after, #container.cinema_contents .cinema_step04 .step_box02 .slide_num:after, #container.cinema_contents .cinema_step07 .step_box01 .icon_box ol:after, #container.cinema_contents_wo .cinema_step01 .step_box03 .rob_interview:after, #container.cinema_contents_wo .cinema_step03 .step_box02 .christopher_interview:after, #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_num:after, #container.cinema_contents_wo .cinema_step07 .step_box01 .icon_box ol:after, #container.gaming_contents .gaming_step01 .step_box02 .linus_interview:after, #container.gaming_contents .gaming_step01 .step_box03 .disc:after, #container.gaming_contents .gaming_step01 .step_box04 .kaustubh_interview:after, #container.gaming_contents .gaming_step01 .step_box06 .txt_wrap:after, #container.gaming_contents .gaming_step03 .step_box03 ol:after, #container.gaming_contents .gaming_step04 .step_box01 .icon_box ol:after, #container.sports_contents .sports_step02 .step_box01 .step_cont .partner_list ul:after, #container.sports_contents .sports_step04 .step_box02 ul:after, #container.sports_contents .sports_step04 .step_box03 ul:after, #container.life_contents .life_step01 .step_box01 ol:after, #container.life_contents .life_step01 .step_box02 .view_compare ol:after, #container.life_contents .life_step01 .step_box03 ol:after, #container.life_contents .life_step01 .step_box05 ol:after, #container.life_contents .life_step01 .step_box06 .mario_interview:after, #container.life_contents .life_step03 .step_box02 .slide_wrap:after, #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_num:after, #container.core_contents .core_step01 .compare_wrap:after, #container.core_contents .core_step05 .step_box .mario_interview:after, #container.lineup_contents .looking_wrap:after, #gxHtml #leftToRight:after, #gxHtml #leftToRight .gx_contents02:after, #gxHtml #leftToRight .gx_contents03:after, #gxHtml #leftToRight .gx_contents04:after, #gxHtml #leftToRight .gx_contents05:after, #gxHtml #leftToRight .gx_contents06:after, #gxHtml #leftToRight .gx_contents07:after, #gxHtml #leftToRight .gx_contents08:after, #gxHtml #leftToRight .gx_contents09 ol:after, #gxIe .gx_contents02:after, #gxIe .gx_contents03:after, #gxIe .gx_contents04:after, #gxIe .gx_contents05:after, #gxIe .gx_contents06:after, #gxIe .gx_contents07:after, #gxIe .gx_contents08:after, #gxIe .gx_contents09 ol:after { content:" "; display:block; clear:both; } /*===== NEW BY POPUP ========*/ .new-by-popup-button{} .overlay-by{ position: fixed; left: 0; top: 0; background: rgba(255, 255, 255, 0.6); width: 100%; height: 100%; z-index: 9999999; display: none; } .popup-close-by { position: absolute; right: 35px; top: 35px; width: 16px; height: 16px; cursor: pointer; z-index: 9999999; } .popup-close-by img{ width:100%; } .new-by-popup{ background: rgba(255, 255, 255, 1); display: none; position: fixed; z-index: 99999999; left: 50%; transform:translate(-50%,0); top: 18%; width: 45%; min-width:830px; height: auto; justify-content: center; align-items: center; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); padding:30px 35px 35px 35px; } .new-by-wrapper{ width: 100%; height: 100%; } .new-by-title{ font-size: 70px; line-height: 0.8; text-align: center; color:#000; font-style:normal; font-weight:700; } .new-by-content{ text-align:center; margin-top:60px; } .new-by-item{ display:inline-block; vertical-align:middle; margin-right:60px; } .new-by-item:last-child{ margin-right:0; } .new-by-item:last-child a img{ height:30px; } .new-by-content a{ display:block; } .new-by-content a img{ display:block; width:auto; height:40px; } @media(max-width: 1369px){ #container.core_contents .core_step03 br{ display:none; } } @media(max-width: 1025px){ .new-by-popup .new-by-wrapper .new-by-title { font-size: 7vw; } .popup-close-by { width: 2vw; height: 2vw; right: 3vw; top: 3vw; } .new-by-popup{ padding: 3vw 3vw 4vw 3vw; min-width:auto; width:80%; } .new-by-popup .new-by-wrapper .new-by-content{ margin-top: 6vw; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item{ margin-right: 6vw; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item:last-child a img{ height: 3vw; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item a img{ height: 4vw; } } @media(max-width: 767px) { .new-by-popup{ padding: 5vw; min-width:auto; width:90%; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item{ margin: 5vw auto 0 auto; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item a { display: inline-block; width: 40%; } .new-by-popup .new-by-wrapper .new-by-title { font-size: 10vw; } .popup-close-by { width: 5vw; height: 5vw; right: 3vw; top: 3vw; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item:last-child a img{ height: auto; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item a img{ height: auto; width: 100%; } .new-by-popup .new-by-wrapper .new-by-content { margin-top: 8vw; } } body.fixed { overflow: hidden; } /*===== NEW BY POPUP ========*/ @media only screen and (max-width:1856px) { html { font-size:20px !important; } } @media only screen and (max-width:1792px) { html { font-size:19px !important; } } @media only screen and (max-width:1728px) { html { font-size:18px !important; } } @media only screen and (max-width:1664px) { html { font-size:17px !important; } } @media only screen and (max-width:1600px) { html { font-size:16px !important; } } @media only screen and (max-width:1536px) { html { font-size:15px !important; } } @media only screen and (max-width:1472px) { html { font-size:14px !important; } } @media only screen and (max-width:1408px) { html { font-size:13px !important; } } @media only screen and (max-width:1344px) { html { font-size:12px !important; } } @media only screen and (max-width:1280px) { html { font-size:11px !important; } } body { -webkit-backface-visibility:hidden; } input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { padding:0; font-family:"LG Smart", "Apple SD Gothic Neo", AppleGothic, Arial, Helvetica, sans-serif; outline:none; } a { text-decoration:none; cursor:pointer; color:#1e1e1e; } a:link, a:visited, a:active, a:hover { text-decoration:none; } select, input, button, textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background-color:transparent; border:0 none; font-size:20px; font-weight:300; font-family:"LG Smart", "Apple SD Gothic Neo", AppleGothic, Arial, Helvetica, sans-serif; line-height:1; } select[type="checkbox"], input[type="checkbox"], button[type="checkbox"], textarea[type="checkbox"] { -webkit-appearance:checkbox; } select[type="radio"], input[type="radio"], button[type="radio"], textarea[type="radio"] { -webkit-appearance:radio; } select::-ms-expand, input::-ms-expand, button::-ms-expand, textarea::-ms-expand { display:none; } html, body { font-family:"LG Smart", "Apple SD Gothic Neo", AppleGothic, Arial, Helvetica, sans-serif; font-size:20px; font-weight:300; color:#1e1e1e; word-break:keep-all; line-height:1; letter-spacing:0; -webkit-font-smoothing:antialiased; } strong, h1, h2, h3, h4, h5, h6 { font-weight:700; } label, button { cursor:pointer; } #cookieAllPc { width:100%; height:50px; min-width:1280px; position:fixed; top:0; left:0; z-index:500; overflow:hidden; display:none;} #cookieAllPc .change_wrap { width:100%; height:50px; background-color:#f4f4f4; text-align:center; position:absolute; top:0; z-index:1; overflow:hidden; } #cookieAllPc .change_wrap p {font-size:16px; line-height:50px;} #cookieAllPc .change_wrap p a {text-decoration:underline;} #cookieAllPc #cookieChange { display:inline-block; position:relative; padding:0 40px 0 20px; line-height:50px; color:#646668; font-weight:700; } #cookieAllPc #cookieChange:after { width:0; height:0; display:block; content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom-style:solid; border-bottom-width:8px; border-bottom-color:#646668; position:absolute; right:20px; top:22px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } #cookieAllPc .cookie_top { background-color:#ebeced; padding:0 50px; position:relative; display:none; } #cookieAllPc .cookie_top .top_box { width:1180px; padding:25px 0; margin:0 auto; } #cookieAllPc .cookie_top .top_box p { width:50%; float:left; font-size:16px; line-height:20px; } #cookieAllPc .cookie_top .top_box p a { text-decoration:underline; } #cookieAllPc .cookie_top .top_box .accept_wrap { float:right; padding:8px 0 0; } #cookieAllPc .cookie_top .top_box .accept_wrap button { height:44px; float:left; font-weight:700; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #cookieAllPc .cookie_top .top_box .accept_wrap button#allAgreeBtn { background-color:#a50034; padding:0 24px; color:#fff; } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn { padding:0 44px 0 24px; color:#fff; position:relative; background-color:#a50034; margin:0 0 0 12px; border-width:1px; border-style:solid; border-color:#a50034; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn:after { width:0; height:0; display:block; content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom-style:solid; border-bottom-width:8px; border-bottom-color:#fff; position:absolute; right:22px; top:18px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn.active { background-color:#fff; color:#1e1e1e; border-color:#fff; } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn.active:after { border-bottom-color:#1e1e1e; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn.active:hover { border-color:#a50034; } #cookieAllPc .cookie_bottom { width:100%; background-color:#fff; position:absolute; z-index:10; display:none; } #cookieAllPc .cookie_bottom .bottom_box { width:1280px; margin:0 auto; position:relative; padding:0 0 85px; } #cookieAllPc .cookie_bottom .bottom_box p { line-height:20px; font-size:16px; padding:25px 0; border-bottom:1px solid #d4d4d4; } #cookieAllPc .cookie_bottom .bottom_box ol { padding:20px 0 0; } #cookieAllPc .cookie_bottom .bottom_box li { width:280px; float:left; margin:0 0 0 40px; position:relative; } #cookieAllPc .cookie_bottom .bottom_box li:first-child { margin:0; } #cookieAllPc .cookie_bottom .bottom_box dl dt { font-size:22px; font-weight:700; height:44px; display:table; } #cookieAllPc .cookie_bottom .bottom_box dl dt span { display:table-cell; vertical-align:middle; } #cookieAllPc .cookie_bottom .bottom_box dl dd { padding:20px 0 0; font-size:16px; line-height:20px; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap { position:absolute; top:9px; right:0; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap input[type=checkbox] { position:absolute; left:-9999px; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap input[type=checkbox]:checked ~ label { background-color:#a50034; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap input[type=checkbox]:checked ~ label:after { -webkit-transform:translate(16px, 0); -moz-transform:translate(16px, 0); -ms-transform:translate(16px, 0); -o-transform:translate(16px, 0); transform:translate(16px, 0); } #cookieAllPc .cookie_bottom .bottom_box .check_wrap label { width:44px; height:28px; display:block; text-indent:-9999px; background-color:#a4a4a4; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; -ms-transition:background-color 0.3s ease; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap label:after { width:22px; height:22px; display:block; content:""; position:absolute; left:3px; top:3px; background-color:#fff; -webkit-transition:transform 0.3s ease; -moz-transition:transform 0.3s ease; -o-transition:transform 0.3s ease; -ms-transition:transform 0.3s ease; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap label:hover { background-color:#a50034; } #cookieAllPc .cookie_bottom #cookieSave { height:44px; padding:0 24px; background-color:#a50034; position:absolute; bottom:20px; right:0; color:#fff; font-weight:700; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #cookieAllPc #cookieClose { width:40px; height:40px; position:absolute; top:4px;left:50%; background-color:#adaeaf; text-indent:-9999px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:background-color 0.2s ease; -moz-transition:background-color 0.2s ease; -o-transition:background-color 0.2s ease; -ms-transition:background-color 0.2s ease; margin:0 0 0 628px;} #cookieAllPc #cookieClose:before, #cookieAllPc #cookieClose:after { width:1px; height:19px; display:block; content:""; position:absolute; top:11px; left:20px; background-color:#fff; } #cookieAllPc #cookieClose:after { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } #cookieAllPc #cookieClose:hover { background-color:#a50034; } html, body { max-width:100%; } html.no_scroll { overflow:hidden; padding:0 17px 0 0; } /* layout */ /* header */ #header { width:100%; height:70px; min-width:1280px; background-color:transparent; padding:0 68px; position:absolute; top:0; z-index:200; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:background-color 0.2s ease; -moz-transition:background-color 0.2s ease; -o-transition:background-color 0.2s ease; -ms-transition:background-color 0.2s ease; } #header:after { width:100%; height:1px; display:block; content:""; position:absolute; bottom:0; left:0; background-color:#fff; opacity:0.4; filter:alpha(opacity=40); } #header.fixed { background-color:#fff; top:0; position:fixed; } #header.fixed:after { background-color:#a4a4a4; } #header.fixed .header_wrap #logo a { background-image:url(../../images/layout/logo_fix.png); } #header.fixed .header_wrap #allNav button:before, #header.fixed .header_wrap #allNav button:after, #header.fixed .header_wrap #allNav button span { background-color:#1e1e1e; } #header.fixed .header_wrap .header_buy { color:#1e1e1e; } #header.fixed .header_wrap .header_buy:before { background-image:url(../../images/layout/buy_icon_fix.png); } #header.fixed .header_wrap .header_buy:after { background-color:#1e1e1e; } #header .header_wrap { position:relative; text-align:center; } #header .header_wrap #logo { padding:21px 0 0; position:relative; } #header .header_wrap #logo a { width:232px; height:27px; display:inline-block; background-image:url(../../images/layout/logo.png); text-indent:-9999px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; -webkit-transition:background-image 0.3s ease; -moz-transition:background-image 0.3s ease; -o-transition:background-image 0.3s ease; -ms-transition:background-image 0.3s ease; } #header .header_wrap #allNav.nav_open button:before { background-color:#1e1e1e; top:10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #header .header_wrap #allNav.nav_open button:after { background-color:#1e1e1e; top:10px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #header .header_wrap #allNav.nav_open button span { width:0 !important; background-color:#1e1e1e; } #header .header_wrap #allNav button { width:25px; height:25px; position:absolute; top:26px; left:0; text-indent:-9999px; z-index:30; } #header .header_wrap #allNav button:hover span, #header .header_wrap #allNav button:focus span { width:70%; } #header .header_wrap #allNav button:before, #header .header_wrap #allNav button:after, #header .header_wrap #allNav button span { width:100%; height:3px; display:block; content:""; background-color:#fff; position:absolute; left:0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #header .header_wrap #allNav button:before { top:0; } #header .header_wrap #allNav button:after { top:16px; } #header .header_wrap #allNav button span { top:8px; } #header .header_wrap #allNav nav { height:100%; width:50%; position:fixed; background-color:#fff; left:0; top:0; display:table; text-align:center; z-index:20; -webkit-transform:translate(-100%, 0); -moz-transform:translate(-100%, 0); -ms-transform:translate(-100%, 0); -o-transform:translate(-100%, 0); transform:translate(-100%, 0); } #header .header_wrap #allNav nav h2 { text-indent:-9999px; } #header .header_wrap #allNav nav .wrap { width:100%; height:85%; } #header .header_wrap #allNav nav .wrap ul { position:relative; top:50%; transform:translate(0, -50%); } #header .header_wrap #allNav nav .wrap ul:after { content:""; display:block; clear:both; } #header .header_wrap #allNav nav .wrap ul li { height:63px; line-height:60px; } #header .header_wrap #allNav nav .wrap ul li:first-child { padding:0; } #header .header_wrap #allNav nav .wrap ul a { position:relative; color:#646668; font-size:34px; font-weight:300; letter-spacing:1px; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; -ms-transition:all 0.1s ease; } #header .header_wrap #allNav nav .wrap ul a:hover, #header .header_wrap #allNav nav .wrap ul a:focus, #header .header_wrap #allNav nav .wrap ul a.active { font-weight:700; color:#000; } #header .header_wrap #allNav .link_box { height:15%; clear:both; text-align:center; position:relative; } #header .header_wrap #allNav .link_box ul { display:inline-block; color:#646668; padding:0 30px 0 0; } #header .header_wrap #allNav .link_box ul:after { content:""; display:block; clear:both; } #header .header_wrap #allNav .link_box ul li { width:155px; float:left; position:relative; } #header .header_wrap #allNav .link_box ul li:before { content:""; display:block; width:1px; height:16px; background-color:#d4d4d4; position:absolute; left:5px; top:3px; } #header .header_wrap #allNav .link_box ul li:first-child:before { display:none; } #header .header_wrap #allNav .link_box ul li a { font-size:22px; } #header .header_wrap #allNav .link_box ul li a:hover { font-weight:700; } #header .header_wrap #allNav .link_box p { font-size:12px; position:absolute; left:50%; transform:translate(-50%, 0); bottom:40px; text-align:center; color:#646668; } #header .header_wrap #allNav #navDimmed { z-index:10; } #header .header_buy { height:27px; line-height:27px; position:absolute; top:20px; right:0; z-index:1; font-weight:700; font-size:16px; color:#fff; letter-spacing:1.2px; -webkit-transition:color 0.2s ease; -moz-transition:color 0.2s ease; -o-transition:color 0.2s ease; -ms-transition:color 0.2s ease; } #header .header_buy:before { width:33px; height:27px; display:block; content:""; position:absolute; left:-42px; top:0; background-image:url(../../images/layout/buy_icon.png); -webkit-transition:background-image 0.2s ease; -moz-transition:background-image 0.2s ease; -o-transition:background-image 0.2s ease; -ms-transition:background-image 0.2s ease; } #header .header_buy:after { width:0; height:1px; display:block; content:""; position:absolute; bottom:3px; left:0; background-color:#fff; -webkit-transition:width 0.2s ease; -moz-transition:width 0.2s ease; -o-transition:width 0.2s ease; -ms-transition:width 0.2s ease; } #header .header_buy:hover:after, #header .header_buy:focus:after { width:100%; } #footer { padding:23px 130px; position:relative; border-top:1px solid #d4d4d4; font-weight:500; } #footer .footer_wrap { height:29px; line-height:29px; } #footer p.copyright { width:100%; font-size:13px; text-align:center; position:absolute; left:0; color:#646668; } #footer .etc_link { float:left; font-size:12px; position:relative; z-index:1; } #footer .etc_link li { float:left; margin:0 0 0 40px; position:relative; } #footer .etc_link li:first-child { margin:0; } #footer .etc_link li:first-child:before { display:none; } #footer .etc_link li:before { width:1px; height:8px; display:block; content:""; position:absolute; top:10px; left:-20px; background-color:#646668; } #footer .etc_link a { position:relative; color:#646668; } #footer .etc_link a:after { width:100%; height:1px; display:block; content:""; position:absolute; left:0; bottom:-1px; background-color:#646668; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transform:scaleX(0); -webkit-transition:transform 0.2s ease; -moz-transition:transform 0.2s ease; -o-transition:transform 0.2s ease; -ms-transition:transform 0.2s ease; } #footer .etc_link a:hover:after { -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1); } #footer .share_wrap { float:right; position:relative; z-index:1; } #footer .share_wrap button { height:29px; float:left; padding:0 22px 0 40px; background-image:url(../../images/layout/share_icon.png); font-size:12px; -ms-background-position-x:15px; background-position-x:15px; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; border-width:1px; border-style:solid; border-color:#646668; -webkit-border-radius:29px; -moz-border-radius:29px; border-radius:29px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #footer .share_wrap button:hover, #footer .share_wrap button:focus { background-color:#1e1e1e; color:#fff; border-color:#1e1e1e; background-image:url(../../images/layout/share_icon_white.png); } #footer .share_wrap ol { float:left; text-indent:-9999px; } #footer .share_wrap li { padding:0 0 0 15px; float:left; } #footer .share_wrap li:nth-of-type(1) a { background-image:url(../../images/layout/face_icon.png); } #footer .share_wrap li:nth-of-type(1) a:hover { background-image:url(../../images/layout/face_icon_white.png); } #footer .share_wrap li:nth-of-type(2) a { background-image:url(../../images/layout/vk_icon.png); } #footer .share_wrap li:nth-of-type(2) a:hover { background-image:url(../../images/layout/vk_icon_white.png); } #footer .share_wrap li:nth-of-type(3) a { background-image:url(../../images/layout/youtube_icon.png); } #footer .share_wrap li:nth-of-type(3) a:hover { background-image:url(../../images/layout/youtube_icon_white.png); } #footer .share_wrap li:nth-of-type(4) a { background-image:url(../../images/layout/inst_icon.png); } #footer .share_wrap li:nth-of-type(4) a:hover { background-image:url(../../images/layout/inst_icon_white.png); } #footer .share_wrap a { width:28px; height:28px; display:block; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; border-width:1px; border-style:solid; border-color:#646668; -webkit-border-radius:29px; -moz-border-radius:29px; border-radius:29px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #footer .share_wrap a:hover, #footer .share_wrap a:focus { background-color:#1e1e1e; border-color:#1e1e1e; } #footer.black_thema { background-color:#000; border-top-color:#101010; } #footer.black_thema:after { width:100%; height:3.6rem; display:block; content:""; background-color:#000; position:absolute; top:100%; left:0; } #footer.black_thema p.copyright { color:#d4d4d4; } #footer.black_thema .etc_link a { color:#d4d4d4; } #footer.black_thema .etc_link a:after { background-color:#fff; } #footer.black_thema .share_wrap button { color:#f7f7f7; border-color:#f7f7f7; background-image:url(../../images/layout/share_icon_black.png); } #footer.black_thema .share_wrap button:hover { background-color:#fff; border-color:#fff; color:#646668; background-image:url(../../images/layout/share_icon.png); } #footer.black_thema .share_wrap li:nth-of-type(1) a { background-image:url(../../images/layout/face_icon_black.png); } #footer.black_thema .share_wrap li:nth-of-type(1) a:hover { background-image:url(../../images/layout/face_icon.png); } #footer.black_thema .share_wrap li:nth-of-type(2) a { background-image:url(../../images/layout/vk_icon_black.png); } #footer.black_thema .share_wrap li:nth-of-type(2) a:hover { background-image:url(../../images/layout/vk_icon.png); } #footer.black_thema .share_wrap li:nth-of-type(3) a { background-image:url(../../images/layout/youtube_icon_black.png); } #footer.black_thema .share_wrap li:nth-of-type(3) a:hover { background-image:url(../../images/layout/youtube_icon.png); } #footer.black_thema .share_wrap li:nth-of-type(4) a { background-image:url(../../images/layout/inst_icon.png); } #footer.black_thema .share_wrap li:nth-of-type(4) a:hover { background-image:url(../../images/layout/inst_icon.png); } #footer.black_thema .share_wrap a { border-color:#f7f7f7; } #footer.black_thema .share_wrap a:hover { background-color:#fff; border-color:#fff; } #footerLink { width:100%; height:2.4rem; position:fixed; bottom:0; text-align:center; z-index:150; padding:0.6rem 0; border-top:1px solid #d4d4d4; background-color:rgba(255, 255, 255, .95); } #footerLink ol { padding:0 68px; display:inline-block; font-size:1.15rem; font-weight:500; } #footerLink li { width:320px; float:left; margin:0 0 0 20px; } #footerLink li:first-child { margin:0; } #footerLink li.lineup_footer { display:none; } #footerLink a { width:100%; height:2.4rem; display:block; line-height:2.4rem; color:#1e1e1e; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; border-width:1px; border-style:solid; border-color:#666; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #footerLink a:hover, #footerLink a:focus { background-color:#1e1e1e; border-color:#1e1e1e; color:#fff; } #footerLink.black_thema { background-color:rgba(0, 0, 0, 0.95); border-top-color:#101010; } #footerLink.black_thema a { color:#fff; border-color:#666; } #footerLink.black_thema a:hover, #footerLink.black_thema a:focus { background-color:#fff; border-color:#fff; color:#1e1e1e; } /* main */ /* 200512 start */ #mainVisual { width:100%; height:820px; position:relative; overflow:hidden; background-color:#000; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between;} /* 200512 end */ #mainVisual:after { width:100%; height:100%; display:block; content:""; position:absolute; top:0; left:0; background:url(../../images/main/main_visual_dimmed.png) 50% 50% no-repeat; z-index:-1; } #mainVisual .img_wrap { width:100%; height:100%; background-image:url(../../images/main/main_visual.jpg); position:absolute; top:0; left:0; z-index:1; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:0; background-position-y:0; background-repeat:no-repeat; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:0; filter:alpha(opacity=0); } #mainVisual .txt_wrap { width:100%; text-align:center; vertical-align:middle; display:table-cell; z-index:10; position:relative;} #mainVisual .txt_wrap h3 { font-size:94px; color:#fff; text-shadow:0px 3px 9px #000; letter-spacing:2px; } /* 200407 - end */ #mainVisual .txt_wrap h3 span { font-size:94px; font-weight:300; } /* 200407 - st */ #mainVisual .txt_wrap a { display:inline-block; padding:15px 80px; background-color:#fff; color:#1e1e1e; margin:25px 0 0; font-size:26px;font-weight:600; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease;-o-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; -moz-box-shadow:0 5px 15px 0 #353535;-webkit-box-shadow:0 5px 15px 0 #353535; box-shadow:0 5px 15px 0 #353535; } /* 200407 - end */ #mainVisual .txt_wrap a:hover, #mainVisual .txt_wrap a:focus { -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -ms-transform:scale(0.97); -o-transform:scale(0.97); transform:scale(0.97); } #mainVisual #discoverBtn { bottom:30px; } .main_container { padding:20px 20px 20px; text-align:center; } .main_container .category_wrap article { width:calc(50% - 10px); height:0; padding:0 0 30.5%; position:relative; margin:0 0 20px; overflow:hidden; } .main_container .category_wrap article:before { width:100%; height:100%; display:block; content:""; position:absolute; top:0; left:0; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; -webkit-transition:background-position 0.5s ease; -moz-transition:background-position 0.5s ease; -o-transition:background-position 0.5s ease; -ms-transition:background-position 0.5s ease; } .main_container .category_wrap article:nth-of-type(odd) { float:left; } .main_container .category_wrap article:nth-of-type(even) { float:right; } .main_container .category_wrap01 article:nth-of-type(1):before { background-image:url(../../images/main/depth_img01.jpg); } .main_container .category_wrap01 article:nth-of-type(2):before { background-image:url(../../images/main/depth_img02.jpg); } .main_container .category_wrap01 article:nth-of-type(3):before { background-image:url(../../images/main/depth_img03.jpg); } .main_container .category_wrap01 article:nth-of-type(4):before { background-image:url(../../images/main/depth_img04.jpg); } .main_container .category_wrap02 article:nth-of-type(1):before { background-image:url(../../images/main/depth_img05.jpg); } .main_container .category_wrap02 article:nth-of-type(2):before { background-image:url(../../images/main/depth_img06.jpg); } .main_container .category_wrap article:hover:before, .main_container .category_wrap article:focus:before { -ms-background-position-y:-0.5rem; background-position-y:-0.5rem; } .main_container .category_wrap article:hover a:after, .main_container .category_wrap article:focus a:after { -webkit-transform:translate(0, -0.5rem); -moz-transform:translate(0, -0.5rem); -ms-transform:translate(0, -0.5rem); -o-transform:translate(0, -0.5rem); transform:translate(0, -0.5rem); opacity:0.4; filter:alpha(opacity=40); } .main_container .category_wrap article:hover a .txt_wrap h1, .main_container .category_wrap article:focus a .txt_wrap h1 { -webkit-transform:translate(0, -0.5rem); -moz-transform:translate(0, -0.5rem); -ms-transform:translate(0, -0.5rem); -o-transform:translate(0, -0.5rem); transform:translate(0, -0.5rem); } .main_container .category_wrap article:hover a .txt_wrap strong, .main_container .category_wrap article:focus a .txt_wrap strong { -webkit-transform:translate(-50%, -0.5rem); -moz-transform:translate(-50%, -0.5rem); -ms-transform:translate(-50%, -0.5rem); -o-transform:translate(-50%, -0.5rem); transform:translate(-50%, -0.5rem); } .main_container .category_wrap article:hover a .txt_wrap strong:before, .main_container .category_wrap article:focus a .txt_wrap strong:before { width:100%; } .main_container .category_wrap article:hover a .txt_wrap strong:after, .main_container .category_wrap article:focus a .txt_wrap strong:after { display:none; } .main_container .category_wrap a { color:#fff; } .main_container .category_wrap a:after { width:100%; height:100%; display:block; content:""; position:absolute; background-color:#000; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; } .main_container .category_wrap a .txt_wrap { width:100%; height:100%; position:absolute; top:0; overflow:hidden; z-index:10; } /*200720 start*/ .main_container .category_wrap a .txt_wrap h1 { width:100%; font-size:4.5rem; font-weight:800; letter-spacing:5px; position:absolute; bottom:5rem; -webkit-transition:transform 2s ease; -moz-transition:transform 2s ease; -o-transition:transform 2s ease; -ms-transition:transform 2s ease; } .main_container .category_wrap a .txt_wrap h1 em { font-size:6rem; margin:0 -1.2rem 0 0; } .main_container .category_wrap a .txt_wrap strong { font-size:2rem; position:absolute; letter-spacing:3px; padding:0 0 0.2rem; bottom:2.75rem; overflow:hidden; font-weight:800; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -o-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; left:50%;} .main_container .category_wrap a .txt_wrap strong.strong_bt { bottom:2.3rem; } /*200720 end*/ .main_container .category_wrap a .txt_wrap strong:before { width:0; height:0.15rem; display:block; content:""; position:absolute; bottom:0; left:0; background-color:#fff; -webkit-transition:width 0.4s ease; -moz-transition:width 0.4s ease; -o-transition:width 0.4s ease; -ms-transition:width 0.4s ease; } .main_container .category_wrap a .txt_wrap strong:after { width:100%; height:0.15rem; display:block; content:""; position:absolute; bottom:0; left:0; background-color:#fff; } .main_container .category_wrap a .txt_wrap strong span { display:inline-block; } .main_container .category_wrap a .txt_wrap.txt_small h1 { font-size:2.3rem; line-height:2.7rem; font-weight:700; letter-spacing:1px; } .main_container .category_wrap a .txt_wrap.txt_small strong { font-size:1.3rem; letter-spacing:0; font-weight:600; } .main_container .full_contents { width:100%; height:0; padding:0 0 33%; position:relative; overflow:hidden; margin:0 0 20px;} .main_container .full_contents:before { width:100%; height:100%; display:block; content:""; position:absolute; top:0; left:0; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; -webkit-transition:transform 0.4s ease; -moz-transition:transform 0.4s ease; -o-transition:transform 0.4s ease; -ms-transition:transform 0.4s ease; } .main_container .full_contents01:before {background-image:url(../../images/main/depth_img08.jpg);} .main_container .full_contents02:before {background-image:url(../../images/main/depth_img07.jpg);} .main_container .full_contents:hover a, .main_container .full_contents:focus a { color:#fff; } .main_container .full_contents:hover a:after, .main_container .full_contents:focus a:after { opacity:0.4; filter:alpha(opacity=40); } .main_container .full_contents:hover a .txt_wrap strong:before, .main_container .full_contents:focus a .txt_wrap strong:before { width:100%; } .main_container .full_contents:hover a .txt_wrap strong:after, .main_container .full_contents:focus a .txt_wrap strong:after { display:none; } .main_container .full_contents a { width:100%; height:100%; display:block; position:absolute; top:0; left:0; color:#1e1e1e; } .main_container .full_contents a:after { width:100%; height:100%; display:block; content:""; position:absolute; background-color:#000; opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 0.8s ease; -moz-transition:opacity 0.8s ease; -o-transition:opacity 0.8s ease; -ms-transition:opacity 0.8s ease; } .main_container .full_contents a .txt_wrap { width:100%; position:absolute; top:3.5rem; padding:0 0 0.25rem; overflow:hidden; z-index:10; } .main_container .full_contents01 a {color:#fff !important;} .main_container .full_contents01 a .txt_wrap {bottom:1rem; top:auto;} .main_container .full_contents01 a .txt_wrap strong:after {background-color:#fff !important;} .main_container .full_contents01:hover a, .main_container .full_contents01:focus a { color:#1e1e1e; } .main_container .full_contents a .txt_wrap h1 { font-size:3rem; -webkit-transition:color 0.4s ease; -moz-transition:color 0.4s ease; -o-transition:color 0.4s ease; -ms-transition:color 0.4s ease; } .main_container .full_contents a .txt_wrap strong { font-size:1.3rem; position:relative; padding:0.75rem 0 0.25rem; font-weight:600; display:inline-block; -webkit-transition:color 0.4s ease; -moz-transition:color 0.4s ease; -o-transition:color 0.4s ease; -ms-transition:color 0.4s ease; } .main_container .full_contents a .txt_wrap strong:before { width:0; height:0.2rem; display:block; content:""; position:absolute; bottom:0; left:0; background-color:#fff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; } .main_container .full_contents a .txt_wrap strong:after { width:100%; height:0.2rem; display:block; content:""; position:absolute; bottom:0; left:0; background-color:#1e1e1e; } .main_container .full_contents a .txt_wrap strong span { display:inline-block; } /* cinema */ #subVisual.cinema_visual { background-image:url(../../images/cinema/sub_visual.jpg); text-align:center; position:relative; } #subVisual.cinema_visual .txt_wrap { width:100%; position:absolute; bottom:3.25rem; color:#fff; font-size:4.4rem; letter-spacing:3.2px; } #subVisual.cinema_visual:before, #subVisual.cinema_visual:after { display:block; content:""; position:absolute; bottom:30px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } #subVisual.cinema_visual:before { width:190px; height:103px; left:30px; background-image:url(../../images/cinema/cinema_partner_logo01.png); } #subVisual.cinema_visual:after { width:131px; height:58px; right:30px; background-image:url(../../images/cinema/cinema_partner_logo02.png); } #container.cinema_contents { background-color:#111; } #container.cinema_contents .step_title.white_title p { color:#d4d4d4; position:relative; z-index:9;} #container.cinema_contents .cinema_step01 .step_box01 { text-align:center; padding:140px 0 0; } #container.cinema_contents .cinema_step01 .step_box02 { max-width:1480px; padding:90px 120px 0; margin:0 auto; } #container.cinema_contents .cinema_step01 .step_box02 p.cation { color:#bbb; font-size:16px; padding:20px 0 0; } #container.cinema_contents .cinema_step01 .monitor_compare .compare_box { border:2px solid #000; background-image:url(../../images/cinema/compare_oled.jpg); } #container.cinema_contents .cinema_step01 .monitor_compare .lcd_screen .img_wrap { background-image:url(../../images/cinema/compare_lcd.jpg); } #container.cinema_contents .cinema_step01 .step_box03 { margin:90px 120px 110px; padding:95px 100px 100px; background-color:#222; } #container.cinema_contents .cinema_step01 .step_box03 h1 { font-size:3rem; color:#fff; } #container.cinema_contents .cinema_step01 .step_box03 .rob_interview { margin:3.5rem 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.cinema_contents .cinema_step01 .step_box03 .video_wrap { width:54%; height:0; padding:0 0 30%; } #container.cinema_contents .cinema_step01 .step_box03 .txt_wrap { width:40%; margin:0 0 0 6%; color:#a4a4a4; } #container.cinema_contents .cinema_step01 .step_box03 .txt_wrap .name { font-size:1.1rem; font-weight:500; padding:1.75rem 0 0; background-image:url(../../images/cinema/dotted_icon.gif); -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 1.1rem; background-size:auto 1.1rem; background-repeat:no-repeat; } #container.cinema_contents .cinema_step01 .step_box03 .txt_wrap .name strong { font-size:2.4rem; letter-spacing:1px; color:#fff; display:block; padding:0 0 0.5rem; } #container.cinema_contents .cinema_step01 .step_box03 .txt_wrap .disc { font-size:1.7rem; line-height:2.2rem; font-style:italic; font-weight:700; padding:2.5rem 0 0; } #container.cinema_contents .cinema_step02 { background-color:#000; } #container.cinema_contents .cinema_step02 .step_box01 { text-align:center; padding:140px 0 80px; } #container.cinema_contents .cinema_step02 .step_box02 { height:0; padding:0 0 67.81%; background-image:url(../../images/cinema/cinema_img02.jpg); position:relative; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.cinema_contents .cinema_step02 .step_box02 > img {width:100%;} #container.cinema_contents .cinema_step02 .step_box02 .txt_wrap { width:100%; position:absolute; bottom:0; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step02 .step_box02 .txt_box { max-width:1480px; margin:0 auto; text-align:center; } #container.cinema_contents .cinema_step02 .step_box02 p { font-size:16px; color:#fff; padding:0 0 25px; text-align:left; } #container.cinema_contents .cinema_step02 .step_box02 ol { width:100%; padding:4rem 0 3.75rem; background-color:rgba(0, 0, 0, 0.7); color:#fff; font-size:1.1rem; font-weight:600; } #container.cinema_contents .cinema_step02 .step_box02 ol li { margin:0 1.85rem; display:inline-block; } #container.cinema_contents .cinema_step02 .step_box02 ol li img { height:6.75rem; padding:0 0 1.25rem; } #container.cinema_contents .cinema_step02 .step_box02 ol li span { display:block; } #container.cinema_contents .cinema_step03 .step_box01 { text-align:center; padding:140px 0 120px; } #container.cinema_contents .cinema_step03 .step_box01 .link_box { width:280px; height:135px; background:url(../../images/cinema/cinema_logo01.gif) 0 0 no-repeat; display:inline-block; margin:50px 0 0; padding:0; } #container.cinema_contents .cinema_step03 .step_box01 .img_wrap { margin:75px 0 0; position:relative; } #container.cinema_contents .cinema_step03 .step_box01 .img_wrap img { width:100%; } #container.cinema_contents .cinema_step03 .step_box01 .img_wrap p { padding:0 120px; text-align:left; color:#fff; position:absolute; bottom:25px; font-size:16px; } /* 200525 start */ #container.cinema_contents .cinema_step03 .step_box02 { margin:0 120px 0; padding:95px 100px 100px; background-color:#222; } /* 200525 end */ #container.cinema_contents .cinema_step03 .step_box02 .interview_txt { position:relative; } #container.cinema_contents .cinema_step03 .step_box02 .interview_txt:after { width:7vw; height:5vw; display:block; content:""; position:absolute; top:0; right:-7px; background-image:url(../../images/cinema/cinema_logo02.jpg); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%;background-size:contain; background-repeat:no-repeat; } #container.cinema_contents .cinema_step03 .step_box02 .interview_txt p { font-size:22px; line-height:30px; color:#d4d4d4; padding:40px 0 0; font-weight:500; } #container.cinema_contents .cinema_step03 .step_box02 h1 { font-size:3rem; color:#fff; } #container.cinema_contents .cinema_step03 .step_box02 .christopher_interview { margin:3rem 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } /* 200525 start */ #container.cinema_contents .cinema_step03 .step_box02 .video_wrap { width:100%; height:0; padding:0 0 56%; } /* 200525 end */ #container.cinema_contents .cinema_step03 .step_box02 .txt_wrap { width:40%; margin:0 0 0 6%; color:#a4a4a4; } #container.cinema_contents .cinema_step03 .step_box02 .txt_wrap .name { font-size:1.1rem; font-weight:700; padding:1.75rem 0 0; background-image:url(../../images/cinema/dotted_icon.gif); -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 1.1rem; background-size:auto 1.1rem; background-repeat:no-repeat; } #container.cinema_contents .cinema_step03 .step_box02 .txt_wrap .name strong { font-size:2.4rem; letter-spacing:1px; color:#fff; display:block; padding:0 0 0.5rem; } #container.cinema_contents .cinema_step03 .step_box02 .txt_wrap .name span { display:block; font-weight:500; padding:5px 0 0; } #container.cinema_contents .cinema_step03 .step_box02 .txt_wrap .disc { font-size:1.6rem; font-style:italic; font-weight:700; padding:2.5rem 0 0; } #container.cinema_contents .cinema_step03 .step_box02 p.caution { font-size:16px; color:#d4d4d4; font-weight:500; padding:15px 0 0; } #container.cinema_contents .cinema_step04 { background-color:#000; overflow:hidden; } #container.cinema_contents .cinema_step04 .step_box01 { text-align:center; padding:140px 0 80px; } #container.cinema_contents .cinema_step04 .step_box01 .step_title > img { margin:-30px 0 -30px; } #container.cinema_contents .cinema_step04 .step_box02 { max-width:1480px; padding:0 120px 120px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step04 .step_box02 .slide_wrap { position:relative; height:0; padding:0 0 56.25%; } #container.cinema_contents .cinema_step04 .step_box02 .slide_wrap:before, #container.cinema_contents .cinema_step04 .step_box02 .slide_wrap:after { width:220px; height:720px; display:block; content:""; position:absolute; background:url(../../images/cinema/slide_dimmed.png) 0 0 no-repeat; left:50%; top:0; z-index:1; } #container.cinema_contents .cinema_step04 .step_box02 .slide_wrap:before { margin:0 0 0 -960px; } #container.cinema_contents .cinema_step04 .step_box02 .slide_wrap:after { margin:0 0 0 740px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } #container.cinema_contents .cinema_step04 .step_box02 .slide_img { width:100%; height:100%; position:absolute; top:0; } #container.cinema_contents .cinema_step04 .step_box02 .slide_img li { width:100%; position:absolute; } #container.cinema_contents .cinema_step04 .step_box02 .slide_img img { width:100%; } #container.cinema_contents .cinema_step04 .step_box02 .slide_num { position:absolute; right:40px; bottom:30px; z-index:10; font-size:16px; font-weight:700; color:#fff; } #container.cinema_contents .cinema_step04 .step_box02 .slide_num .crr_num { float:left; } #container.cinema_contents .cinema_step04 .step_box02 .slide_num span, #container.cinema_contents .cinema_step04 .step_box02 .slide_num .max_num { float:left; opacity:0.5; filter:alpha(opacity=50); } #container.cinema_contents .cinema_step04 .step_box02 .slide_num span { display:inline-block; padding:0 10px; } #container.cinema_contents .cinema_step04 .step_box02 .slide_nav { width:100%; position:absolute; top:50%; margin:-17px 0 0; } #container.cinema_contents .cinema_step04 .step_box02 .slide_nav button { position:absolute; text-indent:-9999px; -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; } #container.cinema_contents .cinema_step04 .step_box02 .slide_nav button:after { width:25px; height:25px; display:block; content:""; border-left:2px solid #fff; border-bottom:2px solid #fff; } #container.cinema_contents .cinema_step04 .step_box02 .slide_nav button.prev_btn { left:0; margin:0 0 0 -45px; } #container.cinema_contents .cinema_step04 .step_box02 .slide_nav button.prev_btn:after { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #container.cinema_contents .cinema_step04 .step_box02 .slide_nav button.next_btn { right:0; margin:0 -65px 0 0; } #container.cinema_contents .cinema_step04 .step_box02 .slide_nav button.next_btn:after { -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg); } #container.cinema_contents .cinema_step04 .step_box02 .slide_nav button.off { opacity:0; filter:alpha(opacity=0); } #container.cinema_contents .cinema_step04 .step_box02 .slide_nav button.on { opacity:1; filter:alpha(opacity=100); } #container.cinema_contents .cinema_step05 { background-color:#111; } #container.cinema_contents .cinema_step05 .step_box01 { text-align:center; padding:140px 0 80px; } #container.cinema_contents .cinema_step05 .step_box01 .talk_txt { font-size:46px; font-weight:700; padding:45px 0 0; color:#fff; } #container.cinema_contents .cinema_step05 .step_box02 { max-width:1480px; padding:0 120px 50px; margin:0 auto; font-weight:500; } #container.cinema_contents .cinema_step05 .step_box02 li { background-color:#222; padding:5rem 5rem 0 0; margin:1.5rem 0 0; } #container.cinema_contents .cinema_step05 .step_box02 li:first-child { margin:0; } #container.cinema_contents .cinema_step05 .step_box02 li .platform_list { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.cinema_contents .cinema_step05 .step_box02 li .logo_wrap { width:45%; text-align:center; } #container.cinema_contents .cinema_step05 .step_box02 li .movie_list { width:55%; box-shadow: 20px 15px 60px #000; } #container.cinema_contents .cinema_step05 .step_box02 li .movie_list img { width:100%; } #container.cinema_contents .cinema_step05 .step_box02 li p { min-height:5rem; font-size:16px; line-height:24px; color:#bbb; padding:15px 0 30px 45%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step05 .step_box02 li p a { color:#bbb; } #container.cinema_contents .cinema_step05 .step_box02 p.caution { font-size:16px; line-height:24px; color:#bbb; padding:20px 0 0; } #container.cinema_contents .cinema_step06 { background-color:#000; } #container.cinema_contents .cinema_step06 .step_box01 { text-align:center; padding:140px 0 0; } #container.cinema_contents .cinema_step06 .step_box01 .talk_txt { font-size:46px; font-weight:700; padding:45px 0 0; color:#fff; } #container.cinema_contents .cinema_step06 .step_box01 .link_box { padding:60px 0 0; } #container.cinema_contents .cinema_step06 .step_box01 .link_box a:after { width:86px; height:18px; display:inline-block; content:""; background-image:url(../../images/cinema/cinema_logo07.png); margin:0 0 0 10px; -webkit-transition:background-image 0.3s ease; -moz-transition:background-image 0.3s ease; -o-transition:background-image 0.3s ease; -ms-transition:background-image 0.3s ease; } #container.cinema_contents .cinema_step06 .step_box01 .link_box a:hover:after, #container.cinema_contents .cinema_step06 .step_box01 .link_box a:focus:after { background-image:url(../../images/cinema/cinema_logo07_on.png); } #container.cinema_contents .cinema_step06 .step_box01 .img_wrap { margin:80px 0 0; position:relative; text-align:left; } #container.cinema_contents .cinema_step06 .step_box01 .img_wrap img { width:100%; } #container.cinema_contents .cinema_step06 .step_box01 .img_wrap p { position:absolute; line-height:24px; font-size:16px; color:#fff; bottom:25px; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step06 .step_box01 .img_wrap p span { margin:0 20px 0 0; display:inline-block; } #container.cinema_contents .cinema_step07 { background-color:#111; } #container.cinema_contents .cinema_step07 .step_box01 { text-align:center; padding:140px 0 0; } #container.cinema_contents .cinema_step07 .step_box01 .icon_box { padding:45px 0 0; font-size:13px; } #container.cinema_contents .cinema_step07 .step_box01 .icon_box ol { display:inline-block; font-weight:600; line-height:16px; color:#fff; } #container.cinema_contents .cinema_step07 .step_box01 .icon_box li { padding:130px 0 0; margin:0 0 0 70px; float:left; } #container.cinema_contents .cinema_step07 .step_box01 .icon_box li:nth-of-type(1) { margin:0; background:url(../../images/cinema/cinema_logo08.jpg) 50% 0 no-repeat; } #container.cinema_contents .cinema_step07 .step_box01 .icon_box li:nth-of-type(2) { background:url(../../images/cinema/cinema_logo09.jpg) 50% 0 no-repeat; } #container.cinema_contents .cinema_step07 .step_box01 .icon_box li em { font-size:14px; } #container.cinema_contents .cinema_step07 .step_box01 .img_wrap { margin:80px 0 0; position:relative; text-align:left; } #container.cinema_contents .cinema_step07 .step_box01 .img_wrap img { width:100%; } #container.cinema_contents .cinema_step07 .step_box01 .img_wrap p { width:100%; position:absolute; line-height:24px; font-size:16px; color:#fff; bottom:25px; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step08 { background-color:#000; } #container.cinema_contents .cinema_step08 .step_box01 { text-align:center; padding:140px 0 0; } #container.cinema_contents .cinema_step08 .step_box01 .img_wrap { margin:70px 0 0; position:relative; text-align:left; } #container.cinema_contents .cinema_step08 .step_box01 .img_wrap img { width:100%; } #container.cinema_contents .cinema_step08 .step_box01 .img_wrap p { width:100%; position:absolute; line-height:24px; font-size:16px; color:#fff; bottom:25px; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step08 .step_box02 { text-align:center; padding:100px 120px 120px; color:#fff; background-color:#000; } #container.cinema_contents .cinema_step08 .step_box02 strong { font-size:76px; letter-spacing:3.2px; } #container.cinema_contents .cinema_step08 .step_box02 .video_wrap { width:100%; height:0; padding:0 0 56.25%; margin:65px 0 0; } /* cinema */ #subVisual.cinema_visual_wo { background-image:url(../../images/cinema/sub_visual.jpg); text-align:center; position:relative; } #subVisual.cinema_visual_wo .txt_wrap { width:100%; position:absolute; bottom:3.25rem; color:#fff; font-size:4.4rem; letter-spacing:3.2px; } #subVisual.cinema_visual_wo:before, #subVisual.cinema_visual_wo:after { display:block; content:""; position:absolute; bottom:30px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } #subVisual.cinema_visual_wo:before { width:190px; height:103px; left:30px; background-image:url(../../images/cinema/cinema_partner_logo01.png); } #subVisual.cinema_visual_wo:after { width:131px; height:58px; right:30px; background-image:url(../../images/cinema/cinema_partner_logo02.png); } #container.cinema_contents_wo { background-color:#111; } #container.cinema_contents_wo .step_title.white_title p { color:#d4d4d4; } #container.cinema_contents_wo .cinema_step01 .step_box01 { text-align:center; padding:140px 0 0; } #container.cinema_contents_wo .cinema_step01 .step_box02 { max-width:1480px; padding:90px 120px 0; margin:0 auto; } #container.cinema_contents_wo .cinema_step01 .step_box02 p.cation { color:#bbb; font-size:16px; padding:20px 0 0; } #container.cinema_contents_wo .cinema_step01 .monitor_compare .compare_box { border:2px solid #000; background-image:url(../../images/cinema/compare_oled.jpg); } #container.cinema_contents_wo .cinema_step01 .monitor_compare .lcd_screen .img_wrap { background-image:url(../../images/cinema/compare_lcd.jpg); } #container.cinema_contents_wo .cinema_step01 .step_box03 { margin:90px 120px 110px; padding:95px 100px 100px; background-color:#222; } #container.cinema_contents_wo .cinema_step01 .step_box03 h1 { font-size:3rem; color:#fff; } #container.cinema_contents_wo .cinema_step01 .step_box03 .rob_interview { margin:3.5rem 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.cinema_contents_wo .cinema_step01 .step_box03 .video_wrap { width:54%; height:0; padding:0 0 30%; } #container.cinema_contents_wo .cinema_step01 .step_box03 .txt_wrap { width:40%; margin:0 0 0 6%; color:#a4a4a4; } #container.cinema_contents_wo .cinema_step01 .step_box03 .txt_wrap .name { font-size:1.1rem; font-weight:500; padding:1.75rem 0 0; background-image:url(../../images/cinema/dotted_icon.gif); -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 1.1rem; background-size:auto 1.1rem; background-repeat:no-repeat; } #container.cinema_contents_wo .cinema_step01 .step_box03 .txt_wrap .name strong { font-size:2.4rem; letter-spacing:1px; color:#fff; display:block; padding:0 0 0.5rem; } #container.cinema_contents_wo .cinema_step01 .step_box03 .txt_wrap .disc { font-size:1.7rem; line-height:2.2rem; font-style:italic; font-weight:700; padding:2.5rem 0 0; } #container.cinema_contents_wo .cinema_step02 { background-color:#000; } #container.cinema_contents_wo .cinema_step02 .step_box01 { text-align:center; padding:140px 0 80px; } #container.cinema_contents_wo .cinema_step02 .step_box02 { height:0; padding:0 0 67.81%; background-image:url(../../images/cinema/cinema_img02.jpg); position:relative; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.cinema_contents_wo .cinema_step02 .step_box02 .txt_wrap { width:100%; position:absolute; bottom:0; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents_wo .cinema_step02 .step_box02 .txt_box { max-width:1480px; margin:0 auto; text-align:center; } #container.cinema_contents_wo .cinema_step02 .step_box02 p { font-size:16px; color:#fff; padding:0 0 25px; text-align:left; } #container.cinema_contents_wo .cinema_step02 .step_box02 ol { width:100%; padding:4rem 0 3.75rem; background-color:rgba(0, 0, 0, 0.7); color:#fff; font-size:1.1rem; font-weight:600; } #container.cinema_contents_wo .cinema_step02 .step_box02 ol li { margin:0 1.85rem; display:inline-block; } #container.cinema_contents_wo .cinema_step02 .step_box02 ol li img { height:6.75rem; padding:0 0 1.25rem; } #container.cinema_contents_wo .cinema_step02 .step_box02 ol li span { display:block; } #container.cinema_contents_wo .cinema_step03 .step_box01 { text-align:center; padding:140px 0 120px; } #container.cinema_contents_wo .cinema_step03 .step_box01 .link_box { width:280px; height:135px; background:url(../../images/cinema/cinema_logo01.gif) 0 0 no-repeat; display:inline-block; margin:50px 0 0; padding:0; } #container.cinema_contents_wo .cinema_step03 .step_box01 .img_wrap { margin:75px 0 0; position:relative; } #container.cinema_contents_wo .cinema_step03 .step_box01 .img_wrap img { width:100%; } #container.cinema_contents_wo .cinema_step03 .step_box01 .img_wrap p { padding:0 120px; text-align:left; color:#fff; position:absolute; bottom:25px; font-size:16px; } #container.cinema_contents_wo .cinema_step03 .step_box02 { margin:0 120px 120px; padding:95px 100px 100px; background-color:#222; } #container.cinema_contents_wo .cinema_step03 .step_box02 .interview_txt { position:relative; } #container.cinema_contents_wo .cinema_step03 .step_box02 .interview_txt:after { width:10.7rem; height:7.25rem; display:block; content:""; position:absolute; top:0; right:-7px; background-image:url(../../images/cinema/cinema_logo02.jpg); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.cinema_contents_wo .cinema_step03 .step_box02 .interview_txt p { font-size:22px; line-height:30px; color:#d4d4d4; padding:40px 0 0; font-weight:500; } #container.cinema_contents_wo .cinema_step03 .step_box02 h1 { font-size:3rem; color:#fff; } #container.cinema_contents_wo .cinema_step03 .step_box02 .christopher_interview { margin:3rem 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.cinema_contents_wo .cinema_step03 .step_box02 .video_wrap { width:54%; height:0; padding:0 0 30%; } #container.cinema_contents_wo .cinema_step03 .step_box02 .txt_wrap { width:40%; margin:0 0 0 6%; color:#a4a4a4; } #container.cinema_contents_wo .cinema_step03 .step_box02 .txt_wrap .name { font-size:1.1rem; font-weight:700; padding:1.75rem 0 0; background-image:url(../../images/cinema/dotted_icon.gif); -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 1.1rem; background-size:auto 1.1rem; background-repeat:no-repeat; } #container.cinema_contents_wo .cinema_step03 .step_box02 .txt_wrap .name strong { font-size:2.4rem; letter-spacing:1px; color:#fff; display:block; padding:0 0 0.5rem; } #container.cinema_contents_wo .cinema_step03 .step_box02 .txt_wrap .name span { display:block; font-weight:500; padding:5px 0 0; } #container.cinema_contents_wo .cinema_step03 .step_box02 .txt_wrap .disc { font-size:1.6rem; font-style:italic; font-weight:700; padding:2.5rem 0 0; } #container.cinema_contents_wo .cinema_step03 .step_box02 p.caution { font-size:16px; color:#d4d4d4; font-weight:500; padding:15px 0 0; } #container.cinema_contents_wo .cinema_step04 { background-color:#000; overflow:hidden; } #container.cinema_contents_wo .cinema_step04 .step_box01 { text-align:center; padding:140px 0 80px; } #container.cinema_contents_wo .cinema_step04 .step_box01 .link_box { padding:240px 0 0; background:url(../../images/cinema/cinema_logo03.jpg) 50% 0 no-repeat; } #container.cinema_contents_wo .cinema_step04 .step_box02 { max-width:1480px; padding:0 120px 120px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_wrap { position:relative; height:0; padding:0 0 56.25%; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_wrap:before, #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_wrap:after { width:220px; height:720px; display:block; content:""; position:absolute; background:url(../../images/cinema/slide_dimmed.png) 0 0 no-repeat; left:50%; top:0; z-index:1; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_wrap:before { margin:0 0 0 -960px; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_wrap:after { margin:0 0 0 740px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_img { width:100%; height:100%; position:absolute; top:0; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_img li { width:100%; position:absolute; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_img img { width:100%; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_num { position:absolute; right:40px; bottom:30px; z-index:10; font-size:16px; font-weight:700; color:#fff; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_num .crr_num { float:left; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_num span, #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_num .max_num { float:left; opacity:0.5; filter:alpha(opacity=50); } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_num span { display:inline-block; padding:0 10px; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_nav { width:100%; position:absolute; top:50%; margin:-17px 0 0; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_nav button { position:absolute; text-indent:-9999px; -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_nav button:after { width:25px; height:25px; display:block; content:""; border-left:2px solid #fff; border-bottom:2px solid #fff; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_nav button.prev_btn { left:0; margin:0 0 0 -45px; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_nav button.prev_btn:after { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_nav button.next_btn { right:0; margin:0 -65px 0 0; } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_nav button.next_btn:after { -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg); } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_nav button.off { opacity:0; filter:alpha(opacity=0); } #container.cinema_contents_wo .cinema_step04 .step_box02 .slide_nav button.on { opacity:1; filter:alpha(opacity=100); } #container.cinema_contents_wo .cinema_step05 { background-color:#111; } #container.cinema_contents_wo .cinema_step05 .step_box01 { text-align:center; padding:140px 0 80px; } #container.cinema_contents_wo .cinema_step05 .step_box01 .talk_txt { font-size:46px; font-weight:700; padding:45px 0 0; color:#fff; } #container.cinema_contents_wo .cinema_step05 .step_box02 { max-width:1480px; padding:0 120px 50px; margin:0 auto; font-weight:500; } #container.cinema_contents_wo .cinema_step05 .step_box02 li { background-color:#222; padding:5rem 5rem 0 0; margin:1.5rem 0 0; } #container.cinema_contents_wo .cinema_step05 .step_box02 li:first-child { margin:0; } #container.cinema_contents_wo .cinema_step05 .step_box02 li .platform_list { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.cinema_contents_wo .cinema_step05 .step_box02 li .logo_wrap { width:45%; text-align:center; } #container.cinema_contents_wo .cinema_step05 .step_box02 li .movie_list { width:55%; } #container.cinema_contents_wo .cinema_step05 .step_box02 li .movie_list img { width:100%; } #container.cinema_contents_wo .cinema_step05 .step_box02 li p { min-height:5rem; font-size:16px; line-height:24px; color:#bbb; padding:15px 0 30px 45%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents_wo .cinema_step05 .step_box02 li p a { color:#bbb; } #container.cinema_contents_wo .cinema_step05 .step_box02 p.caution { font-size:16px; line-height:24px; color:#bbb; padding:20px 0 0; } #container.cinema_contents_wo .cinema_step06 { background-color:#000; } #container.cinema_contents_wo .cinema_step06 .step_box01 { text-align:center; padding:140px 0 0; } #container.cinema_contents_wo .cinema_step06 .step_box01 .talk_txt { font-size:46px; font-weight:700; padding:45px 0 0; color:#fff; } #container.cinema_contents_wo .cinema_step06 .step_box01 .link_box { padding:60px 0 0; } #container.cinema_contents_wo .cinema_step06 .step_box01 .link_box a:after { width:86px; height:18px; display:inline-block; content:""; background-image:url(../../images/cinema/cinema_logo07.png); margin:0 0 0 10px; -webkit-transition:background-image 0.3s ease; -moz-transition:background-image 0.3s ease; -o-transition:background-image 0.3s ease; -ms-transition:background-image 0.3s ease; } #container.cinema_contents_wo .cinema_step06 .step_box01 .link_box a:hover:after, #container.cinema_contents_wo .cinema_step06 .step_box01 .link_box a:focus:after { background-image:url(../../images/cinema/cinema_logo07_on.png); } #container.cinema_contents_wo .cinema_step06 .step_box01 .img_wrap { margin:80px 0 0; position:relative; text-align:left; } #container.cinema_contents_wo .cinema_step06 .step_box01 .img_wrap img { width:100%; } #container.cinema_contents_wo .cinema_step06 .step_box01 .img_wrap p { position:absolute; line-height:24px; font-size:16px; color:#fff; bottom:25px; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents_wo .cinema_step06 .step_box01 .img_wrap p span { margin:0 20px 0 0; display:inline-block; } #container.cinema_contents_wo .cinema_step07 { background-color:#111; } #container.cinema_contents_wo .cinema_step07 .step_box01 { text-align:center; padding:140px 0 0; } #container.cinema_contents_wo .cinema_step07 .step_box01 .icon_box { padding:45px 0 0; font-size:13px; } #container.cinema_contents_wo .cinema_step07 .step_box01 .icon_box ol { display:inline-block; font-weight:600; line-height:16px; color:#fff; } #container.cinema_contents_wo .cinema_step07 .step_box01 .icon_box li { padding:130px 0 0; margin:0 0 0 70px; float:left; } #container.cinema_contents_wo .cinema_step07 .step_box01 .icon_box li:nth-of-type(1) { margin:0; background:url(../../images/cinema/cinema_logo08.jpg) 50% 0 no-repeat; } #container.cinema_contents_wo .cinema_step07 .step_box01 .icon_box li:nth-of-type(2) { background:url(../../images/cinema/cinema_logo09.jpg) 50% 0 no-repeat; } #container.cinema_contents_wo .cinema_step07 .step_box01 .icon_box li em { font-size:14px; } #container.cinema_contents_wo .cinema_step07 .step_box01 .img_wrap { margin:80px 0 0; position:relative; text-align:left; } #container.cinema_contents_wo .cinema_step07 .step_box01 .img_wrap img { width:100%; } #container.cinema_contents_wo .cinema_step07 .step_box01 .img_wrap p { width:100%; position:absolute; line-height:24px; font-size:16px; color:#fff; bottom:25px; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents_wo .cinema_step08 { background-color:#000; } #container.cinema_contents_wo .cinema_step08 .step_box01 { text-align:center; padding:140px 0 0; } #container.cinema_contents_wo .cinema_step08 .step_box01 .img_wrap { margin:70px 0 0; position:relative; text-align:left; } #container.cinema_contents_wo .cinema_step08 .step_box01 .img_wrap img { width:100%; } #container.cinema_contents_wo .cinema_step08 .step_box01 .img_wrap p { width:100%; position:absolute; line-height:24px; font-size:16px; color:#fff; bottom:25px; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents_wo .cinema_step08 .step_box02 { text-align:center; padding:100px 120px 120px; color:#fff; background-color:#000; } #container.cinema_contents_wo .cinema_step08 .step_box02 strong { font-size:76px; letter-spacing:3.2px; } #container.cinema_contents_wo .cinema_step08 .step_box02 .video_wrap { width:100%; height:0; padding:0 0 56.25%; margin:65px 0 0; } /* gaming */ #subVisual.gaming_visual { background-image:url(../../images/gaming/sub_visual.jpg); text-align:center; position:relative; } #subVisual.gaming_visual .txt_wrap { width:100%; position:absolute; bottom:3.25rem; color:#fff; font-size:4.4rem; letter-spacing:3.2px; } #subVisual.gaming_visual:before, #subVisual.gaming_visual:after { display:block; content:""; position:absolute; bottom:30px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } #container.gaming_contents { background-color:#111; } #container.gaming_contents .step_title.white_title p { color:#d4d4d4; } #container.gaming_contents .gaming_step01 { padding:0 0 140px; } #container.gaming_contents .gaming_step01 .step_box01 { text-align:center; padding:140px 0 0; } #container.gaming_contents .gaming_step01 .step_box01 .icon_box { width:100%; height:83px; margin:50px 0 0; background:url(../../images/gaming/gaming_logo01.jpg) 50% 0 no-repeat; display:inline-block; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap { position:relative; padding:0 0 45%; margin:60px 120px; box-sizing:border-box; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap .img_wrap { padding:0; } #container.gaming_contents .gaming_step01 .step_box01 .img_wrap img { width:100%; } #container.gaming_contents .gaming_step01 .step_box02 { margin:90px 120px 0; padding:95px 100px 100px; background-color:#222; } #container.gaming_contents .gaming_step01 .step_box02 h1 { font-size:3rem; color:#fff; } #container.gaming_contents .gaming_step01 .step_box02 .linus_interview { margin:3.5rem 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.gaming_contents .gaming_step01 .step_box02 .linus_interview > img { width:55%; } #container.gaming_contents .gaming_step01 .step_box02 .img_wrap { width:54%; height:0; padding:0 0 30%; background-image:url(../../images/gaming/gaming_img02.jpg); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.gaming_contents .gaming_step01 .step_box02 .txt_wrap { width:40%; margin:0 0 0 6%; color:#a4a4a4; } #container.gaming_contents .gaming_step01 .step_box02 .txt_wrap .name { font-size:1.1rem; font-weight:500; padding:1.75rem 0 0; background-image:url(../../images/cinema/dotted_icon.gif); -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 1.1rem; background-size:auto 1.1rem; background-repeat:no-repeat; } #container.gaming_contents .gaming_step01 .step_box02 .txt_wrap .name strong { font-size:2.4rem; letter-spacing:1px; color:#fff; display:block; padding:0 0 0.5rem; } #container.gaming_contents .gaming_step01 .step_box02 .txt_wrap .disc { font-size:1.8rem; line-height:2.1rem; font-style:italic; font-weight:700; padding:2.5rem 0 0; letter-spacing:1px; } #container.gaming_contents .gaming_step01 .step_box03 { margin:30px 120px 0; padding:100px 100px 60px; background-color:#222; } #container.gaming_contents .gaming_step01 .step_box03 .txt_wrap { position:relative; text-align:right; color:#fff; } #container.gaming_contents .gaming_step01 .step_box03 .txt_wrap:before { width:239px; height:89px; display:block; content:""; background:url(../../images/gaming/gaming_logo02.jpg) 0 0 no-repeat; position:absolute; left:0; top:0; } #container.gaming_contents .gaming_step01 .step_box03 .txt_wrap h1 { font-size:3rem; } #container.gaming_contents .gaming_step01 .step_box03 .txt_wrap p { font-size:1.1rem; line-height:1.5rem; padding:2rem 0 0; color:#d4d4d4; } #container.gaming_contents .gaming_step01 .step_box03 .txt_wrap p span { display:block; padding:0.5rem 0 0; } #container.gaming_contents .gaming_step01 .step_box03 .disc { font-size:26px; color:#1e1e1e; font-weight:600; text-align:center; padding:70px 0 15px; } #container.gaming_contents .gaming_step01 .step_box03 .disc li { width:50%; float:left; } #container.gaming_contents .gaming_step01 .step_box03 .disc span { width:220px; height:48px; display:inline-block; background-color:#fff; line-height:48px; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; -moz-box-shadow:2px 0px 30px -5px #000; -webkit-box-shadow:2px 0px 30px -5px #000; box-shadow:2px 0px 30px -5px #000; } #container.gaming_contents .gaming_step01 .step_box03 .img_wrap { position:relative; color:#fff; } #container.gaming_contents .gaming_step01 .step_box03 .img_wrap .lcd_txt, #container.gaming_contents .gaming_step01 .step_box03 .img_wrap .oled_txt { position:absolute; bottom:1.5rem; font-size:1.7rem; line-height:1.9rem; } #container.gaming_contents .gaming_step01 .step_box03 .img_wrap .lcd_txt { left:2rem; } #container.gaming_contents .gaming_step01 .step_box03 .img_wrap .oled_txt { right:2rem; } /* 200407 st */ /*#container.gaming_contents .gaming_step01 .step_box03 .img_wrap .oled_txt strong { width:8.5rem; height:1.8rem; text-indent:-9999px; display:block; margin:5px 0 0; background:url(../../images/common/lg_logo_icon.png) 0 0 no-repeat; background-size:contain; }*/ #container.gaming_contents .gaming_step01 .step_box03 .img_wrap strong { display:inline-block; font-size:2.25rem; } /* 200407 end */ #container.gaming_contents .gaming_step01 .step_box03 img { width:100%; } #container.gaming_contents .gaming_step01 .step_box03 p.caution { font-size:16px; color:#bbb; padding:15px 0 0; font-weight:500; } #container.gaming_contents .gaming_step01 .step_box04 { margin:30px 120px 0; padding:100px; background-color:#222; } #container.gaming_contents .gaming_step01 .step_box04 h1 { font-size:3rem; color:#fff; } #container.gaming_contents .gaming_step01 .step_box04 .kaustubh_interview { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.gaming_contents .gaming_step01 .step_box04 .video_wrap { width:54%; height:0; padding:0 0 30%; margin:0 0 0 6%; } #container.gaming_contents .gaming_step01 .step_box04 .txt_wrap { width:40%; color:#a4a4a4; } #container.gaming_contents .gaming_step01 .step_box04 .txt_wrap .name { font-size:1.1rem; font-weight:500; padding:1.75rem 0 0; background-image:url(../../images/cinema/dotted_icon.gif); -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 1.1rem; background-size:auto 1.1rem; background-repeat:no-repeat; } #container.gaming_contents .gaming_step01 .step_box04 .txt_wrap .name strong { font-size:2.4rem; letter-spacing:1px; color:#fff; display:block; padding:0 0 0.5rem; } #container.gaming_contents .gaming_step01 .step_box04 .txt_wrap .disc { font-size:1.6rem; line-height:2rem; font-style:italic; font-weight:700; padding:1.75rem 0 0; letter-spacing:1px; } #container.gaming_contents .gaming_step01 .step_box04 .txt_wrap img { margin:2rem 0 0; } #container.gaming_contents .gaming_step01 .step_box05 { margin:30px 120px 0; padding:100px 100px 40px; background-color:#222; } #container.gaming_contents .gaming_step01 .step_box05 .txt_wrap { position:relative; text-align:right; color:#fff; } #container.gaming_contents .gaming_step01 .step_box05 .txt_wrap:before { width:18vw; height:100%; display:block; content:""; background:url(../../images/gaming/gaming_logo04.jpg) 0 0 no-repeat; background-size: contain; position:absolute; left:0; top:0; } #container.gaming_contents .gaming_step01 .step_box05 .txt_wrap h1 { font-size:3rem; } #container.gaming_contents .gaming_step01 .step_box05 .txt_wrap p { font-size:1.1rem; line-height:1.5rem; padding:2rem 0 0; color:#d4d4d4; } #container.gaming_contents .gaming_step01 .step_box05 .txt_wrap p span { display:block; padding:0.5rem 0 0; } #container.gaming_contents .gaming_step01 .step_box05 img { width:100%; margin:3.5rem 0 0; } #container.gaming_contents .gaming_step01 .step_box05 p.caution { font-size:16px; color:#bbb; padding:15px 0 0; font-weight:500; line-height:24px; } #container.gaming_contents .gaming_step01 .step_box06 { margin:30px 120px 0; padding:100px 100px 25px; background-color:#222; } #container.gaming_contents .gaming_step01 .step_box06 .txt_wrap { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.gaming_contents .gaming_step01 .step_box06 img { width:54%; } #container.gaming_contents .gaming_step01 .step_box06 .txt_box { width:44%; margin:0 2% 0 0; } #container.gaming_contents .gaming_step01 .step_box06 .txt_box h1 { font-size:3rem; color:#fff; } #container.gaming_contents .gaming_step01 .step_box06 .txt_box p { font-size:1.1rem; line-height:1.5rem; font-weight:500; color:#d4d4d4; padding:1.5rem 0 0; } #container.gaming_contents .gaming_step01 .step_box06 .txt_box p span { display:block; padding:0.5rem 0 0; } #container.gaming_contents .gaming_step01 .step_box06 p.caution { min-height:120px; padding:0.75rem 0 30px 46%; color:#bbb; font-size:16px; line-height:24px; font-weight:500; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.gaming_contents .gaming_step02 { padding:0 0 140px; background-color:#000; } #container.gaming_contents .gaming_step02 .step_box01 { text-align:center; padding:140px 0 0; } #container.gaming_contents .gaming_step02 .step_box02 { max-width:1480px; padding:90px 120px 0; margin:0 auto; } #container.gaming_contents .gaming_step02 .step_box02 p.cation { color:#bbb; font-size:16px; padding:20px 0 0; } #container.gaming_contents .gaming_step02 .step_box02 .monitor_compare .compare_wrap:after { width:240px; height:89px; display:block; content:""; background:url(../../images/gaming/compare_logo04.png) 0 0 no-repeat; position:absolute; bottom:45px; right:45px; z-index:10; } #container.gaming_contents .gaming_step02 .step_box02 .monitor_compare .compare_box { border:2px solid #000; background-image:url(../../images/gaming/compare_oled02.jpg); } #container.gaming_contents .gaming_step02 .step_box02 .monitor_compare .lcd_screen .img_wrap { background-image:url(../../images/gaming/compare_lcd02.jpg); } #container.gaming_contents .gaming_step02 .step_box03 { margin:75px 120px 0; padding:100px 100px; background-color:#222; } #container.gaming_contents .gaming_step02 .step_box03 .txt_wrap { position:relative; color:#fff; } #container.gaming_contents .gaming_step02 .step_box03 .txt_wrap:before { width:12vw; height:100%; display:block; content:""; background:url(../../images/gaming/gaming_logo05.gif) 0 0 no-repeat; position:absolute; background-size: contain; right:0; top:0; } #container.gaming_contents .gaming_step02 .step_box03 .txt_wrap h1 { font-size:3rem; } #container.gaming_contents .gaming_step02 .step_box03 .txt_wrap p { font-size:1.1rem; line-height:1.5rem; padding:2rem 0 0; color:#d4d4d4; } #container.gaming_contents .gaming_step02 .step_box03 .txt_wrap p span { display:block; padding:0.5rem 0 0; } #container.gaming_contents .gaming_step02 .step_box03 img { width:100%; margin:3.5rem 0 0; } #container.gaming_contents .gaming_step02 .step_box03 p.caution { font-size:16px; color:#bbb; padding:50px 0 0; font-weight:500; } #container.gaming_contents .gaming_step03 { background-color:#111; } #container.gaming_contents .gaming_step03 > img { width:100%; padding:80px 0 0;} #container.gaming_contents .gaming_step03 .step_box01 { text-align:center; padding:140px 0 0; } #container.gaming_contents .gaming_step03 .step_box02 { height:0; padding:0 0 56.5%; position:relative; margin:70px 0 0; background-image:url(../../images/gaming/gaming_img08.jpg); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.gaming_contents .gaming_step03 .step_box03 .box_wrap { width:100%; padding:120px; background-color:#111; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.gaming_contents .gaming_step03 .step_box03 ol { max-width:1680px; margin:0 auto; background-color:#222; color:#d4d4d4; } #container.gaming_contents .gaming_step03 .step_box03 li { width:33.3%; height:370px; padding:80px 0 0; float:left; text-align:center; position:relative; } #container.gaming_contents .gaming_step03 .step_box03 li:before { width:2px; height:100%; display:block; content:""; position:absolute; left:0; top:0; background-color:#131313; } #container.gaming_contents .gaming_step03 .step_box03 li .img_wrap { height:111px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #container.gaming_contents .gaming_step03 .step_box03 li strong { display:block; font-size:24px; padding:15px 0 0; color:#fff; } #container.gaming_contents .gaming_step03 .step_box03 li p { font-size:20px; line-height:22px; padding:10px 0 0; } #container.gaming_contents .gaming_step03 .step_box03 li:nth-of-type(1):before { display:none; } #container.gaming_contents .gaming_step03 .step_box03 li a { font-size:16px; display:inline-block; position:absolute; font-weight:600; padding:0 20px 3px 0; bottom:75px; color:#fff; left:50%; transform:translate(-50%, 0); -webkit-transition:padding 0.2s ease; -moz-transition:padding 0.2s ease; -o-transition:padding 0.2s ease; -ms-transition:padding 0.2s ease; } #container.gaming_contents .gaming_step03 .step_box03 li a:after { width:100%; height:1px; position:absolute; display:block; content:""; background-color:#fff; bottom:0; } #container.gaming_contents .gaming_step03 .step_box03 li a i { width:11px; height:7px; display:block; position:absolute; top:4px; right:0; } #container.gaming_contents .gaming_step03 .step_box03 li a i:before { width:4px; height:4px; display:block; content:""; border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute; right:0; top:1px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #container.gaming_contents .gaming_step03 .step_box03 li a i:after { width:11px; height:1px; display:block; content:""; position:absolute; top:50%; left:0; background-color:#fff; } #container.gaming_contents .gaming_step03 .step_box03 li a:hover, #container.gaming_contents .gaming_step03 .step_box03 li a:focus { padding:0 25px 3px 0; } #container.gaming_contents .gaming_step04 { background-color:#000; } #container.gaming_contents .gaming_step04 .step_box01 { text-align:center; padding:140px 0 0; } #container.gaming_contents .gaming_step04 .step_box01 .icon_box { padding:45px 0 0; font-size:13px; } #container.gaming_contents .gaming_step04 .step_box01 .icon_box ol { display:inline-block; font-weight:600; line-height:16px; color:#fff; } #container.gaming_contents .gaming_step04 .step_box01 .icon_box li { padding:130px 0 0; margin:0 0 0 70px; float:left; } #container.gaming_contents .gaming_step04 .step_box01 .icon_box li:nth-of-type(1) { margin:0; background:url(../../images/gaming/gaming_logo09.jpg) 50% 0 no-repeat; } #container.gaming_contents .gaming_step04 .step_box01 .icon_box li:nth-of-type(2) { background:url(../../images/gaming/gaming_logo10.jpg) 50% 0 no-repeat; } #container.gaming_contents .gaming_step04 .step_box01 .icon_box li em { font-size:14px; } #container.gaming_contents .gaming_step04 .step_box01 .img_wrap { margin:80px 0 0; position:relative; text-align:left; } #container.gaming_contents .gaming_step04 .step_box01 .img_wrap img { width:100%; } #container.gaming_contents .gaming_step04 .step_box01 .img_wrap p { width:100%; position:absolute; line-height:24px; font-size:16px; color:#fff; bottom:25px; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.gaming_contents .gaming_step05 { background-color:#111; } #container.gaming_contents .gaming_step05 .step_box01 { text-align:center; padding:140px 0 0; } #container.gaming_contents .gaming_step05 .step_box01 .img_wrap { margin:80px 0 0; position:relative; text-align:left; } #container.gaming_contents .gaming_step05 .step_box01 .img_wrap img { width:100%; } #container.gaming_contents .gaming_step06 { background-color:#000; } #container.gaming_contents .gaming_step06 .step_box01 { text-align:center; padding:140px 0 0; } #container.gaming_contents .gaming_step06 .step_box01 .talk_txt { font-size:46px; font-weight:700; padding:45px 0 0; color:#fff; } #container.gaming_contents .gaming_step06 .step_box01 .link_box { padding:60px 0 0; } #container.gaming_contents .gaming_step06 .step_box01 .link_box a:after { width:86px; height:18px; display:inline-block; content:""; background-image:url(../../images/cinema/cinema_logo07.png); margin:0 0 0 10px; -webkit-transition:background-image 0.3s ease; -moz-transition:background-image 0.3s ease; -o-transition:background-image 0.3s ease; -ms-transition:background-image 0.3s ease; } #container.gaming_contents .gaming_step06 .step_box01 .link_box a:hover:after, #container.gaming_contents .gaming_step06 .step_box01 .link_box a:focus:after { background-image:url(../../images/cinema/cinema_logo07_on.png); } #container.gaming_contents .gaming_step06 .step_box01 .img_wrap { margin:80px 0 0; position:relative; text-align:left; } #container.gaming_contents .gaming_step06 .step_box01 .img_wrap img { width:100%; } #container.gaming_contents .gaming_step06 .step_box01 .img_wrap p { width:100%; position:absolute; line-height:24px; font-size:16px; color:#fff; bottom:25px; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.gaming_contents .gaming_step06 .step_box02 { text-align:center; padding:100px 120px 120px; color:#fff; background-color:#111; } #container.gaming_contents .gaming_step06 .step_box02 strong { font-size:76px; letter-spacing:2.2px; } #container.gaming_contents .gaming_step06 .step_box02 .video_wrap { width:100%; height:0; padding:0 0 56.25%; margin:65px 0 0; } .gaming_contents #bottomLineup table thead .img_wrap img { width:auto; } /* sports */ #subVisual.sports_visual { background-image:url(../../images/sports/sub_visual.jpg); text-align:center; } #subVisual.sports_visual .txt_wrap { width:100%; position:absolute; bottom:3.25rem; color:#fff; font-size:4.4rem; letter-spacing:3.2px; } #container.sports_contents { padding:0 0 90px; } #container.sports_contents .sports_step01 { background-color:#f4f4f4; } #container.sports_contents .sports_step01 .step_box01 { padding:120px 0 100px; text-align:center; } #container.sports_contents .sports_step01 .step_box01 .step_cont .step_img { padding:60px 120px 0; max-width:1480px; margin:0 auto; } #container.sports_contents .sports_step01 .step_box01 .step_cont .step_img img { width:100%; } #container.sports_contents .sports_step01 .step_box01 .step_cont .step_img p { padding:15px 0 0; font-size:16px; line-height:20px; text-align:left; } #container.sports_contents .sports_step02 { background-color:#fff; } #container.sports_contents .sports_step02 .step_box01 { padding:120px 0 100px; text-align:center; } #container.sports_contents .sports_step02 .step_box01 .step_cont { max-width:1480px; margin:0 auto; padding:0 120px; } #container.sports_contents .sports_step02 .step_box01 .step_cont .step_img { padding:2.5rem 0 3.5rem; } #container.sports_contents .sports_step02 .step_box01 .step_cont .step_img img { width:100%; } #container.sports_contents .sports_step02 .step_box01 .step_cont .step_img p { padding:15px 0 0; font-size:16px; line-height:20px; text-align:left; } #container.sports_contents .sports_step02 .step_box01 .step_cont .partner_list { padding:4rem 6rem; background-color:#f4f4f4; } #container.sports_contents .sports_step02 .step_box01 .step_cont .partner_list ul { display:inline-block; } #container.sports_contents .sports_step02 .step_box01 .step_cont .partner_list ul li { float:left; margin:0 0 0 4rem; } #container.sports_contents .sports_step02 .step_box01 .step_cont .partner_list ul li:first-child { margin:0; } #container.sports_contents .sports_step02 .step_box01 .step_cont .partner_list ul li img { height:6.75rem; } #container.sports_contents .sports_step02 .step_box01 .step_cont .partner_list ul li p { color:#646668; font-weight:600; padding:1.5rem 0 0; font-size:22px; } #container.sports_contents .sports_step03 { background-color:#f4f4f4; } #container.sports_contents .sports_step03 .step_box01 { padding:120px 0 0; text-align:center; } #container.sports_contents .sports_step03 .step_box01 .step_cont .step_img { width:100%; min-width:1280px; padding:80px 0 0; margin:0 auto; position:relative; } #container.sports_contents .sports_step03 .step_box01 .step_cont .step_img img { width:100%; } #container.sports_contents .sports_step03 .step_box01 .step_cont .step_img p { padding:0 120px; text-align:left; color:#fff; position:absolute; bottom:25px; font-size:16px; } #container.sports_contents .sports_step04 { background-color:#fff; } #container.sports_contents .sports_step04 .step_box01 { padding:120px 0 0; text-align:center; position:relative; } #container.sports_contents .sports_step04 .step_box01 h2 { font-size:38px; padding:0 0 30px; } #container.sports_contents .sports_step04 .step_box01 .link_box a:hover:after { background:url(../../images/sports/lg_thinq_icon_hover.png) 0 0 no-repeat; } #container.sports_contents .sports_step04 .step_box01 .link_box a:after { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; width:124px; height:19px; content:""; display:inline-block; margin:0 0 -1px 14px; background:url(../../images/sports/lg_thinq_icon.png) 0 0 no-repeat; } #container.sports_contents .sports_step04 .step_box02 { max-width:1280px; padding:60px 50px; background:#f4f4f4; margin:70px auto 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.sports_contents .sports_step04 .step_box02 ul { width:960px; margin:0 auto; } #container.sports_contents .sports_step04 .step_box02 ul li { float:left; margin:0 0 0 1.9%; } #container.sports_contents .sports_step04 .step_box02 ul li img { width:100%; } #container.sports_contents .sports_step04 .step_box02 ul li:nth-of-type(1) { width:21.3%; margin:0; } #container.sports_contents .sports_step04 .step_box02 ul li:nth-of-type(2) { width:52.8%; } #container.sports_contents .sports_step04 .step_box02 ul li:nth-of-type(2) strong { width:60.3%; } #container.sports_contents .sports_step04 .step_box02 ul li:nth-of-type(2) img { margin:-19px 0 0 0; } #container.sports_contents .sports_step04 .step_box02 ul li:nth-of-type(3) { width:22.1%; margin-top:-1px; } #container.sports_contents .sports_step04 .step_box02 ul li strong { width:100%; display:block; margin:20px auto 5px; font-size:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.sports_contents .sports_step04 .step_box03 { max-width:1280px; padding:60px; background:#f4f4f4; margin:20px auto 100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.sports_contents .sports_step04 .step_box03 strong { width:100%; padding:15px 0 15px; display:block; background-color:#e1e2e3; font-size:22px; } #container.sports_contents .sports_step04 .step_box03 .img_wrap { padding:30px 0; } #container.sports_contents .sports_step04 .step_box03 ul li { margin:0 0 0 0.86%; float:left; text-align:center; border:1px solid #e1e2e3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.sports_contents .sports_step04 .step_box03 ul li .img { height:30px; } #container.sports_contents .sports_step04 .step_box03 ul li:nth-of-type(1) { width:23.27%; margin:0; } #container.sports_contents .sports_step04 .step_box03 ul li:nth-of-type(2) { width:27.58%; } #container.sports_contents .sports_step04 .step_box03 ul li:nth-of-type(3) { width:23.27%; } #container.sports_contents .sports_step04 .step_box03 ul li:nth-of-type(4) { width:23.27%; } #container.sports_contents .sports_step04 .step_box03 .box { border:1px solid #e1e2e3; margin:10px 0 0; } #container.sports_contents .sports_step04 .step_box03 p { padding:15px 0 0; font-size:16px; line-height:20px; text-align:left; color:#646668; } #container.sports_contents .sports_step04 .step_img img { width:100%; } #container.sports_contents .sports_step05 .step_box01 { padding:120px 0 0; text-align:center; } #container.sports_contents .sports_step05 .step_box01 .img_wrap { width:100%; padding:70px 0 0; position:relative; } #container.sports_contents .sports_step05 .step_box01 .img_wrap img { width:100%; } #container.sports_contents .sports_step05 .step_box01 .img_wrap p { padding:0 120px; text-align:left; color:#fff; position:absolute; bottom:25px; font-size:16px; } #container.sports_contents .sports_step06 .step_box01 { padding:120px 0 115px; text-align:center; background:linear-gradient(to bottom, #fff, #e5e5e5 60%); } #container.sports_contents .sports_step06 .step_box01 .step_title > img { margin:-20px 0 -40px; } #container.sports_contents .sports_step06 .step_box01 .step_cont { overflow:hidden; } #container.sports_contents .sports_step06 .step_box01 .step_cont .step_img { max-width:1480px; padding:80px 120px 20px; margin:0 auto; position:relative; } #container.sports_contents .sports_step06 .step_box01 .step_cont .step_img .img_box { width:100%; padding:0 0 57%; position:relative; background:url(../../images/sports/sports_step06_img.jpg) 0 0 no-repeat; background-size:cover; } #container.sports_contents .sports_step06 .step_box01 .step_cont .step_img .img_box:after { width:100%; height:100%; content:""; position:absolute; top:0; left:0; } #container.sports_contents .sports_step06 .step_box01 .step_cont .step_img .img_box .video { width:99%; position:absolute; top:1%; left:50%; transform:translate(-50%, 0); } #container.sports_contents .sports_step06 .step_box01 .step_cont .step_img .img_box .video video { width:100%; } #container.sports_contents .sports_step06 .step_box01 .step_cont p { max-width:1480px; margin:0 auto; padding:0 120px; font-size:16px; text-align:left; } #container.sports_contents .sports_step06 .step_box02 { text-align:center; padding:100px 120px 120px; background-color:#f4f5f6; } #container.sports_contents .sports_step06 .step_box02 strong { font-size:76px; } #container.sports_contents .sports_step06 .step_box02 .video_wrap { width:100%; height:0; padding:0 0 53.5%; margin:65px 0 0; } /* life style */ #subVisual.life_visual { background-image:url(../../images/life/sub_visual.jpg); text-align:center; } #subVisual.life_visual .txt_wrap { width:100%; position:absolute; bottom:3.25rem; color:#fff; font-size:4.4rem; letter-spacing:3.2px; } #container.life_contents { padding:0 0 90px; } #container.life_contents > img { width:100%; } #container.life_contents .life_visual { height:48rem; background-image:url(../../images/life/life_img01.jpg); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.life_contents .life_step01 .step_box01 { padding:140px 0 120px; background-color:#f4f4f4; text-align:center; } /* 200603 start */ #container.life_contents .life_step01 .step_box01 ol { padding:80px 0 0 20%; position:relative; font-size:1.5rem; font-weight:700; } #container.life_contents .life_step01 .step_box01 ol li { width:36%; height:0; margin:0 0 0 0.41%; padding:0 0 28%; position:relative; float:left; overflow:hidden; -webkit-transform:skew(-15deg, 0deg); -moz-transform:skew(-15deg, 0deg); -ms-transform:skew(-15deg, 0deg); -o-transform:skew(-15deg, 0deg); transform:skew(-15deg, 0deg); } #container.life_contents .life_step01 .step_box01 ol li .img_wrap { width:128%; height:100%; position:absolute; top:0; left:-15%; -webkit-transform:skew(15deg, 0deg); -moz-transform:skew(15deg, 0deg); -ms-transform:skew(15deg, 0deg); -o-transform:skew(15deg, 0deg); transform:skew(15deg, 0deg); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.life_contents .life_step01 .step_box01 ol li:nth-of-type(1) { margin:0; } #container.life_contents .life_step01 .step_box01 ol li:nth-of-type(1) .img_wrap { background-image:url(../../images/life/life_img03.jpg); } #container.life_contents .life_step01 .step_box01 ol li:nth-of-type(2) .img_wrap { background-image:url(../../images/life/life_img04.jpg); } #container.life_contents .life_step01 .step_box01 ol span { width:130%; height:3rem; display:block; background-color:rgba(255, 255, 255, 0.2); position:absolute; z-index:1; left:-20%; color:#fff; line-height:3rem; -webkit-transform:skew(15deg, 0deg); -moz-transform:skew(15deg, 0deg); -ms-transform:skew(15deg, 0deg); -o-transform:skew(15deg, 0deg); transform:skew(15deg, 0deg); } #container.life_contents .life_step01 .step_box01 ol p { position: absolute; bottom: 0.8rem; padding: 0 10px; font-size: 16px; font-weight: 400; color: #fff; transform: skew(15deg, 0deg);} /* 200603 end */ #container.life_contents .life_step01 .step_box02 { max-width:1480px; padding:160px 120px 0; margin:0 auto; } #container.life_contents .life_step01 .step_box02 .tit_wrap { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.life_contents .life_step01 .step_box02 .tit_wrap .award_txt { padding:158px 0 1.75rem; background-image:url(../../images/life/life_img21.jpg); font-size:20px; color:#646668; font-weight:500; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 128px; background-size:auto 128px; background-repeat:no-repeat; } #container.life_contents .life_step01 .step_box02 .tit_wrap .award_txt strong { font-size:24px; display:block; padding:0 0 10px; } #container.life_contents .life_step01 .step_box02 .tit_wrap .img_wrap { width:45%; height:0; padding:0 0 62.5%; background-image:url(../../images/life/life_img05.jpg); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.life_contents .life_step01 .step_box02 .tit_wrap .txt_wrap { width:49.5%; margin:0 0 0 5.5%; } #container.life_contents .life_step01 .step_box02 .tit_wrap .txt_wrap .small_step_txt { color:#646668; } #container.life_contents .life_step01 .step_box02 .tit_wrap .caution { padding:3rem 0 0; font-size:16px; line-height:24px; color:#646668; } #container.life_contents .life_step01 .step_box02 .view_compare { padding:180px 44px 0; } #container.life_contents .life_step01 .step_box02 .view_compare ol { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; } #container.life_contents .life_step01 .step_box02 .view_compare ol img { width:100%; } #container.life_contents .life_step01 .step_box02 .view_compare li { width:100%; position:relative; margin:0 0 0 1%; } #container.life_contents .life_step01 .step_box02 .view_compare li strong { font-size:26px; padding:25px 0 0 10px; display:block; } #container.life_contents .life_step01 .step_box02 .view_compare li p { font-size:20px; line-height:25px; color:#646668; padding:15px 40px 0 10px; font-weight:500; } #container.life_contents .life_step01 .step_box02 .view_compare li:nth-of-type(1) { margin:0; } #container.life_contents .life_step01 .step_box02 .view_compare li:nth-of-type(2) { top:-100px; } #container.life_contents .life_step01 .step_box02 .view_compare li:nth-of-type(3) { top:-200px; } #container.life_contents .life_step01 .step_box03 { max-width:1480px; padding:180px 120px 0; margin:0 auto; } #container.life_contents .life_step01 .step_box03.js-motion-end .img_third { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); opacity:1; filter:alpha(opacity=100); } #container.life_contents .life_step01 .step_box03.js-motion-end ol li { opacity:1; filter:alpha(opacity=100); } #container.life_contents .life_step01 .step_box03.js-motion-end ol li:nth-of-type(1) { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); } #container.life_contents .life_step01 .step_box03.js-motion-end ol li:nth-of-type(2) { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); } #container.life_contents .life_step01 .step_box03 .txt_wrap { width:64.5%; } #container.life_contents .life_step01 .step_box03 .txt_wrap .award_txt { padding:95px 0 1.75rem; background-image:url(../../images/life/life_img21.gif); font-size:20px; color:#646668; font-weight:500; position:relative; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 70px; background-size:auto 70px; background-repeat:no-repeat; } #container.life_contents .life_step01 .step_box03 .txt_wrap .award_txt:after { width:2px; height:75px; content:""; display:block; position:absolute; left:165px; top:-2px; background-color:#ededed; } #container.life_contents .life_step01 .step_box03 .txt_wrap .award_txt:before { width:109px; height:71px; content:""; display:block; position:absolute; left:190px; top:-1px; background:url(../../images/life/life_img24.jpg) 0 0 no-repeat; } #container.life_contents .life_step01 .step_box03 .txt_wrap .award_txt strong { font-size:24px; display:block; padding:0 0 10px; } #container.life_contents .life_step01 .step_box03 .txt_wrap .small_step_txt { color:#646668; } #container.life_contents .life_step01 .step_box03 img { width:100%; } #container.life_contents .life_step01 .step_box03 ol { padding:65px 0 0; } #container.life_contents .life_step01 .step_box03 ol li { -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; -ms-transition:all 2s ease; opacity:0; filter:alpha(opacity=0); } #container.life_contents .life_step01 .step_box03 ol li:nth-of-type(1) { width:63.7%; float:left; -webkit-transform:translate(-50px, 0); -moz-transform:translate(-50px, 0); -ms-transform:translate(-50px, 0); -o-transform:translate(-50px, 0); transform:translate(-50px, 0); } #container.life_contents .life_step01 .step_box03 ol li:nth-of-type(2) { width:30.8%; float:right; margin:-6.5rem 0 0; -webkit-transform:translate(0, -50px); -moz-transform:translate(0, -50px); -ms-transform:translate(0, -50px); -o-transform:translate(0, -50px); transform:translate(0, -50px); } #container.life_contents .life_step01 .step_box03 .img_third { width:76.3%; margin:4rem 0 0 16.8%; -webkit-transform:translate(50px, 0); -moz-transform:translate(50px, 0); -ms-transform:translate(50px, 0); -o-transform:translate(50px, 0); transform:translate(50px, 0); opacity:0; filter:alpha(opacity=0); -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; -ms-transition:all 2s ease; } #container.life_contents .life_step01 .step_box03 .img_third p { font-size:16px; line-height:24px; color:#646668; padding:15px 0 0; font-weight:500; } #container.life_contents .life_step01 .step_box03 .img_third p span { font-size:20px; } #container.life_contents .life_step01 .step_box04 { width:auto; text-align:center; margin:120px; } #container.life_contents .life_step01 .step_box04 ol { max-width:1280px; padding:0 100px; margin:0 auto; background-color:#f4f4f4; } #container.life_contents .life_step01 .step_box04 ol:after { clear:both; content:""; display:block; } #container.life_contents .life_step01 .step_box04 ol li { width:49.65%; float:left; margin:0 0 0 0.65%; text-align:center; box-sizing:border-box; } #container.life_contents .life_step01 .step_box04 ol li:first-child { margin:0; } #container.life_contents .life_step01 .step_box04 ol li:first-child .award_txt { position:relative; } #container.life_contents .life_step01 .step_box04 ol li:first-child .award_txt:after { content:""; display:block; position:absolute; width:2px; height:100%; background-color:#fff; right:0; top:0; } #container.life_contents .life_step01 .step_box04 ol li:first-child .award_txt .img_box { width:42.9%; } #container.life_contents .life_step01 .step_box04 ol li:first-child .award_txt strong { padding:1.5rem 0 0; } #container.life_contents .life_step01 .step_box04 ol li .award_txt { padding:4rem 0; } #container.life_contents .life_step01 .step_box04 ol li .award_txt .img_box { width:47.3%; margin:0 auto; } #container.life_contents .life_step01 .step_box04 ol li .award_txt .img_box img { width:100%; } #container.life_contents .life_step01 .step_box04 ol li .award_txt strong { color:#646668; font-size:1.2rem; line-height:1.5rem; padding:1.25rem 0 0; display:block; } #container.life_contents .life_step01 .step_box04 ol li .award_txt p { font-size:1rem; color:#646668; padding:1rem 0 0; font-weight:500; } #container.life_contents .life_step01 .step_box04 ol li .award_txt a { font-size:16px; margin:2.5rem 0 0; display:inline-block; position:relative; font-weight:600; padding:0 20px 3px 0; -webkit-transition:padding 0.2s ease; -moz-transition:padding 0.2s ease; -o-transition:padding 0.2s ease; -ms-transition:padding 0.2s ease; } #container.life_contents .life_step01 .step_box04 ol li .award_txt a:after { width:100%; height:1px; position:absolute; display:block; content:""; background-color:#000; bottom:0; } #container.life_contents .life_step01 .step_box04 ol li .award_txt a i { width:11px; height:7px; display:block; position:absolute; top:4px; right:0; } #container.life_contents .life_step01 .step_box04 ol li .award_txt a i:before { width:4px; height:4px; display:block; content:""; border-right:1px solid #000; border-bottom:1px solid #000; position:absolute; right:0; top:1px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #container.life_contents .life_step01 .step_box04 ol li .award_txt a i:after { width:11px; height:1px; display:block; content:""; position:absolute; top:50%; left:0; background-color:#000; } #container.life_contents .life_step01 .step_box04 ol li .award_txt a:hover, #container.life_contents .life_step01 .step_box04 ol li .award_txt a:focus { padding:0 25px 3px 0; } #container.life_contents .life_step01 .step_box05 { max-width:1480px; padding:120px 120px 0; margin:0 auto; } #container.life_contents .life_step01 .step_box05.js-motion-end .img_third { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); opacity:1; filter:alpha(opacity=100); } #container.life_contents .life_step01 .step_box05.js-motion-end ol li { opacity:1; filter:alpha(opacity=100); } #container.life_contents .life_step01 .step_box05.js-motion-end ol li:nth-of-type(1) { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); } #container.life_contents .life_step01 .step_box05.js-motion-end ol li:nth-of-type(2) { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); } #container.life_contents .life_step01 .step_box05 .txt_wrap { width:50%; } #container.life_contents .life_step01 .step_box05 .txt_wrap .award_txt { padding:95px 0 1.75rem; background-image:url(../../images/life/life_img21.gif); font-size:20px; color:#646668; font-weight:500; position:relative; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 70px; background-size:auto 70px; background-repeat:no-repeat; } #container.life_contents .life_step01 .step_box05 .txt_wrap .award_txt:after { width:2px; height:75px; content:""; display:block; position:absolute; left:165px; top:-2px; background-color:#ededed; } #container.life_contents .life_step01 .step_box05 .txt_wrap .award_txt:before { width:132px; height:72px; content:""; display:block; position:absolute; left:190px; top:-1px; background:url(../../images/life/life_img25.jpg) 0 0 no-repeat; } #container.life_contents .life_step01 .step_box05 .txt_wrap .award_txt strong { font-size:24px; display:block; padding:0 0 10px; } #container.life_contents .life_step01 .step_box05 .txt_wrap .small_step_txt { color:#646668; } #container.life_contents .life_step01 .step_box05 img { width:100%; } #container.life_contents .life_step01 .step_box05 ol { padding:75px 0 0 15%; } #container.life_contents .life_step01 .step_box05 ol li { -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; -ms-transition:all 2s ease; opacity:0; filter:alpha(opacity=0); } #container.life_contents .life_step01 .step_box05 ol li:nth-of-type(1) { width:41.2%; float:left; -webkit-transform:translate(0, 50px); -moz-transform:translate(0, 50px); -ms-transform:translate(0, 50px); -o-transform:translate(0, 50px); transform:translate(0, 50px); } #container.life_contents .life_step01 .step_box05 ol li:nth-of-type(2) { width:52.3%; float:right; margin:-350px 0 0; -webkit-transform:translate(0, -50px); -moz-transform:translate(0, -50px); -ms-transform:translate(0, -50px); -o-transform:translate(0, -50px); transform:translate(0, -50px); } #container.life_contents .life_step01 .step_box05 ol li p { font-size:16px; line-height:24px; color:#646668; padding:15px 0 0; font-weight:500; } #container.life_contents .life_step01 .step_box06 { margin:155px 120px 0; padding:90px 100px 100px; background-color:#f4f4f4; } #container.life_contents .life_step01 .step_box06 h1 { font-size:3rem; } #container.life_contents .life_step01 .step_box06 .mario_interview { margin:3.25rem 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.life_contents .life_step01 .step_box06 .video_wrap { width:54%; height:0; padding:0 0 30%; } #container.life_contents .life_step01 .step_box06 .txt_wrap { width:40%; margin:0 0 0 6%; } #container.life_contents .life_step01 .step_box06 .txt_wrap .name { font-size:1.1rem; color:#646668; font-weight:500; padding:1.75rem 0 0; background-image:url(../../images/life/dotted_icon.gif); -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 1.1rem; background-size:auto 1.1rem; background-repeat:no-repeat; } #container.life_contents .life_step01 .step_box06 .txt_wrap .name strong { font-size:2.4rem; letter-spacing:1px; color:#1e1e1e; display:block; padding:0 0 0.5rem; } #container.life_contents .life_step01 .step_box06 .txt_wrap .disc { font-size:1.7rem; color:#646668; font-style:italic; font-weight:700; padding:2.5rem 0 0; } #container.life_contents .life_step02 { padding:120px 0 0; } #container.life_contents .life_step02 .step_box01 { padding:140px 0 0; background-color:#f4f4f4; text-align:center; } #container.life_contents .life_step02 .step_box01 > img { width:100%; padding:80px 0 0;} #container.life_contents .life_step02 .step_box01 .step_title > img { margin:-30px 0 -30px; } #container.life_contents .life_step02 .step_box01 p.caution { max-width:1480px; margin:0 auto; padding:20px 120px 0; font-size:16px; text-align:left; } #container.life_contents .life_step02 .step_box02 { padding:80px 120px 95px; background-color:#f4f4f4; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.life_contents .life_step02 .step_box02 .img_wrap { width:50%; } #container.life_contents .life_step02 .step_box02 .img_wrap img { width:100%; } #container.life_contents .life_step02 .step_box02 .img_wrap img:nth-of-type(1) { margin:0 0 20px; -moz-box-shadow:0px 0px 40px -20px #1e1e1e; -webkit-box-shadow:0px 0px 40px -20px #1e1e1e; box-shadow:0px 0px 40px -20px #1e1e1e; } #container.life_contents .life_step02 .step_box02 .img_wrap p { font-size:16px; line-height:24px; color:#646668; padding:15px 0 0; font-weight:500; } #container.life_contents .life_step02 .step_box02 .txt_wrap { width:46.5%; padding:0 0 63px; } #container.life_contents .life_step02 .step_box02 .txt_wrap .small_step_txt { color:#646668; } #container.life_contents .life_step02 .step_box02 .talk_txt { font-size:1.7rem; font-weight:700; padding:2rem 0 0; } #container.life_contents .life_step03 { padding:140px 0 0; } #container.life_contents .life_step03 .step_box01 { text-align:center; } #container.life_contents .life_step03 .step_box01 .step_title .link_box { padding:90px 0 0; margin:50px 0 0; background:url(../../images/life/life_img19.gif) 50% 0 no-repeat; } #container.life_contents .life_step03 .step_box02 { max-width:1480px; padding:80px 120px 0; margin:0 auto; } #container.life_contents .life_step03 .step_box02 .slide_wrap { padding:30px; background-color:#f4f4f4; position:relative; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_img { width:59.3%; height:0; padding:0 0 38.5%; position:relative; float:left; font-size:16px; color:#fff; overflow:hidden; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_img li { width:100%; height:100%; position:absolute; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; opacity:0; filter:alpha(opacity=0); } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_img li:nth-of-type(1) { background-image:url(../../images/life/slide_img01.jpg); z-index:1; opacity:1; filter:alpha(opacity=100); } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_img li:nth-of-type(2) { background-image:url(../../images/life/slide_img02.jpg); } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_img li:nth-of-type(3) { background-image:url(../../images/life/slide_img03.jpg); } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_img li:nth-of-type(4) { background-image:url(../../images/life/slide_img04.jpg); } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_img p { position:absolute; left:20px; bottom:20px; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt { width:40.7%; height:0; padding:0 0 38.5%; float:right; position:relative; text-align:center; font-size:2.1rem; font-weight:700; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt li { width:100%; height:100%; display:table; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt li:nth-of-type(1) { opacity:1; filter:alpha(opacity=100); } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt li:nth-of-type(2) img { width:11.75rem; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt li:nth-of-type(3) img { width:11rem; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt li:nth-of-type(4) img { width:7.5rem; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt li .txt_wrap { display:table-cell; vertical-align:middle; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt li .txt_wrap.font_roboto { font-family:"Roboto", sans-serif; font-weight:500; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt li p { padding:0 0 1.5rem; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_txt li img { display:inline-block; max-height:80%; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_num { position:absolute; right:30px; bottom:30px; z-index:10; font-size:16px; font-weight:700; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_num .crr_num { float:left; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_num span, #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_num .max_num { float:left; color:#b5b6b7; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_num span { display:inline-block; padding:0 10px; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_nav { width:100%; position:absolute; top:50%; margin:-17px 0 0; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_nav .prev_btn, #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_nav .next_btn { position:absolute; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_nav .prev_btn:after, #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_nav .next_btn:after { width:25px; height:25px; display:block; content:""; border-left:2px solid #646668; border-bottom:2px solid #646668; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_nav .prev_btn { left:-75px; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_nav .prev_btn:after { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_nav .next_btn { right:-15px; } #container.life_contents .life_step03 .step_box02 .slide_wrap .slide_nav .next_btn:after { -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg); } #container.life_contents .life_step03 .step_box02 p.caution { font-size:16px; line-height:24px; padding:15px 0 0; font-weight:500; color:#646668; } #container.life_contents .life_step03 .step_box03 { text-align:center; padding:100px 120px 120px; background-color:#f4f4f4; margin:120px 0 0; } #container.life_contents .life_step03 .step_box03 strong { font-size:76px; } #container.life_contents .life_step03 .step_box03 .video_wrap { width:100%; height:0; padding:0 0 56.25%; margin:65px 0 0; } .life_contents #bottomLineup table tbody .strong_txt td { font-weight:700; } /* core tech */ #subVisual.core_visual { background-image:url(../../images/core/sub_visual.jpg); text-align:center; } #subVisual.core_visual .txt_wrap { width:100%; position:absolute; bottom:5rem; color:#fff; font-size:4.4rem; letter-spacing:3.2px; } #container.core_contents { padding:150px 0 0; } #container.core_contents .core_step01 { padding:0 120px; } #container.core_contents .core_step01 p.tit { font-size:22px; line-height:30px; color:#646668; font-weight:500; text-align:center; } #container.core_contents .core_step01 p.tit span { display:block; padding:10px 0 0; } #container.core_contents .core_step01 .compare_wrap { padding:65px 0 0; color:#fff; font-size:34px; line-height:42px; } #container.core_contents .core_step01 .compare_wrap > div { width:49.5%; height:470px; float:right; background-image:url(../../images/core/leader_bg02.jpg); position:relative; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.core_contents .core_step01 .compare_wrap > div:first-child { float:left; background-image:url(../../images/core/leader_bg01.jpg); } #container.core_contents .core_step01 .compare_wrap > div:nth-of-type(2) strong { width:160px; height:42px; text-indent:-9999px; display:block; background:url(../../images/common/lg_logo_icon.png) 0 0 no-repeat; background-size:contain; margin:10px 0 0 0; } #container.core_contents .core_step01 .compare_wrap .txt_wrap { position:absolute; top:350px; left:45px; } #container.core_contents .core_step01 .compare_wrap .txt_wrap strong { font-size:42px; } #container.core_contents .core_step01 p.caution { font-size:16px; line-height:24px; color:#646668; padding:15px 0 0; font-weight:500; } #container.core_contents .core_step02 { max-width:1920px; padding:90px 120px 120px; margin:0 auto; } #container.core_contents .core_step02 .step_cont { padding:4.75rem 100px 4.75rem; background-color:#f4f5f6; } #container.core_contents .core_step02 .step_cont p.tit { line-height:30px; font-size:22px; font-weight:500; } #container.core_contents .core_step02 .step_cont p.tit span { display:block; padding:15px 0 0; } #container.core_contents .core_step02 .step_cont .step_wrap { padding:3rem 5rem 3rem; margin:4rem 0 0; background-color:#fff; } #container.core_contents .core_step02 .step_cont .step_wrap:after { content:""; display:block; clear:both; } #container.core_contents .core_step02 .step_cont .step_wrap .light_box:after { content:""; display:block; clear:both; } #container.core_contents .core_step02 .step_cont .step_wrap .light_box > div { float:left; } #container.core_contents .core_step02 .step_cont .step_wrap .light_box .txt_wrap { width:20%; padding:4rem 2.75rem 0 0; line-height:1.9rem; font-size:1.7rem; } #container.core_contents .core_step02 .step_cont .step_wrap .light_box .txt_wrap strong { font-size:2.1rem; } #container.core_contents .core_step02 .step_cont .step_wrap .light_box .txt_wrap em { color:#706f6f; } #container.core_contents .core_step02 .step_cont .step_wrap .light_box .img_wrap { width:75%; } #container.core_contents .core_step02 .step_cont .step_wrap .light_box .img_wrap img { width:100%; } #container.core_contents .core_step02 .step_cont .step_wrap .last_box { padding:3.5rem 0 0; } #container.core_contents .core_step02 .step_cont .step_wrap .last_box strong { width:8.5rem; height:36px; text-indent:-9999px; display:block; margin:5px 0 0; background:url(../../images/common/lg_logo_icon_gray.gif) 0 0 no-repeat; background-size:contain; } #container.core_contents .core_step03 { max-width:1920px; background-color:#f4f4f4; padding:6rem 0 6rem; margin:0 auto; font-weight:500; } #container.core_contents .core_step03 h1 { font-size:3.8rem; text-align:center; letter-spacing:2px; } #container.core_contents .core_step03 article { padding:4rem 0 0; } #container.core_contents .core_step03 article:nth-of-type(1) { padding:3.25rem 0 0; } #container.core_contents .core_step03 article:after { clear:both; display:block; content:""; } #container.core_contents .core_step03 article.left_wrap > div { float:left; } #container.core_contents .core_step03 article.left_wrap .txt_box { padding:6.5rem 0 0 3rem; } #container.core_contents .core_step03 article.right_wrap { display:flex; justify-content:center; align-content:space-between; } #container.core_contents .core_step03 article.right_wrap .txt_box { width:52.57%; text-align:right; padding:6.5rem 3rem 0 0; } #container.core_contents .core_step03 article:after { content:""; display:block; clear:both; } #container.core_contents .core_step03 article .img_box { width:44.141%; } #container.core_contents .core_step03 article .img_box img { width:100%; } #container.core_contents .core_step03 article .txt_box h2 { font-size:3rem; } #container.core_contents .core_step03 article .txt_box p { line-height:30px; padding:1.5rem 0 0; font-size:22px; } /* 200601 start */ #container.core_contents .core_step03 article .txt_box a { display:inline-block; padding:10px 25px; font-weight:500; border-width:2px; border-style:solid; border-color:#a4a4a4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; margin:30px 0 0;} #container.core_contents .core_step03 article .txt_box a:hover { border-color:#1e1e1e; color:#fff; background-color:#1e1e1e; } /* 200601 end */ #container.core_contents .core_step04 { max-width:1280px; padding:100px 120px 120px; text-align:center; margin:0 auto; } #container.core_contents .core_step04 strong { font-size:3.8rem; letter-spacing:2px; } #container.core_contents .core_step04 .video_wrap { height:0; padding:0 0 55.5%; margin:65px 0 0; box-shadow:2px 14px 71px 5px #dbdbdb; } #container.core_contents .core_step05 .step_box { padding:95px 120px 100px; background-color:#f4f4f4; text-align:center; } #container.core_contents .core_step05 .step_box .step_tit { line-height:3.8rem; padding:0 0 1rem; } #container.core_contents .core_step05 .step_box .step_tit h1 { font-size:4rem; letter-spacing:2.2px; } #container.core_contents .core_step05 .step_box .step_tit p { font-size:2.7rem; } #container.core_contents .core_step05 .step_box .step_tit p em { color:#6d6e71; } #container.core_contents .core_step05 .step_box .step_tit p strong img { width:10rem; margin:1.05rem 0 0; } #container.core_contents .core_step05 .step_box .mario_interview { margin:2rem 100px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.core_contents .core_step05 .step_box .video_wrap { width:54%; height:0; padding:0 0 30%; } #container.core_contents .core_step05 .step_box .txt_wrap { width:40%; margin:0 0 0 6%; text-align:left; } #container.core_contents .core_step05 .step_box .txt_wrap .name { font-size:1.1rem; color:#646668; font-weight:500; padding:1.75rem 0 0; background-image:url(../../images/life/dotted_icon.gif); -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:auto 1.1rem; background-size:auto 1.1rem; background-repeat:no-repeat; } #container.core_contents .core_step05 .step_box .txt_wrap .name strong { font-size:2.4rem; letter-spacing:1px; color:#1e1e1e; display:block; padding:0 0 0.5rem; } #container.core_contents .core_step05 .step_box .txt_wrap .disc { font-size:1.8rem; color:#646668; font-style:italic; font-weight:700; padding:2.5rem 0 0; line-height:2.1rem; } #container.core_contents .core_step05_1 { background-color:#080b10; } #container.core_contents .core_step05_1 .step_box01 { text-align:center; padding:110px 0 0; position:relative; z-index:1; } #container.core_contents .core_step05_1 .step_box02 { height:0; padding:0 0 64%; position:relative; z-index:0; } #container.core_contents .core_step05_1 .step_box02 > img { width:100%; position:absolute; top:-110px; } #container.core_contents .core_step05_1 .step_box02 .txt_wrap { width:100%; position:absolute; bottom:0; padding:0 120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.core_contents .core_step05_1 .step_box02 .txt_box { max-width:1480px; margin:0 auto; text-align:center; } #container.core_contents .core_step05_1 .step_box02 p { font-size:16px; color:#fff; text-align:left; } #container.core_contents .core_step05_1 .step_box02 ol { width:100%; padding:3rem 0 3rem; color:#fff; font-size:1.1rem; font-weight:600; } #container.core_contents .core_step05_1 .step_box02 ol li { margin:0 1.85rem; display:inline-block; } #container.core_contents .core_step05_1 .step_box02 ol li img { height:6.75rem; padding:0 0 1.25rem; } #container.core_contents .core_step05_1 .step_box02 ol li span { display:block; } #container.core_contents .core_step06 { margin:140px 0 0; } #container.core_contents .core_step06 h1 { font-size:3.8rem; text-align:center; letter-spacing:2.2px; } #container.core_contents .core_step06 > div { background-color:#f4f4f4; margin:30px 120px 0; padding:100px 100px 40px; box-sizing:border-box; } #container.core_contents .core_step06 .step_box01 { padding:5rem; margin:70px 120px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.core_contents .core_step06 .step_box01:after { display:block; content:""; clear:both; } #container.core_contents .core_step06 .step_box01 > div { width:50%; position:relative; } #container.core_contents .core_step06 .step_box01 > div:after { width:1px; height:100%; display:block; content:""; background-color:#dcdde2; position:absolute; left:0; top:0; } #container.core_contents .core_step06 .step_box01 .img_box { padding:0 6%; } #container.core_contents .core_step06 .step_box01 .img_box:after { right:-1px; left:auto; } #container.core_contents .core_step06 .step_box01 .img_box img { width:100%; } #container.core_contents .core_step06 .step_box01 .txt_box { padding:0 5%; } #container.core_contents .core_step06 .step_box01 .txt_box p { font-size:22px; line-height:30px; } #container.core_contents .core_step06 .step_box01 .txt_box p span { font-size:16px; margin:55px 0 0; display:block; line-height:24px; } #container.core_contents .core_step06 .step_box02 h2 { font-size:3rem; text-align:center; } #container.core_contents .core_step06 .step_box02 > p { padding:15px 0 0; font-size:16px; line-height:20px; text-align:left; font-weight:500; } #container.core_contents .core_step06 .step_box02 .box_wrap { background-color:#fff; margin:50px 0 0; } #container.core_contents .core_step06 .step_box02 .box_wrap:after { display:block; content:""; clear:both; } #container.core_contents .core_step06 .step_box02 .box_wrap .box { width:33.33%; float:left; text-align:center; position:relative; color:#646668; padding:80px 0; } #container.core_contents .core_step06 .step_box02 .box_wrap .box:first-child:after { display:none; } #container.core_contents .core_step06 .step_box02 .box_wrap .box:after { width:1px; height:100%; display:block; content:""; position:absolute; background-color:#f4f4f4; left:0; top:0; } #container.core_contents .core_step06 .step_box02 .box_wrap .box strong { display:block; padding:40px 0 0; font-size:24px; } #container.core_contents .core_step06 .step_box02 .box_wrap .box span { display:block; width:45%; background-color:#f4f4f4; font-weight:700; margin:30px auto 0; padding:10px 0; font-size:20px; } #container.core_contents .core_step06 .step_box02 .box_wrap .box p { padding:15px 0 0; } #container.core_contents .core_step06 .step_box02 .box_wrap .box a { font-size:16px; margin:2.5rem 0 0; display:inline-block; position:relative; font-weight:600; padding:0 20px 3px 0; -webkit-transition:padding 0.2s ease; -moz-transition:padding 0.2s ease; -o-transition:padding 0.2s ease; -ms-transition:padding 0.2s ease; } #container.core_contents .core_step06 .step_box02 .box_wrap .box a:after { width:100%; height:1px; position:absolute; display:block; content:""; background-color:#000; bottom:0; } #container.core_contents .core_step06 .step_box02 .box_wrap .box a i { width:11px; height:7px; display:block; position:absolute; top:4px; right:0; } #container.core_contents .core_step06 .step_box02 .box_wrap .box a i:before { width:4px; height:4px; display:block; content:""; border-right:1px solid #000; border-bottom:1px solid #000; position:absolute; right:0; top:1px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #container.core_contents .core_step06 .step_box02 .box_wrap .box a i:after { width:11px; height:1px; display:block; content:""; position:absolute; top:50%; left:0; background-color:#000; } #container.core_contents .core_step06 .step_box02 .box_wrap .box a:hover, #container.core_contents .core_step06 .step_box02 .box_wrap .box a:focus { padding:0 25px 3px 0; } #container.core_contents .category_banner { padding:5rem 0 0; margin:120px 0 0; text-align:center; background-color:#f4f4f4; letter-spacing:2.2px; } #container.core_contents .category_banner > strong { font-size:3.8rem; letter-spacing:1px; } #container.core_contents .category_banner ol { padding:3rem 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.core_contents .category_banner ol li { width:24.5%; height:0; padding:0 0 44.67%; background-color:#000; position:relative; color:#fff; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.core_contents .category_banner ol li:nth-of-type(1) { background-image:url(../../images/core/category_bg01.jpg); margin:0; } #container.core_contents .category_banner ol li:nth-of-type(2) { background-image:url(../../images/core/category_bg02.jpg); } #container.core_contents .category_banner ol li:nth-of-type(3) { background-image:url(../../images/core/category_bg03.jpg); } #container.core_contents .category_banner ol li:nth-of-type(4) { background-image:url(../../images/core/category_bg04.jpg); } #container.core_contents .category_banner ol li .txt_wrap { width:100%; height:40%; position:absolute; left:0; top:50%; } #container.core_contents .category_banner ol li .txt_wrap strong { font-size:3.5rem; display:block; letter-spacing:5.8px; } #container.core_contents .category_banner ol li .txt_wrap p { width:100%; font-size:1.1rem; color:#a4a4a4; line-height:1.5rem; position:absolute; left:50%; top:50%; font-weight:500; letter-spacing:.5px; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } #container.core_contents .category_banner ol li .txt_wrap a { width:8.75rem; padding:0.4rem 0; position:absolute; bottom:0; left:50%; transform:translate(-50%); display:block; color:#fff; font-size:1.2rem; font-weight:600; letter-spacing:1.5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-width:1px; border-style:solid; border-color:#646668; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #container.core_contents .category_banner ol li .txt_wrap a:hover, #container.core_contents .category_banner ol li .txt_wrap a:focus { color:#000; background-color:#fff; border-color:#fff; } #bottomLineup.core_bottomLineup table thead th { padding:0 0 5.5rem; } #bottomLineup.core_bottomLineup table thead th strong {line-height: 30px; font-size:1.6rem; margin:6.65rem 0 20px; } #bottomLineup.core_bottomLineup table thead th span { width:80%; display:block; padding:20px 0 0; margin:0 auto 15px; border-top:1px solid #c4c6c8; font-weight:600; color:#6e6e6e; position:relative; font-size:0.95rem; } #bottomLineup.core_bottomLineup table thead th span.new_size:before { width:27px; height:14px; display:inline-block; content:"NEW"; background-color:#ffe00c; color:#000; font-size:9px; line-height:14px; position:absolute; top:0.4rem; right:-0.05rem; border:1px solid #d4d4d4; font-weight:600; } #bottomLineup.core_bottomLineup table thead th .link_wrap { padding:1rem 0 0; } #bottomLineup.core_bottomLineup table thead th .link_wrap a { width:80%; } /* lineup */ #subVisual.line_visual { background-image:url(../../images/lineup/sub_visual.jpg); text-align:center; } #subVisual.line_visual .txt_wrap { padding:11.5rem 0 0; font-size:3.8rem; background-image:url(../../images/lineup/lineup_logo.png); letter-spacing:3.2px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:8.25rem; background-position-y:8.25rem; -webkit-background-size:auto 2.45rem; background-size:auto 2.45rem; background-repeat:no-repeat; } #container.lineup_contents { padding:0 0 100px; } #container.lineup_contents #productLine { position:relative; padding:0 0 60px; } #container.lineup_contents #productLine > p { padding:15px 120px 0; font-size:16px; line-height:24px; } #container.lineup_contents #spec { padding:110px 0 0; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.lineup_contents .spec_table { width:1830px; position:relative; padding:0 45px; } #container.lineup_contents .spec_table table { text-align:center; } #container.lineup_contents .spec_table table.product_table { width:1830px; position:absolute; background-color:#fff; margin:-428px 0 0 45px; z-index:10; left:0; } #container.lineup_contents .spec_table table.product_table:after, #container.lineup_contents .spec_table table.product_table:before { width:100%; height:100%; display:block; content:""; position:absolute; top:0; background-color:#fff; z-index:-1; } #container.lineup_contents .spec_table table.product_table:after { left:-45px; } #container.lineup_contents .spec_table table.product_table:before { right:-45px; } #container.lineup_contents .spec_table table.product_table.fixed { position:fixed; top:497px; } #container.lineup_contents .spec_table table.product_table.fixed th { padding:15px 0 20px; } #container.lineup_contents .spec_table table.detail_table { margin:428px 0 0; } #container.lineup_contents .spec_table thead th { padding:15px 0 60px; } #container.lineup_contents .spec_table thead th .img_wrap { height:180px; display:flex; align-items:center; justify-content:center; } #container.lineup_contents .spec_table thead strong { line-height:52px; font-size:30px; display:block; } #container.lineup_contents .spec_table thead strong.long_txt { line-height:26px; font-size:24px; } #container.lineup_contents .spec_table thead img { padding:10px 0 0; } #container.lineup_contents .spec_table thead .link_wrap { padding:30px 10px 0; line-height:38px; font-weight:600; font-size:22px; } #container.lineup_contents .spec_table thead .link_wrap a { width:85%; height:42px; display:inline-block; color:#1e1e1e; margin:4px 0 0; border-width:1px; border-style:solid; border-color:#666; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #container.lineup_contents .spec_table thead .link_wrap a:first-child { margin:0; } #container.lineup_contents .spec_table thead .link_wrap a:hover, #container.lineup_contents .spec_table thead .link_wrap a:focus { border-color:#000; background-color:#000; color:#fff; } #container.lineup_contents .spec_table tbody { line-height:22px; position:relative; } #container.lineup_contents .spec_table tbody tr { position:relative; } #container.lineup_contents .spec_table tbody tr:nth-of-type(odd) th { background-color:#eceef0; } #container.lineup_contents .spec_table tbody tr:nth-of-type(odd) td { background-color:#eceef0; } #container.lineup_contents .spec_table tbody th { padding:25px 0; font-weight:600; } #container.lineup_contents .spec_table tbody td { padding:25px 0; border-left:1px solid #d4d4d4; } #container.lineup_contents .spec_table tbody td em { font-family:"Roboto", sans-serif; } #container.lineup_contents .spec_table tbody td a { position:relative; } #container.lineup_contents .spec_table tbody td a:after { width:100%; height:1px; display:block; content:""; background-color:#595a5a; position:absolute; bottom:0; left:0; -webkit-transition:transform 0.2s ease; -moz-transition:transform 0.2s ease; -o-transition:transform 0.2s ease; -ms-transition:transform 0.2s ease; } #container.lineup_contents .spec_table tbody td a:hover:after, #container.lineup_contents .spec_table tbody td a:focus:after { -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); } #container.lineup_contents .spec_table tbody td a.new_size:before { width:27px; height:14px; display:inline-block; content:"NEW"; background-color:#ffe00c; color:#000; font-size:9px; line-height:14px; position:absolute; top:-10px; right:-30px; border:1px solid #d4d4d4; font-weight:600; } #container.lineup_contents .spec_bar { width:calc(100% - 240px); height:4px; position:absolute; left:120px; bottom:0; background-color:#f4f4f4; overflow:hidden; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.lineup_contents .spec_bar.fixed { position:fixed; bottom:3.6rem; } #container.lineup_contents .spec_bar .box { height:4px; background-color:#1e1e1e; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; opacity:0.8; filter:alpha(opacity=80); -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; } #container.lineup_contents .spec_bar .box:hover { opacity:1; filter:alpha(opacity=100); } #container.lineup_contents .lineup_step01 { padding:160px 120px 100px; } #container.lineup_contents .lineup_step01 .img_wrap { max-width:1680px; padding:0 0 45%; margin:0 auto; background:url(../../images/lineup/sub_visual02.jpg) 0 0 no-repeat; background-size:cover; position:relative; } #container.lineup_contents .lineup_step01 .img_wrap .img_box { width:66%; position:absolute; left:17%; top:50%; margin:-18.5% 0 0; } #container.lineup_contents .lineup_step01 .img_wrap .img_box img { width:100%; } #container.lineup_contents .lineup_step01 .img_wrap .txt_box { text-align:center; position:absolute; bottom:5rem; left:50%; transform:translate(-50%); color:#fff; } #container.lineup_contents .lineup_step01 .img_wrap .txt_box strong { font-size:3rem; display:block; letter-spacing:1.5px; } #container.lineup_contents .lineup_step01 .img_wrap .txt_box a { width:9.75rem; padding:0.55rem 0; margin:2.25rem 0 0; display:inline-block; color:#fff; font-size:1.2rem; font-weight:600; letter-spacing:1.5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-width:1px; border-style:solid; border-color:#646668; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #container.lineup_contents .lineup_step01 .img_wrap .txt_box a:hover, #container.lineup_contents .lineup_step01 .img_wrap .txt_box a:focus { color:#000; background-color:#fff; border-color:#fff; } #container.lineup_contents .category_banner { padding:4rem 0 0; text-align:center; background-image:url(../../images/lineup/lineup_bg.jpg); color:#fff; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.lineup_contents .category_banner > strong { font-size:3.8rem; letter-spacing:2.2px; } #container.lineup_contents .category_banner ol { padding:3rem 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.lineup_contents .category_banner ol li { width:24.5%; height:0; padding:0 0 35%; background-color:#000; position:relative; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.lineup_contents .category_banner ol li:nth-of-type(1) { background-image:url(../../images/lineup/category_bg01.jpg); margin:0; } #container.lineup_contents .category_banner ol li:nth-of-type(2) { background-image:url(../../images/lineup/category_bg02.jpg); } #container.lineup_contents .category_banner ol li:nth-of-type(3) { background-image:url(../../images/lineup/category_bg03.jpg); } #container.lineup_contents .category_banner ol li:nth-of-type(4) { background-image:url(../../images/lineup/category_bg04.jpg); } #container.lineup_contents .category_banner ol li .txt_wrap { width:100%; position:absolute; left:0; bottom:3rem; } #container.lineup_contents .category_banner ol li strong { font-size:3.5rem; display:block; letter-spacing:5.8px; } #container.lineup_contents .category_banner ol li a { width:8.75rem; padding:0.4rem 0; margin:1.25rem 0 0; display:inline-block; color:#fff; font-size:1.2rem; font-weight:600; letter-spacing:1.5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-width:1px; border-style:solid; border-color:#646668; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #container.lineup_contents .category_banner ol li a:hover, #container.lineup_contents .category_banner ol li a:focus { color:#000; background-color:#fff; border-color:#fff; } #container.lineup_contents .looking_wrap { padding:120px 120px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } #container.lineup_contents .looking_wrap .img_wrap { width:50%; padding:0 0 28.5%; background-image:url(../../images/lineup/looking_img.jpg); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.lineup_contents .looking_wrap .txt_wrap { width:45%; margin:0 0 0 5%; } #container.lineup_contents .looking_wrap .txt_wrap h1 { font-size:2.5rem; } #container.lineup_contents .looking_wrap .txt_wrap p { font-size:2.5rem; padding:0.5rem 0 0; } #container.lineup_contents .looking_wrap .txt_wrap a { margin:2.5rem 0 0; display:inline-block; padding:0.75rem 2rem; font-size:1.2rem; font-weight:600; letter-spacing:.5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-width:1px; border-style:solid; border-color:#646668; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #container.lineup_contents .looking_wrap .txt_wrap a:hover, #container.lineup_contents .looking_wrap .txt_wrap a:focus { color:#fff; background-color:#000; border-color:#000; } /* life style */ #subVisual.ai_think_visual { background-image:url(../../images/ai_think/sub_visual.jpg); text-align:center; } #subVisual.ai_think_visual .txt_wrap { width:100%; position:absolute; bottom:4.7rem; color:#fff; font-size:4.4rem; letter-spacing:3.2px; } #container.ai_think_contents { padding:0 0 120px; } #container.ai_think_contents .ai_think_step01.bubble_cont .img_wrap { position:relative; } #container.ai_think_contents .ai_think_step01.bubble_cont .img_wrap .speech_bubble { position:absolute; bottom:auto; left:45%; top:20%; padding:1.25rem 1.75rem; background-color:#fff; border-radius:1rem; font-size:1.4rem; font-weight:700; color:#1e1e1e; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); } #container.ai_think_contents .ai_think_step01.bubble_cont .img_wrap .speech_bubble:after { width:2rem; height:1.5rem; content:""; display:block; position:absolute; left:57%; bottom:-1.35rem; background:url(../../images/ai_think/right_tail.png) 0 0 no-repeat; background-size:contain; } #container.ai_think_contents .ai_think_step01 .step_box01 { padding:150px 0 0; text-align:center; position:relative; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap { position:relative; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box { width:820px; position:absolute; top:64%; left:50%; transform:translate(-50%, 0); } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div.un_icon:first-child img:nth-of-type(1) { padding:2rem 0 0 0; width:11.1rem; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div img { width:auto; padding:1.5rem 0 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div img:first-child { padding:1.5rem 1.5rem 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(1) img:nth-of-type(1) { width:14.95rem; padding:2rem 1.5rem 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(1) img:nth-of-type(2) { width:11.1rem; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(2) img:nth-of-type(1) { width:11.9rem; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(2) img:nth-of-type(2) { width:12.55rem; } #container.ai_think_contents .ai_think_step01 .step_box01 h1 { color:#1e1e1e; } #container.ai_think_contents .ai_think_step01 .step_box01 h1.first_title { padding:20px 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01 p { font-size:22px; padding:35px 0 0; color:#646668; } #container.ai_think_contents .ai_think_step01 .step_box01 p.top_title { font-size:30px; padding:0; color:#1e1e1e; } #container.ai_think_contents .ai_think_step01 .step_box01 p.disclaimer { margin:0 120px; text-align:left; font-size:16px; color:#fff; position:absolute; bottom:1%; line-height:24px; } #container.ai_think_contents .ai_think_step01{position: relative;} #container.ai_think_contents .ai_think_step01 p.disclaimer { margin:0 120px; text-align:left; font-size:16px; color:#646668; position:absolute; bottom:-9%; line-height:24px; } #container.ai_think_contents .ai_think_step01 .step_box01 p.black_color { color:#646668; } #container.ai_think_contents .ai_think_step01 .step_box01 img { width:100%; padding:3.75rem 0 0; } #container.ai_think_contents .ai_think_step02 { padding:120px 120px 0; } #container.ai_think_contents .ai_think_step02 div:first-child { margin:0; } #container.ai_think_contents .ai_think_step02 > div { padding:5rem 5rem; background-color:#f4f4f4; margin:1.5rem 0 0; } #container.ai_think_contents .ai_think_step02 > div .step_title p.top_title { font-size:1.5rem; padding:0 0 0.5rem; color:#1e1e1e; } #container.ai_think_contents .ai_think_step02 > div .step_title h2 { font-size:3.6rem; color:#1e1e1e; } #container.ai_think_contents .ai_think_step02 > div .step_title p { font-size:1.1rem; line-height:1.5rem; padding:1.5rem 0 0; color:#646668; } #container.ai_think_contents .ai_think_step02 > div .img_wrap { padding:3.5rem 0 0; position:relative; } #container.ai_think_contents .ai_think_step02 > div .img_wrap .left_txt { text-align:left; } #container.ai_think_contents .ai_think_step02 > div .img_wrap img { width:100%; } #container.ai_think_contents .ai_think_step02 > div .img_wrap p { font-size:16px; padding:15px 0 0; line-height:22px; position:absolute; bottom:-37px; } #container.ai_think_contents .ai_think_step02 > div .img_wrap p.txt_oder { bottom:-48px; } #container.ai_think_contents .ai_think_step02 > div .img_wrap .bubble_wrap { position:absolute; left:10%; top:20%; } #container.ai_think_contents .ai_think_step02 > div .img_wrap .bubble_wrap .three_bubble { position:static; width:max-content; padding:1.35rem 1.5rem; background-color:#fff; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); border-radius:1rem; font-size:1.4rem; font-weight:700; color:#1e1e1e; margin:1.75rem 0 0; } #container.ai_think_contents .ai_think_step02 > div .img_wrap .bubble_wrap .three_bubble:first-child { margin:0; } #container.ai_think_contents .ai_think_step02 > div .img_wrap .bubble_wrap .three_bubble span { position:relative; padding:0; display:inline; } #container.ai_think_contents .ai_think_step02 > div .img_wrap .bubble_wrap .three_bubble span:after { width:2rem; height:1.5rem; content:""; display:block; position:absolute; left:3%; bottom:-2.5rem; background:url(../../images/ai_think/left_tail.png) 0 0 no-repeat; background-size:contain; } #container.ai_think_contents .ai_think_step02.bubble_cont .img_wrap { position:relative; } #container.ai_think_contents .ai_think_step02.bubble_cont .img_wrap .speech_bubble_google { position:absolute; bottom:auto; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); padding:1.25rem 1.75rem; background-color:#f1f3f4; border-radius:2rem; font-size:1.5rem; font-weight:500; color:#5d6368; top:32rem; left:3rem; font-family:"Roboto", sans-serif; } #container.ai_think_contents .ai_think_step02.bubble_cont .img_wrap .speech_bubble_google:after { width:2.45rem; height:5rem; content:""; display:block; position:absolute; right:0; top:-3.3rem; background:url(../../images/ai_think/right_tail_02.png) 0 0 no-repeat; background-size:contain;} #container.ai_think_contents .ai_think_step02.bubble_cont .img_wrap .speech_bubble { position:absolute; bottom:auto; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); padding:1.25rem 1.75rem; background-color:#fff; border-radius:1rem; font-size:1.4rem; font-weight:700; color:#1e1e1e; } #container.ai_think_contents .ai_think_step02.bubble_cont .img_wrap .speech_bubble:after { width:2rem; height:1.5rem; content:""; display:block; position:absolute; left:84%; bottom:-1.35rem; background:url(../../images/ai_think/left_tail.png) 0 0 no-repeat; background-size:contain; } #container.ai_think_contents .ai_think_step02.bubble_cont.bubble_box02 .speech_bubble { left:52%; top:36%; } #container.ai_think_contents .ai_think_step02.bubble_cont.bubble_box02 .speech_bubble:after { background-image:url(../../images/ai_think/left_tail.png); left:45%; } #container.ai_think_contents .ai_think_step02.bubble_cont.bubble_box03 .speech_bubble { left:50%; top:28%; } #container.ai_think_contents .ai_think_step02.bubble_cont.bubble_box03 .speech_bubble:after { background-image:url(../../images/ai_think/right_tail.png); left:45%; } #container.ai_think_contents .ai_think_step02.bubble_cont.bubble_box04 .speech_bubble { left:27%; top:62%; } #container.ai_think_contents .ai_think_step02.bubble_cont.bubble_box04 .speech_bubble:after { background-image:url(../../images/ai_think/right_tail.png); } #container.ai_think_contents .ai_think_step02 .step_box02 { text-align:right; } /* common css */ input[type=text], textarea, select { outline:none; -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; } input[type=text]:focus, textarea:focus, select:focus { border-color:#646668 !important; } ::selection { background:#646668; color:#fff; text-shadow:none; } ::-moz-selection { background:#646668; color:#fff; text-shadow:none; } img { vertical-align:top; image-rendering:-webkit-optimize-contrast; } caption { width:1px; height:1px; overflow:hidden; margin:-1px; } .dimmed { width:100%; height:100%; position:fixed; background-color:#000; display:none; top:0; left:0; opacity:0; filter:alpha(opacity=0); } .hidden-txt, legend { width:0; height:0; overflow:hidden; display:inline-block; text-indent:-9999px; line-height:1px; position:absolute; } #wrap { min-width:1280px; padding:0 0 3.6rem; position:relative; } #wrap.main_footer_none { padding:0; } #wrap.main_footer_none #footerLink { display:none; } #subVisual { height:41rem; position:relative; padding:50px 0 0; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } /* 200407 - st */ #discoverBtn { padding:40px 0 0; position:absolute; bottom:-40px; left:50%; color:#fff; text-shadow:0 0 15px #000; font-size:16px; font-weight:600; letter-spacing:3px; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); z-index:10;} /* 200407 - end */ #discoverBtn:hover:before, #discoverBtn:focus:before { -webkit-transform:translate(0, 15px); -moz-transform:translate(0, 15px); -ms-transform:translate(0, 15px); -o-transform:translate(0, 15px); transform:translate(0, 15px); } #discoverBtn:hover:after, #discoverBtn:focus:after { -webkit-transform:translate(0, 5px); -moz-transform:translate(0, 5px); -ms-transform:translate(0, 5px); -o-transform:translate(0, 5px); transform:translate(0, 5px); } #discoverBtn:before, #discoverBtn:after { display:block; content:""; position:absolute; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #discoverBtn:before { width:2px; height:0; background-color:#fff; top:-45px; left:50%; margin:0 0 0 -1px; opacity:0; filter:alpha(opacity=0); -webkit-animation:discoverBar 2s ease infinite; -moz-animation:discoverBar 2s ease infinite; animation:discoverBar 2s ease infinite; } #discoverBtn:after { width:16px; height:28px; background-image:url(../../images/common/scroll_icon.png); top:0; left:50%; margin:0 0 0 -8px; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; background-repeat:no-repeat; } #discoverBtn.gray_scroll { color:#646668; text-shadow:none; } #discoverBtn.gray_scroll:before { background-color:#646668; } #discoverBtn.gray_scroll:after { background-image:url(../../images/common/scroll_icon_gray.png); } @-webkit-keyframes discoverBar { from { height:0; } to { height:30px; opacity:1; filter:alpha(opacity=100); } } @-moz-keyframes discoverBar { from { height:0; } to { height:30px; opacity:1; filter:alpha(opacity=100); } } @-o-keyframes discoverBar { from { height:0; } to { height:30px; opacity:1; filter:alpha(opacity=100); } } @keyframes discoverBar { from { height:0; } to { height:30px; opacity:1; filter:alpha(opacity=100); } } .step_title strong { font-size:120px; font-weight:500; font-family:"dinbol", Arial, Apple SD Gothic Neo, sans-serif; } .step_title h1 { font-size:80px; letter-spacing:2.2px; } .step_title p { font-size:22px; line-height:30px; font-weight:500; color:#646668; padding:30px 0 0; letter-spacing:.2px; } .step_title p span { display:block; padding:10px 0 0; } .step_title .link_box a { display:inline-block; padding:15px 50px; font-weight:600; font-size:25px; letter-spacing:1.2px; border-width:1px; border-style:solid; border-color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .step_title .link_box a:hover, .step_title .link_box a:focus { color:#fff; background-color:#000; border-color:#000; } .step_title .link_top { padding:60px 0 0; } .step_title.white_title strong, .step_title.white_title h1, .step_title.white_title p { color:#fff; } .step_title.white_title a { border-color:#848484; color:#fff; } .step_title.white_title a:hover, .step_title.white_title a:focus { background-color:#fff; color:#1e1e1e; border-color:#fff; } .small_step_tit { font-size:3rem; } .small_step_tit strong { display:block; } .small_step_txt { font-size:22px; line-height:30px; font-weight:500; padding:1.5rem 0 0; } .small_step_txt span { display:block; padding:10px 0 0; } .video_wrap { position:relative; } .video_wrap .yt_player, .video_wrap .img_wrap { width:100%; height:100%; position:absolute; top:0; left:0; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } .yt_play_btn { width:104px; height:104px; position:absolute; top:50%; left:50%; text-indent:-9999px; border-width:2px; border-style:solid; border-color:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .yt_play_btn:hover, .yt_play_btn:focus { background-color:#fff; } .yt_play_btn:hover:after, .yt_play_btn:focus:after { border-left-color:#000; } .yt_play_btn:after { width:0; height:0; display:block; content:""; border-left-style:solid; border-left-width:23px; border-left-color:#fff; border-top:14px solid transparent; border-bottom:14px solid transparent; position:absolute; top:38px; left:44px; } #bottomLineup { padding:110px 120px 0; text-align:center; } #bottomLineup .lineup_wrap { max-width:1480px; margin:0 auto; } #bottomLineup h1 { font-size:64px; letter-spacing:2.2px; } #bottomLineup table { text-align:center; margin:2.5rem 0 0; } #bottomLineup table thead th { padding:0 0 3rem; } #bottomLineup table thead strong { line-height:52px; font-size:32px; display:block; } #bottomLineup table thead strong.long_txt { line-height:26px; font-size:24px; } #bottomLineup table thead .img_wrap { height:8.25rem; margin:10px 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #bottomLineup table thead .img_wrap img { width:auto; max-height:100%; } #bottomLineup table thead .link_wrap { padding:1.5rem 0.5rem 0; line-height:38px; font-weight:600; font-size:22px; } #bottomLineup table thead .link_wrap a { width:90%; height:42px; display:inline-block; color:#1e1e1e; margin:6px 0 0; border-width:1px; border-style:solid; border-color:#848484; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #bottomLineup table thead .link_wrap a:first-child { margin:0; } #bottomLineup table thead .link_wrap a:hover, #bottomLineup table thead .link_wrap a:focus { border-color:#000; background-color:#000; color:#fff; } #bottomLineup table tbody { font-size:1rem; border-bottom:1px solid #d4d4d4; letter-spacing:.2px; } #bottomLineup table tbody tr { position:relative; } #bottomLineup table tbody tr:nth-of-type(odd) th { background-color:#eceef0; } #bottomLineup table tbody tr:nth-of-type(odd) td { background-color:#eceef0; } #bottomLineup table tbody tr:first-child td { font-size:1.2rem; } #bottomLineup table tbody th { padding:1rem 0; font-weight:600; } #bottomLineup table tbody td { padding:1rem 0; border-left:1px solid #d4d4d4; } #bottomLineup table tbody td em { font-family:"Roboto", sans-serif; font-weight:500; font-size:0.8rem; } #bottomLineup table tbody td span { position:relative; } #bottomLineup table tbody td span.new_size:before { width:27px; height:14px; display:inline-block; content:"NEW"; background-color:#ffe00c; color:#000; font-size:9px; line-height:14px; position:absolute; top:-10px; right:-30px; border:1px solid #d4d4d4; font-weight:600; } #bottomLineup p { padding:18px 0 0; color:#646668; text-align:left; line-height:24px; font-weight:500; } #bottomLineup .partner_logo { margin:75px 0 0; } #bottomLineup.lineup_black { color:#fff; background-color:#111; padding:110px 120px 100px; } #bottomLineup.lineup_black .link_wrap a { color:#fff; } #bottomLineup.lineup_black .link_wrap a:hover, #bottomLineup.lineup_black .link_wrap a:focus { border-color:#fff; color:#1e1e1e; background-color:#fff; } #bottomLineup.lineup_black tbody { font-size:1rem; border-bottom:1px solid #222; } #bottomLineup.lineup_black tbody tr { position:relative; } #bottomLineup.lineup_black tbody tr:nth-of-type(odd) th { background-color:#191919; } #bottomLineup.lineup_black tbody tr:nth-of-type(odd) td { background-color:#191919; } #bottomLineup.lineup_black tbody td { border-left-color:#222; } #bottomLineup.lineup_black p { color:#fff; } #bottomLineup.lineup_black.color_black { background-color:#000; } .monitor_compare .compare_wrap { height:0; padding:0 0 56.75%; background-image:url(../../images/gaming/compare_monitor01.jpg); position:relative; color:#fff; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; background-repeat:no-repeat; } .monitor_compare .compare_box { width:calc(100% - 22px); height:96.43%; position:absolute; top:1.18%; left:11px; z-index:1; overflow:hidden; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } .monitor_compare .lcd_screen { width:calc(50% + 64px); height:100%; position:relative; overflow:hidden; } .monitor_compare .lcd_screen:after { width:1px; height:100%; display:block; content:""; position:absolute; right:64px; top:0; background:url(../../images/gaming/compare_line.png) 0 0 repeat-y; } .monitor_compare .lcd_screen .img_wrap { width:calc(100% - 64px); height:100%; overflow:hidden; position:relative; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } .monitor_compare .oled_txt, .monitor_compare .lcd_txt { position:absolute; top:30px; font-size:34px; } .monitor_compare .oled_txt strong, .monitor_compare .lcd_txt strong { display:block; white-space:nowrap; font-size:45px; } .monitor_compare .oled_txt { right:40px; } .monitor_compare .oled_txt strong { width:170px; height:30px; text-indent:-9999px; display:block; background:url(../../images/common/lg_logo_icon.png) 0 0 no-repeat; margin:5px 0 0; } .monitor_compare .lcd_txt { left:40px; } .monitor_compare .moving_btn { width:62px; height:62px; background-color:#fff; position:absolute; right:33px; top:50%; margin:-31px 0 0; z-index:2; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; -ms-transition:background-color 0.3s ease; } .monitor_compare .moving_btn:hover { background-color:#000; } .monitor_compare .moving_btn:hover:after { border-color:#1e1e1e; } .monitor_compare .moving_btn:hover .btn_dot { background-color:#fff; } .monitor_compare .moving_btn:hover .btn_dot:before, .monitor_compare .moving_btn:hover .btn_dot:after { background-color:#fff; } .monitor_compare .moving_btn:after { width:80px; height:80px; display:block; content:""; position:absolute; top:-9px; left:-9px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border-width:3px; border-style:solid; border-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:border-color 0.3s ease; -moz-transition:border-color 0.3s ease; -o-transition:border-color 0.3s ease; -ms-transition:border-color 0.3s ease; } .monitor_compare .moving_btn .btn_dot { width:4px; height:16px; display:block; position:absolute; top:50%; left:50%; background-color:#1e1e1e; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .monitor_compare .moving_btn .btn_dot:before, .monitor_compare .moving_btn .btn_dot:after { width:4px; height:100%; display:block; content:""; position:absolute; top:0; background-color:#1e1e1e; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; -ms-transition:background-color 0.3s ease; } .monitor_compare .moving_btn .btn_dot:before { left:8px; } .monitor_compare .moving_btn .btn_dot:after { left:-8px; } .monitor_compare .moving_btn .btn_arrow { width:122px; position:absolute; top:50%; left:50%; margin:-6px 0 0 -61px; } .monitor_compare .moving_btn .btn_arrow:before, .monitor_compare .moving_btn .btn_arrow:after { width:11px; height:11px; display:block; content:""; border-left:2px solid #fff; border-bottom:2px solid #fff; position:absolute; top:0; } .monitor_compare .moving_btn .btn_arrow:before { left:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .monitor_compare .moving_btn .btn_arrow:after { right:0; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -ms-transform:rotate(225deg); -o-transform:rotate(225deg); transform:rotate(225deg); } #modalPopup { width:100%; height:100%; position:fixed; background-color:rgba(0, 0, 0, 0.8); z-index:150; overflow-y:auto; top:0; left:0; display:none; opacity:0; filter:alpha(opacity=0); } #modalPopup .popup_container { width:700px; background-color:#fff; position:relative; left:50%; top:50%; margin:-355px 0 0 -350px; } #modalPopup .popup_container .popup_close { width:35px; height:35px; position:absolute; top:0; right:-50px; text-indent:-9999px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #modalPopup .popup_container .popup_close:before, #modalPopup .popup_container .popup_close:after { width:51px; height:1px; display:block; content:""; background-color:#fff; position:absolute; left:-7px; } #modalPopup .popup_container .popup_close:before { top:17px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #modalPopup .popup_container .popup_close:after { bottom:17px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #modalPopup .popup_container .popup_close:hover, #modalPopup .popup_container .popup_close:focus { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } .js-scr-box { -webkit-transform:translate(0, 50px); -moz-transform:translate(0, 50px); -ms-transform:translate(0, 50px); -o-transform:translate(0, 50px); transform:translate(0, 50px); opacity:0; filter:alpha(opacity=0); } /* 200518 start */ /* gx */ #gxHtml { height:100%; max-width:inherit; overflow-x:hidden; } #gxHtml #cookieAllPc {position:fixed;} #gxHtml body { height:100%; } #gxHtml #wrap { width:max-content; height:100%; position:fixed !important; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); } #gxHtml #header.gx_header { background-color:#fff !important; top:50px; position:fixed; } #gxHtml #header.gx_header:after { background-color:#a4a4a4 !important; } #gxHtml #header.gx_header .header_wrap #logo a { background-image:url(../../images/layout/logo_fix.png) !important; } #gxHtml #header.gx_header .header_wrap #allNav button:before, #gxHtml #header.gx_header .header_wrap #allNav button:after, #gxHtml #header.gx_header .header_wrap #allNav button span { background-color:#1e1e1e !important; } #gxHtml #header.gx_header .header_wrap .header_buy { color:#1e1e1e !important; } #gxHtml #header.gx_header .header_wrap .header_buy:before { background-image:url(../../images/layout/buy_icon_fix.png) !important; } #gxHtml #header.gx_header .header_wrap .header_buy:after { background-color:#1e1e1e !important; } #gxHtml #header.gx_header.fixed { top:0; } #gxHtml #footer { width:100%; position:fixed; bottom:3.6rem; background-color:#fff; z-index:100; } #gxHtml #leftToRight { height:100%; will-change:content; position:relative; } #gxHtml #leftToRight > section { height:100%; float:left; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #gxHtml #leftToRight .gx_contents01 { margin:0; z-index:10; padding:70px 0 3.6rem; } #gxHtml #leftToRight .gx_contents01 img { width:100%; } #gxHtml #leftToRight .gx_contents01 .txt_wrap { width:100%; line-height:4.4rem; position:absolute; top:69vh; text-align:center; } #gxHtml #leftToRight .gx_contents01 .txt_wrap h3 { font-size:4.4rem; } #gxHtml #leftToRight .gx_contents01 .txt_wrap p { font-size:4rem; } #gxHtml #leftToRight .gx_contents02 { padding:70px 120px 3.6rem 120px; background-color:#f6f6f6; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #gxHtml #leftToRight .gx_contents02 .txt_wrap {float:left; position:relative; } #gxHtml #leftToRight .gx_contents02 .txt_wrap .tit h3 { font-size:76px; } #gxHtml #leftToRight .gx_contents02 .txt_wrap .tit p { font-size:22px; line-height:30px; padding:1.5rem 0 0; color:#646668; } #gxHtml #leftToRight .gx_contents02 .brand_wrap { width:735px; bottom:0; border-top:1px solid #a4a4a4; margin:3.25rem 0 0; padding:2.25rem 0 0; } #gxHtml #leftToRight .gx_contents02 .brand_wrap p { font-size:26px; line-height:36px; padding:10px 0 0; font-weight:500; } #gxHtml #leftToRight .gx_contents02 .brand_wrap a { display:inline-block; padding:10px 25px; margin:15px 0 0; font-weight:700; border-width:2px; border-style:solid; border-color:#a4a4a4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #gxHtml #leftToRight .gx_contents02 .brand_wrap a:hover, #gxHtml #leftToRight .gx_contents02 .brand_wrap a:focus { border-color:#1e1e1e; color:#fff; background-color:#1e1e1e; } #gxHtml #leftToRight .gx_contents02 .step_img { height:85%; float:left; margin:0 0 0 11rem; z-index:10; position:relative; } #gxHtml #leftToRight .gx_contents02 .step_img img { height:100%; } #gxHtml #leftToRight .gx_contents03 { padding:70px 0 3.6rem 120px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center;} #gxHtml #leftToRight .gx_contents03 .txt_wrap { float:left; position:relative;} #gxHtml #leftToRight .gx_contents03 .txt_wrap .tit h3 { font-size:76px; } #gxHtml #leftToRight .gx_contents03 .txt_wrap .tit p { font-size:22px; line-height:30px; padding:1.5rem 0 0; color:#646668; } #gxHtml #leftToRight .gx_contents03 .txt_wrap .tit a { display:inline-block; padding:10px 25px; margin:15px 0 0; font-weight:700; border-width:2px; border-style:solid; border-color:#a4a4a4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #gxHtml #leftToRight .gx_contents03 .txt_wrap .tit a:hover, #gxHtml #leftToRight .gx_contents03 .txt_wrap .tit a:focus { border-color:#1e1e1e; color:#fff; background-color:#1e1e1e; } #gxHtml #leftToRight .gx_contents03 .brand_wrap {margin:4rem 0 0;} #gxHtml #leftToRight .gx_contents03 .brand_wrap p { font-size:26px; line-height:36px; padding:10px 0 0; font-weight:500; } #gxHtml #leftToRight .gx_contents03 .step_img { height:85%; float:left; z-index:10; overflow:hidden; position:relative; margin:0 0 0 6rem; } #gxHtml #leftToRight .gx_contents03 .step_img img { height:100%; } #gxHtml #leftToRight .gx_contents03 .step_img .screen_img { position:absolute; left:50px; top:0; } #gxHtml #leftToRight .gx_contents03 .step_img p { position:absolute; left:30px; bottom:10px; color:#fff; font-size:16px; line-height:24px; font-weight:500; } #gxHtml #leftToRight .gx_contents03 .step_img p strong { font-size:20px; font-weight:500; } #gxHtml #leftToRight .gx_contents04 { background-color:#f6f6f6; padding:70px 100px 3.6rem 120px; margin:0 0 0 120px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #gxHtml #leftToRight .gx_contents04 .txt_wrap { height:100%; float:left; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } /* 200601 start */ #gxHtml #leftToRight .gx_contents04 .txt_wrap .tit { padding:0 0 28%; } #gxHtml #leftToRight .gx_contents04 .txt_wrap .tit h3 { font-size:76px; } #gxHtml #leftToRight .gx_contents04 .txt_wrap .tit p { font-size:22px; line-height:30px; padding:1.5rem 0 0; color:#646668; } #gxHtml #leftToRight .gx_contents04 .brand_wrap { height:30%; position:absolute; bottom:7%; margin:0 0 0 1rem;} #gxHtml #leftToRight .gx_contents04 .brand_wrap p { font-size:26px; line-height:36px; padding:10px 0 0; font-weight:500; } #gxHtml #leftToRight .gx_contents04 .brand_wrap img { height:100%; } #gxHtml #leftToRight .gx_contents04 .step_img {width:1000px; height:85%; float:left; margin:0 0 0 6rem; z-index:10; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* 200601 end */ #gxHtml #leftToRight .gx_contents04 .step_img .video_wrap { width:100%; height:100%; position:absolute; left:0; top:0; } #gxHtml #leftToRight .gx_contents04 .step_img button { overflow:hidden; } #gxHtml #leftToRight .gx_contents05 { padding:70px 0 3.6rem 120px; } #gxHtml #leftToRight .gx_contents05 .txt_wrap { height:100%; float:left; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #gxHtml #leftToRight .gx_contents05 .txt_wrap .tit h3 { font-size:76px; } #gxHtml #leftToRight .gx_contents05 .txt_wrap .tit p { font-size:22px; line-height:30px; padding:1.5rem 0 0; color:#646668; } #gxHtml #leftToRight .gx_contents05 .txt_wrap .tit .link_wrap { margin:80px 0 0; } #gxHtml #leftToRight .gx_contents05 .txt_wrap .tit a { display:inline-block; padding:10px 25px; font-weight:700; border-width:2px; border-style:solid; border-color:#a4a4a4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #gxHtml #leftToRight .gx_contents05 .txt_wrap .tit a:hover, #gxHtml #leftToRight .gx_contents05 .txt_wrap .tit a:focus { border-color:#1e1e1e; color:#fff; background-color:#1e1e1e; } #gxHtml #leftToRight .gx_contents05 .step_img { height:85%; float:left; margin:0 0 0 6rem; z-index:10; overflow:hidden; position:relative; top:7.5%; } #gxHtml #leftToRight .gx_contents05 .step_img img { height:100%; } #gxHtml #leftToRight .gx_contents05 .step_img .screen_img { position:absolute; left:50px; top:0; } #gxHtml #leftToRight .gx_contents06 { padding:0 200px 0 0; overflow:hidden; background-color:#f8f0e6; margin:0 0 0 120px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #gxHtml #leftToRight .gx_contents06 .txt_wrap { height:100%; float:left; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #gxHtml #leftToRight .gx_contents06 .txt_wrap .tit h3 { font-size:76px; } #gxHtml #leftToRight .gx_contents06 .txt_wrap .tit h3 span { font-weight:300; } #gxHtml #leftToRight .gx_contents06 .txt_wrap .tit p { font-size:22px; line-height:30px; padding:1.5rem 0 0; color:#646668; } #gxHtml #leftToRight .gx_contents06 .txt_wrap .tit .link_wrap { margin:80px 0 0; } #gxHtml #leftToRight .gx_contents06 .step_img { width:54vw; height:100%; float:left; margin:0 6rem 0 0; z-index:10; position:relative; } @media(max-width: 1444px){ #gxHtml #leftToRight .gx_contents06 .step_img { width: 62vw; } } #gxHtml #leftToRight .gx_contents06 .step_img img { height:210%; position:absolute; left:0; } #gxHtml #leftToRight .gx_contents06 .step_img .inscreen_bg { opacity:0; filter:alpha(opacity=0); } #gxHtml #leftToRight .gx_contents07 { margin:0 0 0 120px; } #gxHtml #leftToRight .gx_contents07 .txt_wrap { height:100%; float:left; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #gxHtml #leftToRight .gx_contents07 .txt_wrap .tit h3 { font-size:76px; } #gxHtml #leftToRight .gx_contents07 .txt_wrap .tit h3 span { font-weight:300; } #gxHtml #leftToRight .gx_contents07 .txt_wrap .tit p { font-size:22px; line-height:30px; padding:1.5rem 0 0; color:#646668; } #gxHtml #leftToRight .gx_contents07 .txt_wrap .tit a { display:inline-block; padding:10px 25px; margin:75px 0 0; font-weight:700; border-width:2px; border-style:solid; border-color:#a4a4a4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #gxHtml #leftToRight .gx_contents07 .txt_wrap .tit a:hover, #gxHtml #leftToRight .gx_contents07 .txt_wrap .tit a:focus { border-color:#1e1e1e; color:#fff; background-color:#1e1e1e; } #gxHtml #leftToRight .gx_contents07 .txt_wrap .tit .js-pall-con01 { left:1%; } #gxHtml #leftToRight .gx_contents07 .disclaimer { position:absolute; bottom:8.6rem; font-size:16px; line-height:24px; font-weight:500; left:1%; } #gxHtml #leftToRight .gx_contents07 .step_img { height:100%; float:left; margin:0 0 0 6rem; z-index:10; overflow:hidden; position:relative; } #gxHtml #leftToRight .gx_contents07 .step_img img { height:100%; } #gxHtml #leftToRight .gx_contents07 .step_img .screen_img { position:absolute; left:-50px; top:0; } #gxHtml #leftToRight .gx_contents08 { padding:70px 0 3.6rem 120px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #gxHtml #leftToRight .gx_contents08 .txt_wrap { height:100%; float:left; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } #gxHtml #leftToRight .gx_contents08 .txt_wrap .tit h3 { font-size:76px; letter-spacing:0.3px; } #gxHtml #leftToRight .gx_contents08 .txt_wrap .tit h3 span { font-weight:300; } #gxHtml #leftToRight .gx_contents08 .txt_wrap .tit p { font-size:22px; line-height:30px; padding:1.5rem 0 0; color:#646668; } /* 200601 start */ #gxHtml #leftToRight .gx_contents08 .step_img {width:1000px; height:85%; float:left; margin:0 0 0 6rem; z-index:10; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* 200601 end */ #gxHtml #leftToRight .gx_contents08 .step_img .video_wrap { width:100%; height:100%; position:absolute; left:0; top:0; } #gxHtml #leftToRight .gx_contents08 .step_img button { overflow:hidden; } #gxHtml #leftToRight .gx_contents09 .section_box { width:100%; text-align:center; position:absolute; top:50%; margin:-308px 0 0; } #gxHtml #leftToRight .gx_contents09 h3 { font-size:64px; } #gxHtml #leftToRight .gx_contents09 ol { margin:80px 0 0; } #gxHtml #leftToRight .gx_contents09 ol li { width:368px; height:430px; float:left; background-color:#f4f5f6; padding:40px 0 50px 0; position:absolute; left:50%; } #gxHtml #leftToRight .gx_contents09 ol li:nth-of-type(1) { margin:0 0 0 -575px; } #gxHtml #leftToRight .gx_contents09 ol li:nth-of-type(2) { margin:0 0 0 -200px; } #gxHtml #leftToRight .gx_contents09 ol li:nth-of-type(3) { margin:0 0 0 175px; } #gxHtml #leftToRight .gx_contents09 ol .tit { padding:35px 0 0; } #gxHtml #leftToRight .gx_contents09 ol .brand_txt { font-size:32px; font-weight:700; } #gxHtml #leftToRight .gx_contents09 ol .inch_txt { width:216px; margin:18px 0 0; display:inline-block; color:#6e6e6e; font-size:26px; font-weight:700; padding:18px 0 0; border-top:1px solid #c4c6c8; } #gxHtml #leftToRight .gx_contents09 ol .link_wrap { margin:32px 0 0; } #gxHtml #leftToRight .gx_contents09 ol .link_wrap a { width:210px; display:inline-block; padding:10px 0; margin:5px 0 0; font-weight:600; font-size:22px; border-width:2px; border-style:solid; border-color:#a4a4a4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #gxHtml #leftToRight .gx_contents09 ol .link_wrap a:hover, #gxHtml #leftToRight .gx_contents09 ol .link_wrap a:focus { border-color:#1e1e1e; color:#fff; background-color:#1e1e1e; } #gxHtml .js-pall-con01, #gxHtml .js-pall-con02, #gxHtml .js-pall-con03 { position:relative; left:0; } /* 200518 end */ /* disney */ #container.main_container_no_disney .category_wrap article:nth-of-type(1):before { background-image:url(../../images/main/depth_img01_no_disney.jpg); } #subVisual.cinema_visual_no_disney { background-image:url(../../images/cinema/sub_visual_no_disney.jpg); text-align:center; position:relative; } #container.cinema_contents_no_disney .cinema_step05 .step_box02 li { background-color:#161616; padding:5rem 5rem 0 0; margin:1.5rem 0 0; } #subVisual.cinema_visual_no_disney:before, #subVisual.cinema_visual:after { bottom:60px;} #subVisual.cinema_visual_no_disney:before { width:236px; height:47px; left:30px; background-image:url(../../images/cinema/cinema_partner_logo01_no_disney.png); } #subVisual.cinema_visual_no_disney:after { width:170px; height:58px; right:30px; background-image:url(../../images/cinema/cinema_partner_logo02_no_disney.png); } #subVisual.cinema_visual_no_disney .txt_wrap p { position:absolute; font-size:16px; color:#fff; letter-spacing:0; bottom:-40px; left:30px; text-shadow:0 0 10px #000; } #subVisual.cinema_visual_no_disney .txt_wrap p:nth-of-type(2) { bottom:-47px; left:36px; } #container.core_contents_no_disney .category_banner ol li:nth-of-type(1) { background-image:url(../../images/core/category_bg01_no_disney.jpg);} #container.lineup_contents_no_disney .category_banner ol li:nth-of-type(1) { background-image:url(../../images/lineup/category_bg01_no_disney.jpg);} /* apple TV */ .main_container .category_wrap article.apple_only:before { background-image:url(../../images/main/depth_img01_apple.jpg); } #subVisual.cinema_visual_apple { background-image: url(../../images/cinema/sub_visual_apple.jpg); } #subVisual.cinema_visual_apple:before, #subVisual.cinema_visual_apple:after { display:none; } #container.core_contents_apple .category_banner ol li:nth-of-type(1) { background-image: url(../../images/core/category_bg01_apple.jpg); } #container.lineup_contents_apple .category_banner ol li:nth-of-type(1) {background-image: url(../../images/lineup/category_bg01_apple.jpg); } .cookie_open #cookieAllPc {display:block;} .cookie_open #wrap {padding:50px 0 3.6rem;} .cookie_open #header {top:50px;} .cookie_open #wrap { padding:50px 0 3.6rem; } .cookie_open #wrap.main_footer_none { padding:50px 0 0; } /* 200529 start */ /* gx - ie ver */ #gxIe .gx_contents01 { position: relative; } #gxIe .gx_contents01 img { width: 100%; } #gxIe .gx_contents01 .txt_wrap { width: 100%; line-height: 4.4rem; position: absolute; bottom: 5rem; text-align: center; top: 68%; } #gxIe .gx_contents01 .txt_wrap h3 { font-size: 4.4rem; } #gxIe .gx_contents01 .txt_wrap p { font-size: 4rem; } #gxIe .gx_contents02 { width: 100%; padding: 3.8rem 0 3.8rem 6rem; position: relative; background-color: #fdfdfd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gxIe .gx_contents02 .txt_wrap .tit { position: absolute; top: 50%; left: 6rem; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #gxIe .gx_contents02 .txt_wrap .tit h3 { font-size: 3.8rem; } #gxIe .gx_contents02 .txt_wrap .tit p { font-size: 1.1rem; line-height: 1.5rem; padding: 1.5rem 0 0; color: #646668; } #gxIe .gx_contents02 .brand_wrap { width: 45%; position: absolute; bottom: 3.8rem; border-top: 1px solid #a4a4a4; padding: 2.25rem 0 0; } #gxIe .gx_contents02 .brand_wrap p { font-size: 1.3rem; line-height: 1.8rem; padding: 0.5rem 0 0; font-weight: 500; } #gxIe .gx_contents02 .brand_wrap a { display: inline-block; padding: 10px 25px; margin: 15px 0 0; font-weight: 700; border-width: 2px; border-style: solid; border-color: #a4a4a4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } #gxIe .gx_contents02 .brand_wrap a:hover, #gxIe .gx_contents02 .brand_wrap a:focus { border-color: #1e1e1e; color: #fff; background-color: #1e1e1e; } #gxIe .gx_contents02 .step_img { width: 46%; float: right; z-index: 10; } #gxIe .gx_contents02 .step_img img { width: 100%; } #gxIe .gx_contents03 { width: 100%; padding: 3.8rem 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gxIe .gx_contents03 .txt_wrap .tit { position: absolute; top: 50%; left: 58.8%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #gxIe .gx_contents03 .txt_wrap .tit h3 { font-size: 3.8rem; } #gxIe .gx_contents03 .txt_wrap .tit p { font-size: 1.1rem; line-height: 1.5rem; padding: 1.5rem 0 0; color: #646668; } #gxIe .gx_contents03 .txt_wrap .tit a { display: inline-block; padding: 10px 25px; margin: 2rem 0 0; font-weight: 700; border-width: 2px; border-style: solid; border-color: #a4a4a4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } #gxIe .gx_contents03 .txt_wrap .tit a:hover, #gxIe .gx_contents03 .txt_wrap .tit a:focus { border-color: #1e1e1e; color: #fff; background-color: #1e1e1e; } #gxIe .gx_contents03 .brand_wrap { position: absolute; bottom: 3.8rem; left: 58.8%; } #gxIe .gx_contents03 .step_img { width: 52%; float: left; z-index: 10; position: relative; } #gxIe .gx_contents03 .step_img img { width: 100%; } #gxIe .gx_contents03 .step_img p { position: absolute; left: 30px; bottom: 10px; color: #fff; font-size: 1rem; line-height: 1.3rem; font-weight: 500; } #gxIe .gx_contents04 { width: 100%; padding: 3.8rem 0 3.8rem 6rem; position: relative; background-color: #f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gxIe .gx_contents04 .txt_wrap .tit { position: absolute; top: 50%; left: 6rem; -webkit-transform: translate(0, -80%); -moz-transform: translate(0, -80%); -ms-transform: translate(0, -80%); -o-transform: translate(0, -80%); transform: translate(0, -80%); } #gxIe .gx_contents04 .txt_wrap .tit h3 { font-size: 3.8rem; } #gxIe .gx_contents04 .txt_wrap .tit p { font-size: 1.1rem; line-height: 1.5rem; padding: 1.5rem 0 0; color: #646668; } #gxIe .gx_contents04 .brand_wrap { width: 29%; position: absolute; bottom: 3.8rem; } #gxIe .gx_contents04 .brand_wrap img { width: 100%; } #gxIe .gx_contents04 .step_img { width: 56.5%; float: right; z-index: 10; position: relative; padding: 0 0 44%; } #gxIe .gx_contents04 .step_img .video_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #gxIe .gx_contents04 .step_img button { overflow: hidden; } #gxIe .gx_contents05 { width: 100%; padding: 3.8rem 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gxIe .gx_contents05 .txt_wrap .tit { position: absolute; top: 50%; left: 52.6%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #gxIe .gx_contents05 .txt_wrap .tit h3 { font-size: 3.8rem; } #gxIe .gx_contents05 .txt_wrap .tit p { font-size: 1.1rem; line-height: 1.5rem; padding: 1.5rem 0 0; color: #646668; } #gxIe .gx_contents05 .txt_wrap .tit a { display: inline-block; padding: 10px 25px; margin: 2rem 0 0; font-weight: 700; border-width: 2px; border-style: solid; border-color: #a4a4a4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } #gxIe .gx_contents05 .txt_wrap .tit a:hover, #gxIe .gx_contents05 .txt_wrap .tit a:focus { border-color: #1e1e1e; color: #fff; background-color: #1e1e1e; } #gxIe .gx_contents05 .step_img { width: 46%; float: left; z-index: 10; position: relative; } #gxIe .gx_contents05 .step_img img { width: 100%; } #gxIe .gx_contents05 .step_img p { position: absolute; left: 30px; bottom: 10px; color: #fff; font-size: 20px; line-height: 26px; font-weight: 500; } #gxIe .gx_contents06 { width: 100%; position: relative; background-color: #f8f0e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gxIe .gx_contents06 .txt_wrap .tit { position: absolute; top: 50%; left: 6rem; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #gxIe .gx_contents06 .txt_wrap .tit h3 { font-size: 3.8rem; } #gxIe .gx_contents06 .txt_wrap .tit h3 span { font-weight: 300; } #gxIe .gx_contents06 .txt_wrap .tit p { font-size: 1.1rem; line-height: 1.5rem; padding: 1.5rem 0 0; color: #646668; } #gxIe .gx_contents06 .brand_wrap { width: 29%; position: absolute; bottom: 3.8rem; } #gxIe .gx_contents06 .brand_wrap img { width: 100%; } #gxIe .gx_contents06 .step_img { width: 42%; float: right; z-index: 10; } #gxIe .gx_contents06 .step_img img { width: 100%; } #gxIe .gx_contents07 { width: 100%; padding: 3.8rem 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gxIe .gx_contents07 .txt_wrap .tit { position: absolute; top: 50%; left: 60%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #gxIe .gx_contents07 .txt_wrap .tit h3 { font-size: 3.8rem; } #gxIe .gx_contents07 .txt_wrap .tit h3 span { font-weight: 300; } #gxIe .gx_contents07 .txt_wrap .tit p { font-size: 1.1rem; line-height: 1.5rem; padding: 1.5rem 0 0; color: #646668; } #gxIe .gx_contents07 .txt_wrap .tit a { display: inline-block; padding: 10px 25px; margin: 2rem 0 0; font-weight: 700; border-width: 2px; border-style: solid; border-color: #a4a4a4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } #gxIe .gx_contents07 .txt_wrap .tit a:hover, #gxIe .gx_contents07 .txt_wrap .tit a:focus { border-color: #1e1e1e; color: #fff; background-color: #1e1e1e; } #gxIe .gx_contents07 .step_img { width: 54%; float: left; z-index: 10; position: relative; margin: 0 0 0 2rem; } #gxIe .gx_contents07 .step_img img { width: 100%; } #gxIe .gx_contents07 .step_img p { position: absolute; left: 30px; bottom: 10px; color: #fff; font-size: 20px; line-height: 26px; font-weight: 500; } #gxIe .gx_contents07 .disclaimer { position: absolute; bottom: 6rem; left: 60%; font-size: 0.8rem; line-height: 1.2rem; } #gxIe .gx_contents08 { width: 100%; padding: 3.8rem 0 3.8rem 6rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gxIe .gx_contents08 .txt_wrap .tit { position: absolute; top: 50%; left: 6rem; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #gxIe .gx_contents08 .txt_wrap .tit h3 { font-size: 3.8rem; } #gxIe .gx_contents08 .txt_wrap .tit h3 span { font-weight: 300; } #gxIe .gx_contents08 .step_img { width: 56.5%; float: right; z-index: 10; position: relative; padding: 0 0 44%; } #gxIe .gx_contents08 .step_img .video_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #gxIe .gx_contents08 .step_img button { overflow: hidden; } #gxIe .gx_contents09 { width: 100%; padding: 3.8rem 0 5rem; position: relative; text-align: center; } #gxIe .gx_contents09 h3 { font-size: 64px; } #gxIe .gx_contents09 ol { margin: 70px 0 0; display: inline-block; } #gxIe .gx_contents09 ol li { width: 286px; height: 430px; float: left; background-color: #f4f5f6; margin: 0 10px; padding: 40px 40px 50px 40px; left: 50%; } #gxIe .gx_contents09 ol .tit { padding: 35px 0 0; } #gxIe .gx_contents09 ol .brand_txt { font-size: 32px; font-weight: 700; } #gxIe .gx_contents09 ol .inch_txt { width: 216px; margin: 18px 0 0; display: inline-block; color: #6e6e6e; font-size: 26px; font-weight: 700; padding: 18px 0 0; border-top: 1px solid #c4c6c8; } #gxIe .gx_contents09 ol .img_wrap img { width: 100%; } #gxIe .gx_contents09 ol .link_wrap { margin: 32px 0 0; } #gxIe .gx_contents09 ol .link_wrap a { width: 210px; display: inline-block; padding: 10px 0; margin: 5px 0 0; font-weight: 600; font-size: 22px; border-width: 2px; border-style: solid; border-color: #a4a4a4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } #gxIe .gx_contents09 ol .link_wrap a:hover, #gxIe .gx_contents09 ol .link_wrap a:focus { border-color: #1e1e1e; color: #fff; background-color: #1e1e1e; } /* 200529 end */