@charset "UTF-8";
/*@font-face {
  font-family: "Aileron";
  src: url('../font/Aileron-UltraLight.woff');
}*/
/*---------------------------------------------------*/
/*       .ブラウザ型オンライン接客システム                */
/*---------------------------------------------------*/
.main_title.service_online .main_title_inner
.title_text
span {
  font-weight: bold;
  letter-spacing: 0.3em;
  margin: 17px 0 10px;
  display: inline-block;
  font-size: 1.6rem; }
.main_title.service_online b {
  padding-left: 1em; }

.online_sys_mv {
  width: 40%; }
  .online_sys_mv img {
    max-width: 100%;
    height: auto; }

.online_sys_dtl01 {
  width: 56%;
  margin-left: 4%;
  font-size: 1.8rem; }
  .online_sys_dtl01 h2 {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.6;
    color: #0F53A4;
    margin-bottom: 25px; }
  .online_sys_dtl01 strong {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2; }
  .online_sys_dtl01 .mini_ttl {
    margin: 20px 0; }
    .online_sys_dtl01 .mini_ttl span {
      padding: 0 0.5em; }
  .online_sys_dtl01 .main_function {
    display: flex;
    max-width: 500px;
    justify-content: space-between;
    margin: 20px 0; }
    .online_sys_dtl01 .main_function li {
      position: relative;
      padding-top: 90px;
      text-align: center;
      color: #0F53A4;
      font-size: 1.6rem; }
      .online_sys_dtl01 .main_function li::before {
        content: "";
        background: #e4e4e4;
        border-radius: 50px;
        width: 80px;
        height: 80px;
        display: inline-block;
        top: 0;
        position: absolute;
        left: 50%;
        transform: translate(-50%); }
      .online_sys_dtl01 .main_function li:first-child::after {
        content: "";
        background: url("/img/online_system/icon01.png") no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        top: 20%;
        position: absolute;
        left: 50%;
        transform: translate(-50%); }
      .online_sys_dtl01 .main_function li:nth-child(2)::after {
        content: "";
        background: url("/img/online_system/icon02.png") no-repeat;
        background-size: contain;
        width: 50px;
        height: 51px;
        top: 11%;
        position: absolute;
        left: 50%;
        transform: translate(-50%); }
      .online_sys_dtl01 .main_function li:nth-child(3)::after {
        content: "";
        background: url("/img/online_system/icon03.png") no-repeat;
        background-size: contain;
        width: 48px;
        height: 48px;
        top: 21%;
        position: absolute;
        left: 50%;
        transform: translate(-50%); }
      .online_sys_dtl01 .main_function li:nth-child(4)::after {
        content: "";
        background: url("/img/online_system/icon04.png") no-repeat;
        background-size: contain;
        width: 58px;
        height: 58px;
        top: 17%;
        position: absolute;
        left: 50%;
        transform: translate(-50%); }

.content .inner_contents p.txt_other, .content .inner_contents p.mini_ttl {
  font-size: 1.8rem; }

.white_bg {
  background-color: #fff;
  text-align: center;
  margin: 0;
  padding: 70px 0;
  display: flex;
  flex-direction: column; }
  .white_bg div {
    display: flex;
    justify-content: center; }
    .white_bg div ul {
      text-align: left; }
      .white_bg div ul li:before {
        content: "・"; }
      .white_bg div ul li {
        line-height: 2.2;
        font-size: 2rem; }

.mutter, .content .inner_contents p.support {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.4; }

.wrap_blue {
  overflow: hidden;
  background: #fff; }
  .wrap_blue .blue_bg {
    background: #0F53A4;
    border-top-right-radius: 2000px 300px;
    border-top-left-radius: 2000px 300px;
    margin-left: -200px;
    margin-right: -200px;
    padding-left: 200px;
    padding-right: 200px;
    position: relative;
    padding: 65px 0 1px; }
    .wrap_blue .blue_bg::before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 22px 22.5px 0 22.5px;
      border-color: #ffffff transparent transparent transparent;
      top: 0;
      position: absolute;
      left: 50%;
      transform: translate(-50%); }
    .wrap_blue .blue_bg h2 {
      color: #FFED91;
      font-size: 5rem;
      margin-bottom: 45px;
      text-align: center;
      font-weight: bold;
      line-height: 1.4; }
    .wrap_blue .blue_bg .sys_info {
      display: flex;
      justify-content: space-between; }
      .wrap_blue .blue_bg .sys_info > li {
        width: 30%; }
        .wrap_blue .blue_bg .sys_info > li > ul > li {
          position: relative;
          color: #fff;
          text-align: center;
          font-size: 3rem;
          font-weight: bold; }
          .wrap_blue .blue_bg .sys_info > li > ul > li + li {
            font-size: 1.6rem;
            text-align: left;
            margin-top: 30px;
            line-height: 1.6;
            font-weight: normal; }
          .wrap_blue .blue_bg .sys_info > li > ul > li:first-child {
            padding-top: 215px; }
            .wrap_blue .blue_bg .sys_info > li > ul > li:first-child::before {
              content: "";
              background: url("/img/online_system/icon05.png") no-repeat #fff center;
              width: 185px;
              height: 185px;
              display: inline-block;
              border-radius: 100px;
              top: 0;
              position: absolute;
              left: 50%;
              transform: translate(-50%); }
      .wrap_blue .blue_bg .sys_info > li:nth-child(2) > ul > li:first-child::before {
        content: "";
        background: url("/img/online_system/icon06.png") no-repeat #fff center; }
      .wrap_blue .blue_bg .sys_info > li:nth-child(3) > ul > li:first-child::before {
        content: "";
        background: url("/img/online_system/icon07.png") no-repeat #fff center; }

.online_sys h3 {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 2.5;
  border-bottom: 1px solid #0F53A4;
  margin-bottom: 40px; }
.online_sys ul {
  display: flex;
  margin: 0 auto 70px; }
  .online_sys ul.list_tr {
    justify-content: space-between;
    max-width: 1100px; }
    .online_sys ul.list_tr > li {
      font-weight: bold;
      font-size: 2rem;
      position: relative;
      padding-top: 90px;
      width: 30%;
      text-align: center; }
      .online_sys ul.list_tr > li:first-child::before {
        content: "";
        background: url("/img/online_system/icon08.png") no-repeat;
        background-size: contain;
        width: 144px;
        height: 144px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 0; }
      .online_sys ul.list_tr > li:nth-child(2)::before {
        content: "";
        background: url("/img/online_system/icon09.png") no-repeat;
        background-size: contain;
        width: 70px;
        height: 70px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 0; }
      .online_sys ul.list_tr > li:last-child::before {
        content: "";
        background: url("/img/online_system/icon10.png") no-repeat;
        background-size: contain;
        width: 99px;
        height: 99px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 0; }
  .online_sys ul.list_img {
    justify-content: space-between; }
    .online_sys ul.list_img li {
      width: 30%;
      font-weight: bold; }
      .online_sys ul.list_img li img {
        width: 100%;
        height: auto; }
      .online_sys ul.list_img li figcaption {
        text-align: center;
        font-size: 2rem;
        margin-top: 10px; }
  .online_sys ul.list_scene {
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 70px 0 0; }
    .online_sys ul.list_scene > li {
      width: 31%; }
      .online_sys ul.list_scene > li > ul {
        display: flex;
        flex-direction: column; }
        .online_sys ul.list_scene > li > ul > li {
          position: relative;
          padding-top: 100px;
          margin: 0 auto; }
          .online_sys ul.list_scene > li > ul > li::before {
            content: "";
            background: url("/img/online_system/icon11.png") no-repeat;
            background-size: contain;
            width: 106px;
            height: 106px;
            display: inline-block;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            top: 0; }
          .online_sys ul.list_scene > li > ul > li span {
            display: block;
            text-align: center; }
            .online_sys ul.list_scene > li > ul > li span:first-child {
              font-weight: bold;
              font-size: 1.8rem; }
            .online_sys ul.list_scene > li > ul > li span:last-child {
              font-weight: normal;
              margin: 10px 0;
              font-size: 1.6rem;
              display: block; }
      .online_sys ul.list_scene > li:nth-child(2) > ul > li::before {
        content: "";
        background: url("/img/online_system/icon12.png") no-repeat;
        background-size: contain;
        width: 96px;
        height: 96px;
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 0; }
      .online_sys ul.list_scene > li:nth-child(3) > ul > li::before {
        content: "";
        background: url("/img/online_system/icon13.png") no-repeat;
        background-size: contain;
        width: 82px;
        height: 82px;
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 0; }
      .online_sys ul.list_scene > li:nth-child(4) > ul > li::before {
        content: "";
        background: url("/img/online_system/icon14.png") no-repeat;
        background-size: contain;
        width: 115px;
        height: 115px;
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 0; }
      .online_sys ul.list_scene > li:nth-child(5) > ul > li::before {
        content: "";
        background: url("/img/online_system/icon15.png") no-repeat;
        background-size: contain;
        width: 86px;
        height: 86px;
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 0; }
      .online_sys ul.list_scene > li:nth-child(6) > ul > li::before {
        content: "";
        background: url("/img/online_system/icon16.png") no-repeat;
        background-size: contain;
        width: 91px;
        height: 91px;
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 0; }
  .online_sys ul.list_flow {
    margin-top: 85px; }
    .online_sys ul.list_flow > li {
      width: 257px;
      height: 241.066px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .online_sys ul.list_flow > li span {
        font-size: 2.2rem;
        color: #fff;
        line-height: 1;
        margin-left: -10px; }
        .online_sys ul.list_flow > li span:first-child {
          font-size: 4.4rem;
          margin: -15px 0 10px -10px; }
      .online_sys ul.list_flow > li:first-child {
        background: url("/img/online_system/bg_flow01.png") no-repeat;
        background-size: 257px 241.066px;
        position: relative;
        z-index: 5; }
        .online_sys ul.list_flow > li:first-child span {
          color: #0F53A4; }
      .online_sys ul.list_flow > li:nth-child(2) {
        background: url("/img/online_system/bg_flow02.png") no-repeat;
        background-size: 257px 241.066px;
        position: absolute;
        z-index: 4;
        margin-left: 239.01px; }
      .online_sys ul.list_flow > li:nth-child(3) {
        background: url("/img/online_system/bg_flow03.png") no-repeat;
        background-size: 257px 241.066px;
        position: absolute;
        z-index: 3;
        margin-left: 478.02px; }
      .online_sys ul.list_flow > li:nth-child(4) {
        background: url("/img/online_system/bg_flow04.png") no-repeat;
        background-size: 257px 241.066px;
        position: absolute;
        z-index: 2;
        margin-left: 717.03px; }
      .online_sys ul.list_flow > li:nth-child(5) {
        background: url("/img/online_system/bg_flow05.png") no-repeat;
        background-size: 241.066px 241.066px;
        position: absolute;
        z-index: 1;
        width: 241.066px;
        height: 241.066px;
        margin-left: 956.04px; }
        .online_sys ul.list_flow > li:nth-child(5) span {
          margin-left: 0; }
    .online_sys ul.list_flow + .support {
      max-width: 940px;
      margin: 0 auto;
      line-height: 2;
      font-size: 3rem; }

/* IE */
_:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(2) {
  margin-left: -20px; }

_:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(3) {
  margin-left: 219.01px; }

_:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(4) {
  margin-left: 458.02px; }

_:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(5) {
  margin-left: 697.03px; }

.exp {
  background: #0F53A4;
  padding-bottom: 20px; }
  .exp .inner_contents h2 {
    color: #fff;
    text-align: center;
    font-size: 3.6rem;
    padding: 70px 0 0;
    line-height: 1.4;
    font-weight: normal; }
  .exp .inner_contents .exp_btn {
    display: flex;
    justify-content: space-between; }
    .exp .inner_contents .exp_btn li {
      width: 49%;
      height: 164px; }
      .exp .inner_contents .exp_btn li a {
        border-radius: 15px;
        display: flex;
        align-items: center;
        position: relative;
        padding: 15px; }
        .exp .inner_contents .exp_btn li a img {
          margin: 0 5% 0 2%;
          max-width: 118px;
          height: auto; }
        .exp .inner_contents .exp_btn li a .exp_info {
          line-height: 1.6;
          color: #333; }
          .exp .inner_contents .exp_btn li a .exp_info span {
            display: block; }
            .exp .inner_contents .exp_btn li a .exp_info span:first-child {
              font-size: 3.4rem;
              font-weight: bold; }
            .exp .inner_contents .exp_btn li a .exp_info span:last-child {
              font-size: 2rem; }
        .exp .inner_contents .exp_btn li a::after {
          content: "";
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          border-color: #333;
          border-width: 2px;
          position: absolute;
          right: 30px;
          top: 45%;
          width: 15px;
          height: 15px; }
        .exp .inner_contents .exp_btn li a:hover {
          opacity: 0.9; }
          .exp .inner_contents .exp_btn li a:hover::after {
            right: 20px;
            transition: all .3s; }
      .exp .inner_contents .exp_btn li:first-child a {
        background: #FFE668; }
      .exp .inner_contents .exp_btn li:last-child a {
        background: #FFE668; }
  .exp .inner_contents > p {
    color: #fff;
    margin: 20px auto 0;
    text-align: center; }

/*-------1200px以下-----------------*/
@media screen and (max-width: 1200px) {
  .online_sys ul.list_flow > li {
    width: 20vw;
    height: 18.76vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .online_sys ul.list_flow > li:first-child {
      background-size: 20vw 18.76vw; }
    .online_sys ul.list_flow > li:nth-child(2) {
      background-size: 20vw 18.76vw;
      margin-left: 18.6vw; }
    .online_sys ul.list_flow > li:nth-child(3) {
      background-size: 20vw 18.76vw;
      margin-left: 37.2vw; }
    .online_sys ul.list_flow > li:nth-child(4) {
      background-size: 20vw 18.76vw;
      margin-left: 55.8vw; }
    .online_sys ul.list_flow > li:nth-child(5) {
      background-size: 18.76vw 18.76vw;
      width: 18.76vw;
      height: 18.76vw;
      margin-left: 74.4vw; }

  /* IE */
  _:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(2) {
    margin-left: -0.7vw; }

  _:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(3) {
    margin-left: 17.9vw; }

  _:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(4) {
    margin-left: 36.5vw; }

  _:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(5) {
    margin-left: 55.1vw; }

  .blue_bg .inner_contents {
    width: 100vw; }

  .blue_bg .exp .inner_contents {
    width: 100%; }
    .blue_bg .exp .inner_contents .exp_btn {
      flex-direction: column;
      align-items: center; }
      .blue_bg .exp .inner_contents .exp_btn li {
        width: 80%; } }
/*-------1024px以下-----------------*/
@media screen and (max-width: 1023px) {
  .online_sys_mv {
    width: 100%;
    text-align: center; }

  .online_sys_dtl01 {
    width: 100%;
    margin-left: 0; }
    .online_sys_dtl01 h2 {
      text-align: center; }
    .online_sys_dtl01 .main_function {
      margin: 20px auto; }
    .online_sys_dtl01 .txt_other {
      text-align: center; } }
/*-------768px以下-----------------*/
@media screen and (max-width: 767px) {
  .main_title.service_online .main_title_inner .title_text h1 {
    font-size: 2.4rem; }
  .main_title.service_online .main_title_inner .title_text span {
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 19px 0 15px; }
  .main_title.service_online .main_title_inner .title_text b {
    padding-left: 0;
    display: block;
    margin-top: 3px; }

  .online_sys_mv img {
    max-width: 230px;
    height: auto; }

  .content .inner_contents p.mini_ttl {
    font-weight: bold;
    text-align: center; }

  .content .inner_contents p.txt_other {
    font-weight: bold;
    text-align: left; }

  .online_sys_dtl01 h2 {
    font-size: 2.7rem; }
  .online_sys_dtl01 strong {
    font-weight: normal;
    font-size: 1.6rem; }

  .main_function {
    flex-wrap: wrap; }
    .main_function li {
      width: 48%;
      font-weight: bold; }
      .main_function li:nth-child(-n+2) {
        margin-bottom: 30px; }

  .white_bg {
    padding: 40px 25px 60px; }

  .white_bg div > ul > li {
    font-size: 1.4rem; }

  .mutter, .content .inner_contents p.support {
    font-size: 2.2rem;
    text-align: left;
    line-height: 1.8;
    margin-bottom: 10px; }

  .wrap_blue .blue_bg {
    padding: 24px 0 1px; }
    .wrap_blue .blue_bg h2 {
      font-size: 2.4rem;
      margin-bottom: 25px; }
    .wrap_blue .blue_bg .sys_info {
      display: block; }
      .wrap_blue .blue_bg .sys_info > li {
        width: 100%;
        margin-bottom: 50px; }
        .wrap_blue .blue_bg .sys_info > li > ul > li {
          width: 100%; }
          .wrap_blue .blue_bg .sys_info > li > ul > li + li {
            padding: 0 20px;
            font-size: 1.4rem;
            line-height: 1.8; }
          .wrap_blue .blue_bg .sys_info > li > ul > li:first-child {
            padding: 32px 0 0 120px;
            text-align: left;
            font-size: 2rem;
            margin-bottom: 50px; }
            .wrap_blue .blue_bg .sys_info > li > ul > li:first-child::before {
              content: "";
              background-size: 55px auto;
              width: 85.5px;
              height: 85.5px;
              display: inline-block;
              border-radius: 100px;
              top: 0;
              position: absolute;
              left: 50px; }
      .wrap_blue .blue_bg .sys_info > li:nth-child(2) > ul > li:first-child::before {
        background-size: 42px auto; }
      .wrap_blue .blue_bg .sys_info > li:nth-child(3) > ul > li:first-child::before {
        background-size: 43px auto; }

  .online_sys h3 {
    font-size: 2rem; }
  .online_sys ul {
    display: block; }
    .online_sys ul li {
      width: 100%; }
    .online_sys ul.list_tr > li {
      width: 100%;
      text-align: center;
      margin-bottom: 50px; }
    .online_sys ul.list_img > li {
      width: 100%;
      text-align: center;
      margin-bottom: 50px; }
    .online_sys ul.list_scene > li {
      width: 100%; }
      .online_sys ul.list_scene > li > ul > li, .online_sys ul.list_scene > li > ul > li:nth-child(n+1) {
        padding: 0 20px 0 115px; }
        .online_sys ul.list_scene > li > ul > li::before, .online_sys ul.list_scene > li > ul > li:nth-child(n+1)::before {
          left: 50px;
          width: 70px; }
        .online_sys ul.list_scene > li > ul > li > span, .online_sys ul.list_scene > li > ul > li:nth-child(n+1) > span {
          text-align: left;
          font-size: 1.4rem; }
          .online_sys ul.list_scene > li > ul > li > span:last-child, .online_sys ul.list_scene > li > ul > li:nth-child(n+1) > span:last-child {
            font-size: 1.2rem;
            line-height: 1.8;
            margin: 5px 0; }
    .online_sys ul.list_scene > li:nth-child(4) > ul > li::before {
      width: 80px; }
    .online_sys ul.list_scene > li:nth-child(3) > ul > li::before {
      width: 65px; }
    .online_sys ul.list_scene > li:nth-child(-n+3) > ul > li::before {
      top: 5px; }

  .online_sys ul.list_flow {
    display: flex;
    justify-content: center;
    height: 1026px;
    margin-top: 60px; }
    .online_sys ul.list_flow > li {
      width: 228px;
      height: 213.864px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .online_sys ul.list_flow > li:not(:last-child) span {
        transform: rotate(-90deg); }
        .online_sys ul.list_flow > li:not(:last-child) span:first-child {
          position: absolute;
          left: 70px;
          bottom: 78px;
          font-size: 3.8rem; }
        .online_sys ul.list_flow > li:not(:last-child) span:last-child {
          margin-left: 30px; }
      .online_sys ul.list_flow > li:first-child {
        background-size: 228px 213.864px;
        transform: rotate(90deg); }
      .online_sys ul.list_flow > li:nth-child(2) {
        background-size: 228px 213.864px;
        margin-left: inherit;
        transform: rotate(90deg) translateX(212.04px); }
      .online_sys ul.list_flow > li:nth-child(3) {
        background-size: 228px 213.864px;
        margin-left: inherit;
        transform: rotate(90deg) translateX(424.08px); }
      .online_sys ul.list_flow > li:nth-child(4) {
        background-size: 228px 213.864px;
        margin-left: inherit;
        transform: rotate(90deg) translateX(636.12px); }
      .online_sys ul.list_flow > li:nth-child(5) {
        background-size: 213.864px 213.864px;
        width: 213.864px;
        height: 213.864px;
        margin-left: inherit;
        margin-top: 836.76px; }
        .online_sys ul.list_flow > li:nth-child(5) span :first-child {
          font-size: 3.8rem; }
    .online_sys ul.list_flow + .support {
      margin: 0 20px;
      font-size: 2rem; }

  /* IE */
  _:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(2) {
    margin-left: -228px; }

  _:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(3) {
    margin-left: -228px; }

  _:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(4) {
    margin-left: -228px; }

  _:-ms-lang(x)::-ms-backdrop, .online_sys ul.list_flow > li:nth-child(5) {
    margin-left: -228px; }

  .content .exp {
    padding-bottom: 0; }
    .content .exp .inner_contents {
      padding: 0; }
      .content .exp .inner_contents h2 {
        font-size: 3rem;
        padding: 20px 0 0; }
      .content .exp .inner_contents .exp_btn li {
        width: 100%;
        height: auto;
        margin-bottom: 15px; }
        .content .exp .inner_contents .exp_btn li a {
          border-radius: 10px; }
          .content .exp .inner_contents .exp_btn li a img {
            display: none; }
          .content .exp .inner_contents .exp_btn li a .exp_info {
            margin: 0 auto; }
            .content .exp .inner_contents .exp_btn li a .exp_info span {
              text-align: center; }
              .content .exp .inner_contents .exp_btn li a .exp_info span:first-child {
                font-size: 2rem; }
              .content .exp .inner_contents .exp_btn li a .exp_info span:last-child {
                font-size: 1.4rem; }
          .content .exp .inner_contents .exp_btn li a::after {
            width: 11px;
            height: 11px;
            top: 42%;
            right: 20px; } }
/*-------320px以下-----------------*/