@charset "UTF-8";
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  background: #fff;
  font-size: 14px;
  line-height: 1.3;
  font-weight: normal;
}

#main_area {
  padding: 0;
}

.scblue {
  color: #0071bd;
}

.bg_scblue {
  background-color: #0071bd;
}

.bg_white {
  background-color: #ffffff;
}

.bg_cream {
  background-color: #fffeed;
}

.bg_gray {
  background-color: #a5a5a5;
}

.bg_lightblue {
  background-color: #dcffff;
}

.bg_lightgreen {
  background-color: #dbf2b2;
}

.bg_lightpurple {
  background-color: #e6e6fa;
}

.bg_lightorange {
  background-color: #ffdead;
}

.bg_lightyellow {
  background-color: #ffefa5;
}

.bg_lightpink {
  background-color: #fbcdc9;
}

.bg_lightgray {
  background-color: #cccccc;
}

.bg_lightred {
  background-color: #ffb0a5;
}

.bg_darkgray {
  background-color: #727272;
}

@media print {
  .bg_scblue {
    background-color: #0071bd !important;
  }

  .bg_white {
    background-color: #ffffff !important;
  }

  .bg_cream {
    background-color: #fffeed !important;
  }

  .bg_gray {
    background-color: #a5a5a5 !important;
  }

  .bg_lightblue {
    background-color: #dcffff !important;
  }

  .bg_lightgreen {
    background-color: #dbf2b2 !important;
  }

  .bg_lightpurple {
    background-color: #e6e6fa !important;
  }

  .bg_lightorange {
    background-color: #ffdead !important;
  }

  .bg_lightyellow {
    background-color: #ffefa5 !important;
  }

  .bg_lightpink {
    background-color: #fbcdc9 !important;
  }

  .bg_lightgray {
    background-color: #cccccc !important;
  }

  .bg_lightred {
    background-color: #ffb0a5 !important;
  }

  .bg_darkgray {
    background-color: #727272 !important;
  }
}
.fixed_btn_right {
  right: 0;
}

.font-default {
  font-size: 1rem;
  font-style: normal;
}

.frame1 {
  margin: 10px auto;
  max-width: 480px;
}

.frame2 {
  margin: 10px auto;
  max-width: 600px;
}

.frame3 {
  margin: 10px auto;
  max-width: 850px;
}

.frame_full {
  margin: 10px auto;
  width: 98%;
}

.uk-offcanvas-page .hidden-uk-offcanvas-active {
  display: none;
}

.fixed_btn_left,
.fixed_btn_right {
  background: #fff;
  border-color: #ccc;
}

h1 {
  font-size: 1.8em;
  margin: 5px 0.3em 10px;
  line-height: 100%;
}

h2,
h3 {
  margin: 0.5em 0 0.5em;
  font-size: 1.3em;
  font-weight: bold;
}

p {
  font-weight: normal;
  padding: 0;
  margin: 0;
  line-height: 150%;
}

blockquote {
  font-style: normal;
}

div.fullbody {
  width: 100%;
  text-align: center;
  padding: 0;
  clear: both;
}

div.fullbody > div {
  margin: 0 1px;
  padding: 0;
}

.text_white {
  color: #fff;
}

.uk-nav-header {
  text-transform: none;
}

.uk-navbar-nav > li.uk-active > a,
.uk-button:active,
.uk-button.uk-active {
  background-color: #999;
  color: #fff;
  text-shadow: 0 1px 0 #aaa;
}

.uk-button {
  font-size: 1em;
}

.uk-button-group .uk-button {
  font-size: 1rem;
}

.unselectable {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

/* Phone landscape and smaller */
@media (max-width: 767px) {
  .uk-form select,
  .uk-form textarea,
  .uk-form input:not([type]),
  .uk-form input[type="text"],
  .uk-form input[type="password"],
  .uk-form input[type="datetime"],
  .uk-form input[type="datetime-local"],
  .uk-form input[type="date"],
  .uk-form input[type="month"],
  .uk-form input[type="time"],
  .uk-form input[type="week"],
  .uk-form input[type="number"],
  .uk-form input[type="email"],
  .uk-form input[type="url"],
  .uk-form input[type="search"],
  .uk-form input[type="tel"],
  .uk-form input[type="color"] {
    font-size: 16px;
  }

  .content {
    margin-left: 3px;
    margin-right: 3px;
  }
}
/* Only phones */
@media (max-width: 400px) {
  #main_area {
    font-size: 88%;
  }

  .uk-navbar-nav > li > a,
  .uk-navbar-content .uk-button {
    font-size: 12px;
    padding: 0 9px;
  }
}
a#back_to_top {
  visibility: hidden;
  position: absolute;
  left: 0;
  margin-top: 200px;
  color: #fff;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  background: #444;
  opacity: 0.5;
}

a#back_to_top:hover {
  text-decoration: none;
  opacity: 0.8;
}

a#back_to_top.fixed {
  visibility: visible;
  position: fixed;
  bottom: 0px;
  z-index: 900;
}

.uk-button-primary {
  background-color: #0071bd;
}

table.sc_default {
  border-collapse: collapse;
  font-size: 95%;
}

table.sc_center {
  margin: 0 auto;
}

table.sc_default th,
table.sc_default td {
  border: solid 1px #b3b3b3;
  padding: 5px;
  font-weight: normal;
}

table.sc_default th {
  background: #edf7fa;
}

table.sc_default td {
  vertical-align: top;
}

ul.sc_default li:not(:last-child),
ol.sc_default li:not(:last-child) {
  margin-bottom: 0.8em;
}

.help_frame {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 95%;
  line-height: 150%;
}

.help_frame.fullpage {
  background: #80d5f4;
}

.help_frame.fullpage > div {
  width: 94%;
  max-width: 700px;
  padding: 15px 15px 40px 15px;
  margin: 0 auto;
  background: #fff;
  background: url(../img/sc_logo_w.png) 98% 10px no-repeat #fff;
  background-size: 23%;
}

.help_frame.section > div {
  width: 98%;
  margin: 10px auto;
}

.help_frame.section .fullonly {
  display: none;
}