﻿/*Common*/
body{color:#111;font-size:1em;line-height:1em}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.text_box{width:100%;display:inline-block;text-align:center}
.text_box.left{text-align:left}
.text_box.right{text-align:right}
.Content1{height:950px;background:url(/kimg/prd_details/memory/CrasXRRGB_Content1_bg.jpg) no-repeat center center;background-size:cover}
.Content1 ul{margin:100px 0 80px 0}
.Content1 .text1{font-size:20px;font-weight:500;letter-spacing:-1px}
.Content1 .logo{margin:25px 0 30px 0}
.Content1 .text_box{width:100%;display:inline-block}
.Content1 .text_box h2{font-size:42px;line-height:1.2;margin-bottom:20px}
.Content1 .text_box h5{font-size:18px;color:#505050;font-weight:300;line-height:1.4;letter-spacing:-1px}
.Content1 .text_box span{margin-top:70px;display:block}
.Content1 .text_box span img{width:240px}
.Content2{padding:60px 0;background:url(/kimg/prd_details/memory/CrasXRRGB_Content2_bg.jpg) no-repeat center bottom;background-size:cover;height:1010px}
.Content2 h2{font-size:42px;line-height:1.2;margin-bottom:20px}
.Content2 h2 br{display:none}
.Content2 h5{font-size:18px;color:#505050;font-weight:300;line-height:1.4;margin-bottom:170px;letter-spacing:-1px}
.Content2 .text_box{text-align:left;float:right;width:450px}
.Content2 .text_box h3{font-size:28px;line-height:1;letter-spacing:-1px}
.Content2 .text_box ul{margin-top:40px}
.Content2 .text_box ul li{display:inline-block;font-size:16px;font-weight:300;width:100%;margin-bottom:40px}
.Content2 .text_box ul li span{display:inline-block;letter-spacing:-1px}
.Content2 .text_box ul li span br{display:none}
.Content2 .text_box ul li img{vertical-align:middle;margin-right:48px}
.Content3{background:#212121;padding:105px 0 90px 0}
.Content3 h2{font-size:42px;line-height:1.2;margin-bottom:40px;color:#fff}
.Content3 h5{font-size:18px;color:#fff;font-weight:400;line-height:1.4}
.Content3 h5 br.mo{display:none}
.Content3 .text_box{padding:90px 0 90px 69.2%;background:url(/kimg/prd_details/memory/CrasXRRGB_Content3_bg.png) no-repeat left bottom}
.Content3 .text_box h3{font-size:20px;color:#fff;font-weight:400}
.Content3 .text_box ul{margin-top:20px;width:220px}
.Content3 .text_box li{width:100%;display:inline-block;border-bottom:1px solid #343434}
.Content3 .text_box li a{color:#fff;line-height:40px;position:relative;display:block;padding-left:10px;font-size:14px}
.Content3 .text_box li a img{position:absolute;right:15px;top:50%;transform:translateY(-50%)}
.Content4{background:url(/kimg/prd_details/memory/CrasXRRGB_Content4_bg.jpg) no-repeat center center;background-size:cover;padding:200px 0 }
.Content4 .text_box h3{font-size:42px;line-height:1.1;margin-bottom:15px;letter-spacing:-1px}
.Content4 .text_box h3 br.mo{display:none}
.Content4 .text_box h5{font-size:18px;line-height:1.4;font-weight:300;color:#505050}
.Content4 .text_box h5 br.mo{display:none}
.Content4 .text_box.left{margin-left:-10.9%}
.Content4 .text_box.right{margin-right:-8%;margin-bottom:410px}
.Content5{background:#f2f2f2;padding:100px 0}
.Content5 .text_box{position:relative;display:table}
.Content5 .text_box.second{margin-top:140px}
.Content5 .text_box.second ul{padding-left:5.5%}
.Content5 .text_box ul{display:table-cell;padding-top:35px;vertical-align:top;width:45%}
.Content5 .text_box li.tit{font-size:42px;line-height:1.2;font-weight:700;letter-spacing:-2px}
.Content5 .text_box li.tit br.mo{display:none}
.Content5 .text_box li.text{font-size:18px;color:#505050;font-weight:400;margin:20px 0 60px 0;line-height:1.4;letter-spacing:-1px}
.Content5 .text_box img.prd{display:table-cell}
.Content5 .text_box.frist{margin-bottom:140px}
.Content6{ padding-top:200px;height:1213px; }
.Content6 .content6_bg{margin-top:40px;width:100%}
.Content6 .content6_img{margin-left:50%; transform:translateX(-50%); width:100vw}
.Content6 .content6_img img{display:inline-block; width:33.3333vw; margin-right: -4px }
.Content6 .content6_img img:first-child{margin-left:-5px;}
.Content6 h2{font-size:42px;line-height:1.2;letter-spacing:-1px}
.Content6 h2 br{display:none}
.Content6 h5{font-size:18px;font-weight:400;margin:20px 0 40px 0;color:#505050}
.Content6 .prd_list{width:100%;display:inline-block;padding-top:380px;background-color:#f2f2f2;margin-top:-345px}
.Content6 .prd_list li{float:left;width:33.3%}
.Content6 .prd_list li img{width:100%}
.Content7{padding:75px 0 100px 0}
.Content7 .specifications{text-align:left}
.Content7 .specifications h3{font-size:42px;line-height:1;letter-spacing:-1px;margin-bottom:20px}
.Content7 .specifications table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:4px solid #414141;border-bottom:4px solid #414141}
.Content7 .specifications table tr{border-bottom:1px solid #d6d6d6}
.Content7 .specifications table th{width:13%;padding:21px 0 21px 1.7%;font-weight:500;text-transform:uppercase;font-size:14px}
.Content7 .specifications table td{padding:21px 0 21px 2%;color:#505050;font-weight:300;border-left:1px solid #d6d6d6;font-size:14px}
.Content7 .ordering_info{padding:80px 0 200px 0;text-align:left}
.Content7 .ordering_info h3{font-size:42px;line-height:1;letter-spacing:-1px;margin-bottom:20px}
.Content7 .ordering_info table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:4px solid #414141;border-bottom:4px solid #414141}
.Content7 .ordering_info table tr{border-bottom:1px solid #d6d6d6}
.Content7 .ordering_info table th{padding:12px 0;text-align:center;font-weight:500;text-transform:uppercase;border-left:1px solid #d6d6d6;font-size:14px}
.Content7 .ordering_info table th:first-child{border-left:none}
.Content7 .ordering_info table td{padding:21px 0;color:#505050;text-align:center;font-weight:300;border-right:1px solid #d6d6d6;font-size:14px}
.Content7 .ordering_info table td:last-child{border-right:none}
 .Content7 .ordering_info table td br{display:none}
.Content7 .download_area{text-align:left;background:url(/kimg/prd_details/memory/CrasXRRGB_Content7_download_bg.jpg) no-repeat center center;height:340px;background-size:cover;border-radius:20px;padding:88px 90px}
.Content7 .download_area .btn{width:100%;display:inline-block;margin-top:45px}
.Content7 .download_area .btn a{display:inline-block;line-height:46px;padding:0 24px;color:#fff;font-size:14px;border:1px solid #fff;border-radius:35px;margin-right:10px;letter-spacing:-1px}
.Content7 .download_area .btn a img{margin-right:10px;vertical-align:middle}
.Content8{padding:100px 0 200px 0}
.Content8 article{text-align:left}
.Content8 h2{font-size:42px;line-height:1.2;letter-spacing:-1px}
.Content8 h2 br.mo{display:none}
.Content8 h5{font-size:18px;font-weight:400;margin:20px 0 40px 0;color:#505050;line-height:1.4;letter-spacing:-1px}
.Content8 h5 br.mo{display:none}
.Content8 .slide_area_pc{width:100%;display:inline-block;overflow:hidden;position:relative;border-radius:20px}
.Content8 .slide_area_pc li{position:relative}
.Content8 .slide_area_pc li img{width:100%}
.Content8 .slide_area_pc .flex-viewport li span{position:absolute;font-size:22px;color:#fff;width:53.3%;text-align:center;right:0;bottom:9%}
.Content8 .slide_area_pc .flex-control-nav{width:100%;text-align:center;margin-top:30px;display:inline-block}
.Content8 .slide_area_pc .flex-control-nav li{display:inline-block}
.Content8 .slide_area_pc .flex-control-nav li span{text-indent:-9999px;display:block}
.Content8 .slide_area_pc .flex-control-nav li a{display:block;width:14px;height:14px;margin:0 5px;border-radius:100%;background:#bcbcbc;cursor:pointer}
.Content8 .slide_area_pc .flex-control-nav li a.flex-active{background:#111}
.Content8 .slide_area_mo{display:none}
@media all and (max-width:1400px) {
    .Content4 .text_box.right{margin-right:0}
    .Content4 .text_box.left{margin-left:0}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content1{height:830px;background-position-y:bottom}
    .Content2{height:830px;background-position-x:39%}
    .Content2 .text_box{width:34%}
    .Content2 h5{margin-bottom:100px}
    .Content3 .text_box{padding:60px 0 60px 72%;background-size:cover}
    .Content4{padding:150px 0}
    .Content5 .text_box img.prd{width:100%}
    .Content5 .text_box ul{padding-top:1%}
    .Content6{padding-top:100px;height:900px;background-size:750px}
    .Content7{padding:75px 0 50px}
    .Content7 .ordering_info{padding:80px 2% 150px 2%}
    .Content7 .download_area{width:96%;padding:88px 5%}
    .Content8{padding-bottom:150px}
}
@media all and (max-width:1024px) {
    .Content1{height:725px;background-position-x:34%}
    .Content2{height:760px}
    .Content2 h5{margin-bottom:80px}
    .Content2 .text_box ul{margin-top:20px}
    .Content2 .text_box ul li{margin-bottom:20px}
    .Content2 .text_box ul li img{margin-right:6%}
    .Content4{padding:100px 0}
    .Content5 .text_box li.text{margin:10px 0 20px 0}
    .Content5 .text_box ul{padding-right:3%}
    .Content5 .text_box ul li img{width:100%}
    .Content5 .text_box.second ul{padding-left:3%;padding-right:0}
    .Content5 .text_box li.tit br,
    .Content5 .text_box li.text br{display:none}
}
@media all and (max-width:990px) {
    .Content3 .text_box{padding:35px 0 35px 70%}
    .Content3 .text_box ul{width:95%}
    .Content5 .text_box ul{width:50%}
}
@media all and (max-width:812px) {
    article{padding:0 6.2%}
    .Content1{background:url(/kimg/prd_details/memory/CrasXRRGB_Content1_bg_mo.jpg) no-repeat center bottom;height:125.9rem;background-size:100%}
    .Content1 ul{margin:7.6rem 0 5.5rem 0}
    .Content1 .logo img{width:62.6rem}
    .Content1 .text1{font-size:2.6rem;font-weight:700}
    .Content1 .logo{margin:0 0 5.5rem 0}
    .Content1 .text_box h2{font-size:5.2rem;margin-bottom:2rem}
    .Content1 .text_box h5{font-size:2.2rem;}
    .Content1 .text_box span{margin-top:51.2rem;position:absolute;left:1rem}
    .Content1 .text_box span img{width:30%}
    .Content2{height:156.7rem;padding-top:8.5rem;background:url(/kimg/prd_details/memory/CrasXRRGB_Content2_bg_mo.jpg) no-repeat center center;background-size:100%}
    .Content2 h2{font-size:5.2rem;margin-bottom:2.5rem}
    .Content2 h2 br{display:block}
    .Content2 h5{font-size:2.4rem;margin-bottom:62rem}
    .Content2 h5 br{display:block}
    .Content2 .text_box{width:100%}
    .Content2 .text_box h3{font-size:3.6rem}
    .Content2 .text_box ul{width:100%;display:inline-block;margin-top:7rem}
    .Content2 .text_box ul li{margin-bottom:5rem;width:50%;float:left;height:7rem}
    .Content2 .text_box ul li span{font-size:2rem;line-height:1.6;margin-top:0.3rem}
    .Content2 .text_box ul li span br{display:block}
    .Content2 .text_box ul li img{margin-right:16.9%;vertical-align:top;width:7rem}
    .Content3{padding:10rem 0 13.5rem 0;background:#212121 url(/kimg/prd_details/memory/CrasXRRGB_Content3_bg_mo.jpg) no-repeat center center;background-size:100%}
    .Content3 h2{font-size:5.2rem;margin-bottom:4.5rem}
    .Content3 img.logo{width:62rem}
    .Content3 .text_box{background:none;margin-top:52.5rem;padding:0;width:30em}
    .Content3 .text_box h3{font-size:2.6rem}
    .Content3 .text_box ul{width:100%;margin-top:2.5rem}
    .Content3 .text_box li a{font-size:1.8rem;line-height:5rem;padding-left:1.5rem}
    .Content3 .text_box li a img{width:0.6rem}
    .Content3 h5{width:100%;font-size:2.2rem;margin-top:5rem;line-height:1.6}
    .Content3 h5 br{display:none}
    .Content3 h5 br.mo{display:block}
    .Content4{padding:25.2rem 0 10rem 0;background:url(/kimg/prd_details/memory/CrasXRRGB_Content4_bg_mo.jpg) no-repeat center center;height:164.7rem;background-size:100%}
    .Content4 .text_box h3{font-size:5.4rem;margin-bottom:2.5rem}
    .Content4 .text_box h3 br.mo{display:block}
    .Content4 .text_box h5{font-size:2.4rem;letter-spacing:-0.1rem}
    .Content4 .text_box h5 br.mo{display:block}
    .Content4 .text_box.right{margin-bottom:51rem}
    .Content5{padding:15.5rem 0}
    .Content5 .text_box{display:inline-block;width:100%}
    .Content5 .text_box li.tit{font-size:5.2rem;letter-spacing:-0.6rem}
    .Content5 .text_box li.tit br{display:none}
    .Content5 .text_box li.tit br.mo{display:block}
    .Content5 .text_box li.text{font-size:2.4rem;letter-spacing:-0.1rem;margin:.5rem 0 8rem 0}
    .Content5 .text_box li.text br{display:block}
    .Content5 .text_box ul li img{margin-bottom:4.5rem}
    .Content5 .text_box ul li img.logo1{width:53.6rem}
    .Content5 .text_box ul li img.logo2{width:55.8rem}
    .Content5 .text_box ul{padding:0}
    .Content5 .text_box.second{padding-bottom:44rem;margin-top:10.5rem}
    .Content5 .text_box.second ul{padding:0}
    .Content5 .text_box.second img.prd{position:absolute;bottom:0;}
    .Content6{background:url(/kimg/prd_details/memory/CrasXRRGB_Content6_bg_mo1.png) no-repeat center bottom;padding:22.3rem 0 0 0;background-size:100%;height:116.8rem}
    .Content6 article{padding:0 3.3%;}
    .Content6 h2{font-size:5.2rem;height:auto}
    .Content6 h2 br{display:block}
    .Content6 h5{margin:2.5rem 0 4rem 0;font-size:2.4rem;letter-spacing:-0.1rem;line-height:1}
    .Content6 img.logo{width:37.8rem}
    .Content6 img.content6_bg{display:none;}
    .Content6 .prd_list{margin-top:0;padding-bottom:0;width:100%;overflow-x:auto;white-space:nowrap;background:transparent;margin-bottom:22.3rem;padding-top:62rem}
    .Content6 .prd_list li{display:inline-block;float:inherit;width:60rem;margin-right:-0.4rem}
    .Content7{padding:2.5rem 0 0 0 }
    .Content7 .specifications{margin-bottom:10rem;padding:0 3.3%}
    .Content7 .specifications h3{font-size:5.2rem;margin-bottom:2.8rem}
    .Content7 .specifications table th{width:21.8%;padding:3rem 0 3rem 1.5%;font-size:2rem;line-height:1}
    .Content7 .ordering_info table th:nth-child(3){width:27.5%}
    .Content7 .specifications table td{padding:3rem 0 3rem 2.9%;font-size:1.8rem;line-height:1}
    .Content7 .ordering_info{padding:0 3.3%}
    .Content7 .ordering_info h3{font-size:5.2rem;margin-bottom:2.8rem}
    .Content7 .ordering_info table th{font-size:2rem;line-height:1.2;padding:1.6rem 0}
    .Content7 .ordering_info table td{font-size:1.8rem;line-height:1;padding:3rem 0;letter-spacing:-0.1rem}
    .Content7 .ordering_info table td br{display:block}
    .Content7 .download_area{padding:10rem 6.2% 0 6.2%;margin-top:25.5rem;width:100%;border-radius:0;height:70.5rem;background:url(/kimg/prd_details/memory/CrasXRRGB_Content7_download_bg_mo.jpg) no-repeat center center;height:70.4rem}
    .Content7 .download_area img.logo{width:43rem}
    .Content7 .download_area .btn{margin-top:5.5rem}
    .Content7 .download_area .btn a{font-size:1.8rem;line-height:5.6rem;padding:0 2.5rem;margin-right:1.5rem}
    .Content7 .download_area .btn a img{width:1.8rem;margin-right:1rem}
    .Content8{padding:25.7rem 0}
    .Content8 article{padding:0 3.3%}
    .Content8 h2{font-size:5.2rem;padding:0 2.9%}
    .Content8 h2 br.mo{display:block}
    .Content8 h5{font-size:2.4rem;margin:5rem 2.9% 5.4rem 2.9%;letter-spacing:-0.2rem}
    .Content8 h5 br{display:none}
    .Content8 h5 br.mo{display:block}
    .Content8 .slide_area_pc{display:none}
    .Content8 .slide_area_mo{display:inline-block;width:100%;}
    .Content8 .slide_area_mo .flex-viewport{display:inline-block;overflow:hidden;width:100%}
    .Content8 .slide_area_mo .flex-viewport li{position:relative}
    .Content8 .slide_area_mo .flex-viewport li img{width:100%}
    .Content8 .slide_area_mo .flex-viewport li span{position:absolute;width:100%;text-align:center;bottom:4.4%;font-size:2.8rem;color:#fff;left:0}
    .Content8 .slide_area_mo .flex-control-nav{display:inline-block;width:100%;margin-top:5rem;text-align:center}
    .Content8 .slide_area_mo .flex-control-nav li{display:inline-block}
    .Content8 .slide_area_mo .flex-control-nav li a{width:1.8rem;height:1.8rem;background:#bcbcbc;border-radius:100%;display:block;margin:0 0.6rem}
    .Content8 .slide_area_mo .flex-control-nav li a.flex-active{background:#111}
    .Content8 .slide_area_mo .flex-control-nav li span{display:block;text-indent:-9999px}
    .GotoEssencore{padding:15rem 0}
    .GotoEssencore  h3{font-size:5.2rem;margin-bottom:10rem}
    .GotoEssencore ul li a{width:24rem;height:24rem}
    .GotoEssencore ul li a div.text{font-size:2.4rem}
    .GotoEssencore ul li a span.area span{font-size:1.8rem;padding-bottom:0.7rem;}
    .GotoEssencore ul li a span.area span img{width:0.6rem;margin-left:1rem}
    .GotoEssencore ul li a span.area{bottom:14%}
}
@media all and (max-width:640px) {
    .Content2 .text_box ul li span{letter-spacing:-0.1rem}
    .Content2 .text_box ul li img{margin-right:3.9%}
    .Content3 h2{letter-spacing:-0.2rem}
    .Content4 .text_box h3{letter-spacing:-0.3rem}
    .Content5 .text_box.second{padding-bottom:39rem}
    .Content5 .text_box li.tit{font-size:4.7rem}
    .Content6 h2{letter-spacing:-0.5rem}
    .Content8 h5{font-size:2.3rem}
}
@media all and (max-width:414px) {
    .Content1 .text_box h2{letter-spacing:-0.1rem}
    .Content3 h2{letter-spacing:-0.3rem}
    .Content3 .text_box{width:32rem}
    .Content4 .text_box h3{letter-spacing:-0.4rem}
    .Content4{background-position-y:bottom;height:149rem}
    .Content5 .text_box li.tit{letter-spacing:-0.8rem}
    .Content6 h2{letter-spacing:-0.6rem}
}