Sony Corporation - sustainability | Diversity, Equity &Inclusion

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=yes"> <meta name="keywords" content="sony, sustainability, csr"> <meta name="description" content="Introducing our Diversity, Equity ＆Inclusion initiatives">   <title>Sony Corporation - sustainability | Diversity, Equity &Inclusion</title>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="https://cdn.cookielaw.org/consent/932f7bb3-2855-4a2e-8894-c7c3bcb73098/OtAutoBlock.js" ></script> <script src="https://cdn.cookielaw.org/consent/932f7bb3-2855-4a2e-8894-c7c3bcb73098/otSDKStub.js" data-domain-script="932f7bb3-2855-4a2e-8894-c7c3bcb73098" ></script> <script> function OptanonWrapper() { } </script>  <script>if(self!==top)top.location=self.location;</script> <meta name="google-site-verification" content="OKzBsM2xRZmCTLktP3ndkk6NipRTA8AwLekBUeKhAQc">  <script type="text/javascript"> function MF_get_gtid(gtid){ window.MF_gtid = gtid; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T49J76J');} (function(src){ var el = document.createElement('script'), tag = document.getElementsByTagName('script')[0]; el.src = src; tag.parentNode.insertBefore(el,tag); })('https://tr.marsflag.com/gtid?c=MF_get_gtid'); </script>  <script src="/template/2022/v50/en/js/jquery-3.6.0.min.js"></script> <script src="/template/2018/v50/en/js/jquery.easing.1.3.js"></script> <script src="/template/2018/v50/en/js/jquery.cookie.js"></script> <script src="/template/2018/v50/en/js/includeCommon.js"></script> <script src="/template/2018/v50/en/js/tile.js"></script> <link rel="stylesheet" href="/css/reset.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/css/swiper.min.css"> <style> /* #tmpl_content, #tmpl_contentMenu_bar{ padding-top: 70px !important; } */ .tmpl_displayOff{ display: none; } /* @media screen and (max-width: 640px) { #tmpl_content { padding-top: 64px; } } */ /* tmplcontentの上にtmpl_contentMenu_barがある場合はtmplcontentのpadding-topは空けないようにする */ /* #tms */ /* tmpl_contentMenu_barの上にtmplcontentがある場合はtmpl_contentMenu_barのpadding-topは空けないようにする */ /* #tmpl_content #tmpl_contentMenu_bar { padding-top: 0 !important; } */ #tmpl-header { margin: 0; padding: 0; /* visibility: hidden; */ } body { width: 100%; margin: 0; } #tmpl-header { font-family: "SST W20 Roman", Arial, "Helvetica Neue", sans-serif; margin: 0; padding: 0; } #tmpl-header .sp { display: none; } #tmpl-header { width: 100% !important; /* ページによってmax-width: 1190pxが指定されているため対策 */ max-width: none !important; position: relative; left: 0; top: 0; right: auto; bottom: auto; z-index: 999999; transition: 0.64s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform; } #tmpl-header.is-hide { transform: translate(0, -100%); } #tmpl-header .tmpl-header_inner { width: 100%; max-width: 1190px; margin: 0 auto; padding: 0; position: relative; } /* バツボタン */ #tmpl-header .tmpl-headerClose { display: none; } #tmpl-header a { text-decoration: none; } #tmpl-header .tmpl-header_head { display: flex; align-items: center; width: 100%; height: 70px; margin: 0; padding: 0; background: #000; border-bottom: 1px solid #363636; position: relative; box-sizing: border-box; } #tmpl-header .tmpl-header_logo { width: 108px; position: relative; z-index: 10; margin: 0; padding: 0; } #tmpl-header .tmpl-header_logo > a { display: block; width: 100%; height: 100%; padding: 24px 0; } #tmpl-header .tmpl-header_logo img { width: 100%; margin: 0; padding: 0; vertical-align: middle; transition: unset; } #tmpl-header .tmpl-headerHamburger { display: none; } #tmpl-header .tmpl-headerNavItem_label, #tmpl-header .tmpl-headerNavItem_home { display: block; font-size: 14px; font-weight: 400; color: #fff; background-color: #000; line-height: 1; padding: 27px 8px; cursor: pointer; position: relative; margin: 0 !important; } /* #tmpl-header .tmpl-headerNavItem_home { font-weight: bold; } */ #tmpl-header .tmpl-headerNavItem_name { position: absolute; top: 0; left: 0; opacity: 0; } #tmpl-header .tmpl-headerNavItem.-contact { margin: 0; padding: 0; padding-bottom: 2px; position: relative; } #tmpl-header .tmpl-headerNavItem.-contact .absoluteList .contactLink { background-color: #000; } /* ---------------- DropDown ---------------- */ #tmpl-header .tmpl-headerNav_list { list-style-type: none !important; margin: 0; padding: 0; } #tmpl-header .tmpl-headerNavDropDownBg { width: 100%; height: 0; background: #000; position: absolute; left: 0; top: 70px; margin: 0; padding: 0; z-index: 999; } #tmpl-header .tmpl-headerNavDropDown a { color: #fff !important; } #tmpl-header #tmpl-headerNav_list .tmpl-headerNavDropDown_toCategoryTop { display: none; /* font-family: "SST W20 Roman", "SST W55 Regular", "Yu Gothic Medium", "YuGothic", sans-serif; font-size: 17px; font-weight: 400; line-height: 1; margin-bottom: 10px; position: relative; text-align: left; background: none; margin: 0; padding: 0; */ } #tmpl-header #tmpl-headerNav_list .tmpl-headerNavDropDown_toCategoryTop span { color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { display: block; visibility: hidden; width: 100%; height: 100%; padding: 22px 0; } #tmpl-header .tmpl-headerNavDropDown_inner { width: 100%; padding: 40px; box-sizing: border-box; background: #2B2B2B;; } #tmpl-header .tmpl-headerNavDropDown_txtContainer { width: 100%; margin: 0; padding: 0; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown_list { padding: 0 !important; margin: 0 !important; list-style-type: none !important; } #tmpl-header .tmpl-headerNavDropDownItem { width: 200px; margin: 0; padding: 0; font-size: 14px; line-height: 1.5; } #tmpl-header .tmpl-headerNavDropDownItem a { display: block; visibility: hidden; width: 100%; height: 100%; margin: 0; padding: 13px 40px 13px 0; box-sizing: border-box; } /* 関連コンテンツ */ #tmpl-header .tmpl-headerContents { position: relative; line-height: 1.75; } #tmpl-header .tmpl-headerContents::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 52px); height: 1px; background-color: #363636; } #tmpl-header .tmpl-headerContents_ttl a { position: relative; display: block; font-size: 16px; color: #929292; padding: 21px 25px; visibility: hidden; } #tmpl-header .tmpl-headerContents_ttl a::before { content: ""; display: block; width: 13px; height: 1px; background: #b1b1b1; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%)rotate(90deg); transition: 0.32s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerContents.is-open .tmpl-headerContents_ttl a::before { transform: rotate(180deg); } #tmpl-header .tmpl-headerContents_ttl a::after { content: ""; display: block; width: 13px; height: 1px; background: #b1b1b1; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%); transition: 0.32s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerContents.is-open .tmpl-headerContents_ttl a::after { transform: rotate(90deg); opacity: 0; } #tmpl-header .tmpl-headerContents_ttl a span { color: #929292; } #tmpl-header .tmpl-headerContents_ttl a .tmpl-headerContents_name { position: absolute; top: 0; left: 0; opacity: 0; } /* 関連コンテンツ内の項目 */ #tmpl-header .tmpl-headerContents_items { height: 0; opacity: 0; } #tmpl-header .tmpl-headerContents.is-open .tmpl-headerContents_items { height: auto; opacity: 1; } #tmpl-header .tmpl-headerContents_item:last-child { margin-bottom: 12px; } #tmpl-header .tmpl-headerContents_item a { display: block; padding: 10px 25px 10px 51px; visibility: hidden; } #tmpl-header .tmpl-headerContents_label { display: flex; align-items: center; padding: 0; color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerContents_label::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #999; border-width: 1px 1px 0 0; transform: rotate(45deg); margin: 0 0 1px 0.64em; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, margin; } /* .tmpl-headerNavItem.is-open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label { background-color: #262626; } /* アクティブ後 */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavDropDown { height: auto; opacity: 1; margin: 0; padding: 0; transition: 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0.08s; transition-property: opacity; will-change: height; transition: height 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header p.tmpl-headerNavDropDownItem_label { display: flex; align-items: center; padding: 0; color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a > span::after, #tmpl-header .tmpl-headerNavDropDownItem_label::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #999; border-width: 1px 1px 0 0; transform: rotate(45deg); margin: 0 0 1px 0.64em; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, margin; } /* ---------------- Search ---------------- */ #tmpl-header .tmpl-header_searchBtnContainer { width: 100%; max-width: 1190px; height: 70px; margin: 0 auto; padding: 0; position: absolute; left: 0; right: 0; top: 0; /* z-index: -10; */ pointer-events: none; } #tmpl-header .tmpl-header_searchBtn { /* max-width: 58px; */ width: 18px; height: 100%; display: flex; align-items: center; position: absolute; right: 155px; top: 0; padding: 0; margin: 0; cursor: pointer; z-index: 10; pointer-events: all; outline: none; overflow: hidden; z-index: 100; } #tmpl-header .tmpl-header_searchBtn_name { background-color: #000; } #tmpl-header .tmpl-header_searchBtn > svg { position: absolute; pointer-events: none; /* left: 50%; */ top: 50%; right: 0; margin: 0; padding: 0; transform: translateY(-50%); /* transform: translate(-50%, -50%); */ } #tmpl-header .tmpl-header_searchBtn:hover > svg path, #tmpl-header .tmpl-header_searchBtn:focus > svg path { fill: #4f83df; } /* 検索閉じるボタン普段は消えてる */ #tmpl-header .tmpl-header_searchCloseBtn { display: none; position: absolute; pointer-events: none; width: 16px; height: 16px; top: 25px; right: 0; margin: 0; padding: 0; z-index: 100; } #tmpl-header .tmpl-header_searchClose_line { position: absolute; width: 100%; height: 1px; background: #fff; } #tmpl-header .tmpl-header_searchClose_line.-line-first { top: 50%; left: 0; transform: translateY(-50%)rotate(45deg); } #tmpl-header .tmpl-header_searchClose_line.-line-last { top: 50%; right: 0; transform: translateY(-50%)rotate(-45deg); } #tmpl-header .tmpl-header_searchClose_name { font-size: 10px; position: absolute; left: 0; right: 0; opacity: 0; } #tmpl-header .header_searchBtn_name { position: absolute; left: 0; top: 0; margin: 0; padding: 0; } #tmpl-header .tmpl-headerSearch { position: absolute; /* right: 6px; top: 26px; */ right: 0px; top: 70px; z-index: 100; margin: 0; padding: 0; overflow: hidden; display: none; } #tmpl-header .tmpl-headerSearch input[type="submit"], #tmpl-header .tmpl-headerSearch_ico { width: 50px; height: 50px; margin: 0; padding: 0; background: #8c8c8c; border: none; outline: none; transition: 0.32s background ease-out; } #tmpl-header .tmpl-headerSearch input[type="submit"] { margin: 0; padding: 0; cursor: pointer; } #tmpl-header .tmpl-headerSearch_ico { display: flex; align-items: center; justify-content: center; background: none; position: absolute; right: 0; top: 0; margin: 0; padding: 0; pointer-events: none; } #tmpl-header .tmpl-headerSearch_label { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; } #tmpl-header .tmpl-headerSearch_input { display: block; width: 380px; height: 50px; border: none; margin: 0; padding: 10px; border-radius: 0; box-sizing: border-box; background-color: #FFF !important; font-size: 16px; float: left; outline: none; } #tmpl-header .tmpl-headerSearch_input::placeholder { opacity: 1 !important; color: #757575; } #tmpl-header .tmpl-headerSearch_input::-moz-placeholder { color: #757575; opacity: 1 !important; } #tmpl-header .tmpl-headerSearch_bg { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; margin: 0; padding: 0; z-index: -10; } /* スライド */ @keyframes zoom { from { transform: scale(1); } to { transform: scale(1.08); } } .swiper-wrapper { overflow: hidden; } .swiper-slide img { width: 100%; height: auto; } #tmpl-header .tmpl-header_searchClose { display: none; } #tmpl-header .tmpl-header_searchBtn_name { opacity: 0; color: #FFF; font-size: 12px; pointer-events: none; } #tmpl-header .tmpl-header_searchBtn:hover > .tmpl-header_searchBtn_name, #tmpl-header .tmpl-header_searchBtn:focus > .tmpl-header_searchBtn_name { color: #4f83df; } #tmpl-header .tmpl-header_searchBtn:hover > .tmpl-header_searchCloseBtn > .tmpl-header_searchClose_line, #tmpl-header .tmpl-header_searchBtn:focus > .tmpl-header_searchCloseBtn > .tmpl-header_searchClose_line { background: #4f83df; } /* ---------------------------------------- SP breakpoint は 640px のみ ---------------------------------------- */ @media screen and (min-width: 641px) { .sp { display: none; } #tmpl-header { min-width: 1190px !important; } #tmpl-header .tmpl-headerNavDropDownBg { display: none; } #tmpl-header .tmpl-headerNav_list { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: 1190px; height: 70px; position: absolute; left: 0; right: 0; top: 0; padding: 0 140px 0 140px; margin: 0 auto; box-sizing: border-box; } #tmpl-header .tmpl-headerNavItem { position: relative; } /* PCでは見れるようにする */ #tmpl-header.sp-header .tmpl-headerNavItem_label, #tmpl-header.sp-header .tmpl-headerNavItem_home, #tmpl-header.sp-header .contactLink { visibility: visible !important; } #tmpl-header .tmpl-headerNavItem.-contact { position: absolute; right: 30px; top: 50%; transform: translate(0, -50%); } /* .tmpl-headerNavItem.is-open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label { background-color: #000; } #tmpl-header .tmpl-headerNavItem.-contact .absoluteList { display: flex; } #tmpl-header .tmpl-headerNavItem.-contact .absoluteList li { margin-right: 15px; } #tmpl-header .tmpl-headerNavItem.-contact a { font-size: 11px; font-weight: 400; color: #fff; background-color: #000; } #tmpl-header .tmpl-headerNavItem.-contact a:hover { text-decoration: underline; } #tmpl-header .tmpl-headerNavItem_label:hover, #tmpl-header .tmpl-headerNavItem_home:hover { color: #5E9DF4; } /* #tmpl-header .tmpl-headerNavDropDownItem:last-child a { padding-bottom: 0; } */ #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { padding: 12px 0 24px; } #tmpl-header .tmpl-headerNavDropDownItem a { padding: 0 0 24px; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { margin-bottom: 14px; } #tmpl-header .tmpl-headerNavDropDown a { transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* ページによってpタグにcolor等のスタイルが指定されているため上書きをしています */ #tmpl-header .tmpl-headerNavDropDown a:hover, #tmpl-header .tmpl-headerNavDropDown a:hover > p, #tmpl-header .tmpl-headerNavDropDown a:hover > span, #tmpl-header .tmpl-headerNavDropDown a:focus, #tmpl-header .tmpl-headerNavDropDown a:focus > p, #tmpl-header .tmpl-headerNavDropDown a:focus > span { color: #5e9df4 !important; text-decoration: none; outline: none; } /* 関連コンテンツは変わらず */ #tmpl-header .tmpl-headerNavDropDown .tmpl-headerContents_ttl > a:hover > span, #tmpl-header .tmpl-headerNavDropDown .tmpl-headerContents_ttl > a:focus > span { color: #929292 !important; } #tmpl-header .tmpl-headerContents_item:last-child { margin-bottom: 0; } #tmpl-header .tmpl-headerContents_item:last-child a { padding-bottom: 0; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop:hover > a span::after, #tmpl-header .tmpl-headerNavDropDownItem:hover .tmpl-headerNavDropDownItem_label::after, #tmpl-header .tmpl-headerNavDropDown_toCategoryTop > a:focus span::after, #tmpl-header .tmpl-headerNavDropDownItem a:focus .tmpl-headerNavDropDownItem_label::after, #tmpl-header .tmpl-headerContents_item a:focus .tmpl-headerContents_label::after, #tmpl-header .tmpl-headerContents_item a:hover .tmpl-headerContents_label::after { border-color: #5e9df4; transform: translate(4px, 0) rotate(45deg); transition-duration: 0.24s; } #tmpl-header .tmpl-headerNavItem_label::after, #tmpl-header .tmpl-headerNavItem_home::after { content: ""; display: block; width: 0; height: 1px; background: #2d61bf; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 20px; transition: width 0.64s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerNavItem_label:hover::after, #tmpl-header .tmpl-headerNavItem_home:hover::after, /* .tmpl-headerNavItem_label:focus::after, */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::after, #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_home::after { width: calc(100% - 30px); transition-duration: 0.32s; } #tmpl-header .tmpl-headerNavItem.-contact a:hover, #tmpl-header .tmpl-headerNavItem.-contact a:focus { color: #4f83df; outline: none; } #tmpl-header .tmpl-headerNavDropDown { display: none; width: 100%; height: 0; background: #2B2B2B; margin: 0 auto; position: absolute; left: -13px; right: 0; top: 69px; box-sizing: border-box; opacity: 0; } /* それぞれ幅指定 */ #tmpl-header .tmpl-headerNavDropDown.-product { min-width: 450px; } #tmpl-header .tmpl-headerNavDropDown.-about { min-width: 343px; } #tmpl-header .tmpl-headerNavDropDown.-tech { min-width: 343px; } #tmpl-header .tmpl-headerNavDropDown.-employ { min-width: 343px; } #tmpl-header .tmpl-headerNavDropDown.-sustainability { min-width: 450px; } #tmpl-header .tmpl-headerNavDropDown.-design { min-width: 343px; } #tmpl-header .tmpl-headerNavDropDown.-investor { min-width: 343px; } #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavDropDown { display: block; } #tmpl-header .tmpl-contentNavDropDown .tmpl-headerNavDropDown_txtContainer { display: flex; flex-wrap: wrap; align-items: flex-start; } #tmpl-header .tmpl-contentNavDropDown .tmpl-headerNavDropDown_txtContainer .tmpl-headerNavDropDown_toCategoryTop { width: 100%; } #tmpl-header .tmpl-headerNavItem_label { position: relative; } /* 吹き出し */ #tmpl-header .tmpl-headerNavItem_label::before { opacity: 0; content: ""; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 14px 14px 14px; border-color: transparent transparent #2B2B2B transparent; } #tmpl-header .is-open .tmpl-headerNavItem_label::before { opacity: 1; } #tmpl-header .tmpl-contentNavDropDown .tmpl-headerNavDropDown_list { width: 100%; } /* バツボタン */ #tmpl-header .tmpl-headerClose { display: block; position: absolute; top: 20px; right: 20px; width: 12px; height: 12px; } #tmpl-header .tmpl-headerClose::before { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background-color: #fff; transform: translate(-50%, -50%)rotate(45deg); } #tmpl-header .tmpl-headerClose::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background-color: #fff; transform: translate(-50%, -50%)rotate(-45deg); } #tmpl-header .tmpl-headerClose:hover::before, #tmpl-header .tmpl-headerClose:hover::after, #tmpl-header .tmpl-headerClose:focus::before, #tmpl-header .tmpl-headerClose:focus::after { background-color: #5E9DF4; } #tmpl-header .tmpl-headerClose_coment { opacity: 0; } /* 関連コンテンツ */ #tmpl-header .tmpl-headerContents { width: 50%; line-height: 1.5; z-index: 1; } #tmpl-header .tmpl-headerContents::before { left: 0; transform: translateX(0); width: 1px; height: 100%; background-color: #525252; } #tmpl-header .tmpl-headerContents_ttl a { font-size: 15px; padding: 0 40px 13px; } #tmpl-header .tmpl-headerContents_ttl a::before { display: none; } #tmpl-header .tmpl-headerContents_ttl a::after { display: none; } #tmpl-header .tmpl-headerContents_items { height: auto; opacity: 1; } #tmpl-header .tmpl-headerContents_item a { font-size: 14px; padding: 13px 40px; } #tmpl-header .tmpl-headerSearch input[type="submit"]:hover, #tmpl-header .tmpl-headerSearch input[type="submit"]:focus { background: #2d61bf; } /* Search */ #tmpl-header .tmpl-headerSearch .tmpl-headerSearch_inner { transform: scale(0.64); transform-origin: right top; opacity: 0; transition: 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerSearch.is-open .tmpl-headerSearch_inner { transform: scale(1); opacity: 1; transition-duration: 0.32s; } } @media screen and (max-width: 640px) { #tmpl-header { /* overflow: hidden; */ } #tmpl-header .tmpl-header_bg { content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-header.is-open .tmpl-header_bg { opacity: 0.65; } #tmpl-header .tmpl-header_head { height: 64px; } #tmpl-header .tmpl-header_logo { width: 96px; margin: 0 auto; } #tmpl-header .tmpl-header_logo a { padding: 22px 0; } #tmpl-header .tmpl-headerNav { position: absolute; z-index: 999; width: 100%; /* width: calc(100% - 60px); max-width: 280px; */ height: 0; background: #000; overflow: auto; /* transform: translate(100%, 0); */ float: right; transition: .1s ease-in-out; will-change: height; } #tmpl-header .tmpl-headerHamburger { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; position: absolute; right: 0; top: 0; } #tmpl-header .tmpl-headerHamburger_inner { width: 20px; height: 15px; position: relative; pointer-events: none; } #tmpl-header .tmpl-headerHamburger_line { display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; transition: top 0.24s 0.16s, transform 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerHamburger_line.-line-01 { top: 0; will-change: transform; } #tmpl-header .tmpl-headerHamburger_line.-line-02 { top: 50%; /* transform: translate(0, -50%) rotate3d(0, 0, 0); */ transition: opacity 0.16s 0.24s; will-change: opacity; /* transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); */ } #tmpl-header .tmpl-headerHamburger_line.-line-03 { top: calc(100% - 1px); will-change: transform; } #tmpl-header .tmpl-headerHamburger_name { font-size: 10px; position: absolute; left: 0; right: 0; opacity: 0; } #tmpl-header .tmpl-header_searchBtn > svg { left: 50%; transform: translate(-50%, -50%); } #tmpl-header .tmpl-headerNavItem { border-bottom: 1px solid #262626; } #tmpl-header .tmpl-headerNavItem.-contact .absoluteList li:first-child { border-bottom: 1px solid #262626; } #tmpl-header .tmpl-headerNavItem_label, #tmpl-header .tmpl-headerNavItem_home, #tmpl-header .tmpl-headerNavItem.-contact a { display: block; font-size: 16px; font-weight: 400; color: #fff; padding: 22px 26px; } /* スマホでフォーカスが合わないようにする */ #tmpl-header.sp-header .tmpl-headerNavItem_label, #tmpl-header.sp-header .tmpl-headerNavItem_home, #tmpl-header.sp-header .contactLink { visibility: hidden; } #tmpl-header .tmpl-headerNavItem_label span, #tmpl-header .tmpl-headerNavItem_home span { /* display: none; */ opacity: 0; } #tmpl-header .tmpl-headerNavItem_label::before, #tmpl-header .tmpl-headerNavItem_label::after { content: ""; display: block; width: 13px; height: 1px; background: #b1b1b1; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%); transition: 0.32s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerNavItem_label::after { transform: translate(0, -50%) rotate(90deg); } #tmpl-header .tmpl-headerNavItem_name { position: absolute; top: 0; left: 0; opacity: 0; } /* DropDown */ #tmpl-header .tmpl-headerNavDropDown { height: 0; overflow: hidden; transition: height .1s ease-in-out; } #tmpl-header .tmpl-headerNavDropDown_inner { width: 100%; flex-direction: column-reverse; padding: 0; } #tmpl-header .tmpl-headerNavDropDown_txtContainer { position: relative; display: block; width: 100%; padding: 10px 0; } #tmpl-header .tmpl-headerNav_item.is-open .tmpl-headerNavDropDown_txtContainer { background: #262626; } #tmpl-header .tmpl-headerNavDropDown_txtContainer::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 52px); height: 1px; background-color: #363636; } #tmpl-header .tmpl-headerNavDropDown_imgContainer { width: 100%; } #tmpl-header .tmpl-headerNavDropDown_imgContainer img { display: block; } #tmpl-header .tmpl-headerNavDropDown_imgContainer p { font-size: 16px; } #tmpl-header .tmpl-headerNavDropDown_list { display: block; height: auto; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop { margin: 0; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { font-size: 16px; line-height: 1.5; padding: 14px 26px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop span > span { display: none; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop::after { content: none; } #tmpl-header .tmpl-headerNavDropDownItem { width: 100%; font-size: 14px; line-height: 1.5; } #tmpl-header .tmpl-headerNavDropDownItem-dummy { display: none; } #tmpl-header .tmpl-headerNavDropDownItem a { display: inline-block; padding: 14px 26px 14px 51px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDownItem a { position: relative; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a > span::after, #tmpl-header .tmpl-headerNavDropDownItem_label::after { transform: translate(0, -50%) rotate(45deg); margin: 0 0 0 12px; } /* open */ #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line { top: 50%; transition: top 0.16s, transform 0.24s 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-01 { transform: rotate(45deg); } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-02 { opacity: 0; /* transition: opacity 0.16s cubic-bezier(0.165, 0.84, 0.44, 1); */ } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-03 { transform: rotate(-45deg); } /* headerNavItem open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::before { transform: translate(0, -50%) rotate(90deg); opacity: 0; } #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::after { transform: translate(0, -50%) rotate(180deg); } /* Search */ #tmpl-header .tmpl-header_searchBtnContainer { height: 64px; } #tmpl-header .tmpl-headerSearch { width: 100%; height: 100vh; right: 0; top: 0; } #tmpl-header .tmpl-headerSearch_inner { width: 100%; height: 64px; background: #fff; } #tmpl-header .tmpl-headerSearch_input { /* input のフォントサイズをscaleで小さくする. */ width: calc(115% - 64px); /* height: 54.16px; */ background: #efefef !important; margin: 10px 0 0 54px; transform: scale(0.8125); transform-origin: left top; } #tmpl-header .tmpl-headerSearch_input::placeholder { color: #696969; opacity: 1 !important; } #tmpl-header .tmpl-headerSearch_input::-moz-placeholder { color: #696969; opacity: 1 !important; } #tmpl-header .tmpl-headerSearch input[type="submit"], #tmpl-header .tmpl-headerSearch_ico { width: 44px; height: 44px; background: #8c8c8c; position: absolute; right: 10px; top: 10px; transition: 0.32s background ease-out; } #tmpl-header .tmpl-headerSearch_ico { background: none; } #tmpl-header .tmpl-headerSearch input[type="submit"]:focus { background: #2d61bf !important; } #tmpl-header .tmpl-header_searchClose { display: flex; align-items: center; justify-content: center; width: 54px; height: 64px; position: absolute; left: 0; top: 0; } #tmpl-header .tmpl-header_searchClose::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #707070; border-width: 0 0 1px 1px; transform: rotate(45deg); } #tmpl-header .tmpl-header_searchClose.onfocus::after { border-color: #2d61bf; border-width: 0 0 2px 2px; } #tmpl-header .tmpl-header_searchClose span { position: absolute; left: 0; top: 0; font-size: 10px; opacity: 0; } #tmpl-header .tmpl-header_searchBtn_name { opacity: 0; } /* スマホでは閉じるアイコン必要ないので絶対に表示させない */ #tmpl-header .tmpl-header_searchCloseBtn { display: none !important; } } @media screen and (max-width: 374px) { #tmpl-header .tmpl-headerSearch_input { font-size: 13px; } } #tmpl-header .tmpl-headerNav_pauseController { position: absolute; right: 8px; bottom: 8px; z-index: 100; } #tmpl-header .tmpl-headerNav_pauseController_btn { width: 32px !important; height: 32px !important; cursor: pointer; padding: 10px 0; box-sizing: border-box; background: #000; border-radius: 50%; } /* .tmpl-headerNav_pauseController_btn.is-active { display: block !important; transition: 0.24s ease-out; transition-property: background; } */ #tmpl-header .tmpl-headerNav_pauseController_btn rect, #tmpl-header .tmpl-headerNav_pauseController_btn path { fill: #fff; transition: 0.24s ease-out; transition-property: fill; } #tmpl-header .tmpl-headerNav_pauseController_btn:hover, #tmpl-header .tmpl-headerNav_pauseController_btn:focus { background: #fff; } #tmpl-header .tmpl-headerNav_pauseController_btn:hover rect, #tmpl-header .tmpl-headerNav_pauseController_btn:hover path, #tmpl-header .tmpl-headerNav_pauseController_btn:focus rect, #tmpl-header .tmpl-headerNav_pauseController_btn:focus path { fill: #2d61bf; } #tmpl-header .tmpl-headerNav_pauseController_btn svg { display: block; margin: 0 auto; } #tmpl-header .tmpl-headerNav_pauseController_btn.-pause svg { width: 12px; height: 12px; } #tmpl-header .tmpl-headerNav_pauseController_btn.-play svg { width: 12px; height: 12px; transform: translate(2px, 0); } #tmpl-header .tmpl-headerNav_pauseController_btn .no_button { font-size: 10px; position: absolute; left: 0; top: 0; opacity: 0; } #tmpl-header .control_btn { display: none !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #tmpl-header .control_btn.is-active { display: block !important; transition: 0.24s ease-out; transition-property: background; } .swiper-aboutsony .swiper-slide, .swiper-design .swiper-slide, .swiper-ir .swiper-slide { opacity: 1 !important; } @media print { #tmpl-header { width: 100%; -webkit-print-color-adjust: exact; background: #000 !important; padding: 0 20px; } #tmpl-header .tmpl-headerNav_list { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: 1190px; height: 70px; position: absolute; left: 0; right: 0; top: 0; padding: 0 0 0 140px; margin: 0 auto; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown, #tmpl-header .tmpl-headerNavItem.-contact, #tmpl-header .tmpl-header_searchBtnContainer { display: none !important; } } /* タッチデバイスだとアウトラインをなくす */ /* .touch a { outline: none !important; } */ a { -webkit-tap-highlight-color:rgba(0,0,0,0) !important; } .font17 { font-size: 17px !important; } #tmpl-header p.tmpl-headerNavDropDownItem_label_2 { color: #fff; padding-bottom: 24px; font-size: 14px; line-height: 25px; } .in_list li:first-child a { padding-bottom: 16px!important; } .in_list li a{ margin-left: 10px!important; } @media screen and (max-width: 640px) { #tmpl-header p.tmpl-headerNavDropDownItem_label_2 { padding: 14px 26px 14px 51px; } .in_list li a{ margin-left: 0px; } } /* #tmpl_content, #tmpl_contentMenu_bar{ padding-top: 70px !important; } */ .tmpl_displayOff{ display: none; } /* @media screen and (max-width: 640px) { #tmpl_content { padding-top: 64px; } } */ /* tmplcontentの上にtmpl_contentMenu_barがある場合はtmplcontentのpadding-topは空けないようにする */ /* #tms */ /* tmpl_contentMenu_barの上にtmplcontentがある場合はtmpl_contentMenu_barのpadding-topは空けないようにする */ /* #tmpl_content #tmpl_contentMenu_bar { padding-top: 0 !important; } */ #tmpl-header { margin: 0; padding: 0; } body { margin: 0; } #tmpl-header { font-family: "SST W20 Roman", "SST W55 Regular", "Yu Gothic Medium", "YuGothic", sans-serif; margin: 0; padding: 0; } #tmpl-header .sp { display: none; } #tmpl-header { width: 100% !important; /* ページによってmax-width: 1190pxが指定されているため対策 */ max-width: none !important; position: relative; left: 0; top: 0; right: auto; bottom: auto; z-index: 999999; transition: 0.64s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform; } #tmpl-header.is-hide { transform: translate(0, -100%); } #tmpl-header .tmpl-header_inner { width: 100%; max-width: 1190px; margin: 0 auto; padding: 0; position: relative; } #tmpl-header .tmpl-header_head { display: flex; align-items: center; width: 100%; height: 70px; margin: 0; padding: 0; background: #000; border-bottom: 1px solid #363636; position: relative; box-sizing: border-box; } #tmpl-header .tmpl-header_logo { width: 108px; position: relative; z-index: 10; margin: 0; padding: 0; } #tmpl-header .tmpl-header_logo > a { display: block; width: 100%; height: 100%; padding: 24px 0; } #tmpl-header .tmpl-header_logo img { width: 100%; margin: 0; padding: 0; } #tmpl-header .tmpl-headerHamburger { display: none; } #tmpl-header .tmpl-headerNavItem_name { display: none; } #tmpl-header .tmpl-headerNavItem.-language { margin: 0; padding: 0; padding-bottom: 2px; position: relative; } /* ---------------- DropDown ---------------- */ #tmpl-header .tmpl-headerNav_list { list-style-type: none !important; margin: 0; padding: 0; } #tmpl-header .tmpl-headerNavDropDownBg { width: 100%; height: 0; background: #000; position: absolute; left: 0; top: 70px; margin: 0; padding: 0; z-index: 999; } #tmpl-header .tmpl-headerNavDropDown a { color: #fff !important; } #tmpl-header #tmpl-headerNav_list .tmpl-headerNavDropDown_toCategoryTop { display: none; /* font-family: "SST W20 Roman", "SST W55 Regular", "Yu Gothic Medium", "YuGothic", sans-serif; font-size: 17px; font-weight: 400; line-height: 1; margin-bottom: 10px; position: relative; text-align: left; background: none; margin: 0; padding: 0; */ } #tmpl-header #tmpl-headerNav_list .tmpl-headerNavDropDown_toCategoryTop span { color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* .tmpl-headerNavDropDown_toCategoryTop::after { content: ""; display: block; width: 26px; height: 1px; background: #676767; position: absolute; bottom: 0; left: 0; } */ #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { display: block; width: 100%; height: 100%; padding: 22px 0; } #tmpl-header .tmpl-headerNavDropDown_inner { width: 100%; max-width: 1190px; display: flex; align-items: flex-start; justify-content: space-between; margin: 0 auto; padding: 24px 40px 36px; } #tmpl-header .tmpl-headerNavDropDown_txtContainer { width: calc(100% - 638px); margin: 0; padding: 0; padding-right: 16px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown_list { display: flex; flex-wrap: wrap; flex-direction: column; padding: 0 !important; margin: 0 !important; list-style-type: none !important; } #tmpl-header .tmpl-headerNavDropDownItem a { display: block; width: 100%; height: 100%; margin: 0; padding: 13px 40px 13px 0; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDownItem-dummy { margin: 0; padding: 0; height: 21px; } #tmpl-header .tmpl-headerNavDropDown_imgContainer { width: 60%; margin: 0; padding: 0; max-width: 638px; position: relative; overflow: hidden; } #tmpl-header .tmpl-headerNavDropDown_imgContainer a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } #tmpl-header .tmpl-headerNavDropDown_imgContainer img, #tmpl-header .tmpl-headerNavDropDown_imgContainer video { display: block; width: 100%; margin: 0; padding: 0; position: relative; transition: 0.8s transform cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0.75 !important; } #tmpl-header .tmpl-headerNavDropDown_imgContainer p { font-size: 24px; color: #fff; text-align: center; letter-spacing: 0.05em; line-height: 1.7; text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); margin: 0; padding: 0; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%) translate3d(0, 0, 0); z-index: 10; opacity: 1; } #tmpl-header .tmpl-headerNavDropDown_imgContainer .is-active img { transform: scale(1.08); transition-duration: 4.4s; } /* .tmpl-headerNavDropDown_imgContainer .slick-active img { transform: scale(1.06); transition-duration: 4.4s; } */ /* .tmpl-headerNavItem.is-open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavDropDown { height: auto; opacity: 1; margin: 0; padding: 0; transition: 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0.08s; transition-property: opacity; } #tmpl-header p.tmpl-headerNavDropDownItem_label { margin: 0 !important; padding: 0; color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a > span::after, #tmpl-header .tmpl-headerNavDropDownItem_label::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #999; border-width: 1px 1px 0 0; transform: rotate(45deg); margin: 0 0 1px 0.64em; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, margin; } /* ---------------- Search ---------------- */ #tmpl-header .tmpl-header_searchBtnContainer { width: 100%; max-width: 1190px; height: 70px; margin: 0 auto; padding: 0; position: absolute; left: 0; right: 0; top: 0; /* z-index: -10; */ pointer-events: none; } #tmpl-header .tmpl-header_searchBtn > svg { position: absolute; left: 50%; top: 50%; margin: 0; padding: 0; transform: translate(-50%, -50%); } #tmpl-header .tmpl-header_searchBtn:hover > svg path, #tmpl-header .tmpl-header_searchBtn:focus > svg path { fill: #4f83df; } #tmpl-header .header_searchBtn_name { position: absolute; left: 0; top: 0; margin: 0; padding: 0; } #tmpl-header .tmpl-headerSearch { position: absolute; /* right: 6px; top: 26px; */ right: 0px; top: 70px; z-index: 100; margin: 0; padding: 0; overflow: hidden; display: none; } #tmpl-header .tmpl-headerSearch input[type="submit"], #tmpl-header .tmpl-headerSearch_ico { width: 50px; height: 50px; margin: 0; padding: 0; background: #999; border: none; outline: none; transition: 0.32s background ease-out; } #tmpl-header .tmpl-headerSearch input[type="submit"] { margin: 0; padding: 0; cursor: pointer; } #tmpl-header .tmpl-headerSearch_ico { display: flex; align-items: center; justify-content: center; background: none; position: absolute; right: 0; top: 0; margin: 0; padding: 0; pointer-events: none; } #tmpl-header .tmpl-headerSearch_label { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; } #tmpl-header .tmpl-headerSearch_input { display: block; width: 316px; height: 50px; border: none; margin: 0; padding: 10px; border-radius: 0; box-sizing: border-box; font-size: 16px; float: left; outline: none; } #tmpl-header .tmpl-headerSearch_input::placeholder { color: #757575; } #tmpl-header .tmpl-headerSearch_bg { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; margin: 0; padding: 0; z-index: -10; } /* スライド */ @keyframes zoom { from { transform: scale(1); } to { transform: scale(1.08); } } .swiper-wrapper { overflow: hidden; } .swiper-slide img { width: 100%; height: auto; } /* Prevスライド */ .is-open .swiper-slide-prev img, /* Activeスライド */ .is-open .swiper-slide-active img, /* ループ時に複製される正面のスライド */ .is-open .swiper-slide-duplicate-active img { animation-name: zoom; animation-duration: 4.4s; animation-fill-mode: forwards; animation-timing-function: ease-out; } #tmpl-header .tmpl-header_searchClose { display: none; } #tmpl-header .tmpl-header_searchBtn_name { opacity: 0; } /* ---------------------------------------- SP breakpoint は 640px のみ ---------------------------------------- */ @media screen and (min-width: 641px) { #tmpl-header { min-width: 1190px !important; } #tmpl-header .tmpl-headerNav_list { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: 1190px; height: 70px; position: absolute; left: 0; right: 0; top: 0; padding: 0 140px 0 140px; margin: 0 auto; box-sizing: border-box; } #tmpl-header .tmpl-headerNavItem.-language { position: absolute; right: 250px; top: 50%; transform: translate(0, -50%); } #tmpl-header .tmpl-headerNavItem.-language::after { content: ""; display: block; width: 1px; height: 20px; background: #696969; position: absolute; right: -20px; top: 50%; transform: translate(0, -50%); } #tmpl-header .tmpl-headerNavItem.-language a { font-size: 12px; font-weight: 400; color: #fff; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { margin-bottom: 14px; } #tmpl-header .tmpl-headerNavDropDown a { transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* ページによってpタグにcolor等のスタイルが指定されているため上書きをしています */ #tmpl-header .tmpl-headerNavDropDown a:hover, #tmpl-header .tmpl-headerNavDropDown a:hover > p, #tmpl-header .tmpl-headerNavDropDown a:hover > span, #tmpl-header .tmpl-headerNavDropDown a:focus, #tmpl-header .tmpl-headerNavDropDown a:focus > p, #tmpl-header .tmpl-headerNavDropDown a:focus > span { color: #4f83df !important; text-decoration: none; outline: none; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop:hover > a span::after, #tmpl-header .tmpl-headerNavDropDownItem:hover .tmpl-headerNavDropDownItem_label::after, #tmpl-header .tmpl-headerNavDropDown_toCategoryTop > a:focus span::after, #tmpl-header .tmpl-headerNavDropDownItem a:focus .tmpl-headerNavDropDownItem_label::after { border-color: #4f83df; transform: translate(4px, 0) rotate(45deg); transition-duration: 0.24s; } /* #tmpl-header .tmpl-headerNavItem_label::after { */ #tmpl-header .tmpl-headerNavItem_link::after { content: ""; display: block; width: 0; height: 1px; background: #2d61bf; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 15px; transition: width 0.64s cubic-bezier(0.165, 0.84, 0.44, 1); } /* #tmpl-header .tmpl-headerNavItem_label:hover::after, */ #tmpl-header .tmpl-headerNavItem_link:hover::after, /* .tmpl-headerNavItem_label:focus::after, */ /* #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::after { */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_link::after { width: calc(100% - 30px); transition-duration: 0.32s; } #tmpl-header .tmpl-headerNavItem.-language a:hover, #tmpl-header .tmpl-headerNavItem.-language a:focus { color: #4f83df; outline: none; } #tmpl-header .tmpl-headerNavDropDown { width: 100%; height: 0; /* background: #000; */ margin: 0 auto; position: absolute; left: 0; right: 0; top: 70px; overflow: hidden; box-sizing: border-box; opacity: 0; z-index: 999; } #tmpl-header .tmpl-headerNavDropDown_imgContainer a .tmpl-headerNav_slider { transition: opacity 0.4s ease-out; } #tmpl-header .tmpl-headerNavDropDown_imgContainer a:hover .tmpl-headerNav_slider, #tmpl-header .tmpl-headerNavDropDown_imgContainer a:focus .tmpl-headerNav_slider { opacity: 0.64; transition-duration: 0.24s; } #tmpl-header .tmpl-headerSearch input[type="submit"]:hover, #tmpl-header .tmpl-headerSearch input[type="submit"]:focus { background: #2d61bf; } /* Search */ #tmpl-header .tmpl-headerSearch .tmpl-headerSearch_inner { transform: scale(0.64); transform-origin: right top; opacity: 0; transition: 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerSearch.is-open .tmpl-headerSearch_inner { transform: scale(1); opacity: 1; transition-duration: 0.32s; } } @media screen and (max-width: 640px) { #tmpl-header { /* overflow: hidden; */ } #tmpl-header .tmpl-header_bg { content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-header.is-open .tmpl-header_bg { opacity: 0.65; } #tmpl-header .tmpl-header_head { height: 64px; } #tmpl-header .tmpl-header_logo { width: 96px; margin: 0 auto; } #tmpl-header .tmpl-header_logo a { padding: 22px 0; } #tmpl-header .tmpl-headerNav { position: absolute; z-index: 999; width: 100%; /* width: calc(100% - 60px); max-width: 280px; */ height: 0; background: #000; overflow: auto; /* transform: translate(100%, 0); */ float: right; } #tmpl-header .tmpl-headerHamburger { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; position: absolute; right: 0; top: 0; } #tmpl-header .tmpl-headerHamburger_inner { width: 20px; height: 15px; position: relative; pointer-events: none; } #tmpl-header .tmpl-headerHamburger_line { display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; transition: top 0.24s 0.16s, transform 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerHamburger_line.-line-01 { top: 0; } #tmpl-header .tmpl-headerHamburger_line.-line-02 { top: 50%; /* transform: translate(0, -50%) rotate3d(0, 0, 0); */ transition: opacity 0.16s 0.24s; /* transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); */ } #tmpl-header .tmpl-headerHamburger_line.-line-03 { top: calc(100% - 1px); } #tmpl-header .tmpl-headerHamburger_name { font-size: 10px; position: absolute; left: 0; right: 0; opacity: 0; } #tmpl-header .tmpl-header_searchBtn { left: 23px; right: auto; } #tmpl-header .tmpl-headerNavItem { border-bottom: 1px solid #262626; } #tmpl-header .tmpl-headerNavItem_link, #tmpl-header .tmpl-headerNavItem.-language a { display: block; font-size: 14px; font-weight: 400; color: #fff; padding: 22px 25px; } #tmpl-header .tmpl-headerNavItem_label span { display: none; } #tmpl-header .tmpl-headerNavItem_label::before, #tmpl-header .tmpl-headerNavItem_label::after { content: ""; display: block; width: 13px; height: 1px; background: #b1b1b1; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%); transition: 0.32s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerNavItem_label::after { transform: translate(0, -50%) rotate(90deg); } #tmpl-header .tmpl-headerNavItem_name { display: block; position: absolute; top: 0; left: 0; opacity: 0; } /* DropDown */ #tmpl-header .tmpl-headerNavDropDown { height: 0; overflow: hidden; } #tmpl-header .tmpl-headerNavDropDown_inner { width: 100%; flex-direction: column-reverse; padding: 0; } #tmpl-header .tmpl-headerNavDropDown_txtContainer { display: block; width: 100%; background: #262626; padding: 10px 0; } #tmpl-header .tmpl-headerNavDropDown_imgContainer { width: 100%; } #tmpl-header .tmpl-headerNavDropDown_imgContainer img { display: block; } #tmpl-header .tmpl-headerNavDropDown_imgContainer p { font-size: 16px; } #tmpl-header .tmpl-headerNavDropDown_list { display: block; height: auto; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop { margin: 0; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { font-size: 14px; line-height: 1.5; padding: 14px 55px 14px 25px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop span > span { display: none; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop::after { content: none; } #tmpl-header .tmpl-headerNavDropDownItem { width: 100%; font-size: 12px; line-height: 1.5; } #tmpl-header .tmpl-headerNavDropDownItem-dummy { display: none; } #tmpl-header .tmpl-headerNavDropDownItem a { display: inline-block; padding: 14px 50px 14px 25px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDownItem a { position: relative; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a > span::after, #tmpl-header .tmpl-headerNavDropDownItem_label::after { display: block; position: absolute; right: 28px; top: 50%; transform: translate(0, -50%) rotate(45deg); margin: 0; } /* open */ #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line { top: 50%; transition: top 0.16s, transform 0.24s 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-01 { transform: rotate(45deg); } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-02 { opacity: 0; /* transition: opacity 0.16s cubic-bezier(0.165, 0.84, 0.44, 1); */ } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-03 { transform: rotate(-45deg); } /* headerNavItem open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::before { transform: translate(0, -50%) rotate(90deg); opacity: 0; } #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::after { transform: translate(0, -50%) rotate(180deg); } /* Search */ #tmpl-header .tmpl-header_searchBtnContainer { height: 64px; } #tmpl-header .tmpl-headerSearch { width: 100%; height: 100vh; right: 0; top: 0; } #tmpl-header .tmpl-headerSearch_inner { width: 100%; height: 64px; background: #fff; } #tmpl-header .tmpl-headerSearch_input { /* input のフォントサイズをscaleで小さくする. */ width: calc(115% - 64px); height: 54.16px; background: #efefef; margin: 10px 0 0 54px; transform: scale(0.8125); transform-origin: left top; } #tmpl-header .tmpl-headerSearch input[type="submit"], #tmpl-header .tmpl-headerSearch_ico { width: 44px; height: 44px; background: #999; position: absolute; right: 10px; top: 10px; } #tmpl-header .tmpl-header_searchClose { display: flex; align-items: center; justify-content: center; width: 54px; height: 64px; position: absolute; left: 0; top: 0; } #tmpl-header .tmpl-header_searchClose::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #707070; border-width: 0 0 1px 1px; transform: rotate(45deg); } #tmpl-header .tmpl-header_searchClose span { position: absolute; left: 0; top: 0; font-size: 10px; opacity: 0; } } @media screen and (max-width: 374px) { #tmpl-header .tmpl-headerSearch_input { font-size: 13px; } } #tmpl-header .tmpl-headerNav_pauseController { position: absolute; right: 8px; bottom: 8px; z-index: 100; } #tmpl-header .tmpl-headerNav_pauseController_btn { width: 32px !important; height: 32px !important; cursor: pointer; padding: 10px 0; box-sizing: border-box; background: #000; border-radius: 50%; } /* .tmpl-headerNav_pauseController_btn.is-active { display: block !important; transition: 0.24s ease-out; transition-property: background; } */ #tmpl-header .tmpl-headerNav_pauseController_btn rect, #tmpl-header .tmpl-headerNav_pauseController_btn path { fill: #fff; transition: 0.24s ease-out; transition-property: fill; } #tmpl-header .tmpl-headerNav_pauseController_btn:hover, #tmpl-header .tmpl-headerNav_pauseController_btn:focus { background: #fff; } #tmpl-header .tmpl-headerNav_pauseController_btn:hover rect, #tmpl-header .tmpl-headerNav_pauseController_btn:hover path, #tmpl-header .tmpl-headerNav_pauseController_btn:focus rect, #tmpl-header .tmpl-headerNav_pauseController_btn:focus path { fill: #2d61bf; } #tmpl-header .tmpl-headerNav_pauseController_btn svg { display: block; margin: 0 auto; } #tmpl-header .tmpl-headerNav_pauseController_btn.-pause svg { width: 12px; height: 12px; } #tmpl-header .tmpl-headerNav_pauseController_btn.-play svg { width: 12px; height: 12px; transform: translate(2px, 0); } #tmpl-header .tmpl-headerNav_pauseController_btn .no_button { font-size: 10px; position: absolute; left: 0; top: 0; opacity: 0; } #tmpl-header .control_btn { display: none !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #tmpl-header .control_btn.is-active { display: block !important; transition: 0.24s ease-out; transition-property: background; } .swiper-aboutsony .swiper-slide, .swiper-design .swiper-slide, .swiper-ir .swiper-slide { opacity: 1 !important; } @media print { #tmpl-header { width: 100%; -webkit-print-color-adjust: exact; background: #000 !important; padding: 0 20px; } #tmpl-header .tmpl-headerNav_list { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: 1190px; height: 70px; position: absolute; left: 0; right: 0; top: 0; padding: 0 0 0 140px; margin: 0 auto; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown, #tmpl-header .tmpl-headerNavItem.-language, #tmpl-header .tmpl-header_searchBtnContainer { display: none !important; } } #tmpl-header .tmpl-header_corporate-name { position: absolute; top: 50%; color: #fff; transform: translateY(-50%) translateX(0%); left: calc(((100% - 1190px)/2) + 1058px); background-color: #000; } /* ---------------- footer ---------------- */ .tmpl-footer-wrap { min-width: 1190px; background: #1f2024; box-sizing: border-box; } .tmpl-footer { position: relative; max-width: 1190px; height: 60px; margin: 0 auto; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: absolute; top: 20px; left: 0; } .tmpl-footer .tmpl-footer__groupsite a:hover { opacity: 0.8; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: absolute; top: 22px; left: 225px; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav { overflow: visible; margin: 0; padding: 0; list-style-type: none; } .tmpl-footer .tmlp-footer__gnav__item { float: left; margin-right: 30px; } .tmpl-footer .tmlp-footer__gnav__item a { color: #FFFFFF; font-size: 0.75em; text-decoration: none; display: inline-block; padding-top: 4px; padding-bottom: 2px; } .tmpl-footer .tmlp-footer__gnav__item button { color: #FFFFFF; font-size: 0.75em; text-decoration: none; display: inline-block; padding-top: 2.5px; padding-bottom: 2.5px; } .tmpl-footer .tmlp-footer__gnav__item a:hover, .tmpl-footer .tmlp-footer__gnav__item button:hover { padding-bottom: 1px; border-bottom: 1px solid #FFFFFF; color: #aeb1c2; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: absolute; top: 25px; right: 0; color: #898991; font-size: 0.75em; } @media screen and (max-width: 640px) { /* footer */ .tmpl-footer-all { background: #1f2024; } .tmpl-footer-wrap { min-width: auto; padding: 0; } .tmpl-footer { height: auto; padding: 20px 20px; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: relative; top: 0 !important; left: 0 !important; margin: 0 0 20px !important; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav__item { float: none; display: block; margin: 0 0 20px; } .tmpl-footer .tmlp-footer__gnav__item:last-child { margin-bottom: 0; } .tmpl-footer .tmlp-footer__gnav__item:first-child { margin-left: 0; } .tmpl-footer .tmlp-footer__gnav__item a { font-size: 0.875em; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: relative; top: 0; left: 0; margin: 0 0 20px; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: relative; top: 0; left: 0; } } @media screen and (max-width: 1250px) { .tmpl-footer-wrap { padding: 0 20px; } .tmpl-footer .tmlp-footer__gnav__item { margin-right: 20px; } } .cp_bt { cursor: pointer; color: #FFFFFF; font-size: 0.75em; text-decoration: none; } /* Customize Cookies追加に伴うcss */ .tmpl-footer .tmlp-footer__gnav__item button:focus-visible { outline: -webkit-focus-ring-color auto 1px !important; outline-offset: 1px; } .tmpl-footer .tmlp-footer__gnav__item:first-child { margin-left: 3px; } /* .cp_bt:focus-visible { outline: -webkit-focus-ring-color auto 1px !important; outline-offset: 1px; } */ button { background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*--------------------------------------- footer -----------------------------------------*/ .tmpl-footer-wrap { min-width: 1190px; background: #1f2024; box-sizing: border-box; } .tmpl-footer { position: relative; max-width: 1190px; height: 60px; margin: 0 auto; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: absolute; top: 20px; left: 0; } .tmpl-footer .tmpl-footer__groupsite a:hover { opacity: 0.8; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: absolute; top: 20px; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav { overflow: visible; margin: 0; padding: 0; list-style-type: none; } .tmpl-footer .tmlp-footer__gnav__item { float: left; margin-right: 30px; } .tmpl-footer .tmlp-footer__gnav__item a { color: #FFFFFF; font-size: 0.75em; text-decoration: none; } .tmpl-footer .tmlp-footer__gnav__item a:hover { color: #aeb1c2; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: absolute; top: 25px; right: 0; color: #898991; font-size: 0.75em; } @media screen and (max-width: 1250px) { .tmpl-footer-wrap { padding: 0 20px; } .tmpl-footer .tmlp-footer__gnav__item { margin-right: 20px; } } @media screen and (max-width:640px) { .tmpl-footer-all { background: #1f2024; } .tmpl-footer-wrap { min-width: auto; padding: 0; } .tmpl-footer { height: auto; padding: 20px 20px; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: relative; top: 0; left: 0; margin: 0 0 20px; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav__item { float: none; display: block; margin: 0 0 20px; } .tmpl-footer .tmlp-footer__gnav__item:last-child { margin-bottom: 0; } .tmpl-footer .tmlp-footer__gnav__item a { font-size: 0.875em; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: relative; top: 0; left: 0; margin: 0 0 20px; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: relative; top: 0; left: 0; } } /*************************************** * Content Area **************************************/ @media screen and (min-width: 641px) { #tmpl_main { width: 1190px; margin: 0 auto; } } .language-select { width: 118px; } .language-select ul { display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0; text-align: right; } .language-select li+li { padding-left: 2px; } .language-select li::before { content: ""; display: block; height: 1em; border-left: 1px solid #fff; position: absolute; top: -3px; left: 56px; bottom: 0; margin: auto; transform: rotate(33deg); } .language-select li a:hover { text-decoration: underline !important; } .language-select li.is-current span { font-family: 'SST W20 Bold'; font-weight: 700; background-color: #000; } .language-select a, .language-select span { color: #FFF; display: inline-block; font-size: 13px !important; line-height: 1; padding: 3px 0 2px; text-decoration: none; } #tmpl-header .tmpl-header_corporate-name { position: absolute; top: 50%; color: #fff; transform: translateY(-50%) translateX(0%); left: calc(((100% - 1190px) / 2) + 1058px); } @media screen and (min-width: 641px) { #tmpl-header .tmpl-headerNav_list li:nth-last-child(2) { right: 317px; } #tmpl-header .tmpl-headerNav_list li:last-child { right: 183px; top: 50%; } #tmpl-header .tmpl-headerNavDropDown_list li:nth-child(1) { padding-top: 20px; } } @media screen and (max-width: 640px) { .language-select a, .language-select span { font-size: 16px !important; } .language-select span { position: absolute; left: 26px; top: 35%; } .language-select li+li { padding: 0 0 0 80px; } .language-select li::before { top: -5px; left: 96px; } /* .is-current { padding-left: 26px; padding-top: 21px; } */ } /* ---------------- footer ---------------- */ .tmpl-footer-wrap { min-width: 1190px; background: #1f2024; box-sizing: border-box; } .tmpl-footer { position: relative; max-width: 1190px; height: 60px; margin: 0 auto; font-family: "SST W20 Roman", "SST W55 Regular", "Yu Gothic Medium", "YuGothic", sans-serif; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: absolute; top: 20px; left: 0; } .tmpl-footer .tmpl-footer__groupsite a:hover { opacity: 0.8; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: absolute; top: 22px; left: 225px; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav { overflow: hidden; margin: 0; padding: 0; list-style-type: none; line-height: 1; } .tmpl-footer .tmlp-footer__gnav__item { float: left; margin-right: 30px; } .tmpl-footer .tmlp-footer__gnav__item a { color: #FFFFFF; font-size: 0.75em; text-decoration: none; display: inline-block; padding-top: 4px; padding-bottom: 2px; } .tmpl-footer .tmlp-footer__gnav__item button { color: #FFFFFF; font-size: 0.75em; text-decoration: none; display: inline-block; padding-top: 2.5px; padding-bottom: 2.5px; } .tmpl-footer .tmlp-footer__gnav__item a:hover, .tmpl-footer .tmlp-footer__gnav__item button:hover { padding-bottom: 1px; border-bottom: 1px solid #FFFFFF; color: #aeb1c2; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: absolute; top: 25px; right: 0; color: #898991; font-size: 0.75em; line-height: 1; } @media screen and (max-width: 640px) { /* footer */ .tmpl-footer-all { background: #1f2024; } .tmpl-footer-wrap { min-width: auto; padding: 0; } .tmpl-footer { height: auto; padding: 20px 20px; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: relative; top: 0 !important; left: 0 !important; margin: 0 0 20px !important; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav__item { float: none; display: block; margin: 0 0 20px; } .tmpl-footer .tmlp-footer__gnav__item:last-child { margin-bottom: 0; } .tmpl-footer .tmlp-footer__gnav__item:first-child { margin-left: 0; } .tmpl-footer .tmlp-footer__gnav__item a { font-size: 0.875em; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: relative; top: 0; left: 0; margin: 0 0 20px; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: relative; top: 0; left: 0; } } @media screen and (max-width: 1250px) { .tmpl-footer-wrap { padding: 0 20px; } .tmpl-footer .tmlp-footer__gnav__item { margin-right: 20px; } } .cp_bt { cursor: pointer; color: #FFFFFF; font-size: 0.75em; text-decoration: none; } /* Customize Cookies追加に伴うcss */ .tmpl-footer .tmlp-footer__gnav__item button:focus-visible { outline: -webkit-focus-ring-color auto 1px !important; outline-offset: 1px; } .tmpl-footer .tmlp-footer__gnav__item:first-child { margin-left: 3px; } /* .cp_bt:focus-visible { outline: -webkit-focus-ring-color auto 1px !important; outline-offset: 1px; } */ button { background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } </style> <script type="text/javascript" src="//fast.fonts.net/jsapi/f2b13cbc-6f40-4ccd-81f1-58d03a620532.js"></script> <script src="/template/2020/en/js/lib.js"></script> <script src="/template/2020/en/js/common.js"></script> <link rel="icon" href="/favicon.ico">  <link href="https://ce.mf.marsflag.com/latest/css/mf-search.css" rel="stylesheet" type="text/css" media="all" charset="UTF-8"> <link href="//c.marsflag.com/mf/mfx/1.0-latest/css/mfx-serp-resp.css" rel="stylesheet" type="text/css" media="all">  <link href="/search/css/search_resp_net.css" rel="stylesheet" type="text/css" media="all">   <link href="../../information/shared/css/includeStyleCMS2.css" media="all" rel="stylesheet" type="text/css"><style type="text/css"> .ly_contents{ padding-top: 1rem; color: #333; min-width:1190px; margin: 0 auto; } .ly_contents-title{ margin-bottom: 1rem; } .mod_title-h1{ margin-bottom: 0; color: #656565; } .main_v .mod_image{ margin-bottom: 0; } .mod_title-h2{ padding: 7rem 0; background: no-repeat url("kv_pc.jpg") 0 0 / cover; } .column02 .mod_title-h3{ font-size: 1.6rem; font-family:"SST Japanese W55 UltraLight","SST W20 Ultra Light"; margin-bottom: 4rem; } .Key_M{font-size: 2.6rem;} .column01 { margin: 0 auto; margin-top: 5rem; width: 835px; } .column02{ margin-top: 5rem; } .column02 ul.mod_link{ display: flex; justify-content: flex-end; } @media screen and (max-width: 640px){ .ly_contents{ min-width:auto; } .mod_title-h2{ padding: 2.2rem 0; background: no-repeat url("kv_sp.jpg") 0 0 / cover; } .column01 { width: auto; margin: 3rem 1rem; } .column02 { margin-top: 3rem; } .Key_M{font-size: 2rem;} } </style><link href="../../information/shared/css/ly_header.css" media="all" rel="stylesheet" type="text/css"><script type="text/javascript" src="../../information/shared/js/library.js"></script><script type="text/javascript" src="../../information/shared/js/common.js"></script><script type="text/javascript" src="../../information/shared/js/ly_header.js"></script>  <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="BCCJK-Q4KUY-Y98ZJ-GVNAN-9XPB2",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"BCCJK-Q4KUY-Y98ZJ-GVNAN-9XPB2",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbet4tppfsz7lmb2q-f-20296cd13-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"368277","ak.ai":parseInt("231082",10),"ak.ol":"0","ak.cr":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"c02e64","ak.r":6099,"ak.a2":e,"ak.m":"dsca","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":48208,"ak.gh":"124.155.222.85","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1743478901","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==Kq27MQAI8QXvbLlUBK835/knzWObzdwdF6RWoxhALFIWd23LrEi3BG3g/V4K9/roYoLfXJjfE0uGsgb58wQ+cnKgxJOy5RCmASL0UdP1EekZXWb98wWqoAt/GHB1GpcFrE7lNqFkMloqDLJ3fFEAXoslgIuoNa/T+jbXyTIFjtu5kaYXcu0P9MrK0p7DMIbIoLMddY+yCZt0DknoJbkJ1RHOmxbg4bpA8WtUaMrORZIFhLu9KoHUApzVwCOvxwEPuj3K/brqSuZGYy/dggdbTvW2jvptosPjjfqEPZY/PrE89zFyc4e8Jzzx/ttARNc5GSu15ZQWANYW0DUf0jBpEapVDJFKxCF0v2WfNBgePe5JFV6UsiPPY/uC7YfRqBiaFAnlLY2oGOIkor1Vp9JR8N60inRfkoYixhKDtEtwQXE=","ak.pv":"93","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>   <header id="tmpl-header" class="tmpl-header"> <div class="tmpl-header_bg"></div> <div class="tmpl-header_head"> <div class="tmpl-header_inner"> <h1 class="tmpl-header_logo"> <a href="/" data-analytics-name="SonyLogo"> <img src="/template/2020/en/img/logo.svg" alt="SONY" class="tmpl-header_logo_img"> </a> </h1> <a href="javascript:void(0)" class="tmpl-header_hamburger tmpl-headerHamburger" tabIndex="0" aria-expanded="false" data-analytics-name="menu"> <div class="tmpl-headerHamburger_inner"> <span class="tmpl-headerHamburger_line -line-01"></span> <span class="tmpl-headerHamburger_line -line-02"></span> <span class="tmpl-headerHamburger_line -line-03"></span> <span class="tmpl-headerHamburger_name">menu</span> </div> </a> <div class="tmpl-header_search tmpl-headerSearch"> <div class="tmpl-headerSearch_inner"> <div class="tmpl-header_searchBtn tmpl-header_searchClose tmpl-headerSearch_close"><span>close</span></div> <div class="mf_finder_header tmpl-headerSearch_input" tabindex="0"> <mf-search-box ajax-url="https://finder.api.mf.marsflag.com/api/v1/finder_service/documents/4b000647/search" serp-url="/search/search.html#/" doctype-hidden options-hidden force-category-csv="All,www.sony.net,Products & Services" category-default="All" placeholder="Enter the word you want to search"> </mf-search-box> </div> </div> <div class="tmpl-headerSearch_bg tmpl-headerSearch_close"></div> </div> </div> </div> <nav class="tmpl-header_nav tmpl-headerNav" aria-label="Global header navigation"> <div class="tmpl-headerNavDropDownBg js-dropDownBg"></div> <ul id="tmpl-headerNav_list" class="tmpl-headerNav_list"> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/" class="tmpl-headerNavItem_home" data-analytics-name="home"> Home </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/corporate/" class="tmpl-headerNavItem_label" aria-expanded="false"> Corporate Information <span class="tmpl-headerNavItem_name">open</span> </a> <div class="tmpl-headerNavItem_dropDown tmpl-headerNavDropDown -product" data-category="products"> <div class="tmpl-headerNavDropDown_inner"> <a href="#" class="tmpl-headerClose"> <span class="tmpl-headerClose_coment">Close</span> </a> <section class="tmpl-headerNavDropDown_txtContainer"> <h2 class="tmpl-headerNavDropDown_toCategoryTop"> <a href="/corporate/" data-analytics-name="top"> <span>Corporate Information</span> </a> </h2> <ul class="tmpl-headerNavDropDown_list"> <li class="tmpl-headerNavDropDown_item tmpl-headerNavDropDownItem"> <a href="/corporate/mission-vision/" data-analytics-name="Game"> <p class="tmpl-headerNavDropDownItem_label">Mission / Vision</p> </a> </li> <li class="tmpl-headerNavDropDown_item tmpl-headerNavDropDownItem"> <a href="/corporate/message/" data-analytics-name="Music"> <p class="tmpl-headerNavDropDownItem_label">CEO Message</p> </a> </li> <li class="tmpl-headerNavDropDown_item tmpl-headerNavDropDownItem"> <a href="/brand/" data-analytics-name="Brand"> <p class="tmpl-headerNavDropDownItem_label">Brand</p> </a> </li> <li class="tmpl-headerNavDropDown_item tmpl-headerNavDropDownItem"> <a href="/corporate/corporate-data/" data-analytics-name="Pictures"> <p class="tmpl-headerNavDropDownItem_label">Corporate Data</p> </a> </li> </ul> </section> </div> </div> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/products-services/" class="tmpl-headerNavItem_home" data-analytics-name="home"> Products & Services </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/corporate/information/news/" class="tmpl-headerNavItem_home" data-analytics-name="home"> News Releases </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/SonyInfo/News/ServiceArea/" class="tmpl-headerNavItem_home" data-analytics-name="home"> Information </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/corporate/sustainability/" class="tmpl-headerNavItem_home" data-analytics-name="home"> Sustainability </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem -contact"> <a href="https://www.sony.co.uk/locale-selector" data-analytics-name="Support" class="contactLink">Contact Us</a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem -contact"> <div class="language-select"> <ul> <li class="is-current"><span>English</span></li> <li><a href="https://www.sony.co.jp/" hreflang="en">Japanese</a></li> </ul> </div> </li> </ul> <div class="tmpl-header_corporate-name"> Sony Corporation </div> </nav> <div class="tmpl-header_searchBtnContainer"> <a href="javascript:void(0)" id="tmpl-header_searchBtn" class="tmpl-header_searchBtn search_open" aria-expanded="false" data-analytics-name="Search"> <svg xmlns="http://www.w3.org/2000/svg" role="img" width="16.491" height="16.491" viewBox="0 0 16.491 16.491"> <title>Search button in the site</title> <path d="M16.3,15.392,12.421,11.51a7.021,7.021,0,1,0-.911.911L15.392,16.3a.644.644,0,1,0,.911-.911ZM7.022,12.755a5.733,5.733,0,1,1,5.733-5.733A5.74,5.74,0,0,1,7.022,12.755Zm0,0" fill="#fff" /> </svg>  <div class="tmpl-header_searchCloseBtn"> <span class="tmpl-header_searchClose_line -line-first"></span> <span class="tmpl-header_searchClose_line -line-last"></span> </div> <p class="tmpl-header_searchBtn_name">Search</p> </a> </div> </header>   <div id="tmpl_content"> <div id="tmpl_main">   <div class="ly_header"> <div class="ly_header-main"> <nav aria-label="Breadcrumbs"> <ol class="ly_breadcrumb"> <li class="ly_breadcrumb-item"><a href="//www.sony.net/">Home</a></li> <li class="ly_breadcrumb-item"><a href="../index.html">Sustainability</a></li> <li class="ly_breadcrumb-item">Diversity, Equity &Inclusion</li> </ol> </nav>  <div class="ly-header-nav"> <div class="ly-header-nav__head-block"> <div class="head-block__ttl"><a href="https://www.sony.net/corporate/sustainability/">Sustainability</a></div> <div class="head-block__btn cm-sp-only"><div class="btn__bar"><span class="bar"> </span></div></div> </div> <nav class="ly-header-nav__head" aria-label="Local header navigation"><ul class="head__Inr"> <li class="head__nav head__nav--btn"><a class="nav__btn" href="https://www.sony.net/corporate/sustainability/"><span class="btn__txt">TOP</span></a></li> <li class="head__nav head__nav--btn"><a class="nav__btn" href="https://www.sony.net/corporate/sustainability/ActTogether/"><span class="btn__txt">Act Together/Our Approach</span></a></li> <li class="head__nav head__nav--btn"><a class="nav__btn" href="http://www.sony.net/SonyInfo/csr/SonyEnvironment/"><span class="btn__txt">Environment</span></a></li> <li class="head__nav head__nav--btn"><a class="nav__btn" href="https://www.sony.net/corporate/sustainability/ActTogether/topics/tags/accessibility/"><span class="btn__txt">Accessibility</span></a></li> <li class="head__nav head__nav--btn"><a class="nav__btn" href="https://www.sony.net/corporate/sustainability/DEandI/"><span class="btn__txt">Diversity, Equity & Inclusion</span></a></li> <li class="head__nav head__nav--btn"><a class="nav__btn" href="https://www.sony.net/corporate/sustainability/socialcontribution/"><span class="btn__txt">Social Contribution</span></a></li> </ul></nav> </div> </div> </div>   <div class="ly_contents"> <div class="ly_contents-title"> <h1 class="mod_title-h1">Diversity, Equity &Inclusion</h1> </div> <div id="anchor1" class="ly_contents-full mb0 main_v"> <div id="anchor1-1" class="mod_image captionCenter center"> <img src="uch9ae00000003cl-img/DEandI_main_v.jpg" alt=""> </div> </div> <div id="anchor2" class="ly_contents-full mb0"> <h2 id="anchor2-1" class="mod_title-h2 center">STATEMENT</h2> </div> <div id="anchor3" class="ly_contents-main column01 fBold"> <p id="anchor3-1" class="mod_text"><span class="Key_M">We Belong,<br> We Create,<br> We Grow, Together<br> To Bring KANDO to the World.</span></p> <p id="anchor3-2" class="mod_text">We believe that innovation happens when we embrace the diversity in each other beyond boundaries. </p> <p id="anchor3-3" class="mod_text">The Sony Group will continue to evolve as a place where everyone belongs and demonstrates their individuality, inspiring an inclusive society.</p> <ul id="anchor3-4" class="mod_listNotes"> <li class="mod_listNotes-item"><span class="mod_listNotes-note"><span class="fNormal">*</span></span><span class="mod_listNotes-data"><span class="fNormal">KANDO = emotion</span></span></li> </ul> <div id="anchor3-5" class="mod_image captionCenter center"> <div class="mod_imageInner img800"> <a href="https://www.youtube-nocookie.com/embed/ci0mu5e0utE?rel=0&showinfo=0" class="p-modal-video ov_opacity"><span class="com_imageyoutube"><img src="uch9ae00000003cl-img/DE&I_thumbnail_EN.png" alt="Sony's Diversity, Equity & Inclusion (Play in pop-up)"> <span class="com_imageyoutube__main"><img src="../../information/shared/img/play-icon.png" alt="Play"></span> </span> </a> </div> </div> <h3 id="anchor3-6" class="mod_title-h3 center">Sony's Diversity, Equity & Inclusion</h3> <p id="anchor3-7" class="mod_text center"><a href="https://youtu.be/KGfA_QmMLZs?si=UP8CcbJmP_GoTEuT" class="text_link">Sony's Diversity, Equity & Inclusion (Audio Description Version)</a></p> </div> <div id="anchor4" class="ly_contents-main column01"> <div class="mod_frame mod_frame-style01"><div class="mod_frame-main"> <h3 id="anchor4-1" class="mod_title-h3">Diversity, Equity and Inclusion</h3> <p id="anchor4-2" class="mod_text"><small>Diversity is about representation, in terms of race, ethnicity, national origin, religion, beliefs, (dis)ability, gender, gender identity, sexual orientation, age, socioeconomic status, language, and the other parts of our identities, so we have different backgrounds, perspectives, and experiences that enrich our organization and fuel creativity and innovation.<br> We are committed to fostering an inclusive environment where all employees feel safe, valued, and empowered to contribute their unique talents and perspectives. We aim to improve equity by understanding and addressing the challenges faced by each individual and providing fair access, opportunity and advancement for all.</small></p> </div></div> </div> <div id="anchor5" class="ly_contents-main column02"> <h3 id="anchor5-1" class="mod_title-h3 center">TOPICS</h3> <div id="anchor5-2" class="slick-wrapper arrow-space item-space" data-slick-col="3,1" data-slick-initial="0,0"> <div class="slick"> <p class="slick-item"> <a href="../accessibility/240318.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/A11y_240318.png" alt=""></span> </span> <span class="slick-item__text">Sony's Inclusive Design: Co-Creating the Future with Like-minded Partners</span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/accessibility/event/csun2024/" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/CSUN_2024.png" alt=""></span> </span> <span class="slick-item__text">Sony exhibits at international conference on accessibility "CSUN Assistive Technology Conference"</span></a> </p> <p class="slick-item"> <a href="../20240322.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/20240322.jpg" alt=""></span> </span> <span class="slick-item__text">- DE&I Initiatives -<br> Diversity training at Sony/Taiyo for new employees</span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/diversity/report/05_48.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/EN_part2.jpg" alt=""></span> </span> <span class="slick-item__text">Make Yourself A Star in both Childcare and Career Design. Sony Group Support for Balancing Childcare and Work (Part Two)</span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/diversity/report/05_47.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/EN_part1.jpg" alt=""></span> </span> <span class="slick-item__text">Make Yourself A Star in both Childcare and Career Design. Sony Group Support for Balancing Childcare and Work (Part One)</span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/accessibility/event/GAAD2023/" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/topics_01.png" alt=""></span> </span> <span class="slick-item__text">Global Accessibility Awareness Day 2023</span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/diversity/report/05_42.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/topics_02.png" alt=""></span> </span> <span class="slick-item__text">International Women's Day<br> Message from Kenichiro Yoshida, Chairman, President and CEO, Sony Group Corporation<br> </span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/diversity/people/40.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/topics_03.png" alt=""></span> </span> <span class="slick-item__text">I want to use the power of the lens to bring smiles to the faces of people facing illness</span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/diversity/report/05_39.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/topics_04.png" alt=""></span> </span> <span class="slick-item__text">International Women's Day<br> Message from Kenichiro Yoshida, Chairman, President and CEO, Sony Group Corporation</span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/diversity/business/16.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/topics_05.jpg" alt=""></span> </span> <span class="slick-item__text">Mutual appreciation of the diverse expertise within the group helps create the professional tools required for the times </span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/diversity/people/34.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/topics_06.png" alt=""></span> </span> <span class="slick-item__text">Recognizing Diversity Issues from the Employee's Perspective and Creating an Environment in which All Employees Can Fulfill Their Potential </span></a> </p> <p class="slick-item"> <a href="https://www.sony.com/en/SonyInfo/diversity/people/29.html" class="slick-item__texts ov_opacity"> <span class="slick-item-inner"> <span class="slick-item__img"><img src="uch9ae00000003cl-img/topics_07.png" alt=""></span> </span> <span class="slick-item__text">Beyond Language and Cultural Barriers to Reach Full Potential in the Land of My Dreams</span></a> </p> </div> <div class="slider_arrowController"></div> <div class="slider_pauseController"></div> <ul class="slider_dotContainer"></ul> </div> <ul id="anchor5-3" class="mod_link"> <li class="mod_link-item"> <a href="../ActTogether/topics/tags/DEandIEn/index.html">Click here for more topics</a> </li> </ul> </div> </div>  <div class="ly_pagetop" data-smoothtop="hidden"><div class="ly_pagetop-main"><a href="#tmpl_content"><img src="../../information/shared/img/arrow_pagetop.png" alt="Page Top"></a></div></div> <nav class="ly_footer" aria-label="Local footer navigation"> <div class="ly_footer-main"> <ol class="ly_breadcrumb"> <li class="ly_breadcrumb-item"><a href="//www.sony.net/">Home</a></li> <li class="ly_breadcrumb-item"><a href="../index.html">Sustainability</a></li> <li class="ly_breadcrumb-item">Diversity, Equity &Inclusion</li> </ol>  <div id="tmpl_footerNavi" class="tmpl_contentMenu">  </div> </div> </nav>   </div> </div>   <footer class="tmpl-footer-all"> <div class="tmpl-footer-wrap"> <div class="tmpl-footer"> <div class="tmpl-footer__groupsite"> <a href="https://www.sony.com/en/"><img src="/template/2020/en/img/tmpl_footer_grouplink.png" alt="Sony Group Site" lang="en"></a> </div> <nav class="tmlp-footer__nav-wrap" aria-label="Global footer navigation"> <ul class="tmlp-footer__gnav"> <li class="tmlp-footer__gnav__item"><a href="/terms-of-use/">Terms of Use</a></li> <li class="tmlp-footer__gnav__item"><a href="/privacy-policy/">Privacy Policy</a></li> <li class="tmlp-footer__gnav__item"><a href="/privacy-policy/cookie/">Cookie Policy</a></li> <li class="tmlp-footer__gnav__item"> <button class="optanon-toggle-display cp_bt" tabindex="0">Customize Cookies</button> </li>  <li class="tmlp-footer__gnav__item"><a href="/about-this-website/">About this Site</a></li>  </ul> </nav> <div class="tmpl-footer__copyright" lang="en">Copyright 2025 Sony Corporation</div> </div> </div> </footer>  <script src="https://ce.mf.marsflag.com/latest/js/mf-search.js" charset="UTF-8"></script>  <div style="display:none;visibility:hidden;position:absolute;border:none;padding:0;margin:0">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T49J76J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="/ct/s_code.js"></script> <script src="/ct/sc_ppv.js"></script> </div>  </body> </html>

CINXE.COM

Sony Corporation - sustainability | Diversity, Equity &Inclusion