*{box-sizing:border-box}html{overflow-y:scroll}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font:normal 15px/150% "SimSun",Verdana,sans-serif;color:#333}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}q:before,q:after{content:''}object,embed{vertical-align:top}hr,legend{display:none}img,abbr,acronym,fieldset{border:0}li{list-style-type:none}sup{vertical-align:super;font-size:.5em}img{vertical-align:top}i{font-style:normal}input[type=button],input[type=submit],input[type=reset],select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:''}a{text-decoration:underline;transition:all .2s;color:#333}a:hover{text-decoration:none;opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}.t_center{text-align:center!important}.t_left{text-align:left!important}.t_right{text-align:right!important}.mt0{margin-top:0!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mb0{margin-bottom:0!important}.mb10{margin-bottom:10px!important}.mb20{margin-bottom:20px!important}.flex{display:-ms-flexbox;display:flex}.flex.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex.center{-ms-flex-align:center;align-items:center}.view_sp{display:none}@media all and (max-width:599px){.view_sp{display:block}}.contents .contents_head .container{position:relative;height:268px}@media all and (max-width:768px){.contents .contents_head .container{padding-top:25px}}@media all and (max-width:599px){.contents .contents_head .container{height:140px}}.contents .contents_head .ttl{font:100 35px/100% "SimSun",Verdana,sans-serif;color:#d2bd77;letter-spacing:2px;display:inline-block;line-height:120%;padding:15px 100px 15px 0;background:linear-gradient(to right,#334d63 70%,transparent)}.contents .contents_head .ttl span{color:#d2bd77;background:-webkit-linear-gradient(0deg,#d2bd77,#d2bd77);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (max-width:599px){.contents .contents_head .ttl span{display:inline-block}}@media all and (max-width:768px){.contents .contents_head .ttl{padding:9px 80px 9px 13px}}@media all and (max-width:599px){.contents .contents_head .ttl{font-size:23px}}.contents .contents_head p{position:absolute;right:0;bottom:15px;font:100 22px/100% "SimSun",Verdana,sans-serif;color:#fff;letter-spacing:3px;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (max-width:768px){.contents .contents_head p{right:13px}}@media all and (max-width:599px){.contents .contents_head p{display:none}}.contents h2{font:100 40px/70% minion-pro,ten-mincho-text,serif;margin:20px 0 30px;letter-spacing:2px;color:#334d63;text-align:center;background:#334d63;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contents h2 span{color:#999;font:100 14px/100% "SimSun",Verdana,sans-serif;letter-spacing:1px;background:#999;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contents .desc{font:100 17px/180% "SimSun",Verdana,sans-serif;margin-bottom:40px;color:#333;text-align:center;background:#333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contents .desc.c_navy{color:#334d63}.contents .page_navi{padding:30px 0 20px;overflow:hidden}@media all and (max-width:599px){.contents .page_navi{padding:20px 13px 0}}.contents .page_navi ul{-ms-flex-pack:center;justify-content:center;position:relative;z-index:3}.contents .page_navi ul.second{z-index:2}.contents .page_navi li{font:100 20px/130% "SimSun",Verdana,sans-serif;margin:0 50px 30px 0;width:270px;background-color:rgba(242,242,242,.9);height:100px;position:relative}@media all and (max-width:768px){.contents .page_navi li{width:calc(100%/3 - 12px);margin:0 10px 0 0}}@media all and (max-width:599px){.contents .page_navi li{width:calc(50% - 5px);margin:0 10px 20px 0;height:70px;font-size:16px}.contents .page_navi li:nth-child(even){margin-right:0}}.contents .page_navi li:before{content:"";display:block;position:absolute;top:0;left:9px;background:url(../images/common/arrow_check@2x.png) no-repeat top center;background-size:23px;width:23px;height:116px}@media all and (max-width:599px){.contents .page_navi li:before{background:url(../images/common/arrow_check.png) no-repeat top center;background-size:18px;width:18px;height:80px;left:6px}}.contents .page_navi li:last-child,.contents .page_navi li:nth-child(3n){margin:0 0 30px}@media all and (max-width:599px){.contents .page_navi li:last-child,.contents .page_navi li:nth-child(3n){margin:0 0 20px}}.contents .page_navi li a{color:#334d63;display:block;text-decoration:none;padding:0 0 0 50px;background:#334d63;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (max-width:599px){.contents .page_navi li a{padding:0 0 0 31px}}.bnr_benefit{margin-top:100px}@media all and (max-width:599px){.bnr_benefit{margin-top:60px}}.bottom_box_search{background-color:#334d63}@media all and (-ms-high-contrast:none){*::-ms-backdrop,.ie11,.temp_st2,.temp_st3,.contents_head p,.contents h2,.contents h2 span,.contents .desc,.page_navi li a{background:none!important}}#list{background-color:#e1e4e8;padding:80px 0 0}@media all and (max-width:768px){#list{padding:50px 0 0}}#list .htl_list{max-width:1400px;margin:0 auto}#list .htl_list h3{position:absolute;left:0;top:20px;z-index:6;background:url(../images/top/bg_htl.png) repeat-y top left;background-size:300px;width:400px;font:100 20px/100% "SimSun",Verdana,sans-serif;padding:16px 0 16px 20px;color:#fff;letter-spacing:1px}#list .htl_list h3 span{color:#fff;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (max-width:768px){#list .htl_list h3{font-size:17px;padding:10px 0 10px 15px}}@media all and (max-width:599px){#list .htl_list h3{top:10px;background-size:100%;width:100%;font-size:14px;padding:6px 0 6px 10px}}#list .htl_list li{width:50%;position:relative}#list .htl_list li .thumbnail,#list .htl_list li img{width:100%;height:auto}#list .htl_list li a{color:#fff;text-decoration:none;position:relative;display:block}#list .htl_list li a:before{content:"see more";background:url(../images/common/arrow_white.svg) no-repeat right 22px center;background-size:15px;color:#fff;display:block;width:150px;text-align:center;padding:10px 20px 14px 0;position:absolute;top:calc(50% - 20px);left:calc(50% - 85px);border:solid 1px #fff;font:100 18px/100% minion-pro,ten-mincho-text,serif;z-index:8;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transition:all .2s;letter-spacing:1px}#list .htl_list li a:after{content:"";background-color:rgba(51,77,99,.9);display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:7;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transition:all .2s}#list .htl_list li a:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}#list .htl_list li a:hover:before,#list .htl_list li a:hover:after{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}#list .htl_list li a:hover:before:hover{background-color:#fff}@media all and (max-width:768px){#list .htl_list li a:after{content:"";background:url(../images/common/arrow_navy.svg) no-repeat center center #f2f2f2;background-size:15px;width:30px;height:30px;position:absolute;top:auto;left:auto;right:7px;bottom:7px;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}#list .htl_list li span.flex{position:absolute;top:50%;left:0;color:#fff;width:100%;height:100%;font:100 22px/100% "SimSun",Verdana,sans-serif;letter-spacing:1px;-ms-flex-pack:center;justify-content:center;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;text-align:center}#list .htl_list li span.flex br{display:none}@media all and (max-width:599px){#list .htl_list li span.flex{font-size:16px;line-height:140%;top:40%}#list .htl_list li span.flex br{display:block}}.other{padding:75px 0}@media all and (max-width:768px){.other{padding:30px 0}}.other h2{font:100 24px/100% "SimSun",Verdana,sans-serif}.other>.flex{padding:0}@media all and (max-width:768px){.other>.flex{display:block;padding:0 13px}}.other li{width:calc(50% - 10px)}@media all and (max-width:768px){.other li{width:500px;margin:0 auto 20px}}@media all and (max-width:599px){.other li{width:100%;margin:0}}.other li:first-child{margin-right:20px}@media all and (max-width:768px){.other li:first-child{margin:0 auto 20px}}@media all and (max-width:599px){.other li:first-child{margin:0 0 10px}}.other li a{background-color:#334d63;text-align:center;text-decoration:none}.other li .thumbnail,.other li .type{width:50%}.other li .thumbnail{overflow:hidden}.other li .thumbnail img{width:252px;height:auto}@media all and (max-width:599px){.other li .thumbnail img{width:100%}}.other li .type{color:#fff;font:100 18px/150% "SimSun",Verdana,sans-serif;text-align:center;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}@media all and (max-width:599px){.other li .type{font-size:15px}}.other li .type:after{content:"";background:url(../images/common/arrow_white.svg) no-repeat center center;background-size:15px;display:block;width:100%;height:20px;position:absolute;bottom:-20px;left:0}.other li .type span{display:inline-block;color:#fff;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (-ms-high-contrast:none){*::-ms-backdrop,.htl_list h3 span,.htl_list li span.flex,.type,.type span{background:none!important}}.contents .contents_head{background:url(../brand/images/lifestyle/bg_head@x1.5.jpg) no-repeat top center #334d63;background-size:1280px}@media all and (max-width:768px){.contents .contents_head h1{line-height:130%}}@media all and (max-width:599px){.contents .contents_head{background:url(../brand/images/lifestyle/bg_head@sp.jpg) no-repeat top center #334d63;background-size:375px}.contents .contents_head h1{font-size:6vw;letter-spacing:0;padding-right:0}}.contents .block_value{max-width:1280px;margin:0 auto 50px}@media all and (max-width:768px){.contents .block_value{width:auto;margin:0 0 30px}}.contents .block_value .thumbnail img{width:990px;height:auto}@media all and (max-width:768px){.contents .block_value .thumbnail img{width:100%}}.contents .block_value .inner{text-align:right;max-width:1160px;position:relative}@media all and (max-width:768px){.contents .block_value .inner{width:100%}}.contents .block_value .inner .text{display:inline-block;background-color:rgba(255,255,255,.9);padding:40px;position:absolute;bottom:30px;right:0;width:470px}@media all and (max-width:768px){.contents .block_value .inner .text{padding:20px 25px;bottom:0}}@media all and (max-width:599px){.contents .block_value .inner .text{position:static;width:100%;padding:20px 0 0}}.contents .block_value .inner .text p{font:100 17px/180% "SimSun",Verdana,sans-serif;text-align:left}@media all and (max-width:599px){.contents .block_value .inner .text p{font-size:15px;text-align:center}}.contents .block_value:nth-child(even) .thumbnail{text-align:right}.contents .block_value:nth-child(even) .inner{text-align:left}.contents .block_value:nth-child(even) .text{left:0;right:auto}.contents .function{margin-bottom:80px}.contents .function .inner{background-color:#e1e4e8;padding:40px}@media all and (max-width:768px){.contents .function{padding:0 13px;margin-bottom:50px}.contents .function .inner{padding:25px}}@media all and (max-width:599px){.contents .function .flex{display:block}}.contents .function li{width:calc(100%/3 - 17px);margin-right:25px}@media all and (max-width:768px){.contents .function li{width:calc(100%/3 - 7px);margin-right:10px}}@media all and (max-width:599px){.contents .function li{width:auto;margin:0 0 20px}}.contents .function li:last-child{margin:0}.contents .function .thumbnail{margin-bottom:15px}@media all and (max-width:768px){.contents .function .thumbnail{margin-bottom:5px}}.contents .function .thumbnail img{width:290px;height:auto}@media all and (max-width:768px){.contents .function .thumbnail img{width:100%}}.contents .function h2{font:100 24px/140% "SimSun",Verdana,sans-serif;margin-bottom:15px}@media all and (max-width:599px){.contents .function h2{font-size:18px}}.contents .function h3{font:100 18px/180% "SimSun",Verdana,sans-serif;color:#334d63}.contents .function p{font:100 16px/180% "SimSun",Verdana,sans-serif;text-align:center;margin-bottom:20px}