html,body{ margin:0; padding:0; position:relative; }

.sections{ overflow: hidden; position: relative; width:100%; max-height:100%;}
.page_pc.active{max-height: 2000vw;}
.swiper-slide{overflow-x: hidden;}
img{ display:block; max-width:100%; }
.page_pc svg{ display:block; max-width:100%; }

.swiper-slide_item{display: none;}
.swiper-slide_item.active{display: block;}
.a306_banner{position: relative;width: 100%;}
.sub_nav{position:absolute;left: 11vw;
    top: 120.9vw;
    width: 67vw;
    height: 9vw;display: flex;justify-content: space-between;z-index: 999;}
.sub_nav .sub_nav_item{width: 31%;height:9vw;}
.content_box_item_e{display: none;width: 100%;}
.content_box_item_e.active{display: block;}
.nav_default_item{display: none;}
.nav_default_item.active{display: block;}
.nav_active_item{display: none;}
.nav_active_item.active{display: block;}

.header_parts { width:100%; height:68px; position:fixed; z-index:999; top:0; left:0; overflow:hidden; }
.sony_header { width:1920px; position:absolute; top:-68px; left:50%; transition:all 0.4s ease; margin-left:-960px; min-width:1200px; }
.header_parts:hover .sony_header{ top:0; transition:all 0.4s ease;}

.page_pc .page_box{ position:absolute; width:100%; top:0;left: 0; transform: translate(0,60%);opacity: 0; }
.page_pc .page_box.active{transform: translate(0,0);opacity: 1;  transition:all .5s ease-in-out .5s;}
.page_pc .page_box .title_bg{ position:absolute; width:100%; top:0; left:0; }
.page_pc .page_box .title_bg .title{position: absolute;width: 35.4vw;left: 36.3vw;top:0.9vw;}
.page_pc .page_box .title_bg div.title_bg_item{display: none; width:100%; }
.page_pc .page_box .title_bg .title_bg_item.active{display: block;}
.page_pc .itemUl{ width:100%;margin-top: 15.3vw; overflow: hidden; }
.page_pc .itemUl>li{ width:14.53125vw; float: left; overflow: hidden; transition:all .5s ease-in-out; position:relative; cursor: pointer; background:#000; }
.page_pc .itemUl>li .name{ position:absolute; left:20vw; top:9.9vw; width:20.3vw; opacity:0;transform: translateX(-42vw); transition:all .5s ease-in-out; }
.page_pc .itemUl>li .dark{ position:absolute; left:0; top:0;background: rgba(53, 53, 53, 0.4); width:100%; height:100%; opacity:1; transition:all .5s ease-in-out; }
.page_pc .itemUl>li .tit{position:absolute;top:14.8vw;transform: translateX(100%); transition:all 0.2s ease-in-out; }
.page_pc .itemUl>li .nav_title_01{width:14.1vw;left: 0.3vw;}
.page_pc .itemUl>li .nav_title_02{width:14.3vw;left: 0.2vw;}
.page_pc .itemUl>li .nav_title_03{width:12.7vw;left: 1vw; }
.page_pc .itemUl>li .nav_title_04{width:12.7vw;left: 1vw; }
.page_pc .itemUl>li .tit img{ position:absolute;width:100%; transition:all 0.2s 0.5s ease-in-out; }
.page_pc .itemUl>li>.pic{ position:relative; width:56.354166666vw; overflow: hidden; transition:all .5s ease-in-out; background:#000; }
.page_pc .itemUl>li.active{ width:56.3vw;cursor: pointer;}
.page_pc .itemUl>li.active2 .tit{transform: translateX(0);}
.page_pc .itemUl>li.active2 .tit img{ width:100%; }
.page_pc .itemUl>li:hover .dark{ opacity:0.5; }
.page_pc .itemUl>li.active .dark{ opacity:0; }
.page_pc .itemUl>li.active>.pic .name{ opacity:1; transform: translateX(0);}
.page_pc .itemUl>li.active>.pic .dark{ opacity:0; }
.page_pc .itemUl>li .tit.active{ transform: translateX(100%);opacity:0; transition-delay:0.2s; }

.page_pc .itemUl>li.active2{ width:14.56vw; }
.page_pc .itemUl>li.active2 .dark{ opacity:1; }
.page_pc .itemUl>li.life>.pic{ left:0; }
.page_pc .itemUl>li.life.active2>.pic{ left:-18vw; }
.page_pc .itemUl>li.cooking>.pic{ left:0; }
.page_pc .itemUl>li.cooking.active2>.pic{ left:-19.3vw; }
.page_pc .itemUl>li.travel>.pic{ left:0; }
.page_pc .itemUl>li.travel.active2>.pic{ left:-36.5vw; }
.page_pc .itemUl>li.beauty>.pic{ left:0; }
.page_pc .itemUl>li.beauty.active2>.pic{ left:-25.7vw; }
.page_pc .itemUl>li.active>.pic{ left:0vw; }

.page_pc .iframeBox{ position:absolute; left:100%; top:0; width:100%; height:100%; z-index:1000; overflow: hidden; transition:left .5s ease-in-out; }
.page_pc .iframeBox.active{ left:0; }
.page_pc .iframeBox .btnClose{ width:4%; position:absolute; right:3%; top:75px; z-index:99; border-radius:50%; box-shadow:0 0 10px #ccc; cursor:pointer; }

.o-scroll{background: #F9F9F1;}

.gohome1{width: 16.7vw;position: fixed;top:2vw;left: 78.9vw;transform: translateX(-110vw);transition:left .5s ease-in-out;z-index: 99;}
.gohome1.active{transform: translateX(0);}
.title_bg{position: absolute;top:0;left: 0;width: 100%;z-index: 88;transition:all .5s ease-in-out; }
.title_logo{width: 90.7vw;position: absolute;left: 4.7vw;top:1.6vw;}
.title_bg .title_bg_item{display: none; width:100%; }
.title_bg .title_bg_item.active{display: block;}
.kv_bg{width: 100%;height: 100vh;transform:translateY(44vw);transition:all .5s ease-in-out;}

.page_pc{ overflow: hidden; position: relative; width:100%; height:100%;background:#f9f9f1;}
.page_pc *{ margin:0; padding:0; list-style: none; outline:none; font-family:'SL-Simplified'; }
.page_pc img{ display:block; max-width:100%; }
.page_pc svg{ display:block; max-width:100%; }

.header_parts { width:100%; height:68px; position:fixed; z-index:999; top:0; left:0; overflow:hidden; }
.sony_header { width:1920px; position:absolute; top:-68px; left:50%; transition:all 0.4s ease; margin-left:-960px; min-width:1200px; }
.header_parts:hover .sony_header{ top:0; transition:all 0.4s ease;}
.sections img{ display: block; width: 100%;}
.section{ width: 100%; position: relative;}
.opt0{ opacity: 0;}

.color33312e{color: #33312e;}
.colorfff{color: #fff;}
.color000{color: #000;}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translateY(60px);}
    100%{ opacity: 1; transform: translateY(0);}
}
@keyframes fadeInUp11{
    0%{ opacity: 0; transform: translateY(60px) translateZ(-20.4213px) rotateY(-33.75deg);}
    100%{ opacity: 1; transform: translateY(0) translateZ(-20.4213px) rotateY(-33.75deg);}
}

.fadeInUp1{ animation: fadeInUp1  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.8s ease 0.55s  forwards; will-change: transform,opacity;}
.fadeInUp3{ animation: fadeInUp1  0.8s ease 0.7s  forwards; will-change: transform,opacity;}
.fadeInUp4{ animation: fadeInUp1  0.8s ease 0.85s  forwards; will-change: transform,opacity;}
.fadeInUp5{ animation: fadeInUp1  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp6{ animation: fadeInUp1  0.8s ease 1.15s  forwards; will-change: transform,opacity;}
.fadeInUp7{ animation: fadeInUp1  0.8s ease 1.3s  forwards; will-change: transform,opacity;}

#preload{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;

    z-index:200;
    display:flex;
    justify-content: center;
    align-items: center;
}
.preload-bg{
    position:absolute;
    width:100%;
    height:100%;
    background:#000;
}
#preload .tip{
    display:inline;
    color:#fff;
    font-size:4vw;
    font-weight:bold;
    line-height:1;
    position:relative;
    overflow:hidden;
}
.tip-bg{
    position:absolute;
    width:0px;
    height:100%;
    background:#fff;
}
.swiper-container {
    width: 100%;
    height: 100%;
    z-index: 100;
}
#txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
h2 {
    cursor: pointer;
    color: #fff;
    font-size: 11vw;
    line-height: 0;
    letter-spacing: -0.04em;
    display: inline;
    position: absolute;
    max-width: 74.61937%;
    white-space: normal;
    left: 0;
    bottom: calc(50% - 75px);
    margin-left: 12.69031%;
}

.swiper-slide h2 {
    display: none;
}

.disappear {
    transition: all 0.2s ease;
    top: 40px;
    opacity: 0;
}

.appear {
    transition: all 0.2s ease;
    top: 0;
    opacity: 1;
}

.section{width: 100%;position: relative;}
.section_01{width: 100%;position: relative;height: 132.9vw;}
.section_01 .swiper_part001{width: 100%;position: relative;}
.swiper-pagination-001{display: flex;justify-content: center;width: 100%;bottom: 3vw;left: 0;z-index: 999;}
.swiper-pagination-001 .swiper-pagination-bullet{margin: 1vw;border: 2px #fff solid;background: transparent;opacity: 1;}
.swiper-pagination-001 .swiper-pagination-bullet-active{margin: 1vw;border: 2px #fff solid;background: #fff;}
.part01_left_btn{position: absolute;width: 7.5vw;height: 7.5vw;left: 2.8vw;top:62.7vw; z-index: 999;}
.part01_right_btn{position: absolute;width: 7.5vw;height: 7.5vw;right: 2.8vw;top:62.7vw; z-index: 999;}
.swiper-button-disabled{opacity: 0;}

.section_02_title{position: absolute;left: 11.1vw;top:11.6vw;z-index: 999;width: 76.9vw;}
.section_02_01_title{position: absolute;left: 9.3vw;top:85.2vw;z-index: 999;width: 39.9vw;}
.section_02_02_title{position: absolute;left: 9.3vw;top:85.2vw;z-index: 999;width: 36.3vw;}
.section_02_03_title{position: absolute;left: 9.3vw;top:85.2vw;z-index: 999;width: 36.8vw;}

.swiper-pagination-002{display: flex;justify-content: center;width: 100%;bottom: 3vw;left: 0;z-index: 999;}
.swiper-pagination-002 .swiper-pagination-bullet{margin: 1vw;border: 2px #fff solid;background: transparent;opacity: 1;}
.swiper-pagination-002 .swiper-pagination-bullet-active{margin: 1vw;border: 2px #fff solid;background: #fff;}
.part02_left_btn{position: absolute;width: 7.5vw;height: 7.5vw;left: 2.8vw;top:62.7vw; z-index: 999;}
.part02_right_btn{position: absolute;width: 7.5vw;height: 7.5vw;right: 2.8vw;top:62.7vw; z-index: 999;}

.swiper-pagination-006{display: flex;justify-content: center;width: 100%;bottom: 3vw;left: 0;z-index: 999;}
.swiper-pagination-006 .swiper-pagination-bullet{margin: 1vw;border: 2px #fff solid;background: transparent;opacity: 1;}
.swiper-pagination-006 .swiper-pagination-bullet-active{margin: 1vw;border: 2px #fff solid;background: #fff;}
.part06_left_btn{position: absolute;width: 7.5vw;height: 7.5vw;left: 2.8vw;top:25.7vw; z-index: 999;}
.part06_right_btn{position: absolute;width: 7.5vw;height: 7.5vw;right: 2.8vw;top:25.7vw; z-index: 999;}

.part07_left_btn{position: absolute;width: 7.5vw;height: 7.5vw;left: 3.8vw;top:93.7vw; z-index: 999;}
.part07_right_btn{position: absolute;width: 7.5vw;height: 7.5vw;right: 3.8vw;top:93.7vw; z-index: 999;}

.section06_box{position: relative;width: 100%;}

.section_05 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #0a0a1a;
    width: 92vw;
    padding: 4vw;
}
.section_05 img {
    width: 100%;
}
.section_05 .item {
    width: 43.6vw;
    position: relative;
    margin-bottom: 7.9vw;
}
.section_05 .item .item_title{position: relative;font-size: 3vw;color: #fff;width: 100%;text-align: center;font-weight: bold;margin-bottom: 3.9vw;}
.section_05 .item .item_title1{position: relative;font-size: 3vw;color: #fff;width: 100%;text-align: center;font-weight: bold;margin-bottom: 3.9vw;}
.section_05 .item .item_title span{font-size: 80%;width: 100%;text-align: center;font-weight:normal;}

.section_05 .item img {
    width: 100%;
    display: block;
}
.section_05 .item p {
    margin: 1vw 0;
    font-size: 3vw;
}

.section_06_title{width: 68vw;position: absolute;left:16vw;top:11.5vw;}
.section_06_des{width: 100%;position: absolute;left:0;top:98vw;font-size: 4.3vw;text-align: center;color: #eac6ac;}

.section_03_title{width: 67.9vw;position: absolute;left:16.1vw;top:11.2vw;}
.section_03_tit{width: 100%;position: absolute;left:0;top:32.7vw;font-size: 4.3vw;font-weight: bold;color: #eac6ac;text-align: center;}
.section_03_des{width: 100%;position: absolute;left:0;top:46.8vw;font-size: 3.7vw;color: #eac6ac;text-align: center;line-height: 1.6;}

.section06_box_logo{width: 27.5vw;position: absolute;left: 6.8vw;top:9.6vw;}
.section06_box_btn{width: 18.3vw;position: absolute;left: 39.9vw;top:19.7vw;}
.section06_box_name_01{width: 16.1vw;position: absolute;left: 77.9vw;top:38.3vw;}
.section06_header_pic{width: 31.6vw;position: absolute;left: 64.5vw;top:8.8vw;}

.section07{width: 100%;position: relative;background:#403f45;}
.section_07_title{width: 67.9vw;position: absolute;left:16.1vw;top:20.3vw;}
.section07 .section07_box{width: 84%;position: relative;display: flex;flex-direction: column;margin-left: 8%;padding-top: 50vw;}
.section07 .section07_box_left{width: 84vw;height:100vw; position: relative;}
.section07 .section07_box_right{width: 84vw;height:125vw; position: relative;margin-top: 11.1vw;}
.section07_logo{width:100%;position: relative;}
.section07_box_right_items{width: 100%;display: flex;flex-direction: column;border-top: 2px solid #fff;margin-top: 4.6vw;}
.section07_box_right_item{display: flex;justify-content: space-between;align-items: flex-start;height: 22.7vw;border-bottom: 1px solid #bebdbf;opacity: 0.7;    -webkit-transition: all .3s ease;
    transition: all .3s ease;position: relative;padding-top: 5vw; }
.section07_box_right_item.active{opacity: 1;}
.section07_box_right_item_num{font-size: 3vw;font-weight: normal;display: flex;flex-direction: column;align-items: center;}
.section07_box_right_item_num span{font-size: 6.9vw;font-weight: bold;line-height: 1;}
.section07_box_right_item_title{font-size: 3.2vw;width: 58vw;line-height: 1.6;display: flex;flex-direction: column;align-items: flex-start;}
.section07_box_right_item_name{width: 30vw;float: left;margin-bottom: 1vw;}
.section07_box_right_item_name_01 img{width: 30vw;}
.section07_box_right_item_name_02 img{width: 21.2vw;}
.section07_box_right_item_name_03 img{width: 16vw;}
.section07_box_right_item_xian{position: absolute;width: 2.5%;height: 1px;background: #fff;left: 0;bottom: 0;transition: all .6s ease;}
.section07_box_right_item.active .section07_box_right_item_xian{width: 100%;}
.section07_box .section07_box_item {
    position: absolute;
    left: 0;
    top: 0;
    width: 84vw;
    height: 99.6vw;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 2px;
}
.section07_box_des{position: absolute;bottom: 16vw;left: 5%;width: 90%;font-size: 3.2vw;color:#33312e;}
.section07_box_btn{position: absolute;bottom: 4.7vw;right: 25.3vw;width: 33.3vw;cursor: pointer;}
.section07_box .section07_box_item:first-of-type {
    z-index: 100;
    -webkit-transform: rotateX(-20deg) translateZ(0px);
    transform: rotateX(-20deg) translateZ(0px);
}
.section07_box .section07_box_item:nth-last-of-type(2) {
    z-index: 90;
    -webkit-transform: rotateX(-20deg) translateZ(-24vw) scale(0.9);
    transform: rotateX(-20deg) translateZ(-24vw) scale(0.9);
}
.section07_box .section07_box_item:last-of-type {
    z-index: 80;
    -webkit-transform: rotateX(-20deg) translateZ(-48vw) scale(0.8);
    transform: rotateX(-20deg) translateZ(-48vw) scale(0.8);
}
.coloraaa{
    color:transparent;
    background: linear-gradient(90deg, #d1a783 0%, #ffffff 100%);
    -webkit-background-clip: text;
}

.section08{width: 100%;position: relative;}
.section08_title{position: absolute;width: 87.9vw;top:20.1vw;left: 6.4%;}


.section08_box_left{width: 50.5vw;height: 50.5vw;position: absolute;top:54.9vw;left: 4.4%;}
.section08_box_item{opacity:0;transform: translateY(0);position: absolute;top:0;left: 0;}
.section08_box_item.active{opacity:1;transform: translateY(0);z-index: 99;}
.section08_box_item_pic{width: 50.5vw;height: 50.5vw;border-radius: 50.5vw;position: relative;overflow: hidden;}
.section08_box_item_pic .section08_box_item_mask{position: absolute;width: 100%;height:100%;top:0;left:0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all .6s ease;}
.section08_box_item_pic .section08_box_item_mask .section08_box_btn{width: 12vw;cursor: pointer;}
.section08_box_item_pic .section08_box_btn{width: 14vw;cursor: pointer;position: absolute; top: 70%;left: 50%;transform: translate(-50%, -50%);}
.section08_box_item_0 .section08_box_item_name{position: absolute;left: 3vw;top:54vw;width: calc(27.1vw * 2);}
.section08_box_item_1 .section08_box_item_name{position: absolute;left: 3vw;top:54vw;width: calc(9.1vw * 2);}
.section08_box_item_2 .section08_box_item_name{position: absolute;left: 3vw;top:54vw;width: calc(22.5vw * 2);}
.section08_box_item_3 .section08_box_item_name{position: absolute;left: 3vw;top:54vw;width: calc(22.8vw * 2);}
.section08_box_item_4 .section08_box_item_name{position: absolute;left: 3vw;top:54vw;width: calc(27.2vw * 2);}
.section08_box_item_5 .section08_box_item_name{position: absolute;left: 3vw;top:54vw;width: calc(31.5vw * 2);}
.section08_box_item_6 .section08_box_item_name{position: absolute;left: 3vw;top:54vw;width: calc(28.9vw * 2);}
.section08_box_item_7 .section08_box_item_name{position: absolute;left: 3vw;top:54vw;width: calc(27.2vw * 2);}

.section08_box_right_items{position: absolute;right:6vw;top:50.4vw;text-align: right;}
.section08_box_right_item{font-size: 3.6vw;cursor: pointer;color: #f3f3f3;line-height: 1.6;margin-bottom: 1vw;    -webkit-transition: all .3s ease;
    transition: all .3s ease;}
.section08_box_right_item.active{font-weight: bold;font-size: 5.1vw;color:transparent;
    background: linear-gradient(90deg, #d1a783 0%, #ffffff 100%);
    -webkit-background-clip: text;
}

.section09{width: 100%;position: relative;}
.section09_title{position: absolute;width: 83.9vw;top:12.9vw;left: 8.1%;}
.section09_des{position: absolute;width: 92vw;top:30vw;left: 4%;color: #fff;font-size: 4.3vw;}
.section09_nav_items{position: absolute;width: 92vw;top:50.7vw;left: 4%;display: flex;justify-content: space-between;}
.section09_content_items{position: absolute;width: 92vw;top:73vw;left: 4%;display: block;border-top: 1px solid #403c41;}
.section09_content_item{display: none;}
.section09_content_item.active{display: flex;flex-direction: column;}
.section09_content_title{padding: 4vw 0;border-bottom: 1px solid #403c41;line-height: 1.6;}
.section09_content_title a{color: #fff;font-size: 3.7vw;font-weight: bold;}
.section09_nav_item{display: flex;flex-direction: column;align-items: center;font-weight: bold;font-size: 3.5vw;color: #fff;}
.section09_nav_item_name{width: 100%;text-align: center;}
.section09_nav_item:nth-child(1) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon01.png') left center no-repeat;background-size: 100% auto;width:4.3vw;height: 5.1vw;margin-bottom: 1vw; }
.section09_nav_item:nth-child(2) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon02.png') left center no-repeat;background-size: 100% auto;width:3.8vw;height: 5.1vw;margin-bottom: 1vw; }
.section09_nav_item:nth-child(3) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon03.png') left center no-repeat;background-size: 100% auto;width:3.2vw;height: 5.1vw;margin-bottom: 1vw; }
.section09_nav_item:nth-child(4) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon04.png') left center no-repeat;background-size: 100% auto;width:4.9vw;height: 5.1vw;margin-bottom: 1vw; }
.section09_nav_item:nth-child(5) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon05.png') left center no-repeat;background-size: 100% auto;width:3.5vw;height: 5.1vw;margin-bottom: 1vw; }

.section09_nav_item:nth-child(1).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon01_active.png') left center no-repeat;background-size: 100% auto;width:4.3vw;height: 5.1vw;margin-bottom: 1vw; }
.section09_nav_item:nth-child(2).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon02_active.png') left center no-repeat;background-size: 100% auto;width:3.8vw;height: 5.1vw;margin-bottom: 1vw; }
.section09_nav_item:nth-child(3).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon03_active.png') left center no-repeat;background-size: 100% auto;width:3.2vw;height: 5.1vw;margin-bottom: 1vw; }
.section09_nav_item:nth-child(4).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon04_active.png') left center no-repeat;background-size: 100% auto;width:4.9vw;height: 5.1vw;margin-bottom: 1vw; }
.section09_nav_item:nth-child(5).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon05_active.png') left center no-repeat;background-size: 100% auto;width:3.5vw;height: 5.1vw;margin-bottom: 1vw; }
.section09_nav_item.active .section09_nav_item_name{color:transparent;
    background: linear-gradient(90deg, #d1a783 0%, #ffffff 100%);
    -webkit-background-clip: text;font-weight: bold;}

.colorfff{color: #fff;}
.weight_bold{font-weight: bold;}

.part01{width: 100%;position: relative;overflow: hidden;background:#535b4e;height: 200.7vw;}
.part01_pic{width: 100%;position: absolute;left:0;bottom: 0;}
.michael_kaneko_name{width: 78.3%;position: absolute;left:10.4vw;top: 30vw;}
.cgttl_name{width: 66.9%;position: absolute;left:10.4vw;top: 30vw;}
.lingmu_name{width: 69.7%;position: absolute;left:10.4vw;top: 30vw;}
.xiangzheng_name{width: 73.2%;position: absolute;left:10.4vw;top: 30vw;}
.liyejingsan_name{width: 84.3%;position: absolute;left:10.4vw;top: 30vw;}
.jiayinan_name{width: 77.1%;position: absolute;left:10.4vw;top: 30vw;}
.yuyoyuppe_name{width: 58.4%;position: absolute;left:10.4vw;top: 30vw;}
.chunye_nane{width: 27.2%;position: absolute;left:10.4vw;top: 30vw;}
.part01_title{position: absolute;left:10.4vw;top: 47.9vw;font-size: 5.2vw;}
.part01 .gohome{position: absolute;left:10.4vw;top: 15.1vw;width: 28.4vw;}
.part01_title_text02{position: absolute;left:10.4vw;top: 75.7vw;width: 77.8vw;font-size: 3.7vw;text-align: justify;}
.part01_title_text03{position: absolute;left:10.4vw;top: 65.9vw;width: 76.8vw;font-size: 3.7vw;text-align: justify;}
.part01_title_text03 span{font-size: 7.2vw;}
.part01_title_text04{position: absolute;left:10.4vw;top: 65.9vw;width: 60.4vw;font-size: 3.7vw;text-align: justify;}
.part01_title_text04 span{font-size: 7.2vw;}
.part01_xian{position: absolute;left:10.4vw;top: 60.8vw;width: 66.5vw;}
.part01_xian01{position: absolute;left:10.4vw;top: 60.8vw;width: 76.8vw;}
.C_80_txt{position: absolute;left:45.2vw;top: 125.7vw;width: 32.4vw;}
.C_80_txt1{position: absolute;left:11.2vw;top: 112.7vw;width: 32.4vw;}
.C_80_txt2{position: absolute;left:45.2vw;top: 40.7vw;width: 32.4vw;}
.video_btn{position: absolute;left:35.6vw;top: 115.2vw;width: 28.7vw;}
.part01_product_c_80{position: absolute;left:75.1vw;top: 47.2vw;width: 20.4vw;}
.part01_product_c_801{position: absolute;left:75.1vw;top: 32.2vw;width: 20.4vw;}

.part02{width: 100%;position: relative;display: block;}
.part02_title{margin-left: 10.7vw;padding-top: 20.1vw;width: 47.7vw;position: relative;}
.part02_more_btn{margin-left: 10.7vw;padding-top: 5.1vw;width: 30.7vw;position: relative;}

.part02_title_1{margin-left: 10.7vw;padding-top: 20.1vw;width: 48.1vw;position: relative;}
.part02_tit{margin-left: 10.7vw;padding-top: 2.7vw;font-size: 5.2vw;position: relative;}
.part02_des1{margin-left: 10.7vw;font-size: 3.7vw;padding-top: 7.1vw;width: 80vw;text-align: justify;position: relative;}

.part02_pic_michael_kaneko_01{margin-left: 10.7vw;margin-top: 7.1vw;font-size: 5.2vw;width: 80vw;position: relative; }
.part02_pic_michael_kaneko_02{margin-left: 3.1vw;margin-top: 7.1vw;font-size: 5.2vw;width: 96.9vw; position: relative;}
.part02_pic_cgttl_02{margin-left: 2.3vw;margin-top: 7.1vw;font-size: 5.2vw;width: 97.7vw; position: relative;}
.part02_zuozhe{position: absolute;left: 10.7vw;bottom:115vw;color: #9c9c9c;font-size: 3.7vw;}

.part02_box_nav{width: 78.4vw;position: relative;margin-left: 10.7vw;justify-content: space-between;display: flex;margin-top: 8.8vw;}
.part02_box_nav .part02_box_nav_item{font-size: 3.2vw;padding: 2vw 4vw;border-radius: 5vw;border: 2px solid #000;}
.part02_box_nav .part02_box_nav_item.active{background: #000;color: #fff;}

.part02_box{width: 78.4vw;position: relative;margin-left: 10.7vw;justify-content: space-between;display: flex;margin-top: 8.8vw;flex-wrap: wrap;margin-bottom: 5vw;}
.part02_box_item{width: 100%;display: none;}
.part02_box_item.active{width: 100%;display: block;}
.part02_box_itemm{width: 100%;position: relative;margin-bottom: 6.5vw;}
.part02_box_item_title{position: absolute;top:11.5vw;left:8vw;font-size: 6.3vw;font-weight: bold;color: #000;}
.part02_box_item_des{position: absolute;top:19.3vw;left:8vw;font-size: 4.7vw;color: #000;}


@media screen and ( max-width : 800px) {
    .mobi-right {
        width: 36vw;
    }
    .logo_img {border: none;display: block;max-width:100%!important;}
    #header-mobi img {border: none;display: block;width: auto!important; max-width:100%!important;}
    .mobi-right img{width: 6vw!important;}
    #headerNav .search-btn, #headerNav .user-btn{margin-right: 2.7vw!important;}
    .mobile .head_content.mobi p a {width: 6vw!important;padding: 1.5vw!important;}
    .mobile .menu-btn img {height: 9vw!important;width: 9vw!important;}
    .mobile #headerNav{height: 18vw!important;}
    .header-v2 {height: 18vw!important;}
    .mobile #headerNav .head_content{height: 18vw!important;}
    .mobile #headerNav .logo-brand{padding-top:7vw!important;margin-left: 0!important;width: 21.4vw!important; }
    #header-mobi{top:17.8vw!important;}
    #mobi-search{top:17.8vw!important;}
    #headerNav input#mobi-myinput{font-size:4vw!important;height:13.5vw!important;padding: 2vw 2rem 2vw 13vw!important;}
    #mobi-search .mobi-search-showicon{width: 6vw!important;}
    #mobi-search_url{font-size: 4vw!important;padding: 4vw 6vw!important;}
    div#header-mobi .button button, div#header-mobi .button a{font-size: 4vw!important;padding: 2.5vw 12vw!important;}
    div#header-mobi .button button#close-btn{width: 5.3vw!important;}
    .menu-close-btn {margin-bottom: 8vw!important;}
    div#header-mobi .button button:not(#close-btn) img, div#header-mobi .button a img {
        position: absolute;
        right: 7vw!important;
        height: 3vw!important;
        top: 50%;
        transform: translate(0, -50%);
    }
    #header-mobi .menu-level-two-item {
        font-weight: bold;
        margin: 3vw 0!important;
        float: right;
    }
    .mobi-recommend .select_recommend, .mobi-autosuggestion-search li {
        line-height: 1;
        text-indent: 13vw!important;
        cursor: default;
        font-size: 4vw!important;
        padding: 2.5vw 0!important;
    }
    #headerNavMain{display: none!important;}
    .aem-Grid--default--12 .header-v2 {height: 18vw!important;}
    #main_footer #footer_one .button .cmp-button {
        font-size: 3.7vw!important;
        line-height: 5.6vw!important;
        text-align: center;
        flex-direction: column;
        padding: 0 3.3vw!important;
    }
    #main_footer #footer_one {
        margin: 8vw 0 0 0!important;
        padding: 0 0% 5%;
    }
    #main_footer .button .cmp-button img {
        width: 6.4vw!important;
        height: 6.4vw!important;
        margin-right: 0;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item {
        font-size: 3.5vw!important;
        width: 100%;
        color: #272A31;
        line-height: 4.5vw!important;
        text-align: left;
        padding:5.3vw 0!important;
        position: relative;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item::after {
        content: "";
        width: 2.7vw!important;
        background-size:  2.7vw!important;
        height:  2.7vw!important;
        position: absolute;
        display: block;
        right: 0;
        transform: rotate(90deg);
        transition: transform 0.2s ease-in;
        top: 45%;
    }
    #main_footer #footer_two #footer_two_right .button .cmp-button {
        font-weight: 400;
        font-size: 3.2vw!important;
        color: #272A31;
        line-height: 5.1vw!important;
        padding: 1.3vw 8vw !important;
    }
    #main_footer #footer_three .button .cmp-button.menu-title {
        font-size: 3.2vw!important;
        line-height: 5.1vw!important;
    }
    #main_footer #footer_three .button .cmp-button.menu-level-one-item {
        font-size: 2.9vw!important;
        line-height: 3.9vw!important;
        padding: 0;
    }
    .cmp-container .icpContent {
        padding: 2.7vw 2.7vw !important;
        font-size: 1.2vw!important;
    }
    .icpContent span {
        padding: 0.5vw 2.7vw!important;
        text-align: center;
        font-size: 2.7vw!important;
    }
    #footer_three >.aem-Grid {
        text-align: center;
        padding-top: 10.7vw!important;
    }
    #footer_three >.aem-Grid >.container {
        width: 100%;
        margin: 2.7vw 0!important;
    }
    #footer_two_right .share-container .share-container-item{
        margin-bottom: 2.7vw!important;
    }
    .cmp-embed .websecret {
        font-size: 1.6vw !important;
        color: #808080;
    }
    #main_footer #footer_three {
        padding: 0px 4% 10.7vw!important;
    }
    .footer-share-button .shareIcon {
        width: 6.4vw!important;
        height: 6.4vw!important;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button {
        font-size:2.9vw!important;
        line-height: 3.9vw!important;
        text-align: left;
        color: #666666;
        padding: 3% 0;
    }
    .icpContent span img {
        top: 0.7vw!important;
        margin-right: 0.7vw!important;
    }
    #button-af2dda1aaf img{width: 2.7vw!important;}
}
@media screen and ( max-width : 750px) {
    .aem-Grid--default--12 .header-v2 {height: 18vw!important;}
    #main_footer #footer_one .button .cmp-button {
        font-size: 3.7vw!important;
        line-height: 5.6vw!important;
        text-align: center;
        flex-direction: column;
        padding: 0 3.3vw!important;
    }
    #main_footer #footer_one {
        margin: 8vw 0 0 0!important;
        padding: 0 0% 5%;
    }
    #main_footer .button .cmp-button img {
        width: 6.4vw!important;
        height: 6.4vw!important;
        margin-right: 0;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item {
        font-size: 3.5vw!important;
        width: 100%;
        color: #272A31;
        line-height: 4.5vw!important;
        text-align: left;
        padding:5.3vw 0!important;
        position: relative;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item::after {
        content: "";
        width: 2.7vw!important;
        background-size:  2.7vw!important;
        height:  2.7vw!important;
        position: absolute;
        display: block;
        right: 0;
        transform: rotate(90deg);
        transition: transform 0.2s ease-in;
        top: 45%;
    }
    #main_footer #footer_two #footer_two_right .button .cmp-button {
        font-weight: 400;
        font-size: 3.2vw!important;
        color: #272A31;
        line-height: 5.1vw!important;
        padding: 1.3vw 8vw !important;
    }
    #main_footer #footer_three .button .cmp-button.menu-title {
        font-size: 3.2vw!important;
        line-height: 5.1vw!important;
    }
    #main_footer #footer_three .button .cmp-button.menu-level-one-item {
        font-size: 2.9vw!important;
        line-height: 3.9vw!important;
        padding: 0;
    }
    .cmp-container .icpContent {
        padding: 2.7vw 2.7vw !important;
        font-size: 1.2vw!important;
    }
    .icpContent span {
        padding: 0.5vw 2.7vw!important;
        text-align: center;
        font-size: 2.7vw!important;
    }
    #footer_three >.aem-Grid {
        text-align: center;
        padding-top: 10.7vw!important;
    }
    #footer_three >.aem-Grid >.container {
        width: 100%;
        margin: 2.7vw 0!important;
    }
    #footer_two_right .share-container .share-container-item{
        margin-bottom: 2.7vw!important;
    }
    .cmp-embed .websecret {
        font-size: 1.6vw !important;
        color: #808080;
    }
    #main_footer #footer_three {
        padding: 0px 4% 10.7vw!important;
    }
    .footer-share-button .shareIcon {
        width: 6.4vw!important;
        height: 6.4vw!important;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button {
        font-size:2.9vw!important;
        line-height: 3.9vw!important;
        text-align: left;
        color: #666666;
        padding: 3% 0;
    }
    .icpContent span img {
        top: 0.7vw!important;
        margin-right: 0.7vw!important;
    }
    #button-af2dda1aaf img{width: 2.7vw!important;}
}