@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&subset=japanese");
main {
  overflow: hidden; }
  main .header {
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 99; }
    main .header--inner {
      width: 100vw;
      height: 0vw;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative; }
      main .header--inner--logo {
        width: auto;
        height: 100%;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 999; }
        main .header--inner--logo h1 {
          width: 0vw; }
      main .header--inner--right {
        display: flex;
        align-items: flex-end; }
    main .header.has-bg {
      background-color: #fff; }
    main .header.scrolled {
      background-color: #fff; }
  main article .breadcrumb-wrapper .breadcrumb {
    width: 80vw;
    margin: 0 auto;
    padding: 2.2vw 0; }
    main article .breadcrumb-wrapper .breadcrumb .item {
      display: inline-block;
      font-size: 1vw;
      line-height: 1.6; }
      main article .breadcrumb-wrapper .breadcrumb .item a {
        color: #000; }
        main article .breadcrumb-wrapper .breadcrumb .item a.link {
          opacity: .3; }
      main article .breadcrumb-wrapper .breadcrumb .item:nth-of-type(n+2) {
        padding-left: 1.5em;
        margin-left: .5em;
        position: relative; }
        main article .breadcrumb-wrapper .breadcrumb .item:nth-of-type(n+2):before {
          content: "ー";
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          opacity: .3; }
  main .footer {
    margin-top: 0vw; }
    main .footer--figure {
      height: 0vw;
      background: url("../images/common/footer_bg.png") no-repeat center center/cover;
      background-attachment: fixed;
      position: relative; }
      main .footer--figure .image {
        width: 0vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      main .footer--figure .texts {
        width: 100%;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: bold;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        main .footer--figure .texts dt {
          font-size: 0vw; }
        main .footer--figure .texts dd {
          font-size: 0vw;
          margin-top: 1em; }
    main .footer--inner--over {
      width: 80vw;
      margin: 0 auto;
      padding-bottom: 4.4vw;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    main .footer--inner--under {
      width: 100%;
      background-color: #fff;
      padding: 0vw 10%;
      display: flex;
      align-items: flex-end;
      flex-wrap: wrap; }
      main .footer--inner--under .logo {
        width: 0vw; }
      main .footer--inner--under .copyright {
        display: inline;
        font-size: .7vw;
        text-align: right;
        color: #000;
        margin: 0 0 0 auto; }

#pagetop {
  width: 2.5vw;
  height: 2.5vw;
  position: fixed;
  right: 2.5vw;
  bottom: 2.5vw !important;
  z-index: 200; }
  #pagetop.bottom {
    position: absolute;
    bottom: 45vw !important; }
  #pagetop a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none; }
    #pagetop a:before, #pagetop a:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      vertical-align: middle; }
    #pagetop a:before {
      box-sizing: border-box;
      width: 2.5vw;
      height: 2.5vw;
      background-color: #000;
      border: 1px solid #fff;
      border-radius: 50%; }
    #pagetop a:after {
      top: .4vw;
      right: .9vw;
      width: .6vw;
      height: .6vw;
      transform: rotate(-45deg);
      border-top: 2px solid #fff;
      border-right: 2px solid #fff; }

@media screen and (max-width: 1024px) {
  main .header--inner {
    height: 0vw; }
    main .header--inner--logo h1 {
      width: 0vw; }
    main .header--inner--right {
      margin-right: 0vw; }
  main .footer--inner--over {
    width: 90vw; }
  main .footer--inner--under .logo {
    width: 0vw; }
  main .footer--inner--under .copyright {
    font-size: 1vw; } }
@media screen and (max-width: 767px) {
  main .header--inner {
    height: 0vw; }
    main .header--inner--logo h1 {
      width: 0vw; }
  main article .notes {
    font-size: 3vw !important;
    font-weight: 400 !important;
    text-align: left !important;
    color: #333 !important;
    margin-top: 10vw !important;
    padding: 0 !important; }
    main article .notes.wh {
      color: #fff !important; }
  main article .breadcrumb-wrapper .breadcrumb {
    width: 90vw;
    padding: 4.4vw 0; }
    main article .breadcrumb-wrapper .breadcrumb .item {
      font-size: 2.9vw;
      line-height: 1.4; }
      main article .breadcrumb-wrapper .breadcrumb .item:nth-of-type(n+2) {
        padding-left: 1.5em;
        margin: .5em 0 0 .5em; }
  main .footer {
    margin-top: 0vw; }
    main .footer--figure {
      height: 0vh;
      background-attachment: inherit; }
      main .footer--figure .image {
        width: 0vw; }
      main .footer--figure .texts {
        top: 50%; }
        main .footer--figure .texts dt {
          font-size: 0vw; }
        main .footer--figure .texts dd {
          font-size: 0vw; }
    main .footer--inner--over {
      padding-bottom: 0vw; }
    main .footer--inner--under .logo {
      width: 0vw;
      margin: 0 auto; }
    main .footer--inner--under .copyright {
      font-size: 2.7vw;
      text-align: center;
      margin: 5vw 0 0; } }
/* =========================================================
 * reset　　　    /*リセット
========================================================= */
blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, span, textarea, td, th, ul, figure, figcaption {
  margin: 0px;
  padding: 0px; }

fieldset, img {
  border: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

ol {
  list-style-type: none; }

ul {
  list-style-type: none; }
  ul li {
    list-style-type: none; }
    ul li img {
      line-height: 0;
      font-size: 0;
      vertical-align: top; }

img {
  border: none;
  vertical-align: bottom; }

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

caption, th {
  text-align: left; }

iframe {
  border: none; }

a:focus {
  outline: none; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

/* IE */
* html ul li dl, * html ol li dl {
  display: inline; }
*:first-child + html ul li dl, *:first-child + html ol li dl {
  display: inline; }

/* =========================================================
 * default settings      　   /*デフォルトセッティング
========================================================= */
html {
  font-size: 62.5%;
  overflow: auto; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-break: break-all;
  /*CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関する禁則処理を解除し、どの文字の間でも改行するようにします。*/ }

body {
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  font: inherit;
  font-size: 1vw;
  font-family: "Noto Serif JP", sans-serif;
  line-height: 1.4;
  color: #333;
  background: #fff; }

a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #333;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  a:hover {
    opacity: 0.7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; }

.soon {
  pointer-events: none;
  opacity: .5; }

.hide, .hidden {
  visibility: hidden; }

p {
  line-break: strict; }

img {
  max-width: 100%; }

main {
  display: block; }

.pc {
  display: block; }

.sp {
  display: none; }

@media screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: 100%;
    background: #fff;
    min-width: 100%; }

  a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none; }
    a:hover {
      opacity: 1;
      -webkit-opacity: 1;
      -moz-opacity: 1;
      filter: alpha(opacity=100);
      /* IE lt 8 */
      -ms-filter: "alpha(opacity=100)";
      /* IE 8 */ }

  img {
    width: 100%; }

  .pc {
    display: none; }

  .sp {
    display: block; } }
/* =========================================================
 * font
========================================================= */
/*Roboto Condensed*/
/*Roboto*/
/*noto-sans*/
.roboto-condensed {
  font-family: 'Roboto Condensed', sans-serif; }

.roboto {
  font-family: 'Roboto', sans-serif; }

.font-noto {
  font-family: 'Noto Sans JP', sans-serif; }

.font-notos {
  font-family: 'Noto Serif JP', sans-serif; }

/* =========================================================
 * clearfix　　   /*クリアフィックス
========================================================= */
.clearfix {
  zoom: 1; }
  .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

/* =========================================================
 * fade Animation　　   /*フェード アニメーション
========================================================= */
.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening {
  position: relative;
  opacity: 0;
  transition: opacity 0.875s ease-in-out , transform 0.875s ease-in-out; }

.fade {
  transform: translate(0, 0); }

.fadein {
  transform: translate(0, 50px); }

.fadein-top {
  transform: translate(0, -50px); }

.fadein-left {
  transform: translate(-50px, 0); }

.fadein-right {
  transform: translate(50px, 0); }

.fade.scrollin,
.fadein.scrollin,
.fadein-top.scrollin,
.fadein-left.scrollin,
.fadein-right.scrollin,
.opening.active {
  opacity: 1;
  transform: translate(0, 0); }

/* =========================================================
 * scrollbar　　   /*フスクロールバー
========================================================= */
::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none; }

@-ms-keyframes pulse {
  0% {
    border-color: #e7611d; }
  100% {
    border-color: #ffcc00; } }
@-webkit-keyframes pulse {
  0% {
    border-color: #e7611d; }
  100% {
    border-color: #ffcc00; } }
@-moz-keyframes pulse {
  0% {
    border-color: #e7611d; }
  100% {
    border-color: #ffcc00; } }
.top article img {
  width: 100%; }
.top article .cmn-title {
  position: relative;
  padding-bottom: 2.307692vw;
  text-align: center; }
  .top article .cmn-title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2.153846vw;
    border-bottom: 2px solid #fff;
    opacity: .55; }
  .top article .cmn-title .en {
    margin: 0 auto; }
  .top article .cmn-title h2 {
    margin-top: 1.53vw;
    line-height: 1.0;
    color: #fff;
    letter-spacing: .08em;
    font-size: 1.769vw; }
.top article .main {
  position: relative;
  width: 100%;
  height: 50vw;
  background: url("../images/img-main-back_pc.jpg") no-repeat center/cover; }
  .top article .main--title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center; }
    .top article .main--title--img {
      width: 76.769231vw; }
    .top article .main--title h1 {
      font-weight: 600;
      line-height: 1.0;
      color: #fff;
      letter-spacing: .08em;
      margin-top: 1.076vw;
      font-size: 2.153846vw;
      text-shadow: 0px 0px 9px rgba(227, 202, 101, 0.75); }
  .top article .main--line {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #4f0011;
    background: linear-gradient(90deg, #4f0011 0%, #b10011 50%, #4f0011 100%);
    text-align: center;
    padding: 1.23vw 0;
    color: #fff;
    line-height: 1.0;
    letter-spacing: .08em;
    font-size: 1.923vw; }
.top article .search {
  background: #010027;
  background: linear-gradient(90deg, #010027 0%, #1b2953 50%, #010027 100%);
  padding: 7.384615vw 0 9.846vw; }
  .top article .search .cmn-title .en {
    width: 15.846vw; }
  .top article .search--inner {
    width: 80vw;
    margin: 0.46vw auto 0; }
    .top article .search--inner--block--title {
      display: flex;
      align-items: center; }
      .top article .search--inner--block--title .en {
        margin-right: 0.923vw; }
      .top article .search--inner--block--title h3 {
        margin-top: 0.5vw;
        color: #fff;
        line-height: 1.0;
        font-size: 1.23vw; }
    .top article .search--inner--block--wrap {
      margin-top: 2.076923vw;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .top article .search--inner--block--wrap--box {
        width: 39.23vw; }
        .top article .search--inner--block--wrap--box a {
          display: flex;
          align-items: center;
          width: 100%;
          height: 100%;
          text-decoration: none;
          background-color: #fff;
          position: relative; }
          .top article .search--inner--block--wrap--box a:after {
            content: '';
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 0 8px 14px;
            border-color: transparent transparent transparent #000;
            right: 2.3vw;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
            transition: all .3s ease-out; }
          .top article .search--inner--block--wrap--box a .img {
            width: 15.38vw; }
          .top article .search--inner--block--wrap--box a .texts {
            width: 23.84vw;
            padding-left: 2.3vw; }
            .top article .search--inner--block--wrap--box a .texts h4 {
              line-height: 1.4;
              font-weight: 500;
              font-size: 1.615vw; }
          .top article .search--inner--block--wrap--box a:hover:after {
            margin-right: -0.769vw; }
        .top article .search--inner--block--wrap--box:nth-of-type(n+3) {
          margin-top: 1.538vw; }
        .top article .search--inner--block--wrap--box.long {
          width: 100%; }
          .top article .search--inner--block--wrap--box.long a .texts {
            width: 64.6vw; }
    .top article .search--inner--block:nth-of-type(1) .search--inner--block--title .en {
      width: 12.92vw; }
    .top article .search--inner--block:nth-of-type(2) {
      margin-top: 4vw; }
      .top article .search--inner--block:nth-of-type(2) .search--inner--block--title .en {
        width: 18.84vw; }
.top article .collection {
  background: url("../images/img-correction-back_pc.jpg") no-repeat center/cover;
  padding: 9.23vw 0 9.615vw; }
  .top article .collection .cmn-title .en {
    width: 25.76vw; }
  .top article .collection--slides {
    margin-top: 3.692308vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .top article .collection--slides--box {
      width: 20%;
      background-color: #fff; }
      .top article .collection--slides--box a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none; }
        .top article .collection--slides--box a .texts {
          height: 7.15vw;
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          position: relative; }
          .top article .collection--slides--box a .texts:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            border-left: 1px solid #002484;
            height: 80%;
            top: 10%; }
          .top article .collection--slides--box a .texts h3 {
            font-weight: 500;
            line-height: 1.4;
            font-size: 1.53vw; }
      .top article .collection--slides--box:nth-of-type(1) a .texts:before, .top article .collection--slides--box:nth-of-type(6) a .texts:before {
        display: none; }
  .top article .collection--btn {
    width: 49.46vw;
    margin: 4.615vw auto 0; }
    .top article .collection--btn a {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 60px;
      border: 1px solid #fff;
      background: #072c52;
      background: linear-gradient(90deg, #072c52 0%, #002484 41%, #072c52 100%);
      color: #fff;
      line-height: 1.0;
      text-align: center;
      font-weight: 500;
      padding: 2vw 0;
      letter-spacing: .08em;
      font-size: 2.307692vw; }
      .top article .collection--btn a:after {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 0 8px 14px;
        border-color: transparent transparent transparent #fff;
        right: 2.3vw;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        transition: all .3s ease-out; }
      .top article .collection--btn a:hover:after {
        margin-right: -0.769vw; }
.top article .solution {
  background: #010027;
  background: linear-gradient(90deg, #010027 0%, #1b2953 50%, #010027 100%);
  padding: 7.384615vw 0 9.846vw; }
  .top article .solution .cmn-title .en {
    width: 20.46vw; }
  .top article .solution--inner {
    width: 80vw;
    margin: 3.07vw auto 0; }
    .top article .solution--inner--wrap {
      display: flex;
      flex-wrap: wrap; }
      .top article .solution--inner--wrap--box {
        text-align: center; }
        .top article .solution--inner--wrap--box .img {
          width: 24.53vw; }
        .top article .solution--inner--wrap--box h3, .top article .solution--inner--wrap--box h4 {
          color: #d0b464;
          font-weight: 600; }
        .top article .solution--inner--wrap--box h3 {
          margin-top: 1.38vw;
          font-size: 2.15vw;
          line-height: 1.0; }
        .top article .solution--inner--wrap--box h4 {
          margin-top: 1vw;
          font-size: 1.69vw;
          line-height: 1.4;
          min-height: 6.6vw;
          display: flex;
          justify-content: center;
          align-items: center; }
        .top article .solution--inner--wrap--box p {
          color: #fff;
          line-height: 1.8; }
          .top article .solution--inner--wrap--box p.upper {
            margin-top: 1.76vw;
            font-size: 1.30vw; }
          .top article .solution--inner--wrap--box p.under {
            width: 24.53vw;
            margin-top: 0.615vw;
            font-size: 1.15vw;
            text-align: left; }
        .top article .solution--inner--wrap--box:nth-of-type(-n+3) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.3);
          padding-bottom: 2.77vw; }
        .top article .solution--inner--wrap--box:nth-of-type(n+4) {
          padding-top: 2.77vw; }
          .top article .solution--inner--wrap--box:nth-of-type(n+4) .img {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 18.84vw; }
        .top article .solution--inner--wrap--box:nth-of-type(2) .img {
          margin: 0 auto; }
        .top article .solution--inner--wrap--box:nth-of-type(3) .img {
          margin: 0 0 0 auto; }
        .top article .solution--inner--wrap--box:nth-of-type(4) .img img {
          width: 18.46vw; }
        .top article .solution--inner--wrap--box:nth-of-type(5) .img img {
          width: 20.46vw; }
        .top article .solution--inner--wrap--box:nth-of-type(6) .img img {
          width: 24.53vw; }
        .top article .solution--inner--wrap--box:nth-of-type(1), .top article .solution--inner--wrap--box:nth-of-type(4) {
          padding-right: 1.38vw;
          border-right: 1px solid rgba(255, 255, 255, 0.3); }
        .top article .solution--inner--wrap--box:nth-of-type(2), .top article .solution--inner--wrap--box:nth-of-type(5) {
          padding-right: 1.38vw;
          padding-left: 1.38vw; }
        .top article .solution--inner--wrap--box:nth-of-type(3), .top article .solution--inner--wrap--box:nth-of-type(6) {
          padding-left: 1.38vw;
          border-left: 1px solid rgba(255, 255, 255, 0.3); }
    .top article .solution--inner small {
      margin-top: 2.46vw;
      display: block;
      font-family: "Noto Sans Japanese", sans-serif;
      color: #fff;
      word-break: normal;
      font-size: 0.923vw; }
.top article .satei {
  background: url("../images/img-solution-back_pc.jpg") no-repeat center/cover;
  padding: 10.53vw 0 19.23vw; }
  .top article .satei--inner {
    width: 80vw;
    margin: 0 auto; }
    .top article .satei--inner--wrap {
      background-color: #fff;
      padding: 2vw 2.3vw;
      position: relative; }
      .top article .satei--inner--wrap h2 {
        height: 4.15vw;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        line-height: 1.0;
        text-align: center;
        position: relative;
        background-color: #1b2953;
        font-weight: 500;
        font-size: 2.3vw; }
        .top article .satei--inner--wrap h2:before, .top article .satei--inner--wrap h2:after {
          content: '';
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          z-index: 2;
          top: 0; }
        .top article .satei--inner--wrap h2:before {
          left: 0;
          border-width: 2.07vw 0 2.07vw 1.15vw;
          border-color: transparent transparent transparent #fff; }
        .top article .satei--inner--wrap h2:after {
          right: 0;
          border-width: 2.07vw 1.15vw 2.07vw 0;
          border-color: transparent #fff transparent transparent; }
      .top article .satei--inner--wrap .select-wrapper {
        margin-top: 0.77vw; }
        .top article .satei--inner--wrap .select-wrapper .select_base {
          display: flex;
          justify-content: space-between; }
          .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 {
            width: 23.07vw; }
            .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div {
              position: relative;
              padding-top: 2.70vw; }
              .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div .stepTitle, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div .stepTitle, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div .stepTitle {
                position: absolute;
                top: 0;
                left: 0;
                display: inline-block;
                line-height: 1.4;
                font-size: 1.3vw;
                border-bottom: 2px solid #072c52; }
                .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div .stepTitle + p, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div .stepTitle + p, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div .stepTitle + p {
                  font-size: 1.3vw;
                  width: 18.38vw;
                  border: 2px solid #b4b4b4;
                  font-family: "Noto Sans Japanese", sans-serif;
                  appearance: none;
                  padding: 0.76vw 1.07vw;
                  background: #fff url(../images/selectArrow.png) no-repeat 96% 50%;
                  position: relative; }
                  .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div .stepTitle + p:after, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div .stepTitle + p:after, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div .stepTitle + p:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 3.538vw;
                    height: 3.538vw;
                    background: url("../images/stepCheck_off@2x.png") no-repeat 0/cover;
                    right: -4.46vw;
                    top: 50%;
                    transform: translateY(-50%); }
              .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div .style-select, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div .style-select, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div .style-select {
                opacity: 0;
                margin-top: -3.7vw;
                outline: none;
                font-size: 1.3vw;
                width: 18.38vw;
                display: block;
                border: 2px solid #b4b4b4;
                font-family: "Noto Sans Japanese", sans-serif;
                appearance: none;
                padding: 0.76vw 1.07vw;
                background: #fff url(../images/selectArrow.png) no-repeat 96% 50%; }
              .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div.on .stepTitle + p, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div.on .stepTitle + p, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div.on .stepTitle + p {
                border-color: #e7611d;
                -ms-animation-name: pulse;
                -ms-animation-duration: 0.6s;
                -ms-animation-iteration-count: infinite;
                -ms-animation-timing-function: ease-in-out;
                -ms-animation-direction: alternate;
                -ms-animation-delay: 0s;
                -webkit-animation-name: pulse;
                -webkit-animation-duration: 0.6s;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: ease-in-out;
                -webkit-animation-direction: alternate;
                -webkit-animation-delay: 0s;
                -moz-animation-name: pulse;
                -moz-animation-duration: 0.6s;
                -moz-animation-iteration-count: infinite;
                -moz-animation-timing-function: ease-in-out;
                -moz-animation-direction: alternate;
                -moz-animation-delay: 0s; }
              .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div.is-success .stepTitle + p:after, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div.is-success .stepTitle + p:after, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div.is-success .stepTitle + p:after {
                background: url("../images/stepCheck_on@2x.png") no-repeat 0/cover; }
          .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 {
            position: relative; }
            .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11:after, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12:after {
              content: '';
              display: block;
              position: absolute;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0.769vw 0 0.769vw 1.076vw;
              border-color: transparent transparent transparent #b10011;
              top: 3.63vw;
              right: -1.838vw;
              z-index: 2; }
        .top article .satei--inner--wrap .select-wrapper .sateiButtonWrapper {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: -10.46vw;
          width: 49.46vw;
          margin: 4.615vw auto 0; }
          .top article .satei--inner--wrap .select-wrapper .sateiButtonWrapper input {
            appearance: none;
            -webkit-appearance: none;
            font-family: "Noto Serif JP", sans-serif;
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 60px;
            border: 1px solid #fff;
            background: #072c52;
            background: linear-gradient(90deg, #072c52 0%, #002484 41%, #072c52 100%);
            color: #fff;
            line-height: 1.0;
            text-align: center;
            font-weight: 500;
            padding: 2vw 0;
            font-size: 2.307692vw;
            color: #fff;
            opacity: 1; }
            .top article .satei--inner--wrap .select-wrapper .sateiButtonWrapper input:disabled {
              background: #898989;
              color: #e6e6e6; }
      .top article .satei--inner--wrap:after {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 1.69vw 1.153vw 0 1.153vw;
        border-color: #fff transparent transparent transparent;
        left: 50%;
        transform: translateX(-50%);
        bottom: -2.69vw; }
.top article .backorder {
  background-color: #fff;
  padding: 8.69vw 0 4.07vw; }
  .top article .backorder .cmn-title:after {
    border-color: rgba(27, 41, 83, 0.55); }
  .top article .backorder .cmn-title .en {
    width: 26.07vw; }
  .top article .backorder .cmn-title h2 {
    color: #1b2953; }
  .top article .backorder--inner {
    margin: 0.76vw auto 0;
    width: 80vw; }
    .top article .backorder--inner .logo {
      width: 29.61vw;
      margin: 0 auto; }
    .top article .backorder--inner .lead {
      text-align: center;
      font-weight: 500;
      line-height: 1.7;
      font-size: 1.307vw; }
    .top article .backorder--inner--image {
      width: 77.23vw; }
      .top article .backorder--inner--image.img01 {
        margin: 3.07vw 0 0 0; }
      .top article .backorder--inner--image.img02 {
        margin: 1.30vw 0 0 auto; }
    .top article .backorder--inner .nomcomlogo {
      margin: 12.69vw auto 0;
      width: 30.76vw; }

#floating {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: -10.769vw;
  z-index: 100;
  transition: all .3s ease-out; }
  #floating.active {
    bottom: 0; }
  #floating #sateiSearch .section_inner, #floating #sateiFloat .section_inner {
    width: 80vw;
    margin: 0 auto;
    display: flex;
    align-items: center; }
    #floating #sateiSearch .section_inner h3, #floating #sateiFloat .section_inner h3 {
      width: 7.38vw;
      text-align: center;
      font-weight: 500;
      font-size: 1.15vw; }
  #floating #sateiSearch {
    background-color: #000; }
    #floating #sateiSearch .section_inner h3 {
      color: #fff; }
    #floating #sateiSearch .section_inner .satei-selectwrap {
      width: 72.846vw;
      height: 5.384vw;
      display: flex; }
      #floating #sateiSearch .section_inner .satei-selectwrap .btn {
        width: 50%; }
        #floating #sateiSearch .section_inner .satei-selectwrap .btn a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          text-decoration: none;
          position: relative;
          text-align: center; }
          #floating #sateiSearch .section_inner .satei-selectwrap .btn a .icon {
            margin-right: 1.3vw; }
          #floating #sateiSearch .section_inner .satei-selectwrap .btn a p {
            color: #fff;
            line-height: 1.0;
            font-weight: 500;
            font-size: 1.31vw; }
          #floating #sateiSearch .section_inner .satei-selectwrap .btn a:after {
            content: '';
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0.538vw 0 0.538vw 0.769vw;
            border-color: transparent transparent transparent #fff;
            top: 50%;
            transform: translateY(-50%);
            right: 1.538vw;
            z-index: 2;
            transition: all .3s ease-out; }
          #floating #sateiSearch .section_inner .satei-selectwrap .btn a:hover:after {
            margin-right: -0.769vw; }
        #floating #sateiSearch .section_inner .satei-selectwrap .btn.gold a {
          background: #e3b151;
          background: linear-gradient(90deg, #e3b151 0%, #b57e10 50%, #e3b151 100%); }
          #floating #sateiSearch .section_inner .satei-selectwrap .btn.gold a .icon {
            width: 2.92vw; }
        #floating #sateiSearch .section_inner .satei-selectwrap .btn.red a {
          background: #b10011;
          background: linear-gradient(90deg, #b10011 0%, #820011 100%); }
          #floating #sateiSearch .section_inner .satei-selectwrap .btn.red a .icon {
            width: 2.307vw; }
  #floating #sateiFloat {
    background-color: #fff; }
    #floating #sateiFloat .section_inner h3 {
      color: #000; }
    #floating #sateiFloat .section_inner .select-wrapper {
      display: flex;
      align-items: center; }
      #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap {
        width: 72.846vw;
        height: 5.384vw;
        display: flex;
        align-items: center; }
        #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 {
          width: 18.46vw;
          margin-right: 1.538vw; }
          #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41 > div, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 > div, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 > div {
            position: relative; }
            #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41 > div p, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 > div p, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 > div p {
              font-size: 1.3vw;
              width: 14.84vw;
              border: 2px solid #b4b4b4;
              font-family: "Noto Sans Japanese", sans-serif;
              appearance: none;
              padding: 0.76vw 1.07vw;
              background: #fff url(../images/selectArrow.png) no-repeat 96% 50%;
              position: relative; }
              #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41 > div p:after, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 > div p:after, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 > div p:after {
                content: '';
                display: block;
                position: absolute;
                width: 2.72vw;
                height: 2.72vw;
                background: url("../images/stepCheck_off@2x.png") no-repeat 0/cover;
                right: -3.3vw;
                top: 50%;
                transform: translateY(-50%); }
            #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41 > div .style-select, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 > div .style-select, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 > div .style-select {
              opacity: 0;
              margin-top: -3.7vw;
              outline: none;
              font-size: 1.3vw;
              width: 14.84vw;
              display: block;
              border: 2px solid #b4b4b4;
              font-family: "Noto Sans Japanese", sans-serif;
              appearance: none;
              padding: 0.76vw 1.07vw;
              background: #fff url(../images/selectArrow.png) no-repeat 96% 50%; }
            #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41 > div.on p, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 > div.on p, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 > div.on p {
              border-color: #e7611d;
              -ms-animation-name: pulse;
              -ms-animation-duration: 0.6s;
              -ms-animation-iteration-count: infinite;
              -ms-animation-timing-function: ease-in-out;
              -ms-animation-direction: alternate;
              -ms-animation-delay: 0s;
              -webkit-animation-name: pulse;
              -webkit-animation-duration: 0.6s;
              -webkit-animation-iteration-count: infinite;
              -webkit-animation-timing-function: ease-in-out;
              -webkit-animation-direction: alternate;
              -webkit-animation-delay: 0s;
              -moz-animation-name: pulse;
              -moz-animation-duration: 0.6s;
              -moz-animation-iteration-count: infinite;
              -moz-animation-timing-function: ease-in-out;
              -moz-animation-direction: alternate;
              -moz-animation-delay: 0s; }
            #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41 > div.is-success p:after, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 > div.is-success p:after, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 > div.is-success p:after {
              background: url("../images/stepCheck_on@2x.png") no-repeat 0/cover; }
        #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 {
          position: relative; }
          #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41:after, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42:after {
            content: '';
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0.769vw 0 0.769vw 1.076vw;
            border-color: transparent transparent transparent #b10011;
            top: 50%;
            transform: translateY(-50%);
            right: -1.23vw;
            z-index: 2; }
        #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper44 {
          width: 12.9vw; }
          #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper44 input {
            opacity: 1;
            appearance: none;
            -webkit-appearance: none;
            font-family: "Noto Serif JP", sans-serif;
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 30px;
            border: 2px solid #e6e6e6;
            background: #b10011;
            background: linear-gradient(90deg, #b10011 0%, #820011 100%);
            color: #fff;
            line-height: 1.0;
            text-align: center;
            font-weight: 500;
            padding: 0.76vw 0;
            font-size: 1.46vw;
            letter-spacing: -0.04em;
            box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.3); }
            #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper44 input:disabled {
              background: #898989;
              color: #e6e6e6; }

@media screen and (max-width: 767px) {
  .top article .cmn-title {
    padding-bottom: 4.8vw; }
    .top article .cmn-title:after {
      width: 4.66vw; }
    .top article .cmn-title h2 {
      margin-top: 3.73vw;
      font-size: 3.73vw; }
  .top article .main {
    height: 112.66vw;
    background: url("../images/img-main-back_sp.jpg") no-repeat center/cover; }
    .top article .main--title {
      width: 100%; }
      .top article .main--title--img {
        width: 69.86vw;
        margin: 0 auto; }
      .top article .main--title h1 {
        margin-top: 2.4vw;
        font-size: 4.4vw;
        line-height: 1.8; }
    .top article .main--line {
      padding: 3.2vw 0;
      line-height: 1.6;
      font-size: 4vw;
      bottom: -5.33vw; }
  .top article .search {
    padding: 19.6vw 0 15.73vw; }
    .top article .search .cmn-title .en {
      width: 34.4vw; }
    .top article .search--inner {
      width: 90.66vw;
      margin: 4vw auto 0; }
      .top article .search--inner--block--title .en {
        margin-right: 2vw; }
      .top article .search--inner--block--title h3 {
        margin-top: 1.5vw;
        font-size: 3.2vw; }
      .top article .search--inner--block--wrap {
        margin-top: 2.076923vw;
        display: block; }
        .top article .search--inner--block--wrap--box {
          width: 100%; }
          .top article .search--inner--block--wrap--box a:after {
            border-width: 8px 0 8px 14px;
            right: 2.3vw; }
          .top article .search--inner--block--wrap--box a .img {
            width: 35.6vw; }
          .top article .search--inner--block--wrap--box a .texts {
            width: 55.06vw;
            padding-left: 4.66vw; }
            .top article .search--inner--block--wrap--box a .texts h4 {
              font-size: 3.73vw; }
          .top article .search--inner--block--wrap--box a:after {
            border-width: 1.466vw 0 1.466vw 2.66vw;
            right: 5.33vw; }
          .top article .search--inner--block--wrap--box a:hover:after {
            margin-right: 0; }
          .top article .search--inner--block--wrap--box:nth-of-type(n+2), .top article .search--inner--block--wrap--box:nth-of-type(n+3) {
            margin-top: 4.26vw; }
          .top article .search--inner--block--wrap--box.long {
            width: 100%; }
            .top article .search--inner--block--wrap--box.long a .texts {
              width: 55.06vw; }
      .top article .search--inner--block:nth-of-type(1) .search--inner--block--title .en {
        width: 29.06vw; }
      .top article .search--inner--block:nth-of-type(2) {
        margin-top: 12.6vw; }
        .top article .search--inner--block:nth-of-type(2) .search--inner--block--title .en {
          width: 42.4vw; }
  .top article .collection {
    background: url("../images/img-correction-back_sp.jpg") no-repeat center/cover;
    padding: 15.2vw 0 14.26vw; }
    .top article .collection .cmn-title .en {
      width: 55.73vw; }
    .top article .collection--slides {
      margin-top: 6.93vw; }
      .top article .collection--slides--box {
        width: 50%; }
        .top article .collection--slides--box a .texts {
          height: 16.933vw; }
          .top article .collection--slides--box a .texts:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            border-left: 1px solid #002484;
            height: 80%;
            top: 10%; }
          .top article .collection--slides--box a .texts h3 {
            font-size: 3.73vw; }
        .top article .collection--slides--box:nth-of-type(odd) a .texts:before {
          display: none; }
    .top article .collection--btn {
      width: 85.86vw;
      margin: 9.73vw auto 0; }
      .top article .collection--btn a {
        border-radius: 60px;
        padding: 3.33vw 0;
        font-size: 4vw; }
        .top article .collection--btn a:after {
          border-width: 1.06vw 0 1.06vw 2.13vw;
          right: 4.06vw; }
        .top article .collection--btn a:hover:after {
          margin-right: 0; }
  .top article .solution {
    padding: 15.46vw 0 12vw; }
    .top article .solution .cmn-title .en {
      width: 44.4vw; }
    .top article .solution--inner {
      width: 90.66vw;
      margin: 6.4vw auto 0; }
      .top article .solution--inner--wrap {
        display: block; }
        .top article .solution--inner--wrap--box {
          width: 100%; }
          .top article .solution--inner--wrap--box .img {
            width: 74.266vw;
            margin: 0 auto; }
          .top article .solution--inner--wrap--box h3 {
            margin-top: 1.86vw;
            font-size: 6.4vw; }
          .top article .solution--inner--wrap--box h4 {
            margin-top: 2.93vw;
            font-size: 5.06vw;
            line-height: 1.4;
            min-height: inherit;
            display: block; }
          .top article .solution--inner--wrap--box p {
            line-height: 1.8; }
            .top article .solution--inner--wrap--box p.upper {
              margin: 4vw auto 0;
              font-size: 3.73vw; }
            .top article .solution--inner--wrap--box p.under {
              width: 84.26vw;
              margin: 2vw auto 0;
              font-size: 3.46vw; }
          .top article .solution--inner--wrap--box:nth-of-type(-n+3) {
            border-bottom: none;
            padding-bottom: 0; }
          .top article .solution--inner--wrap--box:nth-of-type(n+4) {
            padding-top: 8.53vw; }
            .top article .solution--inner--wrap--box:nth-of-type(n+4) .img {
              display: block;
              height: inherit; }
          .top article .solution--inner--wrap--box:nth-of-type(2) .img {
            margin: 0 auto; }
          .top article .solution--inner--wrap--box:nth-of-type(3) .img {
            margin: 0 auto; }
          .top article .solution--inner--wrap--box:nth-of-type(4) .img {
            margin: 0 auto;
            width: 55.86vw; }
            .top article .solution--inner--wrap--box:nth-of-type(4) .img img {
              width: 100%; }
          .top article .solution--inner--wrap--box:nth-of-type(5) .img {
            margin: 0 auto;
            width: 61.86vw; }
            .top article .solution--inner--wrap--box:nth-of-type(5) .img img {
              width: 100%; }
          .top article .solution--inner--wrap--box:nth-of-type(6) {
            margin: 0 auto;
            width: 100%; }
            .top article .solution--inner--wrap--box:nth-of-type(6) .img img {
              width: 100%; }
          .top article .solution--inner--wrap--box:nth-of-type(1), .top article .solution--inner--wrap--box:nth-of-type(4) {
            padding-right: 0;
            border-right: none; }
          .top article .solution--inner--wrap--box:nth-of-type(2), .top article .solution--inner--wrap--box:nth-of-type(5) {
            padding-right: 0;
            padding-left: 0; }
          .top article .solution--inner--wrap--box:nth-of-type(3), .top article .solution--inner--wrap--box:nth-of-type(6) {
            padding-left: 0;
            border-left: none; }
          .top article .solution--inner--wrap--box:nth-of-type(n+2) {
            margin-top: 6vw;
            padding-top: 8.66vw;
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
      .top article .solution--inner small {
        margin: 4.4vw auto 0;
        width: 85.33vw;
        line-height: 1.6;
        font-size: 2.66vw; }
  .top article .satei {
    background: url("../images/img-solution-back_sp.jpg") no-repeat center/cover;
    padding: 14.66vw 0 34.66vw; }
    .top article .satei--inner {
      width: 85.33vw; }
      .top article .satei--inner--wrap {
        padding: 4.26vw 3.73vw; }
        .top article .satei--inner--wrap h2 {
          height: 15.06vw;
          font-size: 3.86vw;
          line-height: 1.4; }
          .top article .satei--inner--wrap h2:before {
            border-width: 7.6vw 0 7.6vw 4.26vw; }
          .top article .satei--inner--wrap h2:after {
            border-width: 7.6vw 4.26vw 7.6vw 0; }
        .top article .satei--inner--wrap .select-wrapper {
          margin-top: 3.33vw; }
          .top article .satei--inner--wrap .select-wrapper .select_base {
            display: block; }
            .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 {
              width: 100%; }
              .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div {
                padding-top: 0; }
                .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div .stepTitle, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div .stepTitle, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div .stepTitle {
                  position: static;
                  font-size: 4.13vw;
                  margin-bottom: 1.73vw; }
                  .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div .stepTitle + p, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div .stepTitle + p, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div .stepTitle + p {
                    font-size: 4vw;
                    width: 64vw;
                    padding: 2.66vw 4vw;
                    background: #fff url(../images/selectArrow.png) no-repeat 96% 50%; }
                    .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div .stepTitle + p:after, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div .stepTitle + p:after, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div .stepTitle + p:after {
                      width: 10.93vw;
                      height: 10.93vw;
                      right: -14vw; }
                .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11 > div .style-select, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 > div .style-select, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper13 > div .style-select {
                  margin-top: -12vw;
                  font-size: 4vw;
                  width: 64vw;
                  padding: 2.66vw 4vw;
                  background: #fff url(../images/selectArrow.png) no-repeat 96% 50%; }
            .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12 {
              margin-bottom: 6.4vw; }
              .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper11:after, .top article .satei--inner--wrap .select-wrapper .select_base #step-wrapper12:after {
                border-width: 2.933vw 2.133vw 0 2.133vw;
                border-color: #b10011 transparent transparent transparent;
                top: auto;
                right: auto;
                left: 50%;
                transform: translateX(-50%);
                bottom: -5.33vw; }
          .top article .satei--inner--wrap .select-wrapper .sateiButtonWrapper {
            bottom: -20.66vw;
            width: 85.86vw;
            margin: 4.615vw auto 0; }
            .top article .satei--inner--wrap .select-wrapper .sateiButtonWrapper input {
              border-radius: 60px;
              padding: 2.66vw 0;
              font-size: 6vw; }
              .top article .satei--inner--wrap .select-wrapper .sateiButtonWrapper input:disabled {
                background: #898989; }
        .top article .satei--inner--wrap:after {
          border-width: 2.933vw 2.133vw 0 2.133vw;
          bottom: -5.86vw; }
  .top article .backorder {
    padding: 12.93vw 0 8vw; }
    .top article .backorder .cmn-title .en {
      width: 56.4vw; }
    .top article .backorder--inner {
      margin: 1.33vw auto 0;
      width: 85.333vw; }
      .top article .backorder--inner .logo {
        width: 61.6vw;
        margin: 0 auto; }
      .top article .backorder--inner .lead {
        font-size: 3.46vw; }
      .top article .backorder--inner--image {
        width: 100%; }
        .top article .backorder--inner--image.img01 {
          margin: 6.13vw 0 0 0; }
        .top article .backorder--inner--image.img02 {
          margin: 6.66vw 0 0 auto; }
      .top article .backorder--inner .nomcomlogo {
        margin: 14.4vw auto 0;
        width: 76.8vw; }

  #floating {
    bottom: -54.3vw; }
    #floating #sateiSearch .section_inner, #floating #sateiFloat .section_inner {
      width: 100%;
      display: block; }
      #floating #sateiSearch .section_inner h3, #floating #sateiFloat .section_inner h3 {
        width: 100%;
        font-size: 3.2vw;
        padding: 1.6vw 0; }
        #floating #sateiSearch .section_inner h3 br, #floating #sateiFloat .section_inner h3 br {
          display: none; }
    #floating #sateiSearch .section_inner .satei-selectwrap {
      width: 100%;
      height: 9.33vw; }
      #floating #sateiSearch .section_inner .satei-selectwrap .btn a .icon {
        margin-right: 2.4vw; }
      #floating #sateiSearch .section_inner .satei-selectwrap .btn a p {
        font-size: 3.73vw; }
        #floating #sateiSearch .section_inner .satei-selectwrap .btn a p span {
          display: none; }
      #floating #sateiSearch .section_inner .satei-selectwrap .btn a:after {
        border-width: 1.33vw 0 1.33vw 1.86vw;
        right: 1.538vw; }
      #floating #sateiSearch .section_inner .satei-selectwrap .btn a:hover:after {
        margin-right: 0; }
      #floating #sateiSearch .section_inner .satei-selectwrap .btn.gold a .icon {
        width: 5.06vw; }
      #floating #sateiSearch .section_inner .satei-selectwrap .btn.red a .icon {
        width: 4vw; }
    #floating #sateiFloat .section_inner .select-wrapper {
      display: block; }
      #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 4.26vw 2vw; }
        #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 {
          width: 44vw;
          margin-right: 0; }
          #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41 > div p, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 > div p, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 > div p {
            font-size: 3.46vw;
            width: 37.73vw;
            padding: 1.2vw 1.73vw;
            background: #fff url(../images/selectArrow.png) no-repeat 96% 50%; }
            #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41 > div p:after, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 > div p:after, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 > div p:after {
              width: 4.93vw;
              height: 4.93vw;
              right: -7.5vw; }
          #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41 > div .style-select, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42 > div .style-select, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper43 > div .style-select {
            margin-top: -3.7vw;
            font-size: 3.46vw;
            width: 37.73vw;
            padding: 1.2vw 1.73vw;
            background: #fff url(../images/selectArrow.png) no-repeat 96% 50%; }
        #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper41:after, #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper42:after {
          display: none; }
        #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper44 {
          width: 44vw;
          position: relative;
          top: -3vw; }
          #floating #sateiFloat .section_inner .select-wrapper .satei-selectwrap #step-wrapper44 input {
            border-radius: 30px;
            padding: 1.2vw 0;
            font-size: 3.73vw; } }