@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  font-family: 'YuGothic','Sarala','Noto Sans JP',"Hiragino Kaku Gothic ProN","メイリオ", sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  font-size: 1.6rem;
  overflow-x: hidden; }

p {
  line-height: 2.4rem; }

ol, ul {
  list-style: none;
  line-height: 2.4rem; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit; }

img {
  width: 100%;
  display: block; }

*[href][target="_blank"] {
  word-break: break-word; }

sup {
  vertical-align: text-top;
  font-size: 60%; }

.l-section {
  padding-top: 100px; }
  .l-section + .m-mv__wrap {
    margin-top: 180px; }
  .l-section--gap {
    padding-top: 180px; }

.l-main {
  padding-bottom: 150px; }

@media (max-width: 640px) {
  .l-section {
    padding: 60px 0px 0px; }
    .l-section + .m-mv__wrap {
      margin-top: 90px; }
    .l-section--gap {
      padding-top: 90px; }
    .l-section__inner {
      padding: 0px 20px; }

  .l-main {
    padding-bottom: 70px; } }
.pc-only {
  display: block; }
  @media (max-width: 640px) {
    .pc-only {
      display: none; } }

.sp-only {
  display: none; }
  @media (max-width: 640px) {
    .sp-only {
      display: block; } }

.m-text--center {
  text-align: center; }
.m-text--strong {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 30px; }
  @media (max-width: 640px) {
    .m-text--strong {
      font-size: 1.5rem; } }
.m-text--bold {
  font-weight: bold; }
.m-text--underline {
  text-decoration: underline; }
.m-text--small {
  font-size: 60%; }

.m-mv__wrap {
  position: relative; }
  @media (max-width: 640px) {
    .m-mv__wrap {
      overflow: hidden;
      width: 100%; } }
.m-mv__text {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2rem; }
  .m-mv__text__wrap {
    text-align: center; }
    @media (min-width: 641px) {
      .m-mv__text__wrap {
        right: 14%;
        position: absolute;
        top: 50%;
        color: white;
        transform: translateY(-50%); } }
    @media (max-width: 640px) {
      .m-mv__text__wrap {
        width: 100%;
        margin-top: 40px;
        padding: 0px 20px; } }
    @media (min-width: 641px) {
      .m-mv__text__wrap--left {
        left: 14%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: white;
        text-align: center; } }
    @media (max-width: 640px) {
      .m-mv__text__wrap--left {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0px 20px; } }
    @media (min-width: 641px) {
      .m-mv__text__wrap--center {
        left: 50%;
        position: absolute;
        top: 42%;
        width: 100%;
        transform: translateX(-50%) translateY(-50%);
        color: white;
        text-align: center; } }
    @media (max-width: 640px) {
      .m-mv__text__wrap--center {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0px 20px;
        text-align: center; } }
  .m-mv__text__heading {
    font-size: 3.8rem;
    line-height: 4.6rem;
    margin-bottom: 10px;
    font-weight: bold; }
    @media (max-width: 640px) {
      .m-mv__text__heading {
        font-size: 2.8rem; } }
  .m-mv__text__note {
    font-size: 1.1rem;
    color: white;
    margin-top: 10px; }
    @media (max-width: 640px) {
      .m-mv__text__note {
        color: black; } }
@media (min-width: 641px) {
  .m-mv__img {
    top: -10%;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1; } }
.m-mv__img__logo {
  width: 180px;
  margin: 20px auto 0px; }
.m-mv__img__wrap {
  position: relative;
  overflow: hidden; }
  @media (min-width: 641px) {
    .m-mv__img__wrap {
      min-height: 450px;
      height: 30vw; } }
.m-mv__img__wrap_lower {
  position: relative;
  overflow: hidden; }
  @media (min-width: 641px) {
    .m-mv__img__wrap_lower {
      min-height: 160px;
      height: 20vw; } }

.m-heading {
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 35px; }
  @media (max-width: 640px) {
    .m-heading {
      font-size: 2.4rem;
      line-height: 3.4rem; } }
  .m-heading--bg-gray {
    text-align: center;
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 30px; }
    @media (max-width: 640px) {
      .m-heading--bg-gray {
        font-size: 2.6rem;
        line-height: 3.4rem;
        text-align: left; } }
  .m-heading--bg-black {
    text-align: center;
    font-size: 3.6rem;
    font-weight: bold; }
    @media (max-width: 640px) {
      .m-heading--bg-black {
        font-size: 2.6rem;
        line-height: 3.4rem; } }

.m-lead {
  text-align: center; }

.m-contents {
  max-width: 1000px;
  margin: 80px auto 0px; }
  @media (max-width: 640px) {
    .m-contents {
      margin: 40px auto 0px; } }
  .m-contents--big {
    max-width: 1200px;
    margin: 80px auto 0px; }
    @media (max-width: 640px) {
      .m-contents--big {
        margin: 40px auto 0px; } }
  .m-contents--gap {
    max-width: 1000px;
    margin: 180px auto 0px; }
    @media (max-width: 640px) {
      .m-contents--gap {
        margin: 90px auto 0px; } }
  .m-contents--no-gap {
    max-width: 1000px;
    margin: 0 auto; }

.m-flex {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 640px) {
    .m-flex {
      display: block; } }
  .m-flex__item {
    width: 47%; }
    @media (max-width: 640px) {
      .m-flex__item {
        width: 100%; } }
    @media (max-width: 640px) {
      .m-flex__item + .m-flex__item {
        margin-top: 45px; } }
    .m-flex__item--big {
      width: 55%; }
      @media (max-width: 640px) {
        .m-flex__item--big {
          width: 100%; } }
    .m-flex__item--small {
      width: 39%; }
      @media (max-width: 640px) {
        .m-flex__item--small {
          width: 100%; } }

.m-item-heading {
  font-weight: bold;
  font-size: 2.1rem;
  line-height: 2.8rem;
  margin-bottom: 20px;
  }

.bluetxt {
  color:#2d75c7;
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.m-item-img + .m-item-heading {
  margin-top: 25px; }

.m-anchor-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 2.2rem;
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 640px) {
    .m-anchor-nav {
      flex-wrap: wrap; } }
  .m-anchor-nav__wrap {
    background-color: #FDD138; }
    .m-anchor-nav__wrap.is-fixed {
      position: fixed;
      top: 0px;
      width: 100%;
      z-index: 2; }
  .m-anchor-nav__item {
    width: 25%;
    padding: 20px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 4px solid #FDD138; }
    @media (max-width: 640px) {
      .m-anchor-nav__item {
        width: 50%;
        padding: 10px;
        height: 60px;
        font-size: 14px; } }
    .m-anchor-nav__item + .m-anchor-nav__item {
      border-left: 1px solid #EBC230; }
    .m-anchor-nav__item:nth-child(n+3) {
      border-top: 1px solid #EBC230; }
    .m-anchor-nav__item.is-active {
      background-color: #EBC230;
      border-bottom: 4px solid #333333; }
    .m-anchor-nav__item:hover {
      cursor: pointer;
      background-color: #EBC230;
      border-bottom: 4px solid #333333;
      transition: all 300ms 0s ease; }

.m-heading__wrap--gray {
  background-color: #F3F4F6;
  padding: 50px 0px;
  text-align: center; }
  @media (max-width: 640px) {
    .m-heading__wrap--gray .m-lead {
      text-align: left; } }
  @media (max-width: 640px) {
    .m-heading__wrap--gray .m-note {
      text-align: left; } }
.m-heading__wrap--black {
  background-color: black;
  padding: 80px 0px;
  text-align: center;
  color: white; }

.m-note {
  font-size: 1.1rem;
  line-height: 1.8rem; }
  .m-note--black {
    font-size: 1.1rem;
    line-height: 1.8rem; }

.m-paragraph + .m-paragraph {
  margin-top: 30px; }

.m-gap {
  margin-top: 10px; }

.m-vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%; }

  @media (max-width: 641px) {
    .m-vertical-center {
      position: unset;
      transform: unset;
      margin-top: 20px; } }

  .m-vertical-center__wrap {
    position: relative;
    display:block; }

.m-list--disc {
  list-style: disc;
  padding-left: 20px; }
  .m-list--disc li::marker {
    font-size: 5px; }
.m-list--num {
  list-style: number;
  padding-left: 20px; }
.m-list--brackets-num__item {
  counter-increment: cnt;
  display: flex; }
  .m-list--brackets-num__item::before {
    content: "(" counter(cnt) ") ";
    width: 35px;
    display: inline-block;
    text-align: center; }
  .m-list--brackets-num__item__inner {
    width: 99%;
    max-width: 1165px; }
    @media (max-width: 640px) {
      .m-list--brackets-num__item__inner {
        margin-left: 5px; } }

.m-switch-img__item {
  position: relative; }
  @media (min-width: 641px) {
    .m-switch-img__item {
      display: none; } }
  .m-switch-img__item.is-active {
    display: block; }
  @media (min-width: 641px) {
    .m-switch-img__item__text__wrap {
      position: absolute;
      top: 50%;
      left: 8%;
      width: 29%;
      transform: translateY(-50%);
      background-color: black;
      color: white;
      padding: 40px 30px; } }
  .m-switch-img__item__text__heading {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: bold;
    margin-bottom: 15px; }
    @media (max-width: 640px) {
      .m-switch-img__item__text__heading {
        font-size: 2rem; } }
  @media (max-width: 640px) {
    .m-switch-img__item__img {
      margin-top: 20px; } }
  @media (max-width: 640px) {
    .m-switch-img__item__inner {
      padding: 0px 30px; } }
.m-switch-img__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: white;
  border-bottom: 1px solid #A9944A; }
  @media (max-width: 640px) {
    .m-switch-img__btn {
      display: none; } }
  .m-switch-img__btn__item {
    padding: 30px 40px;
    background-color: black;
    border-bottom: 2px solid black;
    height: 108px;
    width: 25%;
    text-align: center;
    position: relative; }
    .m-switch-img__btn__item__text {
      line-height: 2.0rem;
      font-size: 1.8rem;
      white-space: nowrap;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%); }
    .m-switch-img__btn__item:hover {
      opacity: 0.7;
      cursor: pointer;
      transition: all 300ms 0s ease;
      border-bottom: 2px solid #FDD138; }
    .m-switch-img__btn__item.is-active {
      opacity: 0.7;
      border-bottom: 2px solid #FDD138; }
.m-switch-img__header {
  color: white;
  padding: 20px;
  text-align: center;
  border-right: 1px solid white;
  border-left: 1px solid white; }
  .m-switch-img__header__wrap {
    background-color: black;
    padding: 0px 30px;
    margin-bottom: 20px; }

.m-btn {
  padding: 25px 85px;
  border: 1px solid #CBDDF1;
  background-color: #2D75C7;
  display: inline-block; }
  .m-btn:hover {
    cursor: pointer;
    opacity: 0.7;
    transition: all 300ms 0s ease; }
  .m-btn__wrap {
    color: white; }

.m-link {
  color: #3865E0; }
  .m-link:hover {
    opacity: 0.7; }
  .m-link--light {
    color: #00aaff; }
    .m-link--light:hover {
      opacity: 0.7; }

.m-bg--gray {
  background-color: #3E3E3E;
  padding: 80px 0px 140px;
  color: white; }
  @media (max-width: 640px) {
    .m-bg--gray {
      padding: 40px 0px 70px; } }

.m-lower-page__heading {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 35px; }
  @media (max-width: 640px) {
    .m-lower-page__heading {
      margin-bottom: 15px; } }
.m-lower-page__title {
  text-align: center;
  font-size: 3.8rem;
  font-weight: bold; }
  .m-lower-page__title__wrap {
    position: relative; }

/*----------------
margin
----------------*/
.mt0 {
  margin-top: 0px; }

.mb0 {
  margin-bottom: 0px; }

.pt0 {
  padding-top: 0px; }

.pb0 {
  padding-bottom: 0px; }

.pl0 {
  padding-left: 0px; }

.mt5 {
  margin-top: 5px; }

.mb5 {
  margin-bottom: 5px; }

.pt5 {
  padding-top: 5px; }

.pb5 {
  padding-bottom: 5px; }

.pl1 {
  padding-left: 1px; }

.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.pt10 {
  padding-top: 10px; }

.pb10 {
  padding-bottom: 10px; }

.pl2 {
  padding-left: 2px; }

.mt15 {
  margin-top: 15px; }

.mb15 {
  margin-bottom: 15px; }

.pt15 {
  padding-top: 15px; }

.pb15 {
  padding-bottom: 15px; }

.pl3 {
  padding-left: 3px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.pt20 {
  padding-top: 20px; }

.pb20 {
  padding-bottom: 20px; }

.pl4 {
  padding-left: 4px; }

.mt25 {
  margin-top: 25px; }

.mb25 {
  margin-bottom: 25px; }

.pt25 {
  padding-top: 25px; }

.pb25 {
  padding-bottom: 25px; }

.pl5 {
  padding-left: 5px; }

.mt30 {
  margin-top: 30px; }

.mb30 {
  margin-bottom: 30px; }

.pt30 {
  padding-top: 30px; }

.pb30 {
  padding-bottom: 30px; }

.pl6 {
  padding-left: 6px; }

.mt35 {
  margin-top: 35px; }

.mb35 {
  margin-bottom: 35px; }

.pt35 {
  padding-top: 35px; }

.pb35 {
  padding-bottom: 35px; }

.pl7 {
  padding-left: 7px; }

.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.pt40 {
  padding-top: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pl8 {
  padding-left: 8px; }

.mt45 {
  margin-top: 45px; }

.mb45 {
  margin-bottom: 45px; }

.pt45 {
  padding-top: 45px; }

.pb45 {
  padding-bottom: 45px; }

.pl9 {
  padding-left: 9px; }

.mt50 {
  margin-top: 50px; }

.mb50 {
  margin-bottom: 50px; }

.pt50 {
  padding-top: 50px; }

.pb50 {
  padding-bottom: 50px; }

.pl10 {
  padding-left: 10px; }

.mt55 {
  margin-top: 55px; }

.mb55 {
  margin-bottom: 55px; }

.pt55 {
  padding-top: 55px; }

.pb55 {
  padding-bottom: 55px; }

.pl11 {
  padding-left: 11px; }

.mt60 {
  margin-top: 60px; }

.mb60 {
  margin-bottom: 60px; }

.pt60 {
  padding-top: 60px; }

.pb60 {
  padding-bottom: 60px; }

.pl12 {
  padding-left: 12px; }

.mt65 {
  margin-top: 65px; }

.mb65 {
  margin-bottom: 65px; }

.pt65 {
  padding-top: 65px; }

.pb65 {
  padding-bottom: 65px; }

.pl13 {
  padding-left: 13px; }

.mt70 {
  margin-top: 70px; }

.mb70 {
  margin-bottom: 70px; }

.pt70 {
  padding-top: 70px; }

.pb70 {
  padding-bottom: 70px; }

.pl14 {
  padding-left: 14px; }

.mt75 {
  margin-top: 75px; }

.mb75 {
  margin-bottom: 75px; }

.pt75 {
  padding-top: 75px; }

.pb75 {
  padding-bottom: 75px; }

.pl15 {
  padding-left: 15px; }

.mt80 {
  margin-top: 80px; }

.mb80 {
  margin-bottom: 80px; }

.pt80 {
  padding-top: 80px; }

.pb80 {
  padding-bottom: 80px; }

.pl16 {
  padding-left: 16px; }

.mt85 {
  margin-top: 85px; }

.mb85 {
  margin-bottom: 85px; }

.pt85 {
  padding-top: 85px; }

.pb85 {
  padding-bottom: 85px; }

.pl17 {
  padding-left: 17px; }

.mt90 {
  margin-top: 90px; }

.mb90 {
  margin-bottom: 90px; }

.pt90 {
  padding-top: 90px; }

.pb90 {
  padding-bottom: 90px; }

.pl18 {
  padding-left: 18px; }

.mt95 {
  margin-top: 95px; }

.mb95 {
  margin-bottom: 95px; }

.pt95 {
  padding-top: 95px; }

.pb95 {
  padding-bottom: 95px; }

.pl19 {
  padding-left: 19px; }

.mt100 {
  margin-top: 100px; }

.mb100 {
  margin-bottom: 100px; }

.pt100 {
  padding-top: 100px; }

.pb100 {
  padding-bottom: 100px; }

.pl20 {
  padding-left: 20px; }

/*! CSS Used from: https://www.sony.co.jp/css/reset.css */
.tmpl-header div, .tmpl-header span, .tmpl-header h1, .tmpl-header p, .tmpl-header img, .tmpl-header ul, .tmpl-header li, .tmpl-header form, .tmpl-header label, .tmpl-header nav {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

.tmpl-header {
  line-height: 1; }

.tmpl-header nav {
  display: block; }

.tmpl-header nav ul {
  list-style: none; }

.tmpl-header a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

.tmpl-header input, .tmpl-header select {
  vertical-align: middle; }

/*! CSS Used from: Embedded */
#tmpl-header {
  margin: 0;
  padding: 0; }

#tmpl-header {
  font-family: "SST W20 Roman", "SST W55 Regular", "Yu Gothic Medium",     "YuGothic", sans-serif;
  margin: 0;
  padding: 0; }

#tmpl-header {
  width: 100% !important;
  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 .tmpl-header_inner {
  width: 100%;
  max-width: 1190px;
  margin: 0 auto;
  padding: 0;
  position: relative; }

#tmpl-header a {
  text-decoration: none !important; }

#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_link {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  padding: 28px 8px;
  cursor: pointer;
  position: relative;
  margin: 0 !important; }

#tmpl-header .tmpl-headerNavItem.-language {
  margin: 0;
  padding: 0;
  padding-bottom: 2px;
  position: relative; }

#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-header_searchBtnContainer {
  width: 100%;
  max-width: 1190px;
  height: 70px;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

#tmpl-header .tmpl-header_searchBtn {
  max-width: 58px;
  height: 100%;
  position: absolute;
  right: 170px;
  top: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  z-index: 10;
  pointer-events: all;
  outline: none;
  overflow: hidden; }

#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 .tmpl-headerSearch {
  position: absolute;
  right: 6px;
  top: 26px;
  z-index: 100;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: none; }

#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; }

#tmpl-header .tmpl-header_searchClose {
  display: none; }

#tmpl-header .tmpl-header_searchBtn_name {
  opacity: 0; }

@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-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_link:hover::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-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; } }
@media screen and (max-width: 640px) {
  #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_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%;
    height: 0;
    background: #000;
    overflow: auto;
    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%;
    transition: opacity 0.16s 0.24s; }

  #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: 0;
    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-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 {
    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-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; } }
@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-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); }

/*! CSS Used from: https://c.marsflag.com/mf/mfx/1.0-latest/css/mfx-serp.css ; media=all */
@media all {
  .mf_finder_searchBox * {
    box-sizing: border-box; }

  .mf_finder_searchBox {
    margin-left: 1rem;
    margin-right: 1rem; }

  .mf_finder_searchBox_items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 1rem 0; }

  .mf_finder_searchBox_items select::-ms-expand {
    display: none; }

  .mf_finder_searchBox_items > button, .mf_finder_searchBox_items > div, .mf_finder_searchBox_items > div input, .mf_finder_searchBox_items > label, .mf_finder_searchBox_items > label > select {
    margin: 0; }

  .mf_finder_searchBox_selects select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .25rem .45rem;
    padding-right: 1.5rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    border-radius: 3px;
    font-size: 1rem;
    line-height: 1.2; }

  .mf_finder_searchBox_selects select::-ms-expand {
    display: none; }

  .mf_finder_searchBox_selects label {
    display: inline-block;
    position: relative;
    margin-bottom: .35rem; }

  .mf_finder_searchBox_selects label:before {
    display: inline-block;
    width: .75rem;
    margin-right: .25rem;
    font-family: FontAwesome;
    font-size: .75rem; }

  .mf_finder_searchBox_selects label:after {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    right: 6px;
    pointer-events: none;
    font-size: 9px; }

  .mf_finder_searchBox_selects .mf_finder_searchBox_sort:before {
    content: "\f160"; }

  .mf_finder_searchBox_selects .mf_finder_searchBox_pagemax:before {
    content: "\f24d"; }

  .mf_finder_searchBox_selects .mf_finder_searchBox_imgsize:before {
    content: "\f03e"; }

  .mf_finder_searchBox_misc {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }

  .mf_finder_searchBox_misc label {
    margin-left: .25rem;
    margin-right: .25rem; }

  .mf_finder_searchBox_misc label:first-child {
    margin-left: 0; }

  .mf_finder_searchBox_misc label:after {
    right: 10px; }

  .mf_finder_searchBox_query_wrap {
    position: relative;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-items: stretch; }

  .mf_finder_searchBox_query_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 34px;
    height: 100%;
    margin: 0;
    width: 100%;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: .5rem; }

  .mf_finder_searchBox_doctype {
    position: relative; }

  .mf_finder_searchBox_doctype:after {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    top: 8px;
    right: 6px;
    pointer-events: none; }

  .mf_finder_searchBox_doctype_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    padding: .5rem 1.5rem .5rem .5rem; }

  .mf_finder_searchBox_doctype_select::-ms-expand {
    display: none; }

  .mf_finder_searchBox_submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    background-color: #222;
    border: none;
    border-radius: 0 3px 3px 0;
    color: #eee;
    padding: 0 .75rem;
    cursor: pointer; }

  .mf_finder_searchBox_submit:before {
    content: "\f002";
    font-family: FontAwesome; }

  .mf_finder_searchBox_submit span {
    margin-left: .35rem;
    margin-right: .35rem; }

  .mf_finder_searchBox_doctype_select {
    line-height: 1.2; }

  .mf_finder_searchBox_useSelects {
    position: relative; } }
/*! CSS Used from: https://www.sony.co.jp/search/css/search_resp_jp.css ; media=all */
@media all {
  .mf_finder_searchBox {
    margin: 0rem; }

  .mf_finder_searchBox_sort, .mf_finder_searchBox_pagemax, .mf_finder_searchBox_imgsize {
    border-bottom-style: none !important; }

  button.mf_finder_searchBox_submit {
    color: transparent;
    font-size: 0px;
    background-image: url("https://www.sony.co.jp/template/2020/ja/img/ico_search.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 50px;
    background-color: #999;
    transition: 0.32s background-color ease-out;
    border-radius: 0; }

  .mf_finder_header {
    width: 366px; }

  button.mf_finder_searchBox_submit span {
    display: none; }

  .tmpl-headerSearch {
    overflow: visible; }

  #tmpl-header .tmpl-headerSearch_input {
    padding: 0rem;
    width: 366px; } }
/*! CSS Used from: https://www.sony.co.jp/Products/LDAC/css/style.css ; media=screen */
@media screen {
  header, nav {
    display: block; }

  a img {
    border: none; }

  a:hover img {
    opacity: 0.7; }

  img {
    max-width: 100%; } }
/*! CSS Used fontfaces */
@font-face {
  font-family: "SST W20 Roman";
  src: url(https://fast.fonts.net/dv2/ot/14/dcb015ed-475f-4221-9b3c-157c4b6bc4ca.woff2?d44f19a684109620e4841670a090e81868552f26f0d8186b9dd11b65b81ac62810257e136ad8e6bd4bcc876296eb978f99445f7da9e521c86ff957ead526664cb66ade3641baa3f7b4d3627beaca177417ddddcda5382b331b38730da233765b15ff942c99f802b2d01e0cbb7359476f901ef21c51c8dafb03b2a981d59fbd317c78ce0ecd7851f17254c18218b050696c733b1b8b19e23381c24dc32ceee673186dcdcb2bc086154b2d2dcc930dd3a3554109758e0302dde38bec72ccc5326d81a8f1bb078ee724eb61f5f427fc2f7b613bd709571f8e48c613e512c179f5d2a044dac60e0ee88017e1dd02c7cbed3110104782aa6f8f4454ef1f3132e0be1a5282ba71557b25f1090fe8e766d4fad428eb8a04b3630acf0ed062f04f80afe678eef79356694afbdd&projectId=853bfcd2-9633-4789-ab90-6ec62910a568) format("woff2"); }
@font-face {
  font-family: "SST W55 Regular";
  src: url(https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e4841670a090e81868552f26f0d8186b9dd11b65b81ac62810257e136ad8e6bd4bcc876296eb978f99445f7da9e521c86ff957ead526664cb66ade3641baa3f7b4d3627beaca177417ddddcda5382b331b38730da233765b15ff942c99f802b2d01e0cbb7359476f901ef21c51c8dafb03b2a981d59fbd317c78ce0ecd7851f17254c18218b050696c733b1b8b19e23381c24dc32ceee673186dcdcb2bc086154b2d2dcc930dd3a3554109758e0302dde38bec72ccc5326d81a8f1bb078ee724eb61f5f427fc2f7b613bd709571f8e48c613e512c179f5d2a044dac60e0ee88017e1dd02c7cbed3110104782aa6f8f4454ef1f3132e0be1a5282ba71557b25f1090fe8e766d4fad428eb8a04b3630acf0ed062f04f80afe678eef79356694afbdd&fctypeId=14&fcId=baeafb7d-3786-412a-8937-caa73e0a83cb&origId=c08b2aab-0bb7-4d7d-81a0-10b60bd02645&fontdataversion=v2&env=undefined&projectId=853bfcd2-9633-4789-ab90-6ec62910a568&content=Eghilnsいおくじせらるわをアィイエサスソテトナニビホムメュリ・ー会内合品問報式情採株検概用知社索製要閉開BESb에swyMm) format("woff2"); }
/*! CSS Used from: Embedded */
.tmpl-footer-wrap {
  min-width: 1190px;
  background: #1f2024;
  box-sizing: border-box; }

.tmpl-footer {
  position: relative;
  max-width: 1190px;
  height: 60px;
  margin: 0 auto; }

.tmpl-footer .tmpl-footer__groupsite {
  position: absolute;
  top: 20px;
  left: 0; }

.tmpl-footer .tmpl-footer__groupsite a:hover {
  opacity: 0.8; }

.tmpl-footer .tmlp-footer__nav-wrap {
  position: absolute;
  top: 22px;
  left: 225px; }

.tmpl-footer .tmlp-footer__gnav {
  overflow: hidden;
  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 a:hover {
  padding-bottom: 1px;
  border-bottom: 1px solid #FFFFFF; }

.tmpl-footer .tmpl-footer__copyright {
  position: absolute;
  top: 25px;
  right: 0;
  color: #898991;
  font-size: 0.75em; }

@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; }

  .tmpl-footer .tmlp-footer__nav-wrap {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    margin: 0 0 20px !important; }

  .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; }

  .tmpl-footer .tmpl-footer__groupsite {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 20px; }

  .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; } }
/*! CSS Used from: Embedded */
.tmpl-footer-wrap {
  min-width: 1190px;
  background: #1f2024;
  box-sizing: border-box; }

.tmpl-footer {
  position: relative;
  max-width: 1190px;
  height: 60px;
  margin: 0 auto; }

.tmpl-footer .tmpl-footer__groupsite {
  position: absolute;
  top: 20px;
  left: 0; }

.tmpl-footer .tmpl-footer__groupsite a:hover {
  opacity: 0.8; }

.tmpl-footer .tmlp-footer__nav-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
  @media (max-width: 640px) {
    .tmpl-footer .tmlp-footer__nav-wrap {
      transform: translateY(0%); } }

.tmpl-footer .tmlp-footer__gnav {
  overflow: hidden;
  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; }

.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; }

  .tmpl-footer .tmlp-footer__nav-wrap {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 20px; }

  .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; }

  .tmpl-footer .tmpl-footer__groupsite {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 20px; }

  .tmpl-footer .tmpl-footer__copyright {
    position: relative;
    top: 0;
    left: 0; } }
/*! CSS Used from: https://www.sony.co.jp/Products/LDAC/css/style.css ; media=screen */
@media screen {
  footer {
    display: block; }

  a img {
    border: none; }

  a:hover img {
    opacity: 0.7; }

  img {
    max-width: 100%;
    width: auto; } }

hr.line01 {
  border: 0.5px solid #000;
  margin: 70px 0;
}

/*# sourceMappingURL=style.css.map */