html,body{ margin:0; padding:0;}
.page_pc *{ margin:0; padding:0; list-style:none; border:0; font-family:'\5FAE\8F6F\96C5\9ED1\0','SL-Simplified',"Microsoft YaHei",Arial; text-align:left; font-weight: normal; }
.page_pc{ overflow:hidden; max-width:1920px; min-width:1200px; margin:0 auto; }
.page_pc img{ display:block; max-width:100%; }
.page_pc video{ display:block; width:100%; }
.page_pc strong{ font-weight:bold; }
.page_pc sup{ font-size:0.6em; line-height:0; vertical-align:super; } 
.page_pc :focus:not(:focus-visible){ outline:none; }

.page_pc .h2Box{ max-width:1200px; margin:0 auto; position:relative; color:#252525; border-bottom:solid 3px; border-image:linear-gradient(90deg, transparent 0, #dadada 5%, #dadada calc( 50% - 40px ),transparent calc( 50% - 40px ),transparent calc( 50% + 40px ),#dadada calc( 50% + 40px ),#dadada 95%,transparent) 2; text-align:center; padding:60px 0 40px; }
.page_pc .h2Box::after{ content:''; position:absolute; left:50%; top:100%; width:20px; height:20px; border-left:solid 2px #dedede; border-bottom:solid 2px #dedede; transform:translate(-50%,-75%) rotate(-45deg); }

.page_pc .h2Box>h2{ font-size:30px; line-height:1.2em; padding:10px 0; color:#252525; font-weight:300; display:inline-block; text-align:left; }
.page_pc h2>strong{ font-weight:bold; }

.page_pc .h2_01>h2{ padding-left:122px; background:url(../images/extend_warranty/icon_1years.png) left center no-repeat; }
.page_pc .h2_01>h2>strong{ color:#3387e5; }
.page_pc .h2_02>h2{ padding-left:135px; background:url(../images/extend_warranty/icon_2years.png) left center no-repeat; }
.page_pc .h2_02>h2>strong{ color:#e53374; }
.page_pc .h2_03>h2{ padding-left:102px; background:url(../images/extend_warranty/icon_90days.png) left center no-repeat; letter-spacing:0.04em; }
.page_pc .h2_03>h2>strong{ letter-spacing:0; color:#ff9219; }

.page_pc h3{ text-align: center; font-size:24px; line-height:2.25em; position:relative; margin-top:70px; }
.page_pc h3::after{ content:''; position:absolute; left:50%; top:100%; width:30px; height:3px; background:#278ad4; transform:translateX(-50%); }


.page_pc p{ font-size:14px; line-height:22px; color:#000; font-weight: normal; }

.page_pc .btn01{ position:absolute; left:50%; top:53.6%; font-size:25px; line-height:1em; padding:0.6em 1.5em 0.5em; background:#4f3ccc; border-radius:1.05em; color:#fff; transform: translateX(-50%); }
.page_pc .btn02{ position:absolute; left:1420px; top:332px; font-size:13px; line-height:18px; padding:5px 20px; background:#efae30; border-radius:14px; color:#fff; transform: translateX(-50%); }

.page_pc .section{ position:relative; width:1920px; left:50%; margin-left:-960px; }
.page_pc .sec01{ background:linear-gradient(#fff,#f3f3f3); padding-bottom:110px; }
.page_pc .sec02{ width:1200px; margin:0 auto; padding-bottom:80px; }

.page_pc .briefBox{ position:relative; margin:0 auto; width:1200px; top:-105px; display: flex; }
.page_pc .briefBox+div{ margin-top:-105px; }
.page_pc .briefBox .icon{ width:500px; }
.page_pc .briefBox .brief{ width:700px; background:#eee; position:relative; overflow: hidden; }
.page_pc .briefBox .brief::before{ content:'“'; position:absolute; font-size:147px; line-height:1em; font-family:'\5FAE\8F6F\96C5\9ED1\0','SL-Simplified',"Microsoft YaHei",Arial; color:#e3e3e3; left:0.08em; top:0.1em; text-transform:uppercase; }
.page_pc .briefBox .brief::after{ content:'guarantee'; position:absolute; font-weight:bold; font-size:47px; line-height:1em; font-family:'\5FAE\8F6F\96C5\9ED1\0','SL-Simplified',"Microsoft YaHei",Arial; color:#e3e3e3; right:-0.24em; bottom:-0.24em; letter-spacing:0.12em;text-transform:uppercase; }
.page_pc .briefBox .brief>p{ position:relative; top:50%; transform: translateY(-50%); margin:0 3em; }

.page_pc .hexagon{ position:absolute; width:346px; height:200px; }
.page_pc .hexagon::before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; transform:rotate(60deg); }
.page_pc .hexagon::after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; transform:rotate(120deg); }
.page_pc .hex01{ left:40px; top:605px; background:#ebeced; transform:translate(-50%,-50%) rotate(25deg) scale(0.8); }
.page_pc .hex01::before{ background:#ebeced; }
.page_pc .hex01::after{ background:#ebeced; }
.page_pc .hex02{ left:20px; top:510px; background:#3387e5; transform:translate(-50%,-50%) rotate(20deg) scale(0.4); }
.page_pc .hex02::before{ background:#3387e5; }
.page_pc .hex02::after{ background:#3387e5; }
.page_pc .hex03{ left:1900px; top:240px; background:#ebeced; transform:translate(-50%,-50%) rotate(20deg) scale(0.6); }
.page_pc .hex03::before{ background:#ebeced; }
.page_pc .hex03::after{ background:#ebeced; }
.page_pc .hex04{ left:1775px; top:860px; background:#e1f2fa; transform:translate(-50%,-50%) rotate(40deg) scale(0.2); }
.page_pc .hex04::before{ background:#e1f2fa; }
.page_pc .hex04::after{ background:#e1f2fa; }
.page_pc .hex05{ left:1890px; top:960px; background:#3387e5; transform:translate(-50%,-50%) scale(0.4); }
.page_pc .hex05::before{ background:#3387e5; }
.page_pc .hex05::after{ background:#3387e5; }

.page_pc .warranty{ margin:0 auto; }
.page_pc .sec01 .di{ width:1025px; }
.page_pc .sec01 .pa{ width:1198px; }

.page_pc .categoryUl{ overflow:hidden; margin:60px auto 0; padding-bottom:20px; }
.page_pc .categoryUl>li{ width:158px; height:158px; position:relative; float:left; margin-left:13px; border:solid 1px #d3d3d3; border-radius:12px; transition:all 0.1s linear; }
.page_pc .categoryUl>li>p{ position:absolute; left:0; top:120px; width:100%; text-align:center; font-size:14px; line-height:1.5em; }
.page_pc .categoryUl>li>p>br{ display:none; }
.page_pc .categoryUl>li:first-child{ margin-left:0; }
.page_pc .categoryUl>li.active{ border:solid 1px #d8eef9; background:#d8eef9; cursor:pointer; }
.page_pc .categoryUl>li.more{ cursor:pointer; }
.page_pc .categoryUl>li.more:hover{ border:solid 1px #d8eef9; background:#d8eef9; }
.page_pc .categoryUl>li.more::before{ content:'···'; position:absolute; right:10px; top:0px; color:#3387e5; font-weight:bold; letter-spacing:-0.5em; transition:opacity 0.1s linear; }
.page_pc .categoryUl>li.active::after{ content:''; position:absolute; left:50%; top:156px; width:0; height:0; border:solid 8px transparent; border-bottom:solid 15px #ebebeb; transform:translateX(-50%); }

.page_pc .sec02 .di .categoryUl>li.active{ border:solid 1px #ffe7ed; background:#ffe7ed; }
.page_pc .sec02 .di .categoryUl>li.more:hover{ border:solid 1px #ffe7ed; background:#ffe7ed; }
.page_pc .sec02 .di .categoryUl>li.more::before{ color:#e53374; }
.page_pc .sec02 .pa .categoryUl>li.active{ border:solid 1px #fff0e9; background:#fff0e9; }
.page_pc .sec02 .pa .categoryUl>li.more:hover{ border:solid 1px #fff0e9; background:#fff0e9; }
.page_pc .sec02 .pa .categoryUl>li.more::before{ color:#ff9219; }

.page_pc h3+.categoryUl{ margin-top:30px; }

.page_pc .category01{ width:1025px; }
.page_pc .category01>li:first-child{ letter-spacing:0.01em; }
.page_pc .category02{ width:1198px; }

.page_pc .productBox{ overflow: hidden; margin:0 auto; position:relative; }
.page_pc .productBox>ul{ background:#ebebeb; padding:15px 20px; border-radius:12px; display:block; }
.page_pc .productBox>ul>li{ background:#ebebeb; border-radius:12px; display:inline-block; font-size:14px; line-height:20px; color:#000; }
.page_pc .productBox>ul>li::after{ content:'、'; }
.page_pc .productBox>ul>li:last-child:after{ display:none; }

.page_pc .warrUl{ overflow: hidden; padding-bottom:80px; }
.page_pc .warrUl>li{ float:left; width:560px; margin-left:80px; }
.page_pc .warrUl>li:nth-child(2n+1){ margin-left:0; }
.page_pc .bzUl01{ padding-top:50px; border-top:solid 1px #e1e1e1; }
.page_pc .bzUl01>li{ font-size:14px; line-height:2em; color:#7b7b7b; }
.page_pc .bzUl01>li::before{ content:'*'; }
.page_pc .bzUl01>li>a{ color:#3387e5; text-decoration:underline; }







.page_mobile{ overflow:hidden; }
.page_mobile *{ margin:0; padding:0; list-style:none; border:0; text-align:left; -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; text-align: justify; text-justify:inter-ideograph; font-weight:normal; }
.page_mobile img{ display:block; width:100%; }
.page_mobile video{ display:block; width:100%; }
.page_mobile p{ font-weight: normal; }
.page_mobile sup{ font-size:0.6em; line-height:0; vertical-align:super; } 

.page_mobile .sec01{ position:relative; background:linear-gradient(#fff 80%,#effaff); padding:0 5.6vw 8.8vw; }
.page_mobile .sec02{ position:relative; padding:0 5.6vw 8.8vw; }
.page_mobile .sec03{ position:relative; padding:0 5.6vw 8.8vw; background:linear-gradient(#fff1eb,#fff 50%); }
.page_mobile .briefBox{ position:relative; margin:0 auto; width:88vw; top:-16vw; }
.page_mobile .briefBox+div{ margin-top:-16vw; }
.page_mobile .briefBox .brief{ padding:5vw; background:#eee; position:relative; overflow:hidden; }
.page_mobile .briefBox .brief::before{ content:'“'; position:absolute; font-size:21.6vw; line-height:1em; font-family:'\5FAE\8F6F\96C5\9ED1\0','SL-Simplified',"Microsoft YaHei",Arial; color:#e3e3e3; left:0.08em; top:0.1em; text-transform:uppercase; }
.page_mobile .briefBox .brief::after{ content:'guarantee'; position:absolute; font-weight:bold; font-size:6.8vw; line-height:1em; font-family:'\5FAE\8F6F\96C5\9ED1\0','SL-Simplified',"Microsoft YaHei",Arial; color:#e3e3e3; right:-0.24em; bottom:-0.24em; letter-spacing:0.12em;text-transform:uppercase; }
.page_mobile .briefBox .brief>p{ font-size:3.2vw; line-height:2em; position:relative; z-index:1; }


.page_mobile .h2Box{ max-width:88vw; margin:0 auto; position:relative; color:#252525; border-bottom:solid 0.4vw; border-image:linear-gradient(90deg, transparent 0, #dadada 5%, #dadada calc( 50% - 6.5vw ),transparent calc( 50% - 6.5vw ),transparent calc( 50% + 6.5vw ),#dadada calc( 50% + 6.5vw ),#dadada 95%,transparent) 2; text-align:center; padding:10vw 0 6vw; }
.page_mobile .h2Box::after{ content:''; position:absolute; left:50%; top:100%; width:4vw; height:4vw; border-left:solid 0.4vw #dedede; border-bottom:solid 0.4vw #dedede; transform:translate(-50%,-65%) rotate(-45deg); }
.page_mobile .h2Box>h2{ font-size:4.8vw; line-height:1.2em; padding:3vw 0 2vw; color:#252525; font-weight:300; display:inline-block; text-align:left; }
.page_mobile h2>strong{ font-weight:bold; }

.page_mobile .h2_01>h2{ padding-left:20vw; background:url(../images/extend_warranty/icon_1years.png) left center no-repeat; background-size:17.2vw; }
.page_mobile .h2_01>h2>strong{ color:#3387e5; }
.page_mobile .h2_02>h2{ padding-left:20.8vw; background:url(../images/extend_warranty/icon_2years.png) left center no-repeat; background-size:18.8vw; }
.page_mobile .h2_02>h2>strong{ color:#e53374; }
.page_mobile .h2_03>h2{ padding-left:18.4vw; background:url(../images/extend_warranty/icon_90days.png) left center no-repeat; background-size:14.8vw; letter-spacing:0.04em; }
.page_mobile .h2_03>h2>strong{ letter-spacing:0; color:#ff9219; }

.page_mobile h3{ text-align: center; font-size:4.8vw; line-height:2.25em; position:relative; margin-top:8vw; }
.page_mobile h3::after{ content:''; position:absolute; left:50%; top:100%; width:7vw; height:0.4vw; background:#278ad4; transform:translateX(-50%); }


.page_mobile .categoryBox{ margin-top:8vw; }
.page_mobile .categoryUl{ overflow:hidden; margin:0 auto; }
.page_mobile .categoryUl>li{ width:28vw; position:relative; float:left; margin:0 0.8vw 4vw; border:solid 1px #d3d3d3; box-sizing:border-box; border-radius:1.6vw; transition:all 0.1s linear; }
.page_mobile .categoryUl>li>p{ position:absolute; left:0; top:23vw; width:100%; text-align:center; font-size:3.2vw; line-height:1.2em; transform:translateY(-50%); }
.page_mobile .categoryUl>li.active{ border:solid 1px #d8eef9; background:#d8eef9; cursor:pointer; }
.page_mobile .categoryUl>li.active::after{ content:''; position:absolute; left:50%; top:27vw; width:0; height:0; border:solid 2vw transparent; border-bottom:solid 3vw #ebebeb; transform:translateX(-50%); }
.page_mobile .categoryUl>li.more::before{ content:'···'; position:absolute; right:2vw; top:0px; color:#3387e5; font-weight:bold; transition:opacity 0.1s linear; }


.page_mobile .sec02 .categoryUl>li.active{ border:solid 1px #ffe7ed; background:#ffe7ed; }
.page_mobile .sec02 .categoryUl>li.more::before{ color:#e53374; }

.page_mobile .sec03 .categoryUl>li.active{ border:solid 1px #fff0e9; background:#fff0e9; }
.page_mobile .sec03 .categoryUl>li.more::before{ color:#ff9219; }

.page_mobile .productBox{ overflow: hidden; margin:0 auto; position:relative; }
.page_mobile .productBox+.categoryUl{ margin-top:3vw; }
.page_mobile .productBox .arrow{ content:''; position:absolute; left:80px; top:0px; width:0; height:0; border:solid 8px transparent; border-bottom:solid 15px #ebebeb; transform:translateX(-50%); }
.page_mobile .productBox>ul{ background:#ebebeb; padding:3vw 4vw; border-radius:3vw; display:block; }
.page_mobile .productBox>ul>li{ background:#ebebeb; border-radius:12px; display:inline-block; font-size:14px; line-height:20px; color:#000; }
.page_mobile .productBox>ul>li::after{ content:'、'; }
.page_mobile .productBox>ul>li:last-child:after{ display:none; }

.page_mobile .bzUl01{ padding:6vw 0; margin:0 6vw; border-top:solid 1px #e1e1e1; }
.page_mobile .bzUl01>li{ font-size:2.93vw; line-height:1.64em; color:#7b7b7b; }
.page_mobile .bzUl01>li::before{ content:'*'; }
.page_mobile .bzUl01>li>a{ color:#3387e5; text-decoration:underline; }

.page_mobile .regUl{ padding:3.6vw 6vw 10vw; }
.page_mobile .regUl>li{ margin-top:7.6vw; }