@charset "UTF-8";
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto; }

.header__logo, .header__wlakmanlogo {
  width: auto;
  margin: 0 2.5%; }
  .header__logo img, .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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: 2.4%;
  background: #fff url(../images/main_bg.jpg) no-repeat center top;
  background-size: 100%; }

.key__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  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: 11.7% 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 11% 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: 15% 0 0; }
  .key__mainText {
    max-width: 100%;
    width: 47%;
    margin: 0 0 8% 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.5% 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;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }

.nav__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    font-size: 1.7rem; }
    .nav__box:after {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    line-height: 1.4;
    font-weight: bold;
    font-size: 4.1721vw; } }

@media screen and (max-width: 550px) {
  .nav__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    font-size: 1.7rem; }
    .nav__box:after {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      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: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e9eb));
  background: -webkit-linear-gradient(top, #fff, #e3e9eb);
  background: -o-linear-gradient(top, #fff, #e3e9eb);
  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: 640px;
  width: auto;
  margin: 0 auto 2.4%;
  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: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e9eb));
    background: -webkit-linear-gradient(top, #fff, #e3e9eb);
    background: -o-linear-gradient(top, #fff, #e3e9eb);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none; }
    .contents__title--num:after {
      content: "";
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      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 2%;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    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: 81%;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      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;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left; }

.product__content--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.mode__images {
  max-width: 457px;
  width: 45.7%;
  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__title span {
      letter-spacing: -1px; }
  .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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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.5% 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 {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 10%; }
  .productLineUp__images img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

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

.productLineUp__iconsList--WF1000XM3 {
  margin: 0 auto 7.5%; }

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

.productLineUp__icon--WHH910N {
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    max-width: 590px;
    width: 100%;
    margin: 0 auto;
    padding: 0; }
  .productLineUp__iconsList--WF1000XM3 {
    margin: 0 auto; }
  .productLineUp__icon {
    max-width: 100%;
    width: 23.295454545454543%;
    margin: 0 auto 5%; }
  .productLineUp__icon--WHH910N {
    width: 27.9%;
    margin: 0 auto 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0; }
  .productLineUp__iconsList--WF1000XM3 {
    margin: 0 auto; }
  .productLineUp__icon {
    max-width: 100%;
    width: 48.1%;
    margin: 0 0 5%; }
  .productLineUp__icon--WHH910N {
    width: 48.1%;
    margin: 0 auto 5%; }
  .productLineUp__icon img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; } }

.feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  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 {
  padding: 3%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .feature--WI1000X .feature__textWrap--WI1000X {
    width: 48.6%;
    margin: 0; }
  .feature--WI1000X .feature__image--WI1000X {
    width: 51%;
    margin: 0; }

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

.feature--WHH910N {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 3% 3%; }

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

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

.feature__image--WHH910N {
  width: 44%;
  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--WF1000XM3 {
  width: 55%;
  margin: 0 15% 0 37%; }

.feature__textWrap--WHH910N {
  width: 55%;
  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--WF1000XM3 {
    width: 62%;
    margin: 0 5% 0 auto; }
  .feature__textWrap--WHH910N {
    width: 44%;
    margin: 0 0 0 3%; } }

@media screen and (max-width: 767px) {
  .feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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: 3% 5% 5%; }
    .feature--WI1000X .feature__textWrap--WI1000X {
      width: 100%;
      margin: 0; }
    .feature--WI1000X .feature__image--WI1000X {
      width: 100%;
      margin: 0 auto; }
  .feature--WF1000XM3 {
    position: relative;
    display: block; }
  .feature--WHH910N {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    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--WF1000XM3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40%; }
    .feature__image--WF1000XM3 img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .feature__image--WHH910N {
    width: 30%;
    margin: 0 auto; }
    .feature__image--WHH910N 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--WF1000XM3 {
    width: 56%;
    margin: 0 0 0 auto; }
  .feature__textWrap--WHH910N {
    width: 55%;
    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--WF1000XM3 {
    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--WF1000XM3 {
    font-size: 2.60756vw; } }

.detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  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;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    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--WF1000XM3 {
  width: 64.6590909090909%;
  margin: 0 auto 5%; }
  .detail__image--WF1000XM3 img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.detail__image--WHH910N {
  width: 66.25%;
  margin: 0 auto 5%; }
  .detail__image--WHH910N 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      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--WF1000XM3 {
    width: 100%;
    margin: 0 auto 8%; }
    .detail__image--WF1000XM3 img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .detail__image--WHH910N {
    width: 100%;
    margin: 0 auto 5%; }
    .detail__image--WHH910N 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      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 40px; }

.note__listWrap {
  list-style: none;
  padding: 0;
  margin: 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 40px; }
  .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 20px; }
  .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;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    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;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      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;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    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;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    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;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      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;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      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;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      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; }