Sony Corporation - CEO Message

<!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, entertainment, technology, creator, creativity"> <meta name="description" content="Message from the CEO of Entertainment, Technology & Services (ET&S) business segment.">   <title>Sony Corporation - CEO Message</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> #anchor1-11.mod_text,#anchor1-14.mod_text{ margin-bottom: 0; } #anchor1-12.mod_datalist-table,#anchor1-15.mod_datalist-table{ margin-top: -30px; } #tmpl_main .ly_contents-main h2 { margin-bottom: 1.5rem; font-weight: bold; font-size: 1.6rem; line-height: 1.6; border-bottom: 3px solid #e3e7eb; padding-bottom: .5rem; } iframe.map { width: 550px; height: 250px; border: none; } @media screen and (max-width: 640px) { iframe.map { width: 100%; } #anchor1-12.mod_datalist-table,#anchor1-15.mod_datalist-table{ margin-top: 0; } } /*フッター*/ .ly_pagetop:nth-child(n+2) { display: none; } .ly_footer{ display: none; } .footer_menu { background-color: #efefef; } .footer_contents div{ width: 1190px; margin: 0 auto } .footer_contents ol{ padding: 1rem 0 1rem 0; } .footer_contents p{ font-size: 13px; line-height: 1.5em; max-width: 1190px; margin: 0 auto; padding-bottom: 35px; } .ly_contents-full{ margin-bottom: 0; } @media screen and (max-width: 640px){ .footer_menu { min-width: 0; } .footer_contents div{ width: auto; margin: auto; } .footer_contents p { padding: 0 1rem 1rem 1rem; } .footer_contents ol { padding: 1rem; } } /*画像横並び*/ .flex { display: flex; /*横並び*/ margin-left: 50rem; } .flex .image { margin: 0; padding: 0; overflow: hidden; position: relative; } .flex .text { padding: 0; text-align: right; margin: auto; } #anchor1-11{ margin-bottom: 3rem; } @media screen and ( max-width:640px){ .flex { display:block; margin-left: 0; } .flex .image { margin-left: 15rem; text-align: right; } } </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="bdpnbeqxhoujcz7f7wba-f-19cc5f807-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":"8b11be2","ak.r":45578,"ak.a2":e,"ak.m":"dsca","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":41116,"ak.gh":"23.59.168.141","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1743125890","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==1KqvCRe/QpXR3Rhl0DTBnNnxgHrHEmiXpp6/AaRHG/1PsypFb+rTw/zg48LRUdB0ScGOeFTuJ837qCEmuhY206n1aXKkrO6vH7KiQ0sRBqP37SAzkb4Tpx5+i94Og+mlZKtQJCg8/OcizeTMZXsyqhCsCD9puyspnUNcwusQhjwvVuFruS29idFrKaSp6vEv2g1L68rTAkog4hrJ7Xal5nc96VQ56hXonfTd2eO62td6cQXXmt/a8OntpHfnB9+c3iz7KasjasMCkdK4UEHqMU5YCbZMeN5T2G2U9wlJZzAva8qOGq4SMkvnMuwiR94d5JgiV0PmXNRKwADdXnok3hQ2KyGGpDzKlfCBcNHZaZvr2nYPu080jGlvRV75YufsxyyelJdC2tRs4uvJjWqG3JI9ZD7M5J/Sqx0fIz/9EF4=","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">CEO Message</li> </ol> </nav>  <div class="ly-header-nav"> <div class="ly-header-nav__head-block"> <div class="head-block__ttl">Corporate Information</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/mission-vision/"><span class="btn__txt">Mission / Vision</span></a></li> <li class="head__nav head__nav--btn"><a class="nav__btn" href="https://www.sony.net/corporate/message/"><span class="btn__txt">CEO Message</span></a></li> <li class="head__nav head__nav--btn"><a class="nav__btn" href="https://www.sony.net/brand/"><span class="btn__txt">Brand</span></a></li> <li class="head__nav head__nav--btn"><a class="nav__btn" href="https://www.sony.net/corporate/corporate-data/"><span class="btn__txt">Corporate Data</span></a></li> </ul></nav> </div> </div> </div>  <div class="ly_img center"><img src="evnf5d0000007xbp-img/KV_PC.jpg" alt="" class="PC w100per"><img src="evnf5d0000007xbp-img/KV_SP.jpg" alt="" class="SP w100per"></div>  <div class="ly_contents"> <div id="anchor1" class="ly_contents-main"> <p id="anchor1-2" class="mod_text">The mission of Sony Corporation, which is responsible for the Entertainment Technology & Services (ET&S) business segment of the Sony Group, is to create the future of entertainment through the power of technology together with creators.<br> Based on Sony's purpose to "fill the world with emotion, through the power of creativity and technology," we aim to realize our vision to continue to deliver Kando* to people around the world.</p> <p id="anchor1-4" class="mod_text">Kando moves people emotionally and enriches their lives, and people are also the ones who create Kando. We strive to work with diverse creators to unleash creativity through the infinite possibilities of technology and envision a future of entertainment that is yet to be imagined.</p> <p id="anchor1-5" class="mod_text">We are also focusing on creating an environment where all employees can thrive in their own way. As part of these efforts, we are fostering a corporate culture that is "Open & Transparent," with "respect for differing opinions," and "a climate where we can take on new challenges without fear of failure." Furthermore, through initiatives for a sustainable society and the global environment, we will contribute to a future where everyone can share Kando.</p> <p id="anchor1-6" class="mod_text">"Creating the Future Together"</p> <p id="anchor1-7" class="mod_text">We will continue aiming to become the brand chosen by creators, and strive to create more Kando through creating together with creators around the world.</p> <div class="flex"> <p class="text">Kimio Maki<br>President and CEO<br>Sony Corporation</p> <figure class="image"><img src="01.jpg" alt=""></figure> </div> </div> <div id="anchor2" class="ly_contents-full"> <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> <div class="footer_contents"> <nav class="footer_menu" aria-label="ローカルフッターナビゲーション"> <div class=""> <ol class="ly_breadcrumb"> <li class="ly_breadcrumb-item"><a href="//www.sony.net">TOP</a></li> <li class="ly_breadcrumb-item">CEO Message</li> </ol> <p>*Kando is a Japanese word that roughly translates to "the sense of awe and the emotion you feel when experiencing something beautiful and amazing for the first time."</p> </div> </nav> </div> </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">CEO Message</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.js"></script> </div>  </body> </html>

CINXE.COM

Sony Corporation - CEO Message