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

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

.btn, .btn-primary, .btn-white, .btn-back, .btn-success, .btn-danger {
  padding: 20px;
  display: inline-block;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  min-width: 100px;
  line-height: 1;
  text-decoration: none; }
  .btn:disabled, .btn-primary:disabled, .btn-white:disabled, .btn-back:disabled, .btn-success:disabled, .btn-danger:disabled {
    -webkit-box-shadow: 0 8px 0 0 #6b6b6b;
            box-shadow: 0 8px 0 0 #6b6b6b;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #9e9e9e; }
    .btn:disabled:hover, .btn-primary:disabled:hover, .btn-white:disabled:hover, .btn-back:disabled:hover, .btn-success:disabled:hover, .btn-danger:disabled:hover {
      background: #8a8a8a; }
    .btn:disabled:hover, .btn-primary:disabled:hover, .btn-white:disabled:hover, .btn-back:disabled:hover, .btn-success:disabled:hover, .btn-danger:disabled:hover {
      color: #d1d1d1; }

.btn {
  color: #FFFFFF;
  border-radius: 5px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #373737; }
  .btn:hover {
    background: #232323; }
  .btn:hover {
    color: #FFFFFF; }

.btn-primary {
  color: #FFFFFF;
  -webkit-box-shadow: 0 8px 0 0 #286191;
          box-shadow: 0 8px 0 0 #286191;
  border-radius: 5px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #5095cf; }
  .btn-primary:hover {
    background: #3581c1; }
  .btn-primary:hover {
    color: #FFFFFF; }

.btn-white {
  color: #373737;
  -webkit-box-shadow: 0 8px 0 0 #cccccc;
          box-shadow: 0 8px 0 0 #cccccc;
  font-size: 18px;
  border-radius: 5px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: white; }
  .btn-white:hover {
    background: #ebebeb; }
  .btn-white:hover {
    color: #373737; }

.btn-back {
  color: #FFFFFF;
  -webkit-box-shadow: 0 8px 0 0 #6b6b6b;
          box-shadow: 0 8px 0 0 #6b6b6b;
  font-size: 18px;
  margin: 8px 0 0 0;
  width: 90%;
  height: 62px;
  border-radius: 5px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #9e9e9e; }
  .btn-back:hover {
    background: #8a8a8a; }
  .btn-back:hover {
    color: #FFFFFF; }
  .btn-back i {
    font-size: 24px;
    padding: 0 8px 0 0; }

.btn-success {
  color: #FFFFFF;
  border-radius: 5px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #41ac59; }
  .btn-success:hover {
    background: #368e4a; }
  .btn-success:hover {
    color: #FFFFFF; }

.btn-danger {
  color: #FFFFFF;
  border-radius: 5px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #c35252; }
  .btn-danger:hover {
    background: #af3d3d; }
  .btn-danger:hover {
    color: #FFFFFF; }

.btn-mod-large {
  width: 100%;
  font-size: 16px; }

.btn-mod-large01 {
  width: 100%;
  font-size: 18px; }

.btn-mod-small {
  font-size: 10px;
  padding: 10px 20px;
  min-width: inherit; }

.btn-mod-flex {
  width: 100%; }

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6, .markdown blockquote, .markdown p, .markdown ol, .markdown ul, .markdown pre {
  margin-bottom: 20px; }

.markdown ol, .markdown ul {
  margin-left: 20px; }

.markdown h1 {
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1.28571; }

.markdown h2 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.44; }

.markdown h3 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6; }

.markdown h4 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75; }

.markdown h5 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71429; }

.markdown h6 {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.66667; }

.markdown blockquote {
  border-left: 4px solid #c2c2c2;
  padding-left: 10px; }
  .markdown blockquote p:last-child {
    margin-bottom: 0; }

.markdown p code {
  background: #f7f7f7;
  padding: 0px 4px;
  margin: 0 2px;
  border-radius: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  border: 1px solid #9e9e9e; }

.markdown p small {
  font-size: 10px;
  font-size: 1rem;
  line-height: 2.4; }

.markdown p em {
  font-style: oblique; }

.markdown ol {
  list-style: decimal; }

.markdown ul {
  list-style: disc; }

.markdown li {
  margin-bottom: 3px; }
  .markdown li:last-child {
    margin-bottom: 0; }

.markdown pre {
  background: #373737;
  padding: 20px;
  max-height: 300px;
  overflow: auto;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2; }
  .markdown pre code {
    color: #FFFFFF; }

.bar {
  padding: 20px;
  display: inline-block;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  min-width: 100px;
  line-height: 0; }

.box {
  padding: 20px; }

.box-border {
  padding: 20px;
  border: 2px solid #373737; }

.list {
  margin-bottom: 10px; }
  .list:last-child {
    margin-bottom: 0; }

.c-white-bg {
  background: #FFFFFF;
  color: #373737; }

.c-white-text {
  color: #FFFFFF; }

.c-white-border {
  border-color: #FFFFFF; }

.c-black-bg {
  background: #373737;
  color: #FFFFFF; }

.c-black-text {
  color: #373737; }

.c-black-border {
  border-color: #373737; }

.c-glay-bg {
  background: #9e9e9e;
  color: #FFFFFF; }

.c-glay-text {
  color: #9e9e9e; }

.c-glay-border {
  border-color: #9e9e9e; }

.c-glay_l-bg {
  background: #c2c2c2;
  color: #FFFFFF; }

.c-glay_l-text {
  color: #c2c2c2; }

.c-glay_l-border {
  border-color: #c2c2c2; }

.c-glay_sl-bg {
  background: #f1f1f1;
  color: #373737; }

.c-glay_sl-text {
  color: #f1f1f1; }

.c-glay_sl-border {
  border-color: #f1f1f1; }

.c-glay_d-bg {
  background: #6f6f6f;
  color: #FFFFFF; }

.c-glay_d-text {
  color: #6f6f6f; }

.c-glay_d-border {
  border-color: #6f6f6f; }

.c-glay_sd-bg {
  background: #454545;
  color: #FFFFFF; }

.c-glay_sd-text {
  color: #454545; }

.c-glay_sd-border {
  border-color: #454545; }

.c-pink-bg {
  background: #edafaf;
  color: #373737; }

.c-pink-text {
  color: #edafaf; }

.c-pink-border {
  border-color: #edafaf; }

.c-magenta-bg {
  background: #ee62a9;
  color: #FFFFFF; }

.c-magenta-text {
  color: #ee62a9; }

.c-magenta-border {
  border-color: #ee62a9; }

.c-red-bg {
  background: #c35252;
  color: #FFFFFF; }

.c-red-text {
  color: #c35252; }

.c-red-border {
  border-color: #c35252; }

.c-orange-bg {
  background: #f4a25f;
  color: #FFFFFF; }

.c-orange-text {
  color: #f4a25f; }

.c-orange-border {
  border-color: #f4a25f; }

.c-yellow-bg {
  background: #fbee77;
  color: #373737; }

.c-yellow-text {
  color: #fbee77; }

.c-yellow-border {
  border-color: #fbee77; }

.c-green-bg {
  background: #41ac59;
  color: #FFFFFF; }

.c-green-text {
  color: #41ac59; }

.c-green-border {
  border-color: #41ac59; }

.c-green_l-bg {
  background: #8ec392;
  color: #FFFFFF; }

.c-green_l-text {
  color: #8ec392; }

.c-green_l-border {
  border-color: #8ec392; }

.c-green_d-bg {
  background: #52825d;
  color: #FFFFFF; }

.c-green_d-text {
  color: #52825d; }

.c-green_d-border {
  border-color: #52825d; }

.c-blue-bg {
  background: #5095cf;
  color: #FFFFFF; }

.c-blue-text {
  color: #5095cf; }

.c-blue-border {
  border-color: #5095cf; }

.c-blue_l-bg {
  background: #74c4e6;
  color: #FFFFFF; }

.c-blue_l-text {
  color: #74c4e6; }

.c-blue_l-border {
  border-color: #74c4e6; }

.c-blue_d-bg {
  background: #416593;
  color: #FFFFFF; }

.c-blue_d-text {
  color: #416593; }

.c-blue_d-border {
  border-color: #416593; }

.c-default-bg {
  background: #373737;
  color: #FFFFFF; }

.c-default-text {
  color: #373737; }

.c-default-border {
  border-color: #373737; }

.c-primary-bg {
  background: #5095cf;
  color: #FFFFFF; }

.c-primary-text {
  color: #5095cf; }

.c-primary-border {
  border-color: #5095cf; }

.c-success-bg {
  background: #41ac59;
  color: #FFFFFF; }

.c-success-text {
  color: #41ac59; }

.c-success-border {
  border-color: #41ac59; }

.c-info-bg {
  background: #74c4e6;
  color: #FFFFFF; }

.c-info-text {
  color: #74c4e6; }

.c-info-border {
  border-color: #74c4e6; }

.c-warning-bg {
  background: #f4a25f;
  color: #FFFFFF; }

.c-warning-text {
  color: #f4a25f; }

.c-warning-border {
  border-color: #f4a25f; }

.c-danger-bg {
  background: #c35252;
  color: #FFFFFF; }

.c-danger-text {
  color: #c35252; }

.c-danger-border {
  border-color: #c35252; }

.c-text-bg {
  background: #373737;
  color: #FFFFFF; }

.c-text-text {
  color: #373737; }

.c-text-border {
  border-color: #373737; }

.c-background-bg {
  background: #FFFFFF;
  color: #FFFFFF; }

.c-background-text {
  color: #FFFFFF; }

.c-background-border {
  border-color: #FFFFFF; }

.c-link-bg {
  background: #5095cf;
  color: #FFFFFF; }

.c-link-text {
  color: #5095cf; }

.c-link-border {
  border-color: #5095cf; }

.c-back-bg {
  background: #9e9e9e;
  color: #FFFFFF; }

.c-back-text {
  color: #9e9e9e; }

.c-back-border {
  border-color: #9e9e9e; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.cf:after, .overflow-hidden .balloon-block02 .inner .btn-box:after, .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .btn-box:after {
  content: " ";
  display: block;
  clear: both; }

html,
body {
  width: 100%;
  height: 100%;
  background: #eeeeee; }

html {
  font-size: 62.5%; }

body,
pre,
code,
select,
textarea,
button,
input {
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
  color: #373737; }

a {
  color: #5095cf; }
  a:hover {
    color: #3581c1; }
  a:hover {
    text-decoration: none;
    color: #286191; }

h1, h2, h3, h4, h5, h6,
p,
li,
dt, dd,
td, th,
pre,
select,
textarea,
button,
input {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71429; }

.container {
  width: 1200px;
  margin: 0 auto;
  padding: 20px; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.resize-checker {
  display: none;
  background: #323c45;
  z-index: 999999;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%; }
  .resize-checker .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .resize-checker img {
    width: 97px; }
  .resize-checker p {
    color: white;
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    line-height: 1.8; }

.absolute {
  position: absolute; }

.bg-ok {
  background: #449568; }

.bg-ng {
  background: #D55454; }

.dev-box {
  z-index: 99999;
  display: none;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%; }
  .dev-box .inner {
    vertical-align: middle;
    text-align: center;
    background: white;
    padding: 20px;
    background: #f2f2f2;
    height: 100%;
    overflow: auto; }
  .dev-box .header h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 20px; }
  .dev-box p {
    text-align: left;
    margin-bottom: 10px; }
  .dev-box section {
    margin-bottom: 20px; }
    .dev-box section:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }
    .dev-box section h2 {
      text-align: left;
      font-weight: bold;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;
      margin-bottom: 10px; }
  .dev-box .form-group select {
    width: 100%;
    height: 50px; }
  .dev-box .form-group input {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2; }

.form-group textarea {
  width: 100%;
  height: 150px;
  border-radius: 5px;
  padding: 11px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  resize: none;
  -webkit-appearance: none;
  overflow: auto;
  border: none; }
  .form-group textarea::-webkit-input-placeholder {
    color: #cccccc; }
  .form-group textarea::placeholder {
    color: #cccccc; }
  .form-group textarea:focus {
    outline: none; }

.form-group .radio-wrapper {
  cursor: pointer; }

.form-group input[type="radio"] {
  display: none; }
  .form-group input[type="radio"] + span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: flex-satart;
    -webkit-justify-content: flex-satart;
        -ms-flex-pack: flex-satart;
            justify-content: flex-satart;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    .form-group input[type="radio"] + span::before {
      content: ' ';
      display: block;
      margin-right: 10px;
      width: 20px;
      height: 20px;
      min-height: 20px;
      min-width: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px solid #626262;
      border-radius: 50%;
      background: white; }
  .form-group input[type="radio"]:checked + span::after {
    content: ' ';
    display: block;
    position: absolute;
    left: 5px;
    right: auto;
    top: 5px;
    bottom: auto;
    width: 10px;
    height: 10px;
    min-height: 10px;
    min-width: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #626262;
    border-radius: 50%; }

.loader {
  z-index: 600;
  display: none;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%; }
  .loader .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .loader .inner .loader-box {
      overflow: hidden;
      display: none;
      background: #5095cf;
      color: white;
      padding: 40px; }
      .loader .inner .loader-box p {
        font-weight: bold;
        margin-top: 10px; }
  .loader .spinner {
    margin: 0 auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px; }
  .loader .spinner > div {
    background-color: #FFF;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out; }
  .loader .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
  .loader .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s; }
  .loader .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
  .loader .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

.overflow-hidden {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  background: #9d9d9d;
  width: 100%;
  height: 100%; }
  .overflow-hidden .disp-mode {
    content: "SP"; }
    @media only screen and (min-width: 768px) {
      .overflow-hidden .disp-mode {
        content: "PC"; } }
  .overflow-hidden .action {
    z-index: 700;
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 10%;
    margin: 0 auto; }
    .overflow-hidden .action .btn {
      font-size: 25px;
      padding: 20px 20px;
      text-decoration: none;
      background: white;
      color: #4f4f4f;
      -webkit-box-shadow: 0 8px 0 0 #cccccc;
              box-shadow: 0 8px 0 0 #cccccc;
      font-size: 22px; }
      .overflow-hidden .action .btn i {
        display: block;
        font-size: 28px;
        margin-bottom: 10px; }
  .overflow-hidden .balloon-block {
    z-index: 400;
    display: none;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    @media only screen and (min-width: 768px) {
      .overflow-hidden .balloon-block {
        width: 100%;
        height: 100%; } }
    .overflow-hidden .balloon-block .cell {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      height: 100%; }
    .overflow-hidden .balloon-block .inner {
      display: none;
      background: #FFF;
      padding: 20px;
      color: white;
      position: relative;
      width: 78%;
      border-radius: 5px;
      margin: -180px auto 0;
      text-align: center;
      border: 2px solid #2b91c9; }
      .overflow-hidden .balloon-block .inner p {
        font-size: 17px;
        font-weight: bold; }
        .overflow-hidden .balloon-block .inner p.fn-text {
          font-size: 20px; }
        .overflow-hidden .balloon-block .inner p:last-child {
          margin-bottom: 0; }
        .overflow-hidden .balloon-block .inner p.ex-message {
          display: none; }
        .overflow-hidden .balloon-block .inner p.ex-message,
        .overflow-hidden .balloon-block .inner p.ex-message a {
          text-decoration: none;
          font-size: 20px;
          font-size: 16px;
          font-weight: normal; }
      .overflow-hidden .balloon-block .inner .fn-btn {
        display: none;
        padding-top: 10px; }
        .overflow-hidden .balloon-block .inner .fn-btn a {
          font-size: 16px;
          font-weight: bold;
          padding: 15px 30px;
          position: relative; }
          .overflow-hidden .balloon-block .inner .fn-btn a .fa {
            position: absolute;
            right: 10px;
            left: auto;
            top: 15px;
            bottom: auto; }
      .overflow-hidden .balloon-block .inner:after {
        z-index: 200;
        margin-left: -20px;
        position: absolute;
        left: 50%;
        right: auto;
        bottom: -20px;
        top: auto;
        border-width: 20px 20px 0 20px;
        border-color: #FFF transparent transparent transparent;
        content: ' ';
        border-style: solid;
        width: 0;
        height: 0;
        display: inline-block; }
      .overflow-hidden .balloon-block .inner:before {
        z-index: 200;
        margin-left: -23px;
        position: absolute;
        left: 50%;
        right: auto;
        bottom: -23px;
        top: auto;
        border-width: 23px 23px 0 23px;
        border-color: black transparent transparent transparent;
        content: ' ';
        border-style: solid;
        width: 0;
        height: 0;
        display: inline-block; }
    .overflow-hidden .balloon-block.fn-ok .inner {
      color: #2b91c9;
      border-color: #2b91c9; }
      .overflow-hidden .balloon-block.fn-ok .inner:before {
        z-index: 200;
        margin-left: -23px;
        position: absolute;
        left: 50%;
        right: auto;
        bottom: -23px;
        top: auto;
        border-width: 23px 23px 0 23px;
        border-color: #2b91c9 transparent transparent transparent;
        content: ' ';
        border-style: solid;
        width: 0;
        height: 0;
        display: inline-block; }
      .overflow-hidden .balloon-block.fn-ok .inner .fn-btn a {
        background: #2b91c9; }
    .overflow-hidden .balloon-block.fn-ng .inner {
      color: #cc4242;
      border-color: #cc4242; }
      .overflow-hidden .balloon-block.fn-ng .inner:before {
        z-index: 200;
        margin-left: -23px;
        position: absolute;
        left: 50%;
        right: auto;
        bottom: -23px;
        top: auto;
        border-width: 23px 23px 0 23px;
        border-color: #cc4242 transparent transparent transparent;
        content: ' ';
        border-style: solid;
        width: 0;
        height: 0;
        display: inline-block; }
      .overflow-hidden .balloon-block.fn-ng .inner .fn-btn a {
        background: #cc4242; }
  .overflow-hidden .balloon-block02 {
    width: 100%;
    z-index: 400;
    display: none;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    top: auto; }
    @media only screen and (min-width: 768px) {
      .overflow-hidden .balloon-block02 {
        width: 100%; } }
    .overflow-hidden .balloon-block02 .inner {
      background: rgba(0, 0, 0, 0.5);
      padding: 20px;
      color: white;
      position: relative; }
      .overflow-hidden .balloon-block02 .inner p {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 10px; }
        .overflow-hidden .balloon-block02 .inner p:last-child {
          margin-bottom: 0; }
      .overflow-hidden .balloon-block02 .inner .btn-box {
        width: 90%;
        margin: 0 auto; }
        .overflow-hidden .balloon-block02 .inner .btn-box .fn-btn03 {
          float: left;
          width: 47%; }
          .overflow-hidden .balloon-block02 .inner .btn-box .fn-btn03 .btn {
            font-size: 12px;
            display: inline-block;
            width: 100%;
            padding: 15px 40px;
            -webkit-box-shadow: 0 5px 0 0 #207db3;
                    box-shadow: 0 5px 0 0 #207db3;
            background-color: #259ce0; }
        .overflow-hidden .balloon-block02 .inner .btn-box .fn-btn04 {
          float: right;
          width: 47%; }
          .overflow-hidden .balloon-block02 .inner .btn-box .fn-btn04 .btn {
            font-size: 12px;
            display: inline-block;
            width: 100%;
            padding: 15px 40px;
            -webkit-box-shadow: 0 5px 0 0 #000;
                    box-shadow: 0 5px 0 0 #000; }
        .overflow-hidden .balloon-block02 .inner .btn-box .ex-btn {
          display: none; }
      .overflow-hidden .balloon-block02 .inner:after {
        z-index: 200;
        margin-left: -20px;
        position: absolute;
        left: 50%;
        right: auto;
        bottom: -20px;
        top: auto;
        border-width: 20px 20px 0 20px;
        border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
        content: ' ';
        border-style: solid;
        width: 0;
        height: 0;
        display: inline-block; }
  .overflow-hidden .modal-block {
    padding: 20px;
    z-index: 500;
    display: table;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    .overflow-hidden .modal-block .inner {
      display: table-cell;
      text-align: center; }
    .overflow-hidden .modal-block .slide-block {
      background: white;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      display: inline-block; }
    .overflow-hidden .modal-block article section {
      position: relative;
      display: none; }
    .overflow-hidden .modal-block figure img {
      width: 100%; }
    .overflow-hidden .modal-block aside {
      text-align: left;
      background: rgba(55, 55, 55, 0.8);
      padding: 20px;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto; }
      .overflow-hidden .modal-block aside p {
        color: white;
        font-size: 16px;
        font-weight: bold; }
    .overflow-hidden .modal-block nav {
      width: 100%;
      position: absolute;
      left: 0;
      right: auto;
      bottom: 0;
      top: auto; }
      .overflow-hidden .modal-block nav ul li {
        width: 50%;
        float: left;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-left: 1px solid black; }
        .overflow-hidden .modal-block nav ul li button {
          display: block;
          margin: 0px;
          border-left: 1px solid #515151;
          width: 100%;
          padding: 20px 0px;
          border-radius: 0;
          font-size: 20px; }
          .overflow-hidden .modal-block nav ul li button[disabled] {
            background: #515151;
            color: #6a6a6a; }
        .overflow-hidden .modal-block nav ul li:first-child {
          border-left: none; }
          .overflow-hidden .modal-block nav ul li:first-child button {
            border-left: none; }
  .overflow-hidden .modal-block03 {
    padding: 20px;
    z-index: 500;
    display: table;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    .overflow-hidden .modal-block03 .inner {
      display: table-cell;
      text-align: center; }
    .overflow-hidden .modal-block03 article {
      height: 100%;
      position: relative; }
      .overflow-hidden .modal-block03 article section {
        position: relative;
        display: none;
        background-color: rgba(255, 255, 255, 0.9);
        height: 100%;
        padding: 5% 5% 0; }
        .overflow-hidden .modal-block03 article section h2 {
          font-size: 4.2em;
          color: #d55454;
          margin-bottom: 7%; }
          .overflow-hidden .modal-block03 article section h2 span {
            font-size: 0.6em;
            margin-left: 0.3em;
            vertical-align: middle; }
        .overflow-hidden .modal-block03 article section p {
          color: #d55454;
          font-size: 2em; }
      .overflow-hidden .modal-block03 article .btn {
        position: absolute;
        bottom: 5%;
        left: 10%;
        width: 80%;
        font-size: 2em;
        -webkit-box-shadow: 0 5px 0 0 #a72929;
                box-shadow: 0 5px 0 0 #a72929;
        background-color: #d55454; }
  .overflow-hidden .modal-block04 {
    z-index: 500;
    display: table;
    background: rgba(0, 0, 0, 0.67);
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    .overflow-hidden .modal-block04 .inner {
      display: table-cell;
      text-align: center;
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 100%; }
    .overflow-hidden .modal-block04 article {
      height: 100%;
      overflow: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
      .overflow-hidden .modal-block04 article .header .tab-area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .overflow-hidden .modal-block04 article .header .tab-area li {
          width: 100%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          .overflow-hidden .modal-block04 article .header .tab-area li:first-child {
            padding-right: 5px; }
          .overflow-hidden .modal-block04 article .header .tab-area li:last-child {
            padding-left: 5px; }
          .overflow-hidden .modal-block04 article .header .tab-area li.active .units {
            background: white; }
          .overflow-hidden .modal-block04 article .header .tab-area li.single {
            padding-left: 0;
            padding-right: 0; }
          .overflow-hidden .modal-block04 article .header .tab-area li .units {
            background: #dddddd;
            border-radius: 5px 5px 0 0;
            padding: 10px 15px;
            border-bottom: 1px dashed #dddddd;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row nowrap;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
            .overflow-hidden .modal-block04 article .header .tab-area li .units img {
              height: 40px;
              margin-right: 10px; }
      .overflow-hidden .modal-block04 article .header header {
        background: white;
        text-align: left;
        padding: 15px;
        border-bottom: 1px solid #dddddd; }
        .overflow-hidden .modal-block04 article .header header p {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.71429; }
      .overflow-hidden .modal-block04 article .fn-slider-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        position: relative;
        overflow: scroll;
        -webkit-overflow-scrolling: touch; }
        .overflow-hidden .modal-block04 article .fn-slider-0 .led-box {
          background-color: #fff;
          position: relative;
          display: none; }
          .overflow-hidden .modal-block04 article .fn-slider-0 .led-box:first-child {
            display: block; }
          .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li {
            text-align: left;
            border-bottom: 1px solid #d8d6d6;
            padding: 15px;
            cursor: pointer;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row nowrap;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
            .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left {
              position: relative;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -webkit-flex-flow: row nowrap;
                  -ms-flex-flow: row nowrap;
                      flex-flow: row nowrap;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
                  -ms-flex-pack: start;
                      justify-content: flex-start;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center; }
              .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp {
                border-radius: 1000px;
                display: block;
                margin-right: 10px;
                background: #ccc;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                position: relative;
                -webkit-transition: all 0.5s linear;
                transition: all 0.5s linear;
                width: 24px;
                height: 24px; }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp:after {
                  background: rgba(255, 255, 255, 0.2);
                  border-radius: 100px;
                  -webkit-transform: rotate(-45deg);
                      -ms-transform: rotate(-45deg);
                          transform: rotate(-45deg);
                  content: "";
                  position: absolute;
                  right: 3px;
                  left: auto;
                  top: 3px;
                  bottom: auto;
                  width: 8px;
                  height: 10px; }

@-webkit-keyframes ramp-down {
  from {
    background: #ccc; }
  to {
    background: white; } }

@keyframes ramp-down {
  from {
    background: #ccc; }
  to {
    background: white; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-green {
                  background: #00c800;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-green:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@-webkit-keyframes ramp-green {
  from {
    background: #00c800; }
  to {
    background: #95ff95; } }

@keyframes ramp-green {
  from {
    background: #00c800; }
  to {
    background: #95ff95; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-green-blink {
                  background: #00c800;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear;
                  background: #00c800;
                  -webkit-animation: ramp-green 0.3s ease -1s infinite alternate;
                          animation: ramp-green 0.3s ease -1s infinite alternate; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-green-blink:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@keyframes ramp-green {
  from {
    background: #00c800; }
  to {
    background: #95ff95; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-green-blink-slow {
                  background: #00c800;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear;
                  background: #00c800;
                  -webkit-animation: ramp-green 0.3s ease -1s infinite alternate;
                          animation: ramp-green 0.3s ease -1s infinite alternate; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-green-blink-slow:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@keyframes ramp-green {
  from {
    background: #00c800; }
  to {
    background: #95ff95; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-green-blink-fast {
                  background: #00c800;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear;
                  background: #00c800;
                  -webkit-animation: ramp-green 0.3s ease -1s infinite alternate;
                          animation: ramp-green 0.3s ease -1s infinite alternate; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-green-blink-fast:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@keyframes ramp-green {
  from {
    background: #00c800; }
  to {
    background: #95ff95; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-red {
                  background: #e60000;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-red:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@-webkit-keyframes ramp-red {
  from {
    background: #e60000; }
  to {
    background: #ffb3b3; } }

@keyframes ramp-red {
  from {
    background: #e60000; }
  to {
    background: #ffb3b3; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-red-blink {
                  background: #e60000;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear;
                  background: #e60000;
                  -webkit-animation: ramp-red 0.3s ease -1s infinite alternate;
                          animation: ramp-red 0.3s ease -1s infinite alternate; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-red-blink:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@keyframes ramp-red {
  from {
    background: #e60000; }
  to {
    background: #ffb3b3; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-orange {
                  background: #e66400;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-orange:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@-webkit-keyframes ramp-orange {
  from {
    background: #e66400; }
  to {
    background: #ffd4b3; } }

@keyframes ramp-orange {
  from {
    background: #e66400; }
  to {
    background: #ffd4b3; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-orange-brink {
                  background: #e66400;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear;
                  background: #e66400;
                  -webkit-animation: ramp-orange 0.3s ease -1s infinite alternate;
                          animation: ramp-orange 0.3s ease -1s infinite alternate; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-orange-brink:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@keyframes ramp-orange {
  from {
    background: #e66400; }
  to {
    background: #ffd4b3; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-blue-blink {
                  background: #32c8dc;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear;
                  background: #32c8dc;
                  -webkit-animation: ramp-blue 0.3s ease -1s infinite alternate;
                          animation: ramp-blue 0.3s ease -1s infinite alternate; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-blue-blink:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@-webkit-keyframes ramp-blue {
  from {
    background: #32c8dc; }
  to {
    background: #e0f7fa; } }

@keyframes ramp-blue {
  from {
    background: #32c8dc; }
  to {
    background: #e0f7fa; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-blue-blink-other01 {
                  background: #32c8dc;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear;
                  background: #32c8dc;
                  -webkit-animation: ramp-blue 0.3s ease -1s infinite alternate;
                          animation: ramp-blue 0.3s ease -1s infinite alternate; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-blue-blink-other01:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@keyframes ramp-blue {
  from {
    background: #32c8dc; }
  to {
    background: #e0f7fa; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-pink-blink {
                  background: #f2a6e4;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear;
                  background: #f2a6e4;
                  -webkit-animation: ramp-pink 0.3s ease -1s infinite alternate;
                          animation: ramp-pink 0.3s ease -1s infinite alternate; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-pink-blink:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@-webkit-keyframes ramp-pink {
  from {
    background: #f2a6e4; }
  to {
    background: white; } }

@keyframes ramp-pink {
  from {
    background: #f2a6e4; }
  to {
    background: white; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-down {
                  background: #ccc;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-down:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@keyframes ramp-down {
  from {
    background: #ccc; }
  to {
    background: white; } }
                .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-unselect {
                  background: #ccc;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  position: relative;
                  -webkit-transition: all 0.5s linear;
                  transition: all 0.5s linear;
                  border: 2px solid #ccc;
                  background: white; }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-unselect:after {
                    background: rgba(255, 255, 255, 0.2);
                    border-radius: 100px;
                    -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                    content: "";
                    position: absolute;
                    right: 3px;
                    left: auto;
                    top: 3px;
                    bottom: auto;
                    width: 8px;
                    height: 10px; }

@keyframes ramp-down {
  from {
    background: #ccc; }
  to {
    background: white; } }
                  .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li .led-left .lamp.color-unselect:after {
                    display: none; }
            .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li.disabled {
              background: #eaeaea; }
              .overflow-hidden .modal-block04 article .fn-slider-0 .led-box li.disabled .disabled-text {
                background: #999;
                color: white;
                padding: 2px 10px;
                font-size: 12px; }
      .overflow-hidden .modal-block04 article .led-btnBox {
        padding-top: 20px;
        padding-bottom: 5px; }
        .overflow-hidden .modal-block04 article .led-btnBox .btn-primary {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-weight: bold;
          font-size: 18px;
          width: 100%; }
  .overflow-hidden .ntt-box {
    z-index: 900;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    .overflow-hidden .ntt-box .ntt-modal {
      z-index: 1000;
      background: rgba(0, 0, 0, 0.6);
      color: white;
      z-index: 2;
      overflow-y: scroll;
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 100%; }
      .overflow-hidden .ntt-box .ntt-modal .top h1 {
        line-height: 1.4em;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2; }
      .overflow-hidden .ntt-box .ntt-modal .top h1.single {
        line-height: 1.4em;
        padding: 0 0 10px 0;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2; }
      .overflow-hidden .ntt-box .ntt-modal .top p {
        padding: 5px 0 10px 0;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5; }
      .overflow-hidden .ntt-box .ntt-modal .top p.select {
        font-size: 20px; }
      .overflow-hidden .ntt-box .ntt-modal .select-box {
        padding: 10px 6px 10px 10px;
        display: table;
        background: white;
        color: #111;
        border-bottom: 1px solid #ccc;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .overflow-hidden .ntt-box .ntt-modal .select-box .select-img {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          width: 90px;
          height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box .select-img .pr_xxx {
            width: 60px;
            height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box .select-img .vh_xxx {
            width: 55px;
            height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box .select-img .d_select {
            width: 86px;
            height: 100px; }
        .overflow-hidden .ntt-box .ntt-modal .select-box .select-inn {
          display: table-cell;
          vertical-align: top;
          width: 65%;
          height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box .select-inn h2 {
            font-size: 28px;
            line-height: 0.9em; }
            .overflow-hidden .ntt-box .ntt-modal .select-box .select-inn h2 span {
              padding-right: 10px;
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 1.71429; }
          .overflow-hidden .ntt-box .ntt-modal .select-box .select-inn .example {
            padding: 2px 0 0 0; }
        .overflow-hidden .ntt-box .ntt-modal .select-box .select-check {
          display: table-cell;
          vertical-align: middle;
          text-align: left;
          width: 20px;
          height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box .select-check .fa {
            font-size: 24px;
            display: inline;
            color: #c2c2c2; }
      .overflow-hidden .ntt-box .ntt-modal .select-box01 {
        padding: 10px 6px 10px 10px;
        display: table;
        background: white;
        color: #111;
        border-bottom: 1px solid #ccc;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .overflow-hidden .ntt-box .ntt-modal .select-box01 .select-inn01 {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          width: 93%;
          height: 100px; }
        .overflow-hidden .ntt-box .ntt-modal .select-box01 .select-check {
          display: table-cell;
          vertical-align: middle;
          text-align: left;
          width: 20px;
          height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box01 .select-check .fa {
            font-size: 24px;
            display: inline;
            color: #c2c2c2; }
        .overflow-hidden .ntt-box .ntt-modal .select-box01 h2 {
          font-size: 28px; }
      .overflow-hidden .ntt-box .ntt-modal .select-box02 {
        padding: 10px 6px 10px 10px;
        display: table;
        background: white;
        color: #111;
        border-bottom: 1px solid #ccc;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-img {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          padding: 0 0 0 12px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 90px;
          height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-img .pr_xxx {
            width: 60px;
            height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-img .d_select {
            width: 86px;
            height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-img .ntt_double {
            width: 84px;
            height: 100px; }
        .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-inn01 {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          width: 93%;
          height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-inn01 h2 {
            font-size: 28px; }
        .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-inn {
          display: table-cell;
          vertical-align: middle;
          padding: 0 0 0 20px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 65%;
          height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-inn h2 {
            font-size: 22px;
            line-height: 0.9em; }
            .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-inn h2 span {
              padding-right: 10px;
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 1.71429; }
          .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-inn h2.tit {
            font-size: 22px;
            line-height: 0.9em;
            padding: 0 0 5px 41px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-inn .example {
            padding: 2px 0 0 0; }
        .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-check {
          display: table-cell;
          vertical-align: middle;
          text-align: left;
          width: 20px;
          height: 100px; }
          .overflow-hidden .ntt-box .ntt-modal .select-box02 .select-check .fa {
            font-size: 24px;
            display: inline;
            color: #c2c2c2; }
      .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow {
        display: none; }
        .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .nttNumber-0 {
          display: none; }
        .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .top {
          margin: 0 0 10px 0; }
          .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .top h1 {
            line-height: 1.6; }
        .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .btn-box {
          width: 100%;
          margin: 24px auto; }
          .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .btn-box .fn-btn00 {
            float: left;
            width: 47%; }
            .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .btn-box .fn-btn00 .btn {
              font-size: 16px;
              display: inline-block;
              width: 100%;
              padding: 15px 0;
              text-align: center;
              -webkit-box-shadow: 0 5px 0 0 #6b6b6b;
                      box-shadow: 0 5px 0 0 #6b6b6b;
              background-color: #9e9e9e; }
              .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .btn-box .fn-btn00 .btn i {
                font-size: 22px;
                padding: 0 10px 0 0; }
          .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .btn-box .fn-btn01 {
            float: right;
            width: 47%; }
            .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .btn-box .fn-btn01 .btn {
              font-size: 16px;
              display: inline-block;
              width: 100%;
              padding: 15px 0;
              text-align: center;
              -webkit-box-shadow: 0 5px 0 0 #207db3;
                      box-shadow: 0 5px 0 0 #207db3;
              background-color: #259ce0; }
              .overflow-hidden .ntt-box .ntt-modal .nttHearing-flow .btn-box .fn-btn01 .btn i {
                font-size: 22px;
                padding: 0 0 0 10px; }
    .overflow-hidden .ntt-box .btn-area {
      margin: 16px 0 8px 0; }
  .overflow-hidden .advice-box {
    z-index: 900;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    .overflow-hidden .advice-box.common-dialog {
      background: rgba(0, 0, 0, 0.6); }
      .overflow-hidden .advice-box.common-dialog .advice-modal {
        padding: 20px; }
        .overflow-hidden .advice-box.common-dialog .advice-modal article {
          height: 100%;
          position: relative; }
          .overflow-hidden .advice-box.common-dialog .advice-modal article .top p {
            margin-bottom: 15px; }
          .overflow-hidden .advice-box.common-dialog .advice-modal article .top .title-mark {
            text-align: center;
            font-size: 40px; }
          .overflow-hidden .advice-box.common-dialog .advice-modal article .top .title-text {
            text-align: center;
            font-size: 20px; }
          .overflow-hidden .advice-box.common-dialog .advice-modal article .top .text {
            font-size: 14px; }
          .overflow-hidden .advice-box.common-dialog .advice-modal article .btn-area {
            width: 100%;
            position: absolute;
            left: 0;
            right: auto;
            bottom: 5px;
            top: auto; }
            .overflow-hidden .advice-box.common-dialog .advice-modal article .btn-area button {
              width: 100%; }
    .overflow-hidden .advice-box .advice-modal {
      z-index: 1000;
      overflow-y: scroll;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 100%; }
      .overflow-hidden .advice-box .advice-modal .btn-area {
        display: none; }
      .overflow-hidden .advice-box .advice-modal .mini-loader {
        text-align: right;
        display: none; }
        .overflow-hidden .advice-box .advice-modal .mini-loader p {
          display: inline-block;
          background: rgba(0, 0, 0, 0.6);
          color: white;
          padding: 0 10px 5px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 2; }
          .overflow-hidden .advice-box .advice-modal .mini-loader p i {
            margin-right: 5px;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 2; }
      .overflow-hidden .advice-box .advice-modal article {
        background: rgba(0, 0, 0, 0.6);
        padding: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        height: auto; }
        .overflow-hidden .advice-box .advice-modal article .top p {
          color: white;
          line-height: 1.8;
          margin-bottom: 20px;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.5; }
          .overflow-hidden .advice-box .advice-modal article .top p a {
            color: white;
            font-weight: bold;
            text-decoration: none;
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.2; }
          .overflow-hidden .advice-box .advice-modal article .top p.error {
            font-weight: bold;
            margin-bottom: 10px; }
          .overflow-hidden .advice-box .advice-modal article .top p:last-child {
            margin-bottom: 0; }
        .overflow-hidden .advice-box .advice-modal article .advice-list ul {
          padding-top: 20px; }
        .overflow-hidden .advice-box .advice-modal article .advice-list li {
          background: white;
          border: 1px solid #ccc;
          border-bottom: none;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 100%;
          height: 100%; }
          .overflow-hidden .advice-box .advice-modal article .advice-list li span, .overflow-hidden .advice-box .advice-modal article .advice-list li a {
            color: theme(text) !important;
            display: block;
            padding: 12px 35px 12px 8px;
            position: relative; }
            .overflow-hidden .advice-box .advice-modal article .advice-list li span:after, .overflow-hidden .advice-box .advice-modal article .advice-list li a:after {
              margin-top: -14px;
              content: "";
              font-family: FontAwesome;
              font-weight: normal;
              font-style: normal;
              display: inline-block;
              font-size: 18px;
              position: absolute;
              right: 15px;
              left: auto;
              top: 50%;
              bottom: auto; }
          .overflow-hidden .advice-box .advice-modal article .advice-list li.fn-onClick-advice span, .overflow-hidden .advice-box .advice-modal article .advice-list li.fn-onClick-advice a {
            color: #5095cf; }
          .overflow-hidden .advice-box .advice-modal article .advice-list li:last-child {
            border-bottom: 1px solid #ccc; }
          .overflow-hidden .advice-box .advice-modal article .advice-list li.fn-button-external a {
            text-decoration: none;
            color: #373737; }
            .overflow-hidden .advice-box .advice-modal article .advice-list li.fn-button-external a:after {
              margin-top: -14px;
              content: "";
              font-family: FontAwesome;
              font-weight: normal;
              font-style: normal;
              display: inline-block;
              font-size: 18px;
              position: absolute;
              right: 15px;
              left: auto;
              top: 50%;
              bottom: auto; }
          .overflow-hidden .advice-box .advice-modal article .advice-list li.fn-button-prev span {
            padding-left: 35px; }
            .overflow-hidden .advice-box .advice-modal article .advice-list li.fn-button-prev span:after {
              display: none; }
            .overflow-hidden .advice-box .advice-modal article .advice-list li.fn-button-prev span:before {
              margin-top: -16px;
              content: "";
              font-family: FontAwesome;
              font-weight: normal;
              font-style: normal;
              display: inline-block;
              font-size: 18px;
              position: absolute;
              left: 15px;
              right: auto;
              top: 50%;
              bottom: auto; }
        .overflow-hidden .advice-box .advice-modal article .btn-area {
          margin-top: 20px; }
          .overflow-hidden .advice-box .advice-modal article .btn-area .close {
            display: none; }
        .overflow-hidden .advice-box .advice-modal article .advice-btn {
          margin: 16px 0 8px 0;
          padding: 15px 40px;
          -webkit-box-shadow: 0 5px 0 0 #207db3;
                  box-shadow: 0 5px 0 0 #207db3;
          background-color: #259ce0;
          border-radius: 5px;
          display: table;
          text-align: center;
          vertical-align: middle;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 100%;
          height: 100%;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.5; }
          .overflow-hidden .advice-box .advice-modal article .advice-btn .fa {
            font-size: 22px;
            display: inline;
            padding: 0 16px 0 0;
            color: white; }
    .overflow-hidden .advice-box.error-type-flat {
      z-index: 99999;
      background: white; }
      .overflow-hidden .advice-box.error-type-flat .advice-modal {
        position: relative; }
        .overflow-hidden .advice-box.error-type-flat .advice-modal article {
          background: white;
          height: 100%;
          padding: 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          display: table; }
          .overflow-hidden .advice-box.error-type-flat .advice-modal article .top {
            width: 100%;
            display: table-cell;
            vertical-align: middle; }
            .overflow-hidden .advice-box.error-type-flat .advice-modal article .top p {
              color: #373737;
              text-align: center; }
              .overflow-hidden .advice-box.error-type-flat .advice-modal article .top p.error {
                color: #c35252;
                margin-bottom: 30px;
                font-size: 24px; }
                .overflow-hidden .advice-box.error-type-flat .advice-modal article .top p.error:before {
                  margin-right: 10px;
                  content: "";
                  font-family: FontAwesome;
                  font-weight: normal;
                  font-style: normal;
                  display: inline-block;
                  font-size: 24px; }
          .overflow-hidden .advice-box.error-type-flat .advice-modal article .btn-bttom {
            width: 100%;
            position: absolute;
            left: 0;
            right: auto;
            bottom: 0;
            top: auto; }
            .overflow-hidden .advice-box.error-type-flat .advice-modal article .btn-bttom button {
              border-radius: 0;
              padding-top: 30px;
              padding-bottom: 30px;
              background: #c35252;
              font-size: 20px;
              font-size: 2rem;
              line-height: 1.2; }
  .overflow-hidden .check-block {
    z-index: 300;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    @media only screen and (min-width: 768px) {
      .overflow-hidden .check-block {
        left: auto;
        right: 23px; } }
    .overflow-hidden .check-block .inner {
      position: relative;
      width: 100%;
      height: 100%; }
      .overflow-hidden .check-block .inner .inner-house-box {
        position: relative;
        margin: 0 auto;
        width: 94%;
        height: 100%; }
      .overflow-hidden .check-block .inner .borderGray-box {
        position: absolute;
        left: 8%;
        right: auto;
        bottom: 21.6%;
        top: auto;
        width: 100%;
        height: 20%;
        z-index: 300; }
        .overflow-hidden .check-block .inner .borderGray-box .borderGray-wrap {
          display: table;
          width: 100%;
          height: 100%; }
          .overflow-hidden .check-block .inner .borderGray-box .borderGray-wrap .borderGray-inn {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            height: 100%; }
            .overflow-hidden .check-block .inner .borderGray-box .borderGray-wrap .borderGray-inn .borderGray {
              width: 0px;
              height: 3px;
              background: #9d9d9d; }
      .overflow-hidden .check-block .inner .border-box {
        position: absolute;
        left: 8%;
        right: auto;
        bottom: 21.6%;
        top: auto;
        width: 100%;
        height: 20%;
        z-index: 400; }
        .overflow-hidden .check-block .inner .border-box .border-wrap {
          display: table;
          width: 100%;
          height: 100%; }
          .overflow-hidden .check-block .inner .border-box .border-wrap .border-inn {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            height: 100%; }
            .overflow-hidden .check-block .inner .border-box .border-wrap .border-inn .border {
              width: 0;
              height: 3px;
              background: #D55454; }
      .overflow-hidden .check-block .inner .item-box {
        position: absolute;
        left: 3%;
        right: auto;
        bottom: 23%;
        top: auto;
        width: 100%;
        height: 20%;
        z-index: 500;
        clear: both; }
        .overflow-hidden .check-block .inner .item-box .item-wrap {
          display: table;
          width: 100%;
          height: 100%; }
          .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn {
            display: table-cell;
            text-align: center;
            vertical-align: middle; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn #item-id00, .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn #item-id01, .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn #item-id02, .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn #item-id03, .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn #item-id04, .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn #item-id05, .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn #item-id06, .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn #item-id07 {
              display: none; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check {
              background: #449568;
              padding: 12px 7px 8px 8px;
              border-radius: 100px;
              color: white;
              text-align: center;
              position: relative;
              bottom: 14px;
              display: inline;
              opacity: 0; }
              .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check .fa {
                font-size: 16px;
                display: inline; }
              .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check-ok {
                background: #449568; }
                .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check-ok:after {
                  margin-left: -8px;
                  position: absolute;
                  left: 50%;
                  right: auto;
                  bottom: -4px;
                  top: auto;
                  border-width: 8px 8px 0 8px;
                  border-color: #449568 transparent transparent transparent;
                  content: ' ';
                  border-style: solid;
                  width: 0;
                  height: 0;
                  display: inline-block; }
              .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check-ng {
                background: #D55454; }
                .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check-ng .fa {
                  padding: 0 2px; }
                .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check-ng:after {
                  margin-left: -8px;
                  position: absolute;
                  left: 50%;
                  right: auto;
                  bottom: -4px;
                  top: auto;
                  border-width: 8px 8px 0 8px;
                  border-color: #D55454 transparent transparent transparent;
                  content: ' ';
                  border-style: solid;
                  width: 0;
                  height: 0;
                  display: inline-block; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check00 {
              background: #449568;
              padding: 12px 7px 8px 7px;
              border-radius: 100px;
              color: white;
              text-align: center;
              opacity: 0;
              display: inline;
              position: relative;
              top: 7px; }
              .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check00 .fa {
                font-size: 16px;
                display: inline; }
              .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check00-ok {
                background: #449568; }
              .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check00-ng {
                background: #D55454; }
                .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .check00-ng .fa {
                  padding: 0 1px 1px 2px; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .eq-modu {
              width: 28px;
              height: 39px; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .eq-onu {
              width: 22px;
              height: 61px; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .eq-vdsl {
              width: 16px;
              height: 64px; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .eq-home {
              width: 22px;
              height: 71px; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .eq-onuhome {
              width: 51px;
              height: 71px; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .eq-vdslhome {
              width: 48px;
              height: 71px; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .eq-bb {
              width: 25px;
              height: 80px; }
            .overflow-hidden .check-block .inner .item-box .item-wrap .item-inn .eq-pc {
              width: 57px;
              height: 39px; }
          .overflow-hidden .check-block .inner .item-box .item-wrap #check-id00, .overflow-hidden .check-block .inner .item-box .item-wrap #check-id01, .overflow-hidden .check-block .inner .item-box .item-wrap #check-id02 {
            display: none; }
  .overflow-hidden .main-block {
    position: relative;
    z-index: 200;
    background: transparent;
    left: 30%;
    width: 100%;
    height: 100%; }
    .overflow-hidden .main-block .bg-internet {
      text-align: center;
      z-index: 200;
      height: 100%;
      position: absolute;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto; }
      .overflow-hidden .main-block .bg-internet img {
        height: 100%;
        position: relative;
        z-index: 200; }
      .overflow-hidden .main-block .bg-internet .title {
        position: absolute;
        z-index: 200;
        color: white;
        width: 100%;
        text-align: center;
        top: 10%;
        font-size: 25px;
        font-weight: bold;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .overflow-hidden .main-block .bg-internet .title {
            font-size: 30px;
            top: 15%; } }
      .overflow-hidden .main-block .bg-internet .bg-dammy {
        background: #34517a;
        z-index: 100;
        width: 50%;
        height: 100%;
        position: absolute;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto; }
    .overflow-hidden .main-block .obj-fling-bird, .overflow-hidden .main-block .obj-outer-house, .overflow-hidden .main-block .obj-inner-house {
      display: none;
      height: 100%;
      z-index: 200;
      position: absolute;
      right: 0;
      left: auto;
      top: 0;
      bottom: auto; }
    .overflow-hidden .main-block .bg-main {
      height: 100%;
      position: absolute;
      z-index: 100; }
    .overflow-hidden .main-block .bg-2nd {
      display: none;
      position: absolute;
      z-index: 100;
      width: 100%;
      height: 100%; }
      @media only screen and (min-width: 768px) {
        .overflow-hidden .main-block .bg-2nd {
          width: auto;
          height: 100%; } }
  @media only screen and (min-width: 768px) {
    .overflow-hidden .pc-bg-line {
      z-index: 2;
      background: #9d9d9d;
      position: absolute;
      right: 0;
      left: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%; }
      .overflow-hidden .pc-bg-line .line {
        background: #D55454;
        width: 0%;
        height: 100%; } }
  .overflow-hidden .bg-line {
    background: #D55454;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    @media only screen and (min-width: 768px) {
      .overflow-hidden .bg-line {
        width: 0%; } }
  .overflow-hidden .bg-start {
    background-color: #34517a;
    width: 30%;
    height: 100%;
    z-index: 10;
    position: absolute;
    left: 0; }

.top-menu {
  padding: 30px; }
  .top-menu li {
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold; }
    .top-menu li a {
      display: block;
      background: #5095cf;
      color: white;
      font-size: 30px;
      text-decoration: none;
      padding: 20px; }

.svg-line {
  width: 100%; }
  .svg-line .cls-1 {
    fill: none;
    stroke: #6e5444;
    stroke-width: 6px;
    fill-rule: evenodd; }
  .svg-line #line2 {
    stroke: red;
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    -webkit-animation: heart_line 4s linear 0s infinite;
            animation: heart_line 4s linear 0s infinite; }

@keyframes heart_line {
  0% {
    stroke-dashoffset: 3000; }
  100% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes heart_line {
  0% {
    stroke-dashoffset: 3000; }
  100% {
    stroke-dashoffset: 0; } }

@media screen and (max-width: 767px) {
  .overflow-hidden .check-block .inner .check-moduler {
    left: 16%; }
  .overflow-hidden .check-block .inner .check-nttunit {
    left: 37%; }
  .overflow-hidden .check-block .inner .check-bbunit {
    left: 49%; } }

.openning-loader {
  display: table;
  background: white;
  z-index: 9999;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%; }
  .openning-loader .loader-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .openning-loader p {
    color: #5095cf;
    font-weight: bold;
    font-size: 24px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2; }
  .openning-loader .msg {
    padding: 20px 0 42px 0; }
  .openning-loader .loaders {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #5095cf;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #5095cf), color-stop(42%, rgba(80, 149, 207, 0)));
    background: linear-gradient(to right, #5095cf 10%, rgba(80, 149, 207, 0) 42%);
    background: -webkit-linear-gradient(left, #5095cf 10%, rgba(80, 149, 207, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
    .openning-loader .loaders::before {
      width: 50%;
      height: 50%;
      background: #5095cf;
      border-radius: 100% 0 0 0;
      position: absolute;
      top: 0;
      left: 0;
      content: ''; }
    .openning-loader .loaders::after {
      background: #ffffff;
      width: 75%;
      height: 75%;
      border-radius: 50%;
      content: '';
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
    .openning-loader .loaders.loader-1 {
      border-top-width: 0; }

@-webkit-keyframes spins {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spins {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

html {
  overflow: auto;
  height: 100%; }

body, body.modal-open {
  color: #5A5A5A;
  overflow: hidden;
  -webkit-text-size-adjust: none;
          text-size-adjust: none; }

/*.noon {
  background: -webkit-gradient(linear, left top, left bottom, from(#ABCCE2), color-stop(78.28%, #C5DFED), to(#F2FFFF));
  background: linear-gradient(#ABCCE2 0%, #C5DFED 78.28%, #F2FFFF 100%);
  background: -webkit-linear-gradient(#ABCCE2 0%, #C5DFED 78.28%, #F2FFFF 100%);
  background-color: #000; }

.night {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.89%, #0B3A6B), color-stop(16.57%, #133F6C), color-stop(40.6%, #284E70), color-stop(69.99%, #4B6675), to(#76837C));
  background: linear-gradient(#0B3A6B 0.89%, #133F6C 16.57%, #284E70 40.6%, #4B6675 69.99%, #76837C 100%);
  background: -webkit-linear-gradient(#0B3A6B 0.89%, #133F6C 16.57%, #284E70 40.6%, #4B6675 69.99%, #76837C 100%);
  background-color: #000; }

.evening {
  background: -webkit-gradient(linear, left top, left bottom, from(#E57E47), color-stop(21.53%, #E5824A), color-stop(42.04%, #E78D53), color-stop(62.13%, #E9A063), color-stop(81.84%, #ECBB78), to(#F0DB92));
  background: linear-gradient(#E57E47 0%, #E5824A 21.53%, #E78D53 42.04%, #E9A063 62.13%, #ECBB78 81.84%, #F0DB92 100%);
  background: -webkit-linear-gradient(#E57E47 0%, #E5824A 21.53%, #E78D53 42.04%, #E9A063 62.13%, #ECBB78 81.84%, #F0DB92 100%);
  background-color: #000; }*/

button:active {
  border: 0;
  outline: none; }

button:focus {
  outline: none; }

.topviewbox {
  position: relative;
  top: 0;
  z-index: 700;
  background-position: center;
  background-repeat: repeat-x;
  background-size: auto 100%; }
  .topviewbox .topWeather, .topviewbox .topSky {
    position: absolute;
    top: 0;
    background-size: auto 100%;
    width: 1000%;
    height: 100%;
    width: 1000vw;
    height: 100vh; }
  .topviewbox .topWeather {
    background-repeat: no-repeat;
    position: absolute;
    top: 0px; }
  .topviewbox .topSky {
    background-repeat: repeat-x;
    position: absolute;
    top: 0px; }
  .topviewbox .startbox {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    height: 100%; }
    .topviewbox .startbox .topbtn {
      bottom: 0;
      margin: 0 auto;
      padding: 0;
      font-size: 2.4rem;
      width: 221px;
      height: 50px;
      background-color: #5B97CC;
      color: #fff;
      border-style: none;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      font-weight: bolder;
      white-space: nowrap; }
    .topviewbox .startbox .block-start-space {
      height: 52%;
      width: 100%; }
    .topviewbox .startbox .block-start-title {
      background-color: white;
      width: 100%;
      height: 28.6%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: auto 50%; }
    .topviewbox .startbox .block-start-btn {
      margin-top: 43px;
      height: 145px; }
  .topviewbox .block-logo-air {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    height: 20px;
    margin: 15px 15px 0 0; }
    .topviewbox .block-logo-air img {
      height: 100%; }
  .topviewbox .block-logo-hikari {
    position: absolute;
    top: 0;
    right: 0;
    width: 114px;
    height: 22px;
    margin: 15px 15px 0 0; }
    .topviewbox .block-logo-hikari img {
      height: 100%; }

.loadingbox {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 400; }

.boxviewLong, .lineLDMain {
  position: absolute;
  top: 0px; }

.boxviewLong {
  width: 8000px; }

.boxviewLong {
  background-size: auto 100%;
  background-repeat: repeat-x;
  height: 100%; }

.topSky {
  -webkit-animation: skycloud 30s linear infinite;
  animation: skycloud 30s linear infinite; }

@keyframes skycloud {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
    opacity: 0; }
  10% {
    opacity: 0.5; }
  20% {
    opacity: 1; }
  90% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translate(-400px, 0px);
            transform: translate(-400px, 0px);
    opacity: 0; } }

@-webkit-keyframes skycloud {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
    opacity: 0; }
  10% {
    opacity: 0.5; }
  20% {
    opacity: 1; }
  90% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translate(-400px, 0px);
            transform: translate(-400px, 0px);
    opacity: 0; } }

.airwave, .airwave2, .airwave3, .airwave4 {
  fill: none;
  stroke: #406F84;
  stroke-miterlimit: 10;
  stroke-width: 12px;
  stroke-linecap: round;
  opacity: 0;
  -webkit-animation: air_wave 1.8s linear 1.8s infinite;
  animation: air_wave 1.8s linear 1.8s infinite; }

.airwave2 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.airwave3 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

@-webkit-keyframes air_wave {
  0% {
    stroke-width: 12px;
    -webkit-transform: translate(-500px, 800px);
            transform: translate(-500px, 800px);
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    stroke-width: 6px; }
  100% {
    stroke-width: 0px;
    -webkit-transform: translate(550px, 400px) scale(5, 5);
            transform: translate(550px, 400px) scale(5, 5); } }

@keyframes air_wave {
  0% {
    stroke-width: 12px;
    -webkit-transform: translate(-500px, 800px);
            transform: translate(-500px, 800px);
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    stroke-width: 6px; }
  100% {
    stroke-width: 0px;
    -webkit-transform: translate(550px, 400px) scale(5, 5);
            transform: translate(550px, 400px) scale(5, 5); } }

.line-ld {
  fill: none;
  stroke-miterlimit: 10; }

.lineLDMain .line-ld {
  stroke: #406F84;
  stroke-width: 10px; }

.overflowhidden {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0; }

.roombox {
  position: relative;
  text-align: center;
  margin: 0 auto;
  display: none;
  background-size: auto 100%;
  height: 100%;
  z-index: 500; }
  .roombox .room, .roombox .roomout {
    position: absolute;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 100%; }
    .roombox .room .inroom, .roombox .roomout .inroom {
      margin: 0 auto; }
      .roombox .room .inroom .innerroom, .roombox .roomout .inroom .innerroom {
        padding: 0 9%; }
        .roombox .room .inroom .innerroom .roomitembox, .roombox .roomout .inroom .innerroom .roomitembox {
          padding-top: 38%; }
          .roombox .room .inroom .innerroom .roomitembox .roomitemboxin, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin {
            display: -webkit-flex;
            display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            -webkit-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
                    justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
                    align-items: center;
            height: 100%; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .roomitem, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .roomitem01, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .roomitem02, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .roomitem03, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .roomitem04, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .roomitem, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .roomitem01, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .roomitem02, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .roomitem03, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .roomitem04 {
              position: relative;
              margin: 0; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .roomitem00, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .roomitem00 {
              margin-left: 1px; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .linebg, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .line00, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .line01, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .line02, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .line03, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .line04, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .linebglast, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .linebg, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .line00, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .line01, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .line02, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .line03, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .line04, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .linebglast {
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto 0;
              width: 100%;
              height: 6.2%; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .linebg, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .linebglast, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .linebg, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .linebglast {
              background-color: #ccc; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .linebg, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .linebg {
              left: 0; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .linebglast, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .linebglast {
              right: 15%; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .line00, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .line01, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .line02, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .line03, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .line00, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .line01, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .line02, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .line03 {
              left: -100%;
              background-color: #406F84; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item00, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item01, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item02, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item03, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item00air, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item01air, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item02air, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item00, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item01, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item02, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item03, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item00air, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item01air, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item02air {
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto 0; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item00, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item01, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item02, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item00, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item01, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item02 {
              left: 0; }
            .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item01, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item02, .roombox .room .inroom .innerroom .roomitembox .roomitemboxin .item03, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item01, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item02, .roombox .roomout .inroom .innerroom .roomitembox .roomitemboxin .item03 {
              right: 0; }
          .roombox .room .inroom .innerroom .roomitembox .air-type2, .roombox .roomout .inroom .innerroom .roomitembox .air-type2 {
            padding: 0 7%;
            -webkit-justify-content: space-between;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
  .roombox .dogbox {
    position: relative;
    top: 73.8%;
    left: -40%;
    height: 13%; }
    .roombox .dogbox .dog {
      fill: #676767; }

.balloon-block {
  z-index: 9400;
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto; }
  .balloon-block .cell {
    text-align: center;
    margin: 4.5% auto;
    height: 100%; }
  .balloon-block .balloon-inner {
    display: none;
    background: #FFF;
    padding: 6%;
    color: #5A5A5A;
    position: relative;
    top: 0;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    border: 3px solid #2b91c9;
    font-size: 6rem;
    width: 70%; }
    .balloon-block .balloon-inner .balloon-text {
      font-size: 2.2rem;
      font-weight: bolder; }
    .balloon-block .balloon-inner .balloon-message {
      font-size: 1.6rem; }
    .balloon-block .balloon-inner .balloon-btn,
    .balloon-block .balloon-inner .balloon-sub-btn {
      font-size: 1.8rem;
      color: #FFF;
      padding: 5% 15%;
      border-style: none;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      margin: 0 auto;
      vertical-align: middle; }
  .balloon-block .balloon-inner:before {
    z-index: 9200;
    margin-left: -25px;
    position: absolute;
    left: 50%;
    right: auto;
    bottom: -24px;
    top: auto;
    border-width: 24px 24px 0 25px;
    border-color: black transparent transparent transparent;
    content: ' ';
    border-style: solid;
    width: 0;
    height: 0;
    display: inline-block; }
  .balloon-block .balloon-inner:after {
    z-index: 9200;
    margin-left: -20px;
    position: absolute;
    left: 50%;
    right: auto;
    bottom: -20px;
    top: auto;
    width: 0;
    height: 0;
    border-width: 20px 20px 0 20px;
    border-color: #FFF transparent transparent transparent;
    content: ' ';
    border-style: solid;
    display: inline-block; }

.bl-ok .balloon-inner {
  border-color: #2b91c9; }
  .bl-ok .balloon-inner .balloon-btn,
  .bl-ok .balloon-inner .balloon-sub-btn {
    background: #2b91c9; }

.bl-ok .balloon-inner:before {
  border-color: #2b91c9 transparent transparent transparent; }

.bl-ng .balloon-inner {
  border-color: #D14747; }
  .bl-ng .balloon-inner .balloon-btn,
  .bl-ng .balloon-inner .balloon-sub-btn {
    background: #D14747; }

.bl-ng .balloon-inner:before {
  border-color: #D14747 transparent transparent transparent; }

.room-wave {
  fill: none;
  stroke: #CCC;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

.wave-enable {
  stroke: #406f84;
  opacity: 0; }

.wave-1 {
  stroke-width: 9px; }

.wave-2 {
  stroke-width: 10px; }

.wave-3 {
  stroke-width: 11px; }

.wave-4 {
  stroke-width: 12px; }

.check-balloon, .check-balloon-pointed {
  background: #449568;
  padding: 9px;
  border-radius: 100px;
  color: white;
  text-align: center;
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  opacity: 0; }
  .check-balloon .kata, .check-balloon-pointed .kata {
    font-size: 1.6rem;
    display: inline-block; }

.check-balloon-pointed:after {
  position: absolute;
  left: 8.5px;
  right: auto;
  bottom: -4px;
  top: auto;
  width: 0;
  height: 0;
  border-width: 8.5px 8px 0 8.5px;
  content: ' ';
  border-style: solid;
  display: inline-block; }

.check-ok {
  background: #449568; }
  .check-ok:after {
    border-color: #449568 transparent transparent transparent; }

.check-ng {
  background: #D14747; }
  .check-ng:after {
    border-color: #D14747 transparent transparent transparent; }

#item-id00, #item-id01, #item-id02, #item-id03, #check-id00, #check-id01, #check-id02, #item-id00air, #item-id01air, #item-id02air, #check-id00air, #check-id01air, #check-id02air {
  width: 100%;
  height: 100%; }

#item-id00, #item-id01, #item-id02, #item-id03, #item-id01air, #item-id02air {
  position: absolute;
  left: 0;
  right: auto;
  bottom: 15%;
  top: auto;
  z-index: 8000; }

.c00 {
  left: -30%; }

.c00air {
  left: -24%; }

.c03 {
  left: 15%; }

#check-id00, #check-id01, #check-id02, #check-id00air, #check-id01air {
  position: absolute;
  left: 0;
  right: auto;
  top: 50%;
  bottom: auto;
  z-index: 8000; }
  #check-id00 .check00, #check-id00 .check01, #check-id00 .check02, #check-id01 .check00, #check-id01 .check01, #check-id01 .check02, #check-id02 .check00, #check-id02 .check01, #check-id02 .check02, #check-id00air .check00, #check-id00air .check01, #check-id00air .check02, #check-id01air .check00, #check-id01air .check01, #check-id01air .check02 {
    top: 50%; }
  #check-id00 .check00, #check-id01 .check00, #check-id02 .check00, #check-id00air .check00, #check-id01air .check00 {
    right: -40%; }
  #check-id00 .check01, #check-id00 .check02, #check-id01 .check01, #check-id01 .check02, #check-id02 .check01, #check-id02 .check02, #check-id00air .check01, #check-id00air .check02, #check-id01air .check01, #check-id01air .check02 {
    right: -50%; }
  #check-id00 .check00air, #check-id00 .check01air, #check-id00 .check02air, #check-id01 .check00air, #check-id01 .check01air, #check-id01 .check02air, #check-id02 .check00air, #check-id02 .check01air, #check-id02 .check02air, #check-id00air .check00air, #check-id00air .check01air, #check-id00air .check02air, #check-id01air .check00air, #check-id01air .check01air, #check-id01air .check02air {
    top: 50%; }
  #check-id00 .check00air, #check-id01 .check00air, #check-id02 .check00air, #check-id00air .check00air, #check-id01air .check00air {
    right: -40%; }
  #check-id00 .check01air, #check-id00 .check02air, #check-id01 .check01air, #check-id01 .check02air, #check-id02 .check01air, #check-id02 .check02air, #check-id00air .check01air, #check-id00air .check02air, #check-id01air .check01air, #check-id01air .check02air {
    right: -50%; }

.overlay {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.75); }

.overlay-advice-loader {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }

.dialog-box {
  display: none;
  color: #5A5A5A;
  z-index: 9000; }
  .dialog-box .modal-wrap {
    padding: 24px 20px 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .dialog-box .modal-text {
    display: none;
    color: #FFF;
    margin-bottom: 26px; }
    .dialog-box .modal-text .title {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.6;
      font-weight: bold;
      margin-bottom: 10px; }
    .dialog-box .modal-text .discription {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5; }
  .dialog-box .advice-list {
    width: 100%;
    display: none;
    margin-bottom: 20px; }
    .dialog-box .advice-list li {
      position: relative;
      background: white;
      border-bottom: 1px solid #CCC;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-between;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 20px; }
      .dialog-box .advice-list li:hover, .dialog-box .advice-list li:active {
        background-color: #EDEDED; }
      .dialog-box .advice-list li .advice-detail {
        font-size: 1.6rem;
        vertical-align: middle;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        /* Safari */
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .dialog-box .advice-list li .advice-detail .thumbnail {
          max-width: 60px;
          padding-right: 20px; }
          .dialog-box .advice-list li .advice-detail .thumbnail img {
            max-width: 60px;
            vertical-align: middle; }
        .dialog-box .advice-list li .advice-detail .thumbnail-discription {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
        .dialog-box .advice-list li .advice-detail a {
          text-decoration: none;
          color: #5A5A5A; }
      .dialog-box .advice-list li .arrow {
        text-align: right;
        width: 16px;
        font-size: 16px;
        padding-left: 20px; }
      .dialog-box .advice-list li .out {
        text-align: right;
        width: 40px; }
        .dialog-box .advice-list li .out .k-external {
          font-size: 1.6rem; }
    .dialog-box .advice-list li:first-child {
      border-radius: 5px 5px 0 0; }
    .dialog-box .advice-list li:last-child {
      border-radius: 0 0 5px 5px;
      border: none; }
    .dialog-box .advice-list li.video {
      padding: 0;
      max-width: 100%; }
      .dialog-box .advice-list li.video img, .dialog-box .advice-list li.video video {
        max-width: 100%;
        border-radius: 5px 5px 0px 0px;
        border: none; }
  .dialog-box .select-list, .dialog-box .select-list-1, .dialog-box .select-list-2 {
    display: none;
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
    .dialog-box .select-list li, .dialog-box .select-list-1 li, .dialog-box .select-list-2 li {
      position: relative;
      background: white;
      border-bottom: 1px solid #CCC;
      padding: 20px 10px 20px 15px; }
    .dialog-box .select-list li:first-child, .dialog-box .select-list-1 li:first-child, .dialog-box .select-list-2 li:first-child {
      border-radius: 5px 5px 0 0; }
    .dialog-box .select-list li:last-child, .dialog-box .select-list-1 li:last-child, .dialog-box .select-list-2 li:last-child {
      border-radius: 0 0 5px 5px;
      border: none; }
    .dialog-box .select-list .machine, .dialog-box .select-list-1 .machine, .dialog-box .select-list-2 .machine {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 18px; }
      .dialog-box .select-list .machine:hover, .dialog-box .select-list .machine:active, .dialog-box .select-list-1 .machine:hover, .dialog-box .select-list-1 .machine:active, .dialog-box .select-list-2 .machine:hover, .dialog-box .select-list-2 .machine:active {
        background-color: #EDEDED; }
      .dialog-box .select-list .machine .machine-image, .dialog-box .select-list-1 .machine .machine-image, .dialog-box .select-list-2 .machine .machine-image {
        width: 60px;
        padding-right: 15px; }
        .dialog-box .select-list .machine .machine-image img, .dialog-box .select-list-1 .machine .machine-image img, .dialog-box .select-list-2 .machine .machine-image img {
          max-width: 60px;
          vertical-align: middle; }
      .dialog-box .select-list .machine .arrow, .dialog-box .select-list-1 .machine .arrow, .dialog-box .select-list-2 .machine .arrow {
        text-align: right;
        width: 16px;
        font-size: 16px;
        padding-left: 10px; }
  .dialog-box .select-list .machine .machine-detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5; }
  .dialog-box .select-list-0 {
    display: none;
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
    .dialog-box .select-list-0 li {
      position: relative;
      background: white;
      padding: 20px 10px 20px 15px;
      border-radius: 5px;
      border: none;
      font-size: 14px; }
    .dialog-box .select-list-0 .machine {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .dialog-box .select-list-0 .machine .machine-image {
        width: 60px;
        padding-right: 15px; }
        .dialog-box .select-list-0 .machine .machine-image img {
          max-width: 60px;
          vertical-align: middle; }
      .dialog-box .select-list-0 .machine .comment {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5; }
  .dialog-box .select-list-0 .machine-detail, .dialog-box .select-list-1 .machine-detail, .dialog-box .select-list-2 .machine-detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .dialog-box .select-list-0 .machine-detail .machine-name, .dialog-box .select-list-1 .machine-detail .machine-name, .dialog-box .select-list-2 .machine-detail .machine-name {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;
      font-weight: bold; }
    .dialog-box .select-list-0 .machine-detail .example, .dialog-box .select-list-1 .machine-detail .example, .dialog-box .select-list-2 .machine-detail .example {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.71429; }
  .dialog-box .lamp-select-list {
    display: none; }
  .dialog-box .lamp-select-list {
    width: 100%;
    margin-bottom: 20px; }
    .dialog-box .lamp-select-list li {
      background: white;
      border-bottom: 1px solid #CCC;
      padding: 20px; }
      .dialog-box .lamp-select-list li.units {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        border-top: 1px solid #ccc;
        border-bottom: 2px solid #5095CF;
        color: #5095CF;
        padding: 25px;
        font-weight: bold; }
        .dialog-box .lamp-select-list li.units img {
          height: 60px;
          margin-right: 15px; }
        .dialog-box .lamp-select-list li.units .machine-name {
          font-size: 1.8rem; }
      .dialog-box .lamp-select-list li.led-list:hover, .dialog-box .lamp-select-list li.led-list:active {
        background-color: #EDEDED; }
      .dialog-box .lamp-select-list li.disabled {
        color: #CCC; }
        .dialog-box .lamp-select-list li.disabled:hover, .dialog-box .lamp-select-list li.disabled:active {
          background-color: #FFF; }
        .dialog-box .lamp-select-list li.disabled .led-right .k-arrow-black-double {
          display: none; }
      .dialog-box .lamp-select-list li:first-child {
        border-radius: 5px 5px 0 0;
        border-top: none; }
      .dialog-box .lamp-select-list li:last-child {
        border-radius: 0 0 5px 5px;
        border: none; }
  .dialog-box .diagnosis-btn-box, .dialog-box .rediagnosis-btn-box {
    display: none;
    width: 100%;
    margin-bottom: 20px; }
  .dialog-box .diagnosis-btn {
    font-weight: bold;
    color: #FFF;
    background-color: #5B97CC;
    font-size: 1.6rem;
    padding: 25px;
    width: 100%;
    border-style: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 4px #31638F;
    -moz-box-shadow: 0px  #31638F;
    -webkit-box-shadow: 0px 4px #31638F;
    margin: 0 auto 20px auto; }
    .dialog-box .diagnosis-btn[disabled] {
      background: #cccccc;
      color: white;
      -webkit-box-shadow: 0px 4px #9b9b9b;
              box-shadow: 0px 4px #9b9b9b; }
  .dialog-box .disable {
    background-color: #CCC;
    -webkit-box-shadow: 0px 4px #6B6B6B;
            box-shadow: 0px 4px #6B6B6B; }

.inform {
  display: none;
  text-align: center;
  z-index: 9100;
  width: 100%;
  height: 100%; }
  .inform .inform-inner {
    text-align: center;
    color: #FFF;
    margin-bottom: 20px;
    padding: 0 15px; }
    .inform .inform-inner .icon {
      margin-top: 16%;
      font-size: 60px; }
    .inform .inform-inner .title {
      margin-top: 40px;
      margin-bottom: 32px;
      font-size: 25px;
      font-weight: bold; }
    .inform .inform-inner .discription {
      text-align: left;
      font-size: 16px; }
    .inform .inform-inner .result-btn {
      color: #000;
      background-color: #FFF;
      font-size: 18px;
      padding: 20px;
      width: 100%;
      border-style: none;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      box-shadow: 0px 4px #CCC;
      -moz-box-shadow: 0px  #CCC;
      -webkit-box-shadow: 0px 4px #CCC;
      margin: 40px auto 0 auto; }

.led-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  font-size: 1.6rem;
  -webkit-tap-highlight-color: #EDEDED; }
  .led-list .led-left {
    width: 60%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .led-list:hover, .led-list:active, .led-list:focus {
    background-color: #EDEDED; }

.led {
  border-radius: 1000px;
  display: inline-block;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  width: 24px;
  height: 24px; }
  .led:after {
    background: rgba(255, 255, 255, 0.65);
    border-radius: 30px / 45px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
        transform: rotate(35deg);
    content: "";
    position: absolute;
    left: 4px;
    right: auto;
    top: 2px;
    bottom: auto;
    width: 8px;
    height: 12px; }

.color-down {
  border: 1px dashed #CCC;
  color: #CCC; }
  .color-down.led::after {
    display: none; }

.color-gray {
  background: #CCC; }

.color-red {
  background: #e60000; }

.color-orange {
  background: #e66400; }

.color-green {
  background: #00c800; }

.color-blue {
  background: #0000FF; }

.blink-led {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear; }

.color-red-blink {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-animation: key-red-blink 0.3s ease -1s infinite alternate;
  animation: key-red-blink 0.3s ease -1s infinite alternate; }

.color-orange-blink {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-animation: key-orange-blink 0.3s ease -1s infinite alternate;
  animation: key-orange-blink 0.3s ease -1s infinite alternate; }

.color-green-blink {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-animation: key-green-blink 0.3s ease -1s infinite alternate;
  animation: key-green-blink 0.3s ease -1s infinite alternate; }

.color-green-blink-slow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.8s linear;
  transition: all 0.8s linear;
  -webkit-animation: key-green-blink 0.6s ease -1s infinite alternate;
  animation: key-green-blink 0.6s ease -1s infinite alternate; }

.color-green-blink-fast {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-animation: key-green-blink 0.2s ease -1s infinite alternate;
  animation: key-green-blink 0.2s ease -1s infinite alternate; }

.color-blue-blink {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-animation: key-blue-blink 0.3s ease -1s infinite alternate;
  animation: key-blue-blink 0.3s ease -1s infinite alternate; }

.color-blue-blink-other01 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 3s linear;
  transition: all 3s linear;
  -webkit-animation: key-blue-blink-other01 3s ease infinite;
  animation: key-blue-blink-other01 3s ease infinite; }

.color-pink-blink {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-animation: key-pink-blink 0.3s ease -1s infinite alternate;
  animation: key-pink-blink 0.3s ease -1s infinite alternate; }

@-webkit-keyframes key-red-blink {
  from {
    background: #e60000; }
  to {
    background: #ffb3b3; } }

@keyframes key-red-blink {
  from {
    background: #e60000; }
  to {
    background: #ffb3b3; } }

@-webkit-keyframes key-orange-blink {
  from {
    background: #e66400; }
  to {
    background: #ffd4b3; } }

@keyframes key-orange-blink {
  from {
    background: #e66400; }
  to {
    background: #ffd4b3; } }

@-webkit-keyframes key-green-blink {
  from {
    background: #00c800; }
  to {
    background: #95ff95; } }

@keyframes key-green-blink {
  from {
    background: #00c800; }
  to {
    background: #95ff95; } }

@-webkit-keyframes key-blue-blink {
  from {
    background: #0043FF; }
  to {
    background: #64A3FF; } }

@keyframes key-blue-blink {
  from {
    background: #0043FF; }
  to {
    background: #64A3FF; } }

@-webkit-keyframes key-blue-blink-other01 {
  0% {
    background: #64A3FF; }
  4% {
    background: #0043FF; }
  12% {
    background: #64A3FF; }
  20% {
    background: #0043FF; }
  28% {
    background: #64A3FF; }
  36% {
    background: #0043FF; }
  44% {
    background: #64A3FF; }
  51% {
    background: #0043FF; }
  96% {
    background: #0043FF; }
  100% {
    background: #64A3FF; } }

@keyframes key-blue-blink-other01 {
  0% {
    background: #64A3FF; }
  4% {
    background: #0043FF; }
  12% {
    background: #64A3FF; }
  20% {
    background: #0043FF; }
  28% {
    background: #64A3FF; }
  36% {
    background: #0043FF; }
  44% {
    background: #64A3FF; }
  51% {
    background: #0043FF; }
  96% {
    background: #0043FF; }
  100% {
    background: #64A3FF; } }

@-webkit-keyframes key-pink-blink {
  from {
    background: #f2a6e4; }
  to {
    background: white; } }

@keyframes key-pink-blink {
  from {
    background: #f2a6e4; }
  to {
    background: white; } }

.dialog-btn-box {
  width: 100%;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: none; }
  .dialog-btn-box .btn-wrap {
    width: 46%; }
    .dialog-btn-box .btn-wrap .back-btn {
      color: #FFF;
      background-color: #999;
      font-size: 1.6rem;
      padding: 25px;
      width: 100%;
      border-style: none;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 0px 4px #6B6B6B;
      -moz-box-shadow: 0px  #6B6B6B;
      -webkit-box-shadow: 0px 4px #6B6B6B;
      margin: 0 auto 20px auto; }
      .dialog-btn-box .btn-wrap .back-btn .k-arrow-rewind {
        font-weight: bold; }

.dialog-box-2 {
  display: none;
  position: absolute;
  z-index: 9100; }
  .dialog-box-2 li {
    background: white;
    border-bottom: 1px solid #CCC;
    padding: 20px;
    font-size: 1.8rem; }
  .dialog-box-2 .select-led {
    border-bottom: 2px solid #5095CF; }
    .dialog-box-2 .select-led .led-type {
      font-size: 2rem;
      color: #5095CF;
      font-weight: bold; }
  .dialog-box-2 li:first-child {
    border-top: none; }
  .dialog-box-2 li:last-child {
    border-bottom: none; }
  .dialog-box-2 .modal-wrap {
    padding: 39px 35px 0;
    overflow-y: auto;
    overflow-x: hidden; }
  .dialog-box-2 .lamp-select-list-2 {
    width: 100%;
    display: none;
    margin-bottom: 20px; }
    .dialog-box-2 .lamp-select-list-2 .led {
      margin-top: 0.7%; }
    .dialog-box-2 .lamp-select-list-2 .select-led-close {
      border-top: 1px solid #ccc;
      text-align: center;
      padding: 20px;
      font-weight: bold; }
      .dialog-box-2 .lamp-select-list-2 .select-led-close:hover, .dialog-box-2 .lamp-select-list-2 .select-led-close:active {
        background-color: #EDEDED; }

.end-diagnosis-box {
  display: none;
  text-align: center;
  z-index: 9100;
  width: 100%;
  height: 100%; }
  .end-diagnosis-box .end-box {
    width: 100%;
    height: 100%;
    position: relative; }
    .end-diagnosis-box .end-box .end-space {
      height: 50px; }
    .end-diagnosis-box .end-box .end-line {
      position: relative;
      margin: auto;
      width: 100%;
      height: auto;
      background-color: #4D94D1;
      color: white;
      padding: 8% 0 9% 0;
      margin-bottom: 20px; }
      .end-diagnosis-box .end-box .end-line .check {
        background: #52855C;
        padding: 7px 7px 7px 8px;
        border-radius: 50px;
        display: inline-block;
        font-size: 16px;
        margin-bottom: 5px; }
      .end-diagnosis-box .end-box .end-line .end-text {
        font-size: 20px;
        padding-top: 5px;
        padding-left: 10px;
        font-weight: bold;
        display: inline-block;
        vertical-align: bottom; }
      .end-diagnosis-box .end-box .end-line .end-discription {
        margin-top: 20px;
        font-size: 16px; }
    .end-diagnosis-box .end-box .btn-wrap {
      position: static;
      width: 100%; }
      .end-diagnosis-box .end-box .btn-wrap .close-btn {
        color: #FFF;
        background-color: #999;
        font-size: 20px;
        padding: 15px 10px;
        width: 300px;
        border-style: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0px 4px #6B6B6B;
        -moz-box-shadow: 0px  #6B6B6B;
        -webkit-box-shadow: 0px 4px #6B6B6B;
        margin-bottom: 20px; }

.err-diagnosis-box {
  display: none;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
  z-index: 9200; }
  .err-diagnosis-box .err-box {
    width: 100%;
    height: 100%; }
    .err-diagnosis-box .err-box .err-MSG {
      color: #FFF;
      padding: 24px 20px 26px;
      text-align: left; }
      .err-diagnosis-box .err-box .err-MSG .title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.6;
        font-weight: bold;
        margin-bottom: 10px; }
      .err-diagnosis-box .err-box .err-MSG .discription {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: left; }
    .err-diagnosis-box .err-box .err-line {
      width: 100%;
      height: auto;
      background-color: #EDEDED;
      padding: 16px 0 25px;
      margin-bottom: 20px; }
      .err-diagnosis-box .err-box .err-line .err-text {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: bold;
        text-align: left;
        padding: 0 20px; }
      .err-diagnosis-box .err-box .err-line .err-discription {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: left;
        padding: 12px 20px 16px; }
    .err-diagnosis-box .err-box .err-tel-btn {
      color: #FFF;
      background-color: #5095cf;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1;
      padding: 25px 10px;
      width: 300px;
      font-weight: bolder;
      border-style: none;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 0px 4px #31638F;
      -moz-box-shadow: 0px  #31638F;
      -webkit-box-shadow: 0px 4px #31638F;
      margin: 10px auto 0 auto;
      display: block;
      text-decoration: none; }
      .err-diagnosis-box .err-box .err-tel-btn[disabled] {
        background: #cccccc;
        color: white;
        -webkit-box-shadow: 0px 4px #9b9b9b;
                box-shadow: 0px 4px #9b9b9b; }
    @media screen and (max-width: 339px) {
      .err-diagnosis-box .err-box .err-tel-btn {
        width: 90%; } }
    .err-diagnosis-box .err-box .close-btn {
      position: static;
      color: #FFF;
      background-color: #999;
      font-size: 20px;
      padding: 25px 10px;
      width: 90%;
      border-style: none;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 0px 4px #F5F5F5;
      -moz-box-shadow: 0px  #6B6B6B;
      -webkit-box-shadow: 0px 4px #6B6B6B;
      margin-bottom: 20px; }

.err-diagnosis-box .questionnaire-wrapper, .end-diagnosis-box .questionnaire-wrapper {
  padding: 24px 20px 25px; }
  .err-diagnosis-box .questionnaire-wrapper .title, .end-diagnosis-box .questionnaire-wrapper .title {
    color: #FFF;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: left; }
  .err-diagnosis-box .questionnaire-wrapper .discription, .end-diagnosis-box .questionnaire-wrapper .discription {
    color: #FFF;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 20px; }
  .err-diagnosis-box .questionnaire-wrapper .select-list, .end-diagnosis-box .questionnaire-wrapper .select-list {
    width: 100%;
    height: auto;
    margin-bottom: 30px; }
    .err-diagnosis-box .questionnaire-wrapper .select-list li, .end-diagnosis-box .questionnaire-wrapper .select-list li {
      position: relative;
      background: white;
      border-bottom: 1px solid #CCC; }
      .err-diagnosis-box .questionnaire-wrapper .select-list li:hover, .err-diagnosis-box .questionnaire-wrapper .select-list li:active, .end-diagnosis-box .questionnaire-wrapper .select-list li:hover, .end-diagnosis-box .questionnaire-wrapper .select-list li:active {
        background-color: #EDEDED; }
      .err-diagnosis-box .questionnaire-wrapper .select-list li .radio-wrapper, .end-diagnosis-box .questionnaire-wrapper .select-list li .radio-wrapper {
        display: block;
        padding: 20px 10px 20px 15px; }
      .err-diagnosis-box .questionnaire-wrapper .select-list li .form-group, .end-diagnosis-box .questionnaire-wrapper .select-list li .form-group {
        text-align: left; }
    .err-diagnosis-box .questionnaire-wrapper .select-list li:first-child, .end-diagnosis-box .questionnaire-wrapper .select-list li:first-child {
      border-radius: 5px 5px 0 0; }
    .err-diagnosis-box .questionnaire-wrapper .select-list li:last-child, .end-diagnosis-box .questionnaire-wrapper .select-list li:last-child {
      border-radius: 0 0 5px 5px;
      border: none; }
  .err-diagnosis-box .questionnaire-wrapper textarea, .end-diagnosis-box .questionnaire-wrapper textarea {
    margin-bottom: 10px; }
  .err-diagnosis-box .questionnaire-wrapper .err-tel-btn, .end-diagnosis-box .questionnaire-wrapper .err-tel-btn {
    width: 100%;
    color: #FFF;
    background-color: #5095cf;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    padding: 25px 10px;
    font-weight: bolder;
    border-style: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 4px #31638F;
    -moz-box-shadow: 0px  #31638F;
    -webkit-box-shadow: 0px 4px #31638F;
    margin: 10px auto 0 auto; }
    .err-diagnosis-box .questionnaire-wrapper .err-tel-btn[disabled], .end-diagnosis-box .questionnaire-wrapper .err-tel-btn[disabled] {
      background: #cccccc;
      color: white;
      -webkit-box-shadow: 0px 4px #9b9b9b;
              box-shadow: 0px 4px #9b9b9b; }

.alert-box {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: auto;
  min-height: 100%;
  background-color: #FFF;
  z-index: 9300; }
  .alert-box .content {
    text-align: center;
    margin: 80px 20px 24.7% 20px; }
    .alert-box .content .icon {
      text-align: center;
      font-size: 64px;
      color: #D14747;
      margin-bottom: 20px; }
    .alert-box .content .title {
      color: #D14747;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 25px; }
    .alert-box .content .discription {
      font-size: 18px;
      margin-bottom: 60px; }
    .alert-box .content .customer-btn {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #FFF;
      font-weight: bolder;
      background-color: #5B97CC;
      font-size: 18px;
      padding: 25px 10px;
      width: 100%;
      border-style: none;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 5px;
      box-shadow: 0px 4px #31638F;
      -moz-box-shadow: 0px  #31638F;
      -webkit-box-shadow: 0px 4px #31638F;
      margin-bottom: 25px; }

.loader-box {
  text-align: center;
  overflow: hidden;
  z-index: 9990;
  display: none; }
  .loader-box .loader-wrap {
    margin-top: -7%;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .loader-box .loader-wrap .loader-line {
      width: 100%;
      height: 20%;
      background-color: #4D94D1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .loader-box .loader-wrap .loader-line .loading {
        width: 100%;
        height: 34%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .loader-box .loader-wrap .loader-line .loading .text {
          color: #FFF;
          display: inline-block;
          font-size: 18px;
          font-family: 'Lucida Grande';
          margin-right: 10px; }
        .loader-box .loader-wrap .loader-line .loading .loading-ball {
          width: 10px;
          height: 10px;
          display: inline-block; }
        .loader-box .loader-wrap .loader-line .loading .loading-ball .ball {
          width: 12px;
          height: 12px; }
        .loader-box .loader-wrap .loader-line .loading .loading-ball .shadow {
          position: relative;
          width: 12px;
          height: 3px;
          top: 10px; }

.advice-loader-box {
  overflow: hidden;
  z-index: 9995;
  display: none; }
  .advice-loader-box .loader-line {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
    width: 100%;
    height: 8.5%;
    background-color: #4D94D1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .advice-loader-box .loader-line .loading {
      width: 100%;
      text-align: right; }
      .advice-loader-box .loader-line .loading .text {
        color: #FFF;
        display: inline-block;
        font-size: 18px;
        padding-right: 10px;
        font-family: 'Lucida Grande';
        font-weight: normal; }
      .advice-loader-box .loader-line .loading .loading-ball {
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-right: 15px; }
      .advice-loader-box .loader-line .loading .loading-ball .ball {
        width: 10px;
        height: 10px; }
      .advice-loader-box .loader-line .loading .loading-ball .shadow {
        position: relative;
        width: 10px;
        height: 3px;
        top: 9px; }

.ball-base {
  position: absolute;
  border-radius: 15px;
  background-color: #FFF;
  -webkit-animation: loadingball 1s ease-out infinite;
  animation: loadingball 1s ease-out infinite;
  z-index: 2; }

.shadow-base {
  -webkit-animation: loadingball-shadow 1s infinite;
  animation: loadingball-shadow 1s infinite;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

@-webkit-keyframes loadingball {
  10% {
    -webkit-transform: translate(0, -2px) scale(0.8, 1.2);
            transform: translate(0, -2px) scale(0.8, 1.2); }
  15% {
    -webkit-transform: translate(0, -10px) scale(0.8, 1.2);
            transform: translate(0, -10px) scale(0.8, 1.2); }
  20% {
    -webkit-transform: translate(0, -10px) scale(1, 1);
            transform: translate(0, -10px) scale(1, 1); }
  25% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); }
  30% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }
  35% {
    -webkit-transform: translate(0, 3px) scale(1.2, 0.8);
            transform: translate(0, 3px) scale(1.2, 0.8); }
  40% {
    -webkit-transform: translate(0, 5px) scale(1.5, 0.5);
            transform: translate(0, 5px) scale(1.5, 0.5); }
  45% {
    -webkit-transform: translate(0, 3px) scale(1.2, 0.8);
            transform: translate(0, 3px) scale(1.2, 0.8); }
  50% {
    -webkit-transform: translate(0, 0) scale(1, 1);
            transform: translate(0, 0) scale(1, 1); } }

@keyframes loadingball {
  10% {
    -webkit-transform: translate(0, -2px) scale(0.8, 1.2);
            transform: translate(0, -2px) scale(0.8, 1.2); }
  15% {
    -webkit-transform: translate(0, -10px) scale(0.8, 1.2);
            transform: translate(0, -10px) scale(0.8, 1.2); }
  20% {
    -webkit-transform: translate(0, -10px) scale(1, 1);
            transform: translate(0, -10px) scale(1, 1); }
  25% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); }
  30% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }
  35% {
    -webkit-transform: translate(0, 3px) scale(1.2, 0.8);
            transform: translate(0, 3px) scale(1.2, 0.8); }
  40% {
    -webkit-transform: translate(0, 5px) scale(1.5, 0.5);
            transform: translate(0, 5px) scale(1.5, 0.5); }
  45% {
    -webkit-transform: translate(0, 3px) scale(1.2, 0.8);
            transform: translate(0, 3px) scale(1.2, 0.8); }
  50% {
    -webkit-transform: translate(0, 0) scale(1, 1);
            transform: translate(0, 0) scale(1, 1); } }

@-webkit-keyframes loadingball-shadow {
  10% {
    -webkit-transform: scale(0.8, 1);
            transform: scale(0.8, 1); }
  15% {
    -webkit-transform: scale(0.5, 1);
            transform: scale(0.5, 1); }
  20% {
    -webkit-transform: scale(0.5, 0, 8);
            transform: scale(0.5, 0, 8); }
  35% {
    -webkit-transform: scale(1.2, 1);
            transform: scale(1.2, 1); }
  40% {
    -webkit-transform: scale(1.5, 1);
            transform: scale(1.5, 1); }
  45% {
    -webkit-transform: scale(1.2, 1);
            transform: scale(1.2, 1); }
  50% {
    -webkit-transform: translate(0, 0) scale(1, 1);
            transform: translate(0, 0) scale(1, 1); } }

@keyframes loadingball-shadow {
  10% {
    -webkit-transform: scale(0.8, 1);
            transform: scale(0.8, 1); }
  15% {
    -webkit-transform: scale(0.5, 1);
            transform: scale(0.5, 1); }
  20% {
    -webkit-transform: scale(0.5, 0, 8);
            transform: scale(0.5, 0, 8); }
  35% {
    -webkit-transform: scale(1.2, 1);
            transform: scale(1.2, 1); }
  40% {
    -webkit-transform: scale(1.5, 1);
            transform: scale(1.5, 1); }
  45% {
    -webkit-transform: scale(1.2, 1);
            transform: scale(1.2, 1); }
  50% {
    -webkit-transform: translate(0, 0) scale(1, 1);
            transform: translate(0, 0) scale(1, 1); } }

@media screen and (min-width: 768px) {
  .topviewbox .startbox {
    text-align: center; }
    .topviewbox .startbox .titlebox {
      width: 580px;
      margin: auto;
      background-position: center;
      background-repeat: no-repeat;
      background-size: auto 52%;
      text-align: center;
      height: 52%; }
    .topviewbox .startbox .block-start-btn {
      margin-top: 40px; }
    .topviewbox .startbox .topbtn {
      padding: 0;
      width: 250px;
      border-radius: 70px;
      -moz-border-radius: 70px;
      -webkit-border-radius: 70px;
      font-weight: bolder; }
  .topviewbox .block-logo-air {
    width: 251px;
    height: 40px;
    margin: 30px 30px 0 0; }
  .topviewbox .block-logo-hikari {
    width: 229px;
    height: 44px;
    margin: 30px 30px 0 0; } }

@media screen and (min-width: 568px) {
  .questionnaire-wrapper {
    width: 500px;
    margin: auto; }
  .balloon-block .cell {
    margin-top: 4.5%;
    text-align: center; }
  .balloon-block .balloon-inner {
    position: absolute;
    width: 500px;
    padding: 10px;
    margin-top: 3%;
    left: 0%;
    right: 0%; }
    .balloon-block .balloon-inner .balloon-btn,
    .balloon-block .balloon-inner .balloon-sub-btn {
      color: #FFF;
      padding: 2% 8%; }
  .dialog-box-2 .modal-wrap {
    display: block; }
  .dialog-box-2 .lamp-select-list-2 {
    width: 480px;
    margin: auto;
    margin-bottom: 40px; }
  .dialog-box .modal-wrap {
    overflow-y: auto;
    overflow-x: hidden; }
  .dialog-box .modal-text, .dialog-box .dialog-btn-box, .dialog-box .diagnosis-btn-box, .dialog-box .rediagnosis-btn-box, .dialog-box .advice-list, .dialog-box .select-list, .dialog-box .select-list-0, .dialog-box .select-list-1, .dialog-box .select-list-2, .dialog-box .lamp-select-list {
    width: 500px;
    margin: auto;
    margin-bottom: 20px; }
  .dialog-box .modal-text {
    margin: 0 auto 20px auto; }
  .dialog-box .dialog-btn-box {
    margin-top: 10px; }
    .dialog-box .dialog-btn-box .btn-wrap .back-btn {
      font-size: 1.8rem;
      padding: 25px;
      width: 217px;
      margin-bottom: 25px; }
  .dialog-box .diagnosis-btn-box {
    margin-top: 10px; }
    .dialog-box .diagnosis-btn-box .btn-wrap .diagnosis-btn {
      font-size: 1.8rem;
      padding: 20px;
      width: 500px;
      height: 66px;
      margin-bottom: 25px; }
  .dialog-box .rediagnosis-btn-box {
    margin-top: 10px; }
    .dialog-box .rediagnosis-btn-box .btn-wrap .rediagnosis-btn {
      font-size: 1.8rem;
      padding: 20px;
      width: 500px;
      height: 66px;
      margin-bottom: 25px; }
  .end-diagnosis-box {
    display: none; }
    .end-diagnosis-box .end-box .end-line {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: auto;
      background-color: #4D94D1;
      color: white;
      padding: 30px 0 40px 0; }
    .end-diagnosis-box .end-box .btn-wrap {
      position: static;
      width: 100%; }
  .err-diagnosis-box {
    overflow-y: scroll;
    display: none; }
    .err-diagnosis-box .err-box {
      margin-bottom: 40px; }
      .err-diagnosis-box .err-box .err-MSG {
        width: 442px;
        padding: 26px;
        margin: 0 auto; }
      .err-diagnosis-box .err-box .err-line {
        height: auto;
        padding: 26px 0; }
        .err-diagnosis-box .err-box .err-line .check {
          background: #D14747;
          padding: 6px 6px 6px 7px;
          border-radius: 50px;
          display: inline-block;
          text-align: left; }
        .err-diagnosis-box .err-box .err-line .err-text {
          width: 442px;
          padding: 0 24px;
          margin: 0;
          font-weight: bolder;
          display: inline-block;
          text-align: left; }
        .err-diagnosis-box .err-box .err-line .err-discription {
          padding: 20px 30px 30px 30px;
          text-align: left; }
        .err-diagnosis-box .err-box .err-line .err-tel-btn {
          width: 300px; }
      .err-diagnosis-box .err-box .close-btn {
        position: static;
        width: 442px;
        margin-bottom: 25px; }
  .advice-loader-box {
    height: 100%; }
    .advice-loader-box .loader-line {
      height: 54px; }
      .advice-loader-box .loader-line .loading {
        margin: 0 auto; }
        .advice-loader-box .loader-line .loading .text {
          font-size: 2rem;
          font-family: 'Lucida Grande';
          font-weight: normal; }
  .err-wrap {
    width: 500px;
    margin: 0 auto; }
  .inform .inform-inner {
    width: 500px;
    display: none;
    color: #FFF;
    margin-left: auto;
    margin-right: auto; }
    .inform .inform-inner .result-btn {
      color: #000;
      background-color: #FFF;
      padding: 25px;
      width: 100%;
      border-style: none;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      box-shadow: 0px 4px #CCC;
      -moz-box-shadow: 0px  #CCC;
      -webkit-box-shadow: 0px 4px #CCC;
      margin-bottom: 25px; }
  .alert-box {
    overflow-y: scroll; }
    .alert-box .content {
      text-align: center;
      width: 500px;
      margin-left: auto;
      margin-right: auto; } }
.is-pc {
    display: block !important;
}
.is-sp {
    display: none !important;
}
.self-title {
    width: 100%;
    height: 100vh;
    background-color: #eeeeee;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 600px) {
    .self-title__header,
    .self-title__footer {
        width: 90%;
    }
}
.self-title__header {
    padding: 40px 20px 0;
    box-sizing: border-box;
    max-width: 500px;
    width: 100%;
}
.self-title__header figure img {
    width: 100%;
}
.self-title__footer {
    max-width: 500px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
.self-title__footer figure img {
    width: 100%;
}
.self-btn:hover {
    background-color: #2c2c2c;
}
@media (max-width: 600px) {
    .is-sp {
        display: block !important;
    }
    .is-pc {
        display: none !important;
    }
    .self-title__footer {
        padding-bottom: 40%;
    }
    .topviewbox .startbox .block-start-space {
      height: 43% !important;
    }
}