/* @font-face {
  font-family: 'NotoSansCJKjp-Thin';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/NotoSansCJKjp-Thin.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/NotoSansCJKjp-Thin.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Thin.eot") format("embedded-opentype")
}

@font-face {
  font-family: 'NotoSansCJKjp-Light';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/NotoSansCJKjp-Light.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp-Light.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Light.eot") format("embedded-opentype")
}

@font-face {
  font-family: 'NotoSansCJKjp-DemiLight';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSansCJKjp-DemiLight.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/NotoSansCJKjp-DemiLight.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-DemiLight.eot") format("embedded-opentype")
}

@font-face {
  font-family: 'NotoSansCJKjp-Regular';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype")
}

@font-face {
  font-family: 'NotoSansCJKjp-Medium';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/NotoSansCJKjp-Medium.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Medium.eot") format("embedded-opentype")
}

@font-face {
  font-family: 'NotoSansCJKjp-Bold';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Bold.eot") format("embedded-opentype")
}

@font-face {
  font-family: 'NotoSansCJKjp-Black';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansCJKjp-Black.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp-Black.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Black.eot") format("embedded-opentype")
}

@font-face {
  font-family: 'NotoSerifCJKjp-Bold';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSerifCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSerifCJKjp-Bold.otf") format("opentype")
} */
body {
  margin: 0 auto;
  background: #fff
}

.header {
  max-width: 100%;
  margin: 0 auto;
  background: #000
}

.header__inner {
  display: flex;
  justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto
}

.header__logo {
  width: auto;
  margin: 0 2.5%
}

.header__logo img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.header__wlakmanlogo {
  width: auto;
  margin: 0 2.5%
}

.header__wlakmanlogo img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

@media screen and (max-width: 767px) {
  .header {
    max-width: 100%;
    margin: 0 auto;
    background: #000
  }

  .header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 0
  }

  .header__logo {
    width: 25%;
    margin: 0 2.5%
  }

  .header__wlakmanlogo {
    width: 40%;
    margin: 0 2.5%
  }
}

.main {
  max-width: 1280px;
  margin: 0 auto
}

.key {
  margin: 0;
  padding-bottom: 3%;
  background: #fff url(../images/main_bg.jpg) no-repeat center top;
  background-size: 100%
}

.key__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.8% 0;
  background: #99afc1;
  color: #fff;
  font-weight: normal
}

.key__titleText {
  margin: 0;
  padding: 0;
  font-size: 30px
}

.key__catch {
  width: 100%;
  padding: 7.5% 0 0
}

.key__catch img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.key__mainText {
  max-width: 512px;
  width: 40%;
  margin: 0 0 14.9% 11.5%
}

.key__mainText img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.key__text {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 1.55rem;
  line-height: 1.8;
  text-align: center;
  font-family: "NotoSansCJKjp-Regular"
}

@media screen and (max-width: 1000px) {
  .key {
    margin: 0;
    padding-bottom: 3%;
    background: #fff url(../images/main_bg.jpg) no-repeat center top;
    background-size: contain
  }

  .key__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.8% 0;
    background: #99afc1;
    color: #fff;
    font-weight: normal
  }

  .key__titleText {
    margin: 0;
    padding: 0;
    font-size: 30px
  }

  .key__catch {
    width: 100%;
    padding: 7.5% 0 0
  }

  .key__catch img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .key__mainText {
    max-width: 512px;
    width: 40%;
    margin: 0 0 14.9% 11.5%
  }

  .key__mainText img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .key__text {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 2.34681vw;
    line-height: 1.8;
    text-align: center;
    font-family: "NotoSansCJKjp-Regular"
  }
}

@media screen and (max-width: 767px) {
  .key {
    margin: 0;
    padding-bottom: 3.2%;
    background: url(../images/main_bg_sp.jpg) no-repeat center top;
    background-size: 100%
  }

  .key__title {
    padding: 3% 0
  }

  .key__titleText {
    padding: 0 0 0 3%;
    font-size: 3.12907vw
  }

  .key__catch {
    width: auto;
    padding: 5% 0 0
  }

  .key__mainText {
    max-width: 100%;
    width: 47%;
    margin: 0 0 28% 5%;
    font-weight: bold;
    font-size: 4.56323vw
  }

  .key__text {
    max-width: 100%;
    width: 92%;
    margin: 0 auto;
    padding: 0 0 1%;
    color: #fff;
    text-align: left;
    font-size: 3.25945vw
  }
}

.nav {
  margin: 0 0 9.1%;
  padding: 2% 0 0;
  background: #eee
}

.nav__title {
  margin-bottom: 2.8%;
  text-align: center
}

.nav__list {
  max-width: 1000px;
  width: auto;
  margin: 0 auto;
  padding: 0 0 2.3%
}

.nav__list a {
  width: auto;
  margin: 0 0 1%;
  padding: 0;
  display: block;
  background: #e1e1e1;
  color: #000;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  cursor: pointer
}

.nav__list a:hover {
  opacity: .7;
  transition: all .3s
}

.nav__box {
  display: flex;
  align-items: center;
  font-size: 1.2rem
}

.nav__icon {
  margin: 0 auto
}

.nav__icon img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.nav__text {
  width: 91%;
  margin: 0 auto;
  font-size: 1.85rem;
  font-family: 'NotoSansCJKjp-Bold'
}

@media screen and (max-width: 1000px) {
  .nav__list {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto
  }
}

@media screen and (max-width: 767px) {
  .nav {
    padding: 0;
    margin: 0 auto;
    background: #fff
  }

  .nav__title {
    width: 30%;
    margin: 0 auto;
    padding: 4% 0;
    text-align: center
  }

  .nav__title img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .nav__list {
    max-width: 1000px;
    width: auto;
    margin: 0 auto;
    padding: 0 0 5%
  }

  .nav a {
    width: auto;
    margin: 0 0 2%;
    padding: 3% 0 2%;
    display: block;
    background: #e1e1e1;
    color: #000;
    text-align: left;
    text-decoration: none
  }

  .nav__box {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    font-size: 1.7rem
  }

  .nav__box:after {
    display: flex;
    justify-content: flex-end;
    content: "";
    background: url(../images/arrow_navdown.png) no-repeat center bottom;
    background-size: 100%;
    width: 32px;
    height: 20px;
    padding-top: 2%
  }

  .nav__icon {
    width: 15%;
    margin: 0 auto 1%;
    padding: 0 5% 0 0
  }

  .nav__icon img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .nav__text {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    font-feature-settings: "palt";
    line-height: 1.4;
    font-weight: bold;
    font-size: 4.1721vw
  }
}

@media screen and (max-width: 550px) {
  .nav__box {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    font-size: 1.7rem
  }

  .nav__box:after {
    display: flex;
    justify-content: flex-end;
    content: "";
    background: url(../images/arrow_navdown.png) no-repeat center bottom;
    background-size: 100%;
    width: 15px;
    height: 10px;
    padding-top: 2%
  }
}

.contents {
  margin-bottom: 6.9%
}

.contents--gray {
  background: linear-gradient(to bottom, #fff, #e3e9eb)
}

.contents__inner {
  max-width: 1000px;
  width: auto;
  margin: 0 auto;
  padding: 3% 0;
  background: #ccc
}

.contents__title {
  max-width: 1000px;
  width: auto;
  margin: 0 auto 4%;
  color: #000;
  text-align: center;
  font-size: 3.1rem;
  line-height: 1.3;
  font-family: 'NotoSansCJKjp-Bold'
}

.contents__title--sub {
  position: relative;
  margin: 0 auto 5%;
  padding: 2.2% 0;
  font-size: 2.2rem;
  text-align: center;
  border-bottom: solid 2px #5781b6;
  border-top: solid 2px #5781b6;
  font-family: 'NotoSansCJKjp-Bold'
}

.contents__title--sub img {
  position: absolute;
  display: block;
  top: -10%;
  right: 0
}

.contents__title--num {
  display: block;
  width: auto;
  margin: 0 auto 4%;
  color: #5881b7;
  font-size: 3.75rem;
  border-bottom: solid 3px #5881b7;
  font-family: 'NotoSerifCJKjp-Bold'
}

.contents__title--blue {
  display: block;
  width: auto;
  margin: 0 auto 3%;
  color: #5881b7;
  font-size: 1.85rem
}

.contents__text {
  max-width: 600px;
  width: auto;
  margin: 0 auto 6%;
  font-size: 1.25rem;
  font-family: 'NotoSansCJKjp-DemiLight'
}

.contents__text--nomargin {
  margin: 0 auto
}

.contents__text--comment {
  margin: 1% auto;
  font-size: .8rem
}

.contents__image {
  width: auto;
  margin: 0 auto;
  padding: 0
}

.contents__image img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.contents__figure {
  width: auto;
  margin: 0 auto 4%;
  padding: 0
}

.contents__figure img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

@media screen and (max-width: 1000px) {
  .contents {
    margin-bottom: 6.9%
  }

  .contents__title {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 4%;
    color: #000;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.3;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .contents__title--sub {
    position: relative;
    width: 90%;
    margin: 0 auto 5%;
    padding: 2.2% 0;
    font-size: 1.9rem;
    text-align: center;
    border-bottom: solid 2px #5781b6;
    border-top: solid 2px #5781b6;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .contents__title--sub img {
    position: absolute;
    display: block;
    top: -10%;
    right: 0;
    width: 10%
  }

  .contents__title--head img {
    position: absolute;
    display: block;
    top: -10%;
    right: 0;
    width: 16%
  }

  .contents__title--num {
    display: block;
    width: auto;
    margin: 0 auto 4%;
    color: #5881b7;
    font-size: 3.75rem;
    border-bottom: solid 3px #5881b7;
    font-family: 'NotoSerifCJKjp-Bold'
  }

  .contents__title--blue {
    display: block;
    width: auto;
    margin: 0 auto 3%;
    color: #5881b7;
    font-size: 1.85rem
  }

  .contents__text {
    max-width: 600px;
    width: 90%;
    margin: 0 auto 6%;
    font-size: 1.25rem;
    font-family: 'NotoSansCJKjp-DemiLight'
  }

  .contents__text--nomargin {
    margin: 0 auto
  }

  .contents__text--comment {
    margin: 1% auto;
    font-size: .8rem
  }

  .contents__image {
    width: 100%;
    margin: 0 auto;
    padding: 0
  }

  .contents__image img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .contents__figure {
    width: 90%;
    margin: 0 auto 4%;
    padding: 0
  }

  .contents__figure img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }
}

@media screen and (max-width: 767px) {
  .contents {
    margin-bottom: 6.9%
  }

  .contents--gray {
    background: linear-gradient(to bottom, #fff, #e3e9eb)
  }

  .contents__title {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 4%;
    color: #000;
    text-align: left;
    font-size: 5.21512vw;
    line-height: 1.3;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .contents__title--sub {
    position: relative;
    margin: 0 auto 3%;
    padding: 5% 0;
    font-size: 3.91134vw;
    text-align: left;
    border-bottom: solid 2px #5781b6;
    border-top: solid 2px #5781b6;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .contents__title--sub img {
    position: absolute;
    display: block;
    top: -21%;
    right: 0;
    max-width: 100%;
    width: 15%;
    height: auto;
    margin: 0 auto
  }

  .contents__title--head {
    margin: 0 auto 6%
  }

  .contents__title--head img {
    position: absolute;
    display: block;
    top: -14%;
    right: 0;
    max-width: 100%;
    width: 22%;
    height: auto;
    margin: 0 auto
  }

  .contents__title--num {
    width: auto;
    margin: 0 auto 2%;
    color: #5881b7;
    font-size: 3rem;
    font-family: 'NotoSerifCJKjp-Bold';
    display: flex;
    align-items: center;
    border: none
  }

  .contents__title--num:after {
    content: "";
    flex-grow: 1;
    height: 3px;
    background: #5881b7;
    display: block;
    margin-left: .4em
  }

  .contents__title--blue {
    display: block;
    width: auto;
    margin: 0 auto 3%;
    color: #5881b7;
    font-size: 3.91134vw
  }

  .contents__text {
    max-width: 767px;
    width: 90%;
    margin: 0 auto 6%;
    font-size: 3.38983vw;
    font-family: 'NotoSansCJKjp-DemiLight'
  }

  .contents__text--nomargin {
    margin: 0 auto
  }

  .contents__text--comment {
    margin-top: 1%;
    font-size: 2.60756vw
  }

  .contents__image {
    width: auto;
    margin: 0 auto;
    padding: 0
  }

  .contents__image img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .contents__figure {
    width: 90%;
    margin: 0 auto 4%;
    padding: 0
  }

  .contents__figure img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }
}

.productInfo {
  position: relative;
  max-width: 800px;
  width: auto;
  margin: 0 auto 3%;
  padding: 1.5% 2.5%;
  background: #fff;
  border: solid 3px #a0a0a0
}

.productInfo__icon {
  position: absolute;
  right: 2%;
  top: 6%;
  width: 100px;
  height: 30px
}

.productInfo__icon img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.productInfo__titleWrap {
  margin: 0 auto 1.5%
}

.productInfo__title {
  margin: 0 0 .5%;
  font-size: 1.55rem;
  font-family: 'NotoSansCJKjp-Bold'
}

.productInfo__name {
  margin: 0;
  font-size: 1rem;
  font-family: "NotoSansCJKjp-Regular";
  line-height: 1.5
}

.productInfo__name em {
  font-size: 1.25rem;
  font-style: normal
}

.productInfo__name span {
  font-size: 1.25rem;
  font-weight: bold
}

.productInfo__innerWrap {
  display: flex;
  justify-content: space-between;
  max-width: 740px;
  width: auto;
  margin: 0 auto
}

.productInfo__inner {
  width: 55%;
  margin: 0
}

.productInfo__text {
  width: 55%;
  margin: 0 0 2.5%;
  font-size: 1rem;
  font-family: "NotoSansCJKjp-DemiLight";
  line-height: 1.5
}

.productInfo__image {
  width: 37%
}

.productInfo__image img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.productInfo__btn {
  max-width: 480px;
  width: auto;
  margin: 0 0 .5%;
  font-family: "NotoSansCJKjp-Regular"
}

.productInfo__btn a {
  position: relative;
  display: block;
  margin: 0;
  padding: 1.5% 2%;
  color: #fff;
  background: #5887f4;
  font-size: 1rem;
  opacity: 1;
  transition: all .5s
}

.productInfo__btn a:after {
  position: absolute;
  top: 30%;
  right: 4%;
  content: "▶︎";
  width: 10px;
  height: 10px;
  color: #fff;
  font-size: 12px
}

.productInfo__btn a:hover {
  text-decoration: none;
  opacity: .7
}

@media screen and (max-width: 1000px) {
  .productInfo {
    position: relative;
    max-width: 800px;
    width: 90%;
    margin: 0 auto 3%;
    padding: 1% 3%;
    background: #fff;
    border: solid 3px #a0a0a0
  }

  .productInfo__icon {
    position: absolute;
    right: 2%;
    top: 5%;
    width: 100px;
    height: 30px
  }

  .productInfo__icon img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }
}

@media screen and (max-width: 767px) {
  .productInfo {
    position: relative;
    max-width: 800px;
    width: 80%;
    margin: 0 auto 3%;
    padding: 3%;
    background: #fff;
    border: solid 2.5px #a0a0a0
  }

  .productInfo__titleWrap {
    margin: 0 auto 2%
  }

  .productInfo__title {
    margin: 0 0 2%;
    font-size: 4.04172vw;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .productInfo__name {
    margin: 0 0 4%;
    font-size: 2.60756vw;
    font-family: "NotoSansCJKjp-Regular"
  }

  .productInfo__name em {
    font-size: 3.25945vw;
    font-style: normal
  }

  .productInfo__name span {
    font-size: 1.25rem;
    font-weight: bold
  }

  .productInfo__innerWrap {
    display: block;
    max-width: 740px;
    width: auto;
    margin: 0 auto;
    padding: 0
  }

  .productInfo__imageWrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 740px;
    width: auto;
    margin: 0 auto;
    padding: 16% 0 0
  }

  .productInfo__inner {
    width: auto;
    margin: 0
  }

  .productInfo__text {
    width: auto;
    margin: 0 0 3%;
    padding: 0 0 5%;
    font-size: 2.60756vw;
    font-family: "NotoSansCJKjp-DemiLight";
    line-height: 1.45
  }

  .productInfo__icon {
    position: absolute;
    top: -30%;
    left: 0;
    width: 70%;
    width: 30%;
    padding: 0 0 10%
  }

  .productInfo__icon img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    margin: 0
  }

  .productInfo__image {
    position: absolute;
    top: -70%;
    left: 35%;
    width: 65%;
    margin: 0 0 0 auto;
    padding: 0
  }

  .productInfo__image img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    margin: 0 0 0 auto
  }

  .productInfo__btnWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0
  }

  .productInfo__btnWrap img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    margin: 0 0 0 auto
  }

  .productInfo__btn {
    max-width: 100%;
    width: auto;
    margin: 0;
    font-family: "NotoSansCJKjp-Regular"
  }

  .productInfo__btn span {
    display: block;
    width: 92%
  }

  .productInfo__btn a {
    position: relative;
    display: block;
    margin: 0;
    padding: 1.5% 2%;
    color: #fff;
    background: #5887f4;
    font-size: 2.32073vw;
    opacity: 1;
    transition: all .5s
  }

  .productInfo__btn a:after {
    position: absolute;
    top: 19%;
    right: 5%;
    content: "▶︎";
    width: 10px;
    height: 10px;
    color: #fff;
    font-size: 2.32073vw
  }

  .productInfo__btn a:hover {
    text-decoration: none;
    opacity: .7
  }
}

.product {
  position: relative;
  max-width: 100%;
  width: auto;
  margin: 10% auto 0;
  padding: 0
}

.product:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 120%;
  height: 105%;
  margin: 5% -10% 0;
  background: #f7f6f4;
  transform-origin: left center;
  transform: rotate(-4deg);
  z-index: -1
}

.product--2item {
  margin: 4% auto;
  padding: 7% 0 0
}

.product__inner {
  max-width: 1100px;
  width: auto;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  color: #000
}

.product__title {
  position: relative;
  top: -30px;
  color: #000;
  font-size: 4rem;
  font-weight: normal
}

.product__title span {
  font-size: 1.5rem;
  font-weight: normal
}

.product__copy {
  margin: 0 0 5%;
  font-size: 2.2rem;
  font-weight: normal
}

.product__content {
  display: flex;
  justify-content: left
}

.product__content--reverse {
  flex-direction: row-reverse;
  justify-content: space-between
}

.product__image {
  padding: 0 15% 0 0
}

.product__feature {
  margin: 0 0 8%;
  padding: 0;
  list-style: none
}

.product__feature li {
  max-width: 330px;
  margin: 0 0 3%;
  padding: 3%;
  background: #6d6862;
  border-radius: 5px;
  color: #fff;
  font-size: 1.45rem;
  text-align: center
}

.product__category {
  margin: 0 0 .8%;
  font-size: .9rem
}

.product__name {
  margin: 0 0 3%;
  font-size: 2.5rem;
  line-height: 1
}

.product__name span {
  font-size: 1.8rem
}

.product__link {
  max-width: 330px;
  margin: 0 0 10%;
  border: solid 3px #000
}

.product__link a {
  display: block;
  padding: .6%;
  color: #000;
  font-size: 1.4rem;
  text-align: center
}

.product__etc {
  padding: 0;
  list-style: none
}

.product__etc li {
  font-size: 1.3rem
}

.mode {
  max-width: 1000px;
  margin: 0 auto 8%
}

.mode--last {
  margin: 0 auto 9%
}

.mode__title {
  margin: 0 auto 5%;
  padding: 2% 0;
  font-size: 1.85rem;
  text-align: center;
  border-bottom: solid 2px #5781b6;
  border-top: solid 2px #5781b6;
  font-family: 'NotoSansCJKjp-Bold'
}

.mode__text {
  margin: 0 auto 3%;
  font-size: 1.25rem;
  font-family: "NotoSansCJKjp-DemiLight"
}

.mode__text--2col {
  max-width: 500px;
  width: 50%;
  margin: 0
}

.mode__subtitle {
  margin: 0 auto 2%;
  text-align: center;
  font-size: 1.5rem;
  font-family: 'NotoSansCJKjp-Medium'
}

.mode__floatWrap {
  max-width: 1000px;
  width: 100%;
  display: flex;
  justify-content: space-between
}

.mode__floatBox {
  max-width: 300px;
  width: 26%;
  margin: 0 0 2%
}

.mode__floatImage {
  margin: 0 auto 2%
}

.mode__floatImage img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  margin: 0
}

.mode__floatTitle {
  margin: 0 auto 2%;
  font-weight: bold;
  line-height: 1;
  font-family: 'NotoSansCJKjp-Medium'
}

.mode__floatTitle span {
  font-size: 1.5rem
}

.mode__floatText {
  margin: 0 auto;
  font-family: 'NotoSansCJKjp-Medium';
  font-size: .95rem
}

.mode__floatText--comment {
  font-size: .65rem
}

.mode__floatIcon {
  margin: 6% 0 0
}

.mode__floatIcon img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.mode__inner {
  max-width: 1000px;
  width: 100%;
  display: flex;
  justify-content: space-between
}

.mode__images {
  max-width: 456px;
  width: 45.6%;
  margin: 0
}

.mode__images img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

@media screen and (max-width: 1000px) {
  .mode {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 8%
  }
}

@media screen and (max-width: 767px) {
  .mode {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 3%
  }

  .mode--last {
    margin: 0 auto 9%
  }

  .mode__title {
    margin: 0 auto 3%;
    padding: 2% 0;
    font-size: 3.91134vw;
    text-align: left;
    border-bottom: solid 2px #5781b6;
    border-top: solid 2px #5781b6;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .mode__text {
    margin: 0 auto 7%;
    font-size: 3.38983vw;
    font-family: "NotoSansCJKjp-DemiLight"
  }

  .mode__text--2col {
    max-width: 500px;
    width: 57%;
    margin: 0
  }

  .mode__subtitle {
    font-size: 4.04172vw;
    margin: 0 auto 2.5%;
    text-align: center;
    font-family: 'NotoSansCJKjp-Medium'
  }

  .mode__floatWrap {
    display: block;
    max-width: 1000px;
    width: 91%;
    margin: 0 auto
  }

  .mode__floatWrapInner {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    width: 100%
  }

  .mode__floatBox {
    max-width: 300px;
    width: 42%;
    margin: 0 0 2%
  }

  .mode__floatBox--last {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 10%
  }

  .mode__floatImage {
    margin: 0 auto 7%
  }

  .mode__floatImage img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    margin: 0
  }

  .mode__floatTitle {
    margin: 0 auto 2%;
    font-weight: bold;
    line-height: 1;
    font-family: 'NotoSansCJKjp-Medium';
    font-size: 3.38983vw
  }

  .mode__floatTitle span {
    font-size: 3.38983vw
  }

  .mode__floatText {
    margin: 0 auto 2%;
    font-family: 'NotoSansCJKjp-Light';
    font-size: 3.12907vw
  }

  .mode__floatText--comment {
    font-size: 2.73794vw
  }

  .mode__floatIcon {
    margin: 6% 0 5%
  }

  .mode__floatIcon img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .mode__inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 0 20%;
    display: flex;
    justify-content: space-between
  }

  .mode__images {
    max-width: 100%;
    width: 40%;
    margin: 0
  }

  .mode__images img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }
}

.productLineUp {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto
}

.productLineUp__title {
  margin: 0 auto 37px;
  padding: 4.8% 0;
  font-size: 2.5rem;
  text-align: center;
  background: #5679b0;
  color: #fff;
  line-height: 1.5;
  font-family: 'NotoSansCJKjp-Thin'
}

.productLineUp__title span {
  display: block;
  margin: 0 auto;
  font-size: 1.85rem;
  font-family: 'NotoSansCJKjp-Bold'
}

.productLineUp__box {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 4%;
  padding: 5.5% 5.7% 2%;
  background: #eee
}

.productLineUp__box--last {
  margin: 0 auto 5%;
  padding: 5.5% 5.7% 0
}

.productLineUp__name {
  margin: 0 auto 3.5%;
  font-size: 5rem;
  text-align: center;
  line-height: 1;
  font-family: 'NotoSansCJKjp-Bold'
}

.productLineUp__name span {
  display: block;
  margin: 0 auto;
  font-size: 1rem;
  font-family: "NotoSansCJKjp-Regular";
  line-height: 2
}

.productLineUp__text {
  max-width: 880px;
  width: 100%;
  margin: 0 auto 5%;
  font-size: 1.25rem;
  font-family: 'NotoSansCJKjp-DemiLight';
  line-height: 1.8
}

.productLineUp__images {
  max-width: 880px;
  width: 100%;
  margin: 0 auto 10%
}

.productLineUp__images img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.productLineUp__iconsList {
  display: flex;
  justify-content: space-between;
  list-style: none;
  max-width: 880px;
  width: 100%;
  margin: 0 auto 3.5%;
  padding: 0
}

.productLineUp__iconsList--WFSP700N {
  margin: 0 auto 7.5%
}

.productLineUp__iconsList--WIC600N {
  width: 74.31818181818181%
}

.productLineUp__icon {
  max-width: 205px;
  width: 23.295454545454543%;
  margin: 0
}

.productLineUp__icon--WIC600N {
  width: 42.813455657492355%;
  margin: 0 auto
}

.productLineUp__icon img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

@media screen and (max-width: 1000px) {
  .productLineUp {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto
  }

  .productLineUp__iconsList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    max-width: 590px;
    width: 100%;
    margin: 0 auto;
    padding: 0
  }

  .productLineUp__iconsList--WFSP700N {
    margin: 0 auto
  }

  .productLineUp__icon {
    max-width: 100%;
    width: 23.295454545454543%;
    margin: 0 auto 5%
  }

  .productLineUp__icon--WIC600N {
    width: 27.9%;
    margin: 0 auto 5%
  }

  .productLineUp__icon--WIC600N.first {
    width: 45%;
    margin: 0 0 5%
  }

  .productLineUp__icon img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }
}

@media screen and (max-width: 767px) {
  .productLineUp {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto
  }

  .productLineUp__title {
    margin: 0 auto 37px;
    padding: 4.8% 0;
    font-size: 5.21512vw;
    text-align: center;
    background: #5679b0;
    color: #fff;
    line-height: 1.5;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .productLineUp__title span {
    display: block;
    margin: 0 auto;
    font-size: 3.91134vw;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .productLineUp__box {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 4%;
    padding: 5.5% 5%;
    background: #eee
  }

  .productLineUp__box--last {
    margin: 0 auto 5%;
    padding: 5.5% 5.7% 0
  }

  .productLineUp__name {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 3.5%;
    font-size: 9.38722vw;
    text-align: left;
    line-height: 1;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .productLineUp__name span {
    display: block;
    margin: 0 auto;
    font-size: 3.38983vw;
    line-height: 1.5;
    font-family: "NotoSansCJKjp-Regular"
  }

  .productLineUp__text {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 10%;
    font-size: 3.25945vw;
    font-family: 'NotoSansCJKjp-DemiLight';
    line-height: 1.8
  }

  .productLineUp__images {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 10%
  }

  .productLineUp__images img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .productLineUp__iconsList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0
  }

  .productLineUp__iconsList--WFSP700N {
    margin: 0 auto
  }

  .productLineUp__icon {
    max-width: 100%;
    width: 48.1%;
    margin: 0 0 5%
  }

  .productLineUp__icon--WIC600N {
    width: 48.1%;
    margin: 0 auto 5%
  }

  .productLineUp__icon--WIC600N.first {
    width: 48.1%;
    margin: 0 27% 5%
  }

  .productLineUp__icon img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }
}

.feature {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 880px;
  width: 100%;
  margin: 0 auto 5%;
  padding: 15px .2%;
  background: #fff;
  border: solid #535353 1px;
  border-radius: 5px
}

.feature--WI1000X {
  display: block;
  padding: 0 0 3%
}

.feature--WFSP700N {
  position: relative;
  display: block
}

.feature--WIC600N {
  flex-direction: row-reverse;
  padding: 3% 3%
}

.feature__image {
  width: 26.590909090909093%;
  margin: 0 auto
}

.feature__image--WI1000X {
  width: 74.77272727272727%
}

.feature__image--WFSP700N {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 24.772727272727273%
}

.feature__image--WIC600N {
  width: 43.7%;
  margin: 0
}

.feature__image img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.feature__textWrap {
  width: 65.3409090909091%;
  margin: 0 auto
}

.feature__textWrap--WI1000X {
  width: 91%;
  margin: 0 auto
}

.feature__textWrap--WFSP700N {
  width: 55%;
  margin: 0 15% 0 37%
}

.feature__textWrap--WIC600N {
  width: 44%;
  margin: 0 0 0 3%
}

.feature__title {
  margin: 3% 0 2%;
  font-size: 1.85rem;
  font-family: 'NotoSansCJKjp-Bold'
}

.feature__title--WI1000X {
  margin: 2% 0
}

.feature__text {
  font-size: 1.25rem;
  font-family: 'NotoSansCJKjp-DemiLight'
}

@media screen and (max-width: 1000px) {
  .feature__title {
    margin: 0 0 2%;
    font-size: 3.25945vw;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .feature__title--WI1000X {
    margin: 2% 0
  }

  .feature__textWrap {
    width: 65.3409090909091%;
    margin: 0 auto
  }

  .feature__textWrap--WI1000X {
    width: 91%;
    margin: 0 auto
  }

  .feature__textWrap--WFSP700N {
    width: 62%;
    margin: 0 5% 0 auto
  }

  .feature__textWrap--WIC600N {
    width: 44%;
    margin: 0 0 0 3%
  }
}

@media screen and (max-width: 767px) {
  .feature {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 590px;
    width: 100%;
    margin: 0 auto 5%;
    padding: 15px 5px;
    background: #fff;
    border: solid #535353 1px;
    border-radius: 5px
  }

  .feature--WI1000X {
    display: block;
    padding: 0 0 3%
  }

  .feature--WFSP700N {
    position: relative;
    display: block
  }

  .feature--WIC600N {
    flex-direction: row-reverse;
    padding: 3% 3%
  }

  .feature__image {
    width: 30%;
    margin: 0 auto
  }

  .feature__image--WI1000X {
    width: 90%
  }

  .feature__image--WI1000X img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .feature__image--WFSP700N {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28.8%
  }

  .feature__image--WFSP700N img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .feature__image--WIC600N {
    width: 55%;
    margin: 0
  }

  .feature__image--WIC600N img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .feature__textWrap {
    width: 65.3409090909091%;
    margin: 0 auto
  }

  .feature__textWrap--WI1000X {
    width: 91%;
    margin: 0 auto
  }

  .feature__textWrap--WFSP700N {
    width: 71.5%;
    margin: 0 0 0 30%
  }

  .feature__textWrap--WIC600N {
    width: 40%;
    margin: 0 0 0 3%
  }

  .feature__title {
    margin: 0 0 2%;
    font-size: 3.91134vw;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .feature__title--WI1000X {
    margin: 2% 0
  }

  .feature__title--WFSP700N {
    font-size: 4.04172vw;
    line-height: 1.3
  }

  .feature__text {
    margin: 0;
    font-size: 2.60756vw;
    font-family: 'NotoSansCJKjp-DemiLight'
  }

  .feature__text--WI1000X {
    margin: 0 0 5%
  }

  .feature__text--WFSP700N {
    font-size: 2.60756vw
  }
}

.detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 600px;
  width: 100%;
  margin: 0 auto 5%
}

.detail--last {
  padding: 0 0 7%
}

.detail__btn {
  width: 41.66666666666667%;
  margin: 0 auto;
  font-family: "NotoSansCJKjp-Regular"
}

.detail__btn a {
  position: relative;
  display: block;
  margin: 0;
  padding: 6% 0 6% 14%;
  color: #fff;
  background: #5887f4;
  font-size: 1.85rem;
  text-align: center;
  border-radius: 3px;
  opacity: 1;
  transition: all .5s
}

.detail__btn a:before {
  position: absolute;
  top: 40%;
  left: 20%;
  content: "▶︎";
  width: 10px;
  height: 10px;
  color: #fff;
  font-size: 12px
}

.detail__btn a:hover {
  text-decoration: none;
  opacity: .7
}

.detail__image {
  width: 50%;
  margin: 0
}

.detail__image--WFSP700N {
  width: 64.6590909090909%;
  margin: 0 auto 5%
}

.detail__image--WFSP700N img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.detail__image--WIC600N {
  width: 66.25%;
  margin: 0 auto 5%
}

.detail__image--WIC600N img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.detail__image img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

@media screen and (max-width: 767px) {
  .detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 600px;
    width: 100%;
    margin: 0 auto
  }

  .detail--last {
    padding: 0 0 7%
  }

  .detail__btn {
    width: 41.66666666666667%;
    margin: 0 auto
  }

  .detail__btn a {
    font-family: "NotoSansCJKjp-Regular";
    position: relative;
    display: block;
    margin: 0;
    padding: 6% 0 6% 14%;
    color: #fff;
    background: #5887f4;
    font-size: 3.91134vw;
    text-align: center;
    border-radius: 3px;
    opacity: 1;
    transition: all .5s
  }

  .detail__btn a:before {
    position: absolute;
    top: 40%;
    left: 20%;
    content: "▶︎";
    width: 10px;
    height: 10px;
    color: #fff;
    font-size: 12px
  }

  .detail__btn a:hover {
    text-decoration: none;
    opacity: .7
  }

  .detail__image {
    width: 50%;
    margin: 0
  }

  .detail__image--WFSP700N {
    width: 100%;
    margin: 0 auto 8%
  }

  .detail__image--WFSP700N img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .detail__image--WIC600N {
    width: 100%;
    margin: 0 auto 5%
  }

  .detail__image--WIC600N img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .detail__image img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }
}

@media screen and (max-width: 450px) {
  .detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 5%
  }

  .detail__btn {
    width: 41.66666666666667%;
    margin: 0 auto
  }

  .detail__btn a {
    position: relative;
    display: block;
    margin: 0;
    padding: 6% 0 6% 14%;
    color: #fff;
    background: #5887f4;
    font-size: 3.91134vw;
    text-align: center;
    border-radius: 3px;
    opacity: 1;
    transition: all .5s
  }

  .detail__btn a:before {
    position: absolute;
    top: 24%;
    left: 20%;
    content: "▶︎";
    width: 10px;
    height: 10px;
    color: #fff;
    font-size: 12px
  }

  .detail__btn a:hover {
    text-decoration: none;
    opacity: .7
  }
}

.note {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 7%
}

.note__listWrap {
  list-style: none;
  padding: 0
}

.note__list {
  font-size: 1rem;
  font-family: 'NotoSansCJKjp-Light'
}

@media screen and (max-width: 1000px) {
  .note {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 7%
  }

  .note__listWrap {
    list-style: none;
    padding: 0
  }

  .note__list {
    font-size: 1rem;
    font-family: 'NotoSansCJKjp-Light'
  }
}

@media screen and (max-width: 767px) {
  .note {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 7%
  }

  .note__listWrap {
    list-style: none;
    padding: 0
  }

  .note__list {
    font-size: 2.21643vw;
    font-family: 'NotoSansCJKjp-Light'
  }
}

.headphone {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 5%;
  padding: 3% 1%;
  background: #eee
}

.headphone__lineup {
  list-style: none;
  padding: 0
}

.headphone__title {
  list-style: none;
  margin: 0 0 2%;
  padding: 0;
  color: #000;
  font-size: 1.85rem;
  line-height: 1.3;
  text-align: center;
  font-family: 'NotoSansCJKjp-Bold'
}

.headphone__btn {
  width: 60%;
  margin: 0 auto
}

.headphone__btn a {
  font-family: "NotoSansCJKjp-Regular";
  display: block;
  margin: 0;
  padding: 2% 0;
  color: #fff;
  background: #5887f4;
  font-size: 1.35rem;
  text-align: center;
  border-radius: 3px;
  opacity: 1;
  transition: all .5s
}

.headphone__btn a:hover {
  text-decoration: none;
  opacity: .7
}

@media screen and (max-width: 1000px) {
  .headphone__title {
    list-style: none;
    width: 90%;
    margin: 0 0 2%;
    padding: 0;
    color: #000;
    font-size: 1.65rem;
    line-height: 1.3;
    text-align: center;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .headphone__btn {
    width: 70%;
    margin: 0 auto
  }

  .headphone__btn a {
    font-family: "NotoSansCJKjp-Regular";
    display: block;
    margin: 0;
    padding: 2% 0;
    color: #fff;
    background: #5887f4;
    font-size: 1.35rem;
    text-align: center;
    border-radius: 3px;
    opacity: 1;
    transition: all .5s
  }

  .headphone__btn a:hover {
    text-decoration: none;
    opacity: .7
  }
}

@media screen and (max-width: 767px) {
  .headphone {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 5%;
    padding: 3% 1%;
    background: #eee
  }

  .headphone__lineup {
    list-style: none;
    padding: 0
  }

  .headphone__title {
    list-style: none;
    margin: 0 0 2%;
    padding: 0;
    color: #000;
    font-size: 4.04172vw;
    line-height: 1.3;
    text-align: center;
    font-family: 'NotoSansCJKjp-Bold'
  }

  .headphone__btn {
    width: 75%;
    margin: 0 auto
  }

  .headphone__btn a {
    display: block;
    margin: 0;
    padding: 5% 0;
    color: #fff;
    background: #5887f4;
    font-size: 4.04172vw;
    text-align: center;
    border-radius: 3px;
    opacity: 1;
    transition: all .5s
  }

  .headphone__btn a:hover {
    text-decoration: none;
    opacity: .7
  }
}

.sonyStore {
  background: #000
}

.sonyStore__wrap {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 2%;
  color: #fff
}

.sonyStore__title {
  padding: 5% 0 3%;
  font-size: 1.85rem;
  text-align: center;
  font-family: 'NotoSansCJKjp-Bold';
  letter-spacing: 4px
}

.sonyStore__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.5%
}

.sonyStore__text {
  width: 50%;
  font-size: 1.18rem;
  line-height: 1.6;
  margin-top: -9px;
  font-family: 'NotoSansCJKjp-DemiLight'
}

.sonyStore__image {
  width: 46.2%
}

.sonyStore__image img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.sonyStore__bnr {
  width: auto;
  border: solid 1px #fff
}

.sonyStore__bnr img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.sonyStore__subtitle {
  padding: 3% 0;
  font-size: 1.55rem;
  text-align: center;
  font-family: 'NotoSansCJKjp-Bold';
  letter-spacing: 4px
}

.sonyStore__list {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "NotoSansCJKjp-Regular"
}

.sonyStore__list a {
  display: block;
  text-decoration: none;
  color: #fff
}

.sonyStore__listItem {
  max-width: 180px;
  width: 100%;
  margin-right: 2.6%
}

.sonyStore__listItem:last-child {
  margin-right: 0
}

.sonyStore__photo {
  margin-bottom: 1%
}

.sonyStore__photo img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.sonyStore__place {
  position: relative;
  padding-left: 10px;
  font-size: .75rem
}

.sonyStore__place:before {
  position: absolute;
  top: 20%;
  left: 0;
  content: "▼";
  width: 10px;
  height: 10px;
  font-size: 8px
}

@media screen and (max-width: 1000px) {
  .sonyStore {
    background: #000
  }

  .sonyStore__wrap {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 2%;
    color: #fff
  }

  .sonyStore__title {
    padding: 5% 0 3%;
    font-size: 1.65rem;
    text-align: center;
    font-family: 'NotoSansCJKjp-Bold';
    letter-spacing: 4px
  }

  .sonyStore__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
  }

  .sonyStore__text {
    width: 50%;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: 'NotoSansCJKjp-DemiLight'
  }

  .sonyStore__image {
    width: 46.2%
  }

  .sonyStore__image img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .sonyStore__bnr {
    width: auto;
    border: none
  }

  .sonyStore__bnr img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .sonyStore__subtitle {
    padding: 3% 0;
    font-size: 1.45rem;
    text-align: center;
    font-family: 'NotoSansCJKjp-Bold';
    letter-spacing: 4px
  }

  .sonyStore__list {
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "NotoSansCJKjp-Regular"
  }

  .sonyStore__list a {
    display: block;
    text-decoration: none;
    color: #fff
  }

  .sonyStore__listItem {
    max-width: 180px;
    width: 100%;
    margin-right: 2.6%
  }

  .sonyStore__listItem:last-child {
    margin-right: 0
  }

  .sonyStore__photo img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .sonyStore__place {
    position: relative;
    padding-left: 10px;
    font-size: .75rem
  }

  .sonyStore__place:before {
    position: absolute;
    top: 20%;
    left: 0;
    content: "▼";
    width: 10px;
    height: 10px;
    font-size: 8px
  }
}

@media screen and (max-width: 1000px) {
  .sonyStore__place {
    position: relative;
    padding-left: 10px;
    font-size: .6rem
  }

  .sonyStore__place:before {
    position: absolute;
    top: 20%;
    left: 0;
    content: "▼";
    width: 10px;
    height: 10px;
    font-size: 8px
  }
}

@media screen and (max-width: 767px) {
  .sonyStore {
    background: #000
  }

  .sonyStore__wrap {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 2%;
    color: #fff
  }

  .sonyStore__title {
    padding: 5% 0 3%;
    font-size: 4.04172vw;
    text-align: center;
    font-family: 'NotoSansCJKjp-Bold';
    letter-spacing: 1px
  }

  .sonyStore__inner {
    display: block;
    width: auto;
    margin: 0 auto
  }

  .sonyStore__text {
    width: auto;
    font-size: 2.81617vw;
    line-height: 1.6;
    font-family: 'NotoSansCJKjp-DemiLight';
    letter-spacing: 2px;
    margin-top: 0
  }

  .sonyStore__image {
    width: auto;
    margin: 0 auto 10%
  }

  .sonyStore__image img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .sonyStore__bnr {
    width: auto;
    margin: 0 auto 7%
  }

  .sonyStore__bnr img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .sonyStore__subtitle {
    margin: 0 0 3%;
    padding: 3% 0;
    font-size: 3.25945vw;
    text-align: center;
    font-family: 'NotoSansCJKjp-Bold';
    letter-spacing: 0
  }

  .sonyStore__list {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0
  }

  .sonyStore__list a {
    display: block;
    text-decoration: none;
    color: #fff
  }

  .sonyStore__listItem {
    max-width: 298px;
    width: 45%;
    margin: 0 0 5%
  }

  .sonyStore__listItem img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .sonyStore__listItem:last-child {
    margin-right: 0
  }

  .sonyStore__photo {
    max-width: 298px;
    width: 100%;
    margin: 0 0 3%
  }

  .sonyStore__photo img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
  }

  .sonyStore__place {
    position: relative;
    padding-left: 10px;
    font-size: 2.73794vw
  }

  .sonyStore__place:before {
    position: absolute;
    top: 40%;
    left: 0;
    content: "▼";
    width: 10px;
    height: 10px;
    font-size: 3px
  }
}

.afterword {
  padding: 5% 0;
  background: #fff
}

.afterword__text {
  font-size: 2.5rem;
  line-height: 1.4;
  text-align: center;
  font-family: 'NotoSansCJKjp-Bold'
}

@media screen and (max-width: 767px) {
  .afterword {
    padding: 5% 0;
    background: #fff
  }

  .afterword__text {
    font-size: 5.3455vw;
    line-height: 1.4;
    text-align: center;
    font-family: 'NotoSansCJKjp-Bold'
  }
}

.questionnaire {
  background: #eee
}

.questionnaire__inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 3% 1%
}

.questionnaire__title {
  margin: 0 0 2%;
  padding: 0;
  color: #000;
  font-size: 2.2rem;
  line-height: 1.3;
  text-align: center;
  font-family: 'NotoSerifCJKjp-Bold'
}

.questionnaire__text {
  margin: 0 0 4%;
  padding: 0;
  color: #000;
  font-size: 1.25rem;
  line-height: 1.8;
  text-align: center;
  font-family: 'NotoSerifCJKjp-Bold'
}

.questionnaire__btn {
  width: 50%;
  margin: 0 auto
}

.questionnaire__btn a {
  font-family: "NotoSansCJKjp-Regular";
  position: relative;
  display: block;
  margin: 0;
  padding: 2% 0;
  color: #fff;
  background: #5887f4;
  font-size: 1.25rem;
  text-align: center;
  opacity: 1;
  transition: all .5s
}

.questionnaire__btn a:before {
  position: absolute;
  top: 35%;
  left: 27%;
  content: "▼";
  width: 10px;
  height: 10px;
  font-size: 10px
}

.questionnaire__btn a:hover {
  text-decoration: none;
  opacity: .7
}

@media screen and (max-width: 1000px) {
  .questionnaire__btn {
    width: 80%;
    margin: 0 auto
  }

  .questionnaire__btn a {
    position: relative;
    display: block;
    margin: 0;
    padding: 2% 0;
    color: #fff;
    background: #5887f4;
    font-size: 1.25rem;
    text-align: center;
    opacity: 1;
    transition: all .5s
  }

  .questionnaire__btn a:before {
    position: absolute;
    top: 35%;
    left: 20%;
    content: "▼";
    width: 10px;
    height: 10px;
    font-size: 10px
  }

  .questionnaire__btn a:hover {
    text-decoration: none;
    opacity: .7
  }
}

@media screen and (max-width: 767px) {
  .questionnaire {
    background: #eee
  }

  .questionnaire__inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 3% 1%
  }

  .questionnaire__title {
    margin: 0 0 2%;
    padding: 0;
    color: #000;
    font-size: 4.69361vw;
    line-height: 1.3;
    text-align: center;
    font-family: 'NotoSerifCJKjp-Bold'
  }

  .questionnaire__text {
    margin: 0 0 4%;
    padding: 0;
    color: #000;
    font-size: 2.73794vw;
    line-height: 1.8;
    text-align: center;
    font-family: 'NotoSerifCJKjp-Bold'
  }

  .questionnaire__btn {
    width: 80%;
    margin: 0 auto
  }

  .questionnaire__btn a {
    position: relative;
    display: block;
    margin: 0;
    padding: 2% 0;
    color: #fff;
    background: #5887f4;
    font-size: 1.25rem;
    text-align: center;
    opacity: 1;
    transition: all .5s
  }

  .questionnaire__btn a:before {
    position: absolute;
    top: 35%;
    left: 27%;
    content: "▼";
    width: 10px;
    height: 10px;
    font-size: 10px
  }

  .questionnaire__btn a:hover {
    text-decoration: none;
    opacity: .7
  }
}

@media screen and (max-width: 550px) {
  .questionnaire__btn {
    width: 80%;
    margin: 0 auto
  }

  .questionnaire__btn a {
    position: relative;
    display: block;
    margin: 0;
    padding: 2% 0;
    color: #fff;
    background: #5887f4;
    font-size: 1.25rem;
    text-align: center;
    opacity: 1;
    transition: all .5s
  }

  .questionnaire__btn a:before {
    position: absolute;
    top: 35%;
    left: 5%;
    content: "▼";
    width: 10px;
    height: 10px;
    font-size: 10px
  }

  .questionnaire__btn a:hover {
    text-decoration: none;
    opacity: .7
  }
}

.footer {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  background: #000
}

.footer__inner {
  padding: 0
}

.copy {
  background: #000;
  color: #fff;
  margin: 0;
  padding: 10px 0;
  font-size: 1rem;
  text-align: center
}

@media screen and (max-width: 767px) {
  .footer {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0
  }

  .footer__inner {
    padding: 0
  }

  .copy {
    background: #000;
    color: #a0a1a1;
    margin: 0 0 4%;
    padding: 4% 0;
    font-size: 1.95567vw;
    line-height: 1.8;
    text-align: center
  }
}

.pc {
  display: block !important
}

.sp {
  display: none !important
}

.br {
  display: none
}

.br2 {
  display: block
}

@media (max-width: 767px) {
  .pc {
    display: none !important
  }

  .sp {
    display: block !important
  }

  .br {
    display: block
  }

  .br2 {
    display: none
  }
}

.s5-returnToTop {
  height: 0;
  position: relative;
  z-index: 2;
  margin: 0
}