@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* add reset css */
li {
  list-style: none;
}

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

html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #333;
}

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

p:not(:last-child) {
  margin-bottom: 1em;
}

i {
  font-style: normal;
}

em {
  font-style: normal;
}

a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #77b3c9;
  text-decoration: underline;
}
a.disabled {
  color: #ccc;
}
a.disabled:hover {
  text-decoration: none;
}

label, input[type=radio], input[type=checkbox], input[type=file], select {
  cursor: pointer;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
}

input, textarea {
  padding-left: 10px;
  padding-right: 10px;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

pre {
  margin-bottom: 20px;
}

code {
  font-size: 1.2rem;
}

@media only screen and (max-width: 640px) {
  body {
    width: 100%;
    min-width: 320px;
    font-size: 1.4rem;
  }
}
.btn {
  text-align: center;
  display: block;
  background-color: black;
  color: #FFF;
  font-size: 1.4rem;
  border: 0;
  width: 200px;
  max-width: 100%;
  padding: 10px 20px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}
.btn:after {
  content: '';
  height: 100%;
  width: 0;
  vertical-align: middle;
  display: inline-block;
}
.btn:hover {
  opacity: 0.7;
  text-decoration: none;
  color: white;
  transition: opacity .2s linear;
}
.btn.btn-btn_text {
  background-color: #808080;
}
.btn.btn-primary {
  background-color: #4592af;
}
.btn.btn-secondary {
  background-color: #e3c4a8;
  color: #333;
}
.btn.btn-thirdly {
  background-color: #008241;
}
.btn.btn-fourthly {
  background-color: #00a315;
}
.btn.btn-error {
  background-color: #ff0000;
}
.btn.btn-base_bg {
  background-color: #f6f6f6;
  color: #333;
}
.btn.btn-gray {
  background-color: #808080;
}
.btn.btn-info {
  background-color: #ff4b33;
}
.btn.btn-beige {
  background-color: #f5beaa;
  color: #333;
}
.btn.btn-orange {
  background-color: #f2855e;
  color: #333;
}
.btn.btn-white {
  background-color: white;
  color: #333;
}
.btn.btn-black {
  background-color: black;
}
.btn.btn-disabled {
  cursor: default;
  background-color: #d1d1d1;
  outline: none;
}
.btn.btn-disabled:hover {
  opacity: 1;
}
.btn.btn-wide {
  width: 100%;
}
.btn.btn-flex {
  width: auto;
  display: inline-block;
}

.btns {
  text-align: center;
}
.btns.txt_r {
  text-align: right;
}
.btns .btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

@media only screen and (max-width: 640px) {
  .btns .btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
}
.list-group:not(:last-child) {
  margin-bottom: 30px;
}
.list-group.list-disc > li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 5px;
}
.list-group.list-disc > li:after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #666;
  border-radius: 100%;
}
.list-group.list-disc.list-btn_text li:after {
  background-color: #808080;
}
.list-group.list-disc.list-primary li:after {
  background-color: #4592af;
}
.list-group.list-disc.list-secondary li:after {
  background-color: #e3c4a8;
}
.list-group.list-disc.list-thirdly li:after {
  background-color: #008241;
}
.list-group.list-disc.list-fourthly li:after {
  background-color: #00a315;
}
.list-group.list-disc.list-error li:after {
  background-color: #ff0000;
}
.list-group.list-disc.list-base_bg li:after {
  background-color: #f6f6f6;
}
.list-group.list-disc.list-gray li:after {
  background-color: #808080;
}
.list-group.list-disc.list-info li:after {
  background-color: #ff4b33;
}
.list-group.list-disc.list-beige li:after {
  background-color: #f5beaa;
}
.list-group.list-disc.list-orange li:after {
  background-color: #f2855e;
}
.list-group.list-disc.list-white li:after {
  background-color: white;
}
.list-group.list-disc.list-black li:after {
  background-color: black;
}
.list-group.list-disc_small > li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 5px;
}
.list-group.list-disc_small > li:after {
  position: absolute;
  top: 0;
  left: .5em;
  content: '・';
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.list-group.list-disc_small.list-btn_text li:after {
  color: #808080;
}
.list-group.list-disc_small.list-primary li:after {
  color: #4592af;
}
.list-group.list-disc_small.list-secondary li:after {
  color: #e3c4a8;
}
.list-group.list-disc_small.list-thirdly li:after {
  color: #008241;
}
.list-group.list-disc_small.list-fourthly li:after {
  color: #00a315;
}
.list-group.list-disc_small.list-error li:after {
  color: #ff0000;
}
.list-group.list-disc_small.list-base_bg li:after {
  color: #f6f6f6;
}
.list-group.list-disc_small.list-gray li:after {
  color: #808080;
}
.list-group.list-disc_small.list-info li:after {
  color: #ff4b33;
}
.list-group.list-disc_small.list-beige li:after {
  color: #f5beaa;
}
.list-group.list-disc_small.list-orange li:after {
  color: #f2855e;
}
.list-group.list-disc_small.list-white li:after {
  color: white;
}
.list-group.list-disc_small.list-black li:after {
  color: black;
}
.list-group.list-angle > li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 5px;
}
.list-group.list-angle > li:after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.list-group.list-angle.list-btn_text li:after {
  border-right-color: #808080;
  border-bottom-color: #808080;
}
.list-group.list-angle.list-primary li:after {
  border-right-color: #4592af;
  border-bottom-color: #4592af;
}
.list-group.list-angle.list-secondary li:after {
  border-right-color: #e3c4a8;
  border-bottom-color: #e3c4a8;
}
.list-group.list-angle.list-thirdly li:after {
  border-right-color: #008241;
  border-bottom-color: #008241;
}
.list-group.list-angle.list-fourthly li:after {
  border-right-color: #00a315;
  border-bottom-color: #00a315;
}
.list-group.list-angle.list-error li:after {
  border-right-color: #ff0000;
  border-bottom-color: #ff0000;
}
.list-group.list-angle.list-base_bg li:after {
  border-right-color: #f6f6f6;
  border-bottom-color: #f6f6f6;
}
.list-group.list-angle.list-gray li:after {
  border-right-color: #808080;
  border-bottom-color: #808080;
}
.list-group.list-angle.list-info li:after {
  border-right-color: #ff4b33;
  border-bottom-color: #ff4b33;
}
.list-group.list-angle.list-beige li:after {
  border-right-color: #f5beaa;
  border-bottom-color: #f5beaa;
}
.list-group.list-angle.list-orange li:after {
  border-right-color: #f2855e;
  border-bottom-color: #f2855e;
}
.list-group.list-angle.list-white li:after {
  border-right-color: white;
  border-bottom-color: white;
}
.list-group.list-angle.list-black li:after {
  border-right-color: black;
  border-bottom-color: black;
}
.list-group.list-arrow > li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 5px;
}
.list-group.list-arrow > li:after {
  display: block;
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 7px;
  height: 7px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.list-group.list-arrow > li:before {
  display: block;
  content: '';
  position: absolute;
  top: 12px;
  left: -.025em;
  width: 8px;
  height: 1px;
  background-color: black;
}
.list-group.list-arrow.list-btn_text li:after {
  border-right-color: #808080;
  border-bottom-color: #808080;
}
.list-group.list-arrow.list-btn_text li:before {
  background-color: #808080;
}
.list-group.list-arrow.list-primary li:after {
  border-right-color: #4592af;
  border-bottom-color: #4592af;
}
.list-group.list-arrow.list-primary li:before {
  background-color: #4592af;
}
.list-group.list-arrow.list-secondary li:after {
  border-right-color: #e3c4a8;
  border-bottom-color: #e3c4a8;
}
.list-group.list-arrow.list-secondary li:before {
  background-color: #e3c4a8;
}
.list-group.list-arrow.list-thirdly li:after {
  border-right-color: #008241;
  border-bottom-color: #008241;
}
.list-group.list-arrow.list-thirdly li:before {
  background-color: #008241;
}
.list-group.list-arrow.list-fourthly li:after {
  border-right-color: #00a315;
  border-bottom-color: #00a315;
}
.list-group.list-arrow.list-fourthly li:before {
  background-color: #00a315;
}
.list-group.list-arrow.list-error li:after {
  border-right-color: #ff0000;
  border-bottom-color: #ff0000;
}
.list-group.list-arrow.list-error li:before {
  background-color: #ff0000;
}
.list-group.list-arrow.list-base_bg li:after {
  border-right-color: #f6f6f6;
  border-bottom-color: #f6f6f6;
}
.list-group.list-arrow.list-base_bg li:before {
  background-color: #f6f6f6;
}
.list-group.list-arrow.list-gray li:after {
  border-right-color: #808080;
  border-bottom-color: #808080;
}
.list-group.list-arrow.list-gray li:before {
  background-color: #808080;
}
.list-group.list-arrow.list-info li:after {
  border-right-color: #ff4b33;
  border-bottom-color: #ff4b33;
}
.list-group.list-arrow.list-info li:before {
  background-color: #ff4b33;
}
.list-group.list-arrow.list-beige li:after {
  border-right-color: #f5beaa;
  border-bottom-color: #f5beaa;
}
.list-group.list-arrow.list-beige li:before {
  background-color: #f5beaa;
}
.list-group.list-arrow.list-orange li:after {
  border-right-color: #f2855e;
  border-bottom-color: #f2855e;
}
.list-group.list-arrow.list-orange li:before {
  background-color: #f2855e;
}
.list-group.list-arrow.list-white li:after {
  border-right-color: white;
  border-bottom-color: white;
}
.list-group.list-arrow.list-white li:before {
  background-color: white;
}
.list-group.list-arrow.list-black li:after {
  border-right-color: black;
  border-bottom-color: black;
}
.list-group.list-arrow.list-black li:before {
  background-color: black;
}
.list-group.list-decimal > li {
  margin: 0 0 0 2em;
  list-style-type: decimal;
}

.bg-color-btn_text {
  background-color: #808080;
}

.bg-color-primary {
  background-color: #4592af;
}

.bg-color-secondary {
  background-color: #e3c4a8;
  color: #333;
}

.bg-color-thirdly {
  background-color: #008241;
}

.bg-color-fourthly {
  background-color: #00a315;
}

.bg-color-error {
  background-color: #ff0000;
}

.bg-color-base_bg {
  background-color: #f6f6f6;
  color: #333;
}

.bg-color-gray {
  background-color: #808080;
}

.bg-color-info {
  background-color: #ff4b33;
}

.bg-color-beige {
  background-color: #f5beaa;
  color: #333;
}

.bg-color-orange {
  background-color: #f2855e;
  color: #333;
}

.bg-color-white {
  background-color: white;
  color: #333;
}

.bg-color-black {
  background-color: black;
}

.card {
  position: relative;
  background: #f6f6f6;
}
.card:not(:last-child) {
  margin-bottom: 30px;
}
.card > a {
  display: block;
}
.card .card-img img {
  width: 100%;
  height: auto;
}
.card .card-header {
  padding: 20px 20px 0 20px;
}
.card .card-body {
  padding: 20px;
}
.card .card-footer {
  padding: 0 20px 20px 20px;
}
.card.card-no_border {
  background: transparent;
}
.card.card-no_border .card-img img {
  width: 100%;
  height: auto;
}
.card.card-no_border .card-header {
  padding: 10px 0 10px 0;
}
.card.card-no_border .card-header h1, .card.card-no_border .card-header h2, .card.card-no_border .card-header h3, .card.card-no_border .card-header h4, .card.card-no_border .card-header h5, .card.card-no_border .card-header h5 {
  font-weight: bold;
}
.card.card-no_border .card-body {
  padding: 0;
}
.card.card-no_border .card-footer {
  padding: 0 0 20px 0;
}
.card.card-no_border .card-footer-border {
  margin-top: 10px;
  padding: 10px 0 20px 0;
  border-top: 1px solid #cfcfcf;
}
.card.card-overlay .m-tag {
  margin: 0;
}
.card.card-overlay .card-body {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
}
.card.card-overlay .card-footer {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 10px;
  background: #4592af;
  color: white;
}
.card.card-overlay.card-overlay-fit .card-overlay-fit-category span {
  float: right;
  font-size: 1.2rem;
}
.card.card-btn_text {
  background-color: #808080;
  color: white;
}
.card.card-primary {
  background-color: #4592af;
  color: white;
}
.card.card-secondary {
  background-color: #e3c4a8;
}
.card.card-thirdly {
  background-color: #008241;
  color: white;
}
.card.card-fourthly {
  background-color: #00a315;
  color: white;
}
.card.card-error {
  background-color: #ff0000;
  color: white;
}
.card.card-base_bg {
  background-color: #f6f6f6;
}
.card.card-gray {
  background-color: #808080;
  color: white;
}
.card.card-info {
  background-color: #ff4b33;
}
.card.card-beige {
  background-color: #f5beaa;
}
.card.card-orange {
  background-color: #f2855e;
}
.card.card-white {
  background-color: white;
}
.card.card-black {
  background-color: black;
  color: white;
}

.horizontal_card {
  position: relative;
}
.horizontal_card:after {
  content: '';
  display: table;
  clear: both;
}
.horizontal_card .card-img {
  float: left;
  width: 50%;
}
.horizontal_card .card-img img {
  width: 100%;
  height: auto;
}
.horizontal_card .card-main {
  float: left;
  width: 50%;
  background: #f6f6f6;
}
.horizontal_card .card-main .card-header {
  padding: 20px 20px 0 20px;
}
.horizontal_card .card-main .card-body {
  padding: 20px;
}
.horizontal_card.horizontal_card-reverse .card-img {
  float: right;
}
.horizontal_card.vertical_card-btn_text .card-main {
  background-color: #808080;
  color: white;
}
.horizontal_card.vertical_card-primary .card-main {
  background-color: #4592af;
  color: white;
}
.horizontal_card.vertical_card-secondary .card-main {
  background-color: #e3c4a8;
}
.horizontal_card.vertical_card-thirdly .card-main {
  background-color: #008241;
  color: white;
}
.horizontal_card.vertical_card-fourthly .card-main {
  background-color: #00a315;
  color: white;
}
.horizontal_card.vertical_card-error .card-main {
  background-color: #ff0000;
  color: white;
}
.horizontal_card.vertical_card-base_bg .card-main {
  background-color: #f6f6f6;
}
.horizontal_card.vertical_card-gray .card-main {
  background-color: #808080;
  color: white;
}
.horizontal_card.vertical_card-info .card-main {
  background-color: #ff4b33;
}
.horizontal_card.vertical_card-beige .card-main {
  background-color: #f5beaa;
}
.horizontal_card.vertical_card-orange .card-main {
  background-color: #f2855e;
}
.horizontal_card.vertical_card-white .card-main {
  background-color: white;
}
.horizontal_card.vertical_card-black .card-main {
  background-color: black;
  color: white;
}
.horizontal_card.horizontal_card-top .card-header {
  font-size: 2rem;
  color: #4592af;
}

.form-group-summary {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.form-group {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.form-group .form-wrapper {
  margin-left: 250px;
}
.form-group .form-wrapper:after {
  content: '';
  display: table;
  clear: both;
}
.form-group .form-wrapper.last {
  margin-bottom: 30px;
}
.form-group .form-header {
  width: 250px;
  float: left;
  position: relative;
  margin-left: -250px;
  padding: 20px 50px 20px 20px;
  border-bottom: 1px solid #f6f6f6;
  font-weight: bold;
}
.form-group .form-content {
  width: 100%;
  margin-right: -250px;
  float: left;
  padding: 20px;
  border-bottom: 1px solid #f6f6f6;
}
.form-group input[type=radio] {
  margin-top: -0.1em;
}
.form-group input[type=checkbox] {
  margin-top: 0.05em;
}
.form-group input[type=text], .form-group input[type=password], .form-group select {
  height: 35px;
}
.form-group.form-middle .form-wrapper {
  width: 100%;
  display: table;
  margin-left: 0;
}
.form-group.form-middle .form-header {
  float: none;
  display: table-cell;
  margin-left: 0;
  vertical-align: middle;
}
.form-group.form-middle .form-content {
  float: none;
  display: table-cell;
  margin-right: 0;
  vertical-align: middle;
  width: auto;
}
.form-group.form-striped .form-wrapper:nth-child(2n) {
  background: #f6f6f6;
}
.form-group.form-striped .form-wrapper:nth-child(2n) .form-header {
  background: #f6f6f6;
}
.point-info .data{
    line-height: 1.1;
    text-align: center;
    color: #000;
    width: 105px;
    height: 105px;
    border: 5px solid #02227f;
    vertical-align: middle;
    box-sizing: border-box;
    padding-top: 8px;
    margin-top: 2rem;
    margin-right: 3rem;
    position: relative;
    z-index: 1;
    background: #fff;
}
.point-info .point-title:after {
    content: "";
    width: 105px;
    height: 105px;
    background: #666;
    display: block;
    position: absolute;
    z-index: 0;
    top: 90px;
    right: 130px;
}
.point-info .w-40 {
    width: 40px;
}
.point-info .sub-title1 {
    color: #2ca973;
}
.point-info .sub-title2 {
    border:2px solid #2ca973;
    border-radius: 15px;
    color: #000;
    font-weight: bold;
    padding: .3rem 0 .3rem 1.6rem ;
    background: #fff9ad;
    font-size: 1.6rem;
}
.point-info figure.float-right{
    height: 0;
}
.point-info .list1 {
    margin-left: 1.6rem;
}
.point-info .list1 li {
    position: relative;
}
.point-info .list1 li:before {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #333;
    border-radius: 50%;
    position: absolute;
    left: -1.5rem;
    top:.8rem;
}
.point-info .list1 li:nth-of-type(1):before {
    background: #ff0100;
}
.point-info .list1 li:nth-of-type(2):before {
    background: #feff03;
}

@media only screen and (max-width: 640px) {
    .point-info {
        position: relative;
    }
    
    .point-info .data {
    height: auto;
    border: 2.5px solid #02227f;
    padding-top: 0;
    margin-top: 0;
    margin-right: 0;
    width: 18vw!important;
    height: 18vw;
    box-sizing: border-box;
    padding-top: 3.5vw!important;
        position: relative;
        left: .5rem;
        font-size: 3.5vw!important;
    }
    .point-info .data .sp_font-size18 {
        font-size: 6vw!important;
    }
    .point-info .point-title:after {
        content: "";
        width: 18vw;
        height: 18vw!important;
        background: #666;
        display: block;
        position: absolute;
        z-index: 0;
        top: 25px;
        right: calc(10px - .5rem);
    }    
    .point-info figure.float-right{
        height: 100%;
    }
    .point-info .sp_font-size13.sp_w-100p br{
        display: none;
    }
    .point-info .sub-title1 br,
    .point-info .sub-title2 br{
        display: none;
    } 
    .point-info .list1 li br{
        display: none;
    }
    .point-info .sub-title2 {
        padding: .5rem .5rem .3rem 1rem;
    }
    .point-info .img-responsive.icon{
        position: absolute;
        left: 0;
        width: 2rem!important;
        top: auto;
        margin-top: .4rem;
    }
    .point-info .font-size20.text-red{
        padding-left: 2.5rem;
        position: relative;
    }
    
}    

@media only screen and (max-width: 640px) {
  .form-group {
    max-width: none;
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
  }
  .form-group .form-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .form-group .form-wrapper .m-box {
    margin-left: 20px;
    margin-right: 20px;
  }

  .form-group .form-wrapper, .form-group.form-middle .form-wrapper {
    margin-left: 0;
  }
  .form-group .form-header, .form-group.form-middle .form-header {
    width: 100%;
    display: block;
    float: none;
    margin-left: 0;
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .form-group .form-content, .form-group.form-middle .form-content {
    margin-right: 0;
    float: none;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
}
.table {
  background: white;
  border-collapse: collapse;
  font-size: 1.2rem;
  margin-bottom: 30px;
  width: 100%;
}
.table thead th {
  padding: 10px 20px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 3px solid #dcdcdc;
  color: #4592af;
}
.table thead td {
  border-collapse: collapse;
  padding: 20px;
  border-bottom: 1px solid #dcdcdc;
}
.table tbody th {
  width: 20%;
  padding: 20px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #dcdcdc;
  background: rgba(69, 146, 175, 0.1);
}
.table tbody td {
  border-collapse: collapse;
  padding: 20px;
  border-bottom: 1px solid #dcdcdc;
}
.table.table-striped tbody td {
  border-bottom: none;
}
.table.table-striped tbody th {
  border-bottom: none;
  background: none;
}
.table.table-striped tbody tr:nth-child(2n-1) {
  background: rgba(69, 146, 175, 0.1);
}
.table.table-middle th {
  vertical-align: middle;
}
.table.table-middle td {
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .table {
    font-size: 1rem;
  }
  .table tbody td, .table tbody th {
    padding: 10px;
  }
  .table thead td, .table thead th {
    padding: 10px;
  }
  .table tfoot td, .table tfoot th {
    padding: 10px;
  }

  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    min-height: .01%;
    overflow-x: auto;
  }
  .table-responsive .table thead tr th, .table-responsive .table thead tr td, .table-responsive .table tbody tr th, .table-responsive .table tbody tr td, .table-responsive .table tfoot tr th, .table-responsive .table tfoot tr td {
    white-space: nowrap;
  }
}
.page-title {
  /*
  background: url(../images/bg_primary_stripe.gif) repeat-x left bottom;
   */
  border-bottom: solid 5px #4592af;
  color: #4592af;
  /*
  font-size: 30px;
   */
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center;
  padding: 30px 0 18px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 640px) {
  .page-title {
    background: none;
    /*
    border-bottom: solid 5px #3c5f9b;
     */
    /*
    font-size: 18px;
     */
    font-size: 1.8rem;
    padding: 17px 0 6px;
    margin-bottom: 24px;
  }
}

#page-title {
  position: relative;
  margin-bottom: 40px;
}
#page-title img + .page-title {
  padding-top: 18px;
}
#page-title .tag-title {
  color: #4592af;
  font-weight: bold;
  /*
  font-size: 14px;
   */
  font-size: 1.4rem;
}
@media only screen and (min-width: 641px) {
  #page-title .tag-title {
    width: 28.5em;
    text-align: center;
    float: right;
    margin-right: 135px;
    margin-top: -13px;
  }
  #page-title .tag-title.one {
    width: 9.2em;
  }
  #page-title .tag-title.two {
    width: 19.2em;
  }
}
@media only screen and (max-width: 640px) {
  #page-title .tag-title {
    /*
    font-size: 12px;
     */
    font-size: 1.2rem;
  }
  #page-title .tag-title.sp {
    display: inline-block !important;
  }
}

.tit01 {
  /*
  border-bottom: solid 5px #3c5f9b;
   */
  color: #4592af;
  /*
  font-size: 28px;
   */
  font-size: 2.8rem;
  font-weight: bold;
  /*
  text-align: center;
   */
  padding: 0 20px 9px;
}
@media only screen and (max-width: 640px) {
  .tit01 {
    /*
    font-size: 15px;
     */
    font-size: 1.5rem;
  }
}

.tit02 {
  color: #4592af;
  /*
  font-size: 20px;
   */
  font-size: 2.0rem;
  font-weight: bold;
  padding-bottom: 15px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .tit02 {
    /*
    font-size: 15px;
     */
    font-size: 1.5rem;
  }
}
.tit02:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #e3c4a8;
  z-index: 1;
}

.tit03 {
  color: #4592af;
  /*
  font-size: 28px;
   */
  font-size: 2.8rem;
  font-weight: bold;
  position: relative;
  padding: .3em 0;
}
@media only screen and (max-width: 640px) {
  .tit03 {
    /*
    font-size: 18px;
     */
    font-size: 1.8rem;
  }
}
.tit03 .tag {
  background: #4592af;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  /*
  font-size: 24px;
   */
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.1;
  padding: 6px 1em;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .tit03 .tag {
    /*
    font-size: 17px;
     */
    font-size: 1.7rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px 1em 6px 12px;
    top: .8em;
  }
}
.tit03 .tag small {
  display: block;
  /*
  font-size: 12px;
   */
  font-size: 1.2rem;
}
@media only screen and (max-width: 640px) {
  .tit03 .tag small {
    /*
    font-size: 9px;
     */
    font-size: 0.9rem;
  }
}

.tit04 {
  border-left: solid 4px #4592af;
  color: #4592af;
  /*
  font-size: 22px;
   */
  font-size: 2.2rem;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 640px) {
  .tit04 {
    /*
    font-size: 16px;
     */
    font-size: 1.6rem;
    padding-left: 8px;
    margin-bottom: 12px;
  }
}
.tit04.no-border {
  border: none;
}
.tit04 .sub_text {
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3em;
}
@media only screen and (min-width: 641px) {
  .tit04 .sub_text {
    padding-left: .5em;
    right: 7em;
    font-size: 1.6rem;
  }
}

.tit05 {
  border-left: solid 4px #00a315;
  color: #00a315;
  /*
  font-size: 22px;
   */
  font-size: 2.2rem;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
  .tit05 {
    /*
    font-size: 16px;
     */
    font-size: 1.6rem;
    padding-left: 8px;
    margin-bottom: 12px;
  }
}

.tit06 {
  border-bottom: solid 5px #4592af;
  color: #4592af;
  /*
  font-size: 30px;
   */
  font-size: 3.0rem;
  font-weight: bold;
  position: relative;
  padding: .3em 20px;
  text-align: left;
  margin-bottom: 25px;
}
@media only screen and (max-width: 640px) {
  .tit06 {
    /*
    font-size: 18px;
     */
    font-size: 1.8rem;
    padding: .3em 10px;
    margin-bottom: 15px;
  }
}
.tit06 .sub-text {
  color: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-weight: normal;
  /*
  font-size: 18px;
   */
  font-size: 1.8rem;
}
@media only screen and (max-width: 640px) {
  .tit06 .sub-text {
    position: relative;
    transform: none;
    /*
    font-size: 14px;
     */
    font-size: 1.4rem;
    padding: 5px 0;
  }
}

.tit07 {
  color: #4592af;
  /*
  font-size: 28px;
   */
  font-size: 2.8rem;
  font-weight: bold;
  position: relative;
  padding: 1em;
  text-align: left;
}
@media only screen and (max-width: 640px) {
  .tit07 {
    /*
    font-size: 15px;
     */
    font-size: 1.5rem;
    padding: .3em 10px;
  }
}

.tit08 {
  color: #4592af;
  font-size: 2.4rem;
  font-weight: bold;
  padding-bottom: 15px;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .tit08 {
    font-size: 1.8rem;
  }
}
.tit08 .sub_text {
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7em;
}
@media only screen and (min-width: 641px) {
  .tit08 .sub_text {
    padding-left: .5em;
    right: 7em;
    font-size: 1.6rem;
  }
}

.tit09 {
  border-bottom: solid 3px #4592af;
  color: #4592af;
  font-size: 3.0rem;
  font-weight: bold;
  position: relative;
  padding: .3em 0;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  .tit09 {
    font-size: 1.8rem;
    padding: .3em 0;
    margin-bottom: 15px;
  }
}

.tit10 {
  border-left: solid 4px #4592af;
  /*
  border-bottom: solid 2px $color_primary;
   */
  color: #4592af;
  font-size: 2.2rem;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 25px;
  position: relative;
}
.tit10:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: -4px;
  width: calc(100% + 4px);
  height: 2px;
  background: #4592af;
}
@media only screen and (max-width: 640px) {
  .tit10 {
    font-size: 1.6rem;
    padding-left: 8px;
    /*
    margin-bottom: 12px;
     */
  }
}
.tit10 .sub_text {
  color: #333;
  font-size: 1.8rem;
  font-weight: normal;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media only screen and (max-width: 640px) {
  .tit10 .sub_text {
    position: relative;
    top: inherit;
    transform: none;
    padding: 5px 0;
    font-size: 1.4rem;
  }
}

.tit-band {
  text-align: center;
}
.tit-band .title {
  /*
  background: $color_primary;
   */
  /*
  border-radius: 50px;
   */
  color: #4592af;
  display: inline-block;
  /*
  font-size: 24px;
   */
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  padding: .5em 1em;
  width: auto;
}
@media only screen and (max-width: 640px) {
  .tit-band .title {
    /*
    font-size: 18px;
     */
    font-size: 1.8rem;
    padding: .3em 10px;
  }
}

.title-item {
  position: absolute;
  top: 0px;
  right: 12px;
}
.title-item li + li {
  margin-left: 13px;
}
.title-item li.tag-title {
  background: #fff;
  border-radius: 50px;
  color: #4592af;
  font-weight: bold;
  line-height: 33px;
  padding: 0 33px;
}
@media only screen and (max-width: 640px) {
  .title-item {
    position: static;
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 0 13px;
    margin-top: 18px;
    text-align: right;
  }
  .title-item li {
    width: 100%;
  }
  .title-item.tag {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: auto;
    margin-top: 0;
  }
  .title-item.tag li {
    width: auto;
    /*
    font-size: 16px;
     */
    font-size: 1.6rem;
  }
  .title-item.tag li.tag-title {
    line-height: inherit;
    padding: 8px 18px;
  }
}

.tit-btn_text {
  color: #808080;
}

.tit-primary {
  color: #4592af;
}

.tit-secondary {
  color: #e3c4a8;
}

.tit-thirdly {
  color: #008241;
}

.tit-fourthly {
  color: #00a315;
}

.tit-error {
  color: #ff0000;
}

.tit-base_bg {
  color: #f6f6f6;
}

.tit-gray {
  color: #808080;
}

.tit-info {
  color: #ff4b33;
}

.tit-beige {
  color: #f5beaa;
}

.tit-orange {
  color: #f2855e;
}

.tit-white {
  color: white;
}

.tit-black {
  color: black;
}

.btn {
  overflow: hidden;
  color: #808080;
  /*
  font-size: 24px;
   */
  font-size: 2.4rem;
  font-weight: bold;
  background: #fff;
  border-radius: 10px !important;
  padding: 1.16em 1em;
  width: 460px;
  line-height: 1.6;
}
.btn:not(.text-white):hover {
  color: #808080;
}
.btn.ani-line span:after {
  background: #808080;
}
@media only screen and (max-width: 640px) {
  .btn {
    /*
    font-size: 18px;
     */
    font-size: 1.8rem;
    border-radius: 5px;
  }
}
.btn.btn-line-height {
  line-height: 1em;
}
@media only screen and (max-width: 640px) {
  .btn.btn-line-height {
    line-height: inherit;
  }
}
@media only screen and (min-width: 641px) {
  .btn.btn-line-height span {
    margin-top: -5px;
    display: block;
  }
}
.btn.btn-medium {
  width: 280px;
}
.btn.btn-small {
  /*
  font-size: 18px;
   */
  font-size: 1.8rem;
  padding: 10px 0;
}
@media only screen and (max-width: 640px) {
  .btn.btn-small {
    /*
    font-size: 15px;
     */
    font-size: 1.5rem;
  }
}
.btn.btn-header {
  background: #f6f5f5;
  border-radius: 5px;
  color: #f2855e !important;
  width: auto;
  position: relative;
  /*
  padding: 5px 35px 5px 15px;
   */
  padding: 7px 35px 7px 15px !important;
}
.btn.btn-header:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0px;
  border-color: #f2855e;
  border-style: solid;
  border-width: 4px;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn.btn-orange {
  background: #f2855e;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  /*
  font-size: 18px;
   */
  font-weight: bold;
  /*
  padding: 15px 20px;
   */
  padding: 15px 0;
}
@media only screen and (max-width: 640px) {
  .btn.btn-orange {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
.btn.btn-blue {
  background: #4592af;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  /*
  font-size: 18px;
   */
  font-weight: bold;
  /*
  padding: 15px 20px;
   */
  padding: 15px 0;
}
@media only screen and (max-width: 640px) {
  .btn.btn-blue {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
.btn.btn-green {
  background: #008241;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  /*
  font-size: 18px;
   */
  font-weight: bold;
  padding: 15px 20px;
}
@media only screen and (max-width: 640px) {
  .btn.btn-green {
    /*
    font-size: 16px;
     */
  }
}
.btn.btn-reset {
  text-align: left;
  background-color: #fff;
  color: #4592af;
  width: auto;
  padding: 0;
}
.btn.btn-solid {
  font-weight: normal;
  font-size: 2.2rem;
  border-radius: 3px;
  padding: 25px 2em;
}
@media only screen and (max-width: 640px) {
  .btn.btn-solid {
    font-size: 1.7rem;
    padding: 20px 2em;
  }
}
.btn.icon-triangle-white:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  width: 14px;
  height: 16px;
  background: url(../images/icon_triangle_right_white.png) no-repeat center top;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .btn.icon-triangle-white:after {
    right: 8px;
    width: 8px;
    height: 9px;
  }
}
.btn.icon-triangle-blue:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 25px;
  width: 13px;
  height: 15px;
  background: url(../images/icon_triangle_right.png) no-repeat center top;
  -webkit-background-size: contain;
  background-size: contain;
}
.btn.icon-arrow-right:before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: 24px;
  width: 18px;
  height: 18px;
  border-top: solid 3px #808080;
  border-right: solid 3px #808080;
  -ms-transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
.btn.icon-pdf {
    position: relative;
}
.btn.icon-pdf:after {
    content: "";
    position: absolute;
    background: url(../images/icon_pdf.png) no-repeat center top;
    width: 20px;
    height: 23px;
    top: calc(50% - 3px);
    right: 24px;

    top: calc(50% - 11.5px);
    right: 12px;
    
}
.link-text.link-pdf:before {
    content: "";
    position: relative;
    background: url(../images/icon_pdf.png) no-repeat center top;
    width: 20px;
    height: 23px;
    top: calc(50% - 3px);
    right: 24px;
}
@media only screen and (max-width: 640px) {
  .btn.icon-arrow-right:before {
    width: 14px;
    height: 14px;
    border-top: solid 2px #808080;
    border-right: solid 2px #808080;
  }
.btn.icon-pdf:after {
    content: "";
    position: absolute;
    background: url(../images/icon_pdf.png) no-repeat center top;
    width: 20px;
    height: 23px;
    top: calc(50% - 3px);
    right: 24px;
}    
    
    
}
.btn.icon-arrow-right:after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: 35px;
  width: 18px;
  height: 18px;
  border-top: solid 3px #808080;
  border-right: solid 3px #808080;
  -ms-transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
@media only screen and (max-width: 640px) {
  .btn.icon-arrow-right:after {
    right: 33px;
    width: 14px;
    height: 14px;
    border-top: solid 2px #808080;
    border-right: solid 2px #808080;
  }
}
.btn.icon-arrow-right.btn-thin:before, .btn.icon-arrow-right.btn-thin:after {
  width: 15px;
  height: 15px;
  border-top: solid 2px #1a4389;
  border-right: solid 2px #1a4389;
}
.btn.icon-arrow-right.btn-thin:after {
  right: 36px;
}
.btn.icon-arrow-right.btn-small:before, .btn.icon-arrow-right.btn-small:after {
  width: 13px;
  height: 13px;
  border-top: solid 2px #1a4389;
  border-right: solid 2px #1a4389;
}
.btn.icon-arrow-right.btn-small.white:before, .btn.icon-arrow-right.btn-small.white:after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
.btn.icon-arrow-right.btn-small.color-default:before, .btn.icon-arrow-right.btn-small.color-default:after {
  border-top: solid 2px #808080;
  border-right: solid 2px #808080;
}
.btn.icon-arrow-right.btn-small:before {
  right: 16px;
}
.btn.icon-arrow-right.btn-small:after {
  right: 23px;
}
.btn.btn-comingsoon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
  background: url(../images/img_comingsoon.png) no-repeat center center;
  background-size: 60%;
}
.btn.btn-comingsoon > span {
  opacity: .5;
}
.btn.btn-disabled {
  background-color: #fff;
}
.btn.btn-large {
  /*
  font-size: 26px;
   */
  font-size: 2.6rem;
}
@media only screen and (max-width: 640px) {
  .btn.btn-large {
    /*
    font-size: 17px;
     */
    font-size: 1.7rem;
  }
}
.btn.shadow {
  box-shadow: 0px 4px 10px 0px #aaa;
}
.btn.shadow.small {
  box-shadow: 0px 3px 5px 0px #aaa;
}
.btn.txt-large {
  /*
  font-size: 30px;
   */
  font-size: 3.0rem;
  padding: 20px;
}
@media only screen and (max-width: 640px) {
  .btn.txt-large {
    /*
    font-size: 15px;
     */
    font-size: 1.5rem;
  }
}
.btn.line-height1 {
  line-height: 1;
  padding: 0;
}
.btn.icon-btn-qa:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  width: 34px;
  height: 29px;
  background: url(../images/icon_btn_qa_white.png) no-repeat left top;
  -webkit-background-size: contain;
  background-size: contain;
}
.btn.icon-btn-contact:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  width: 34px;
  height: 29px;
  background: url(../images/icon_btn_contact_white.png) no-repeat left top;
  -webkit-background-size: contain;
  background-size: contain;
}
.btn.icon-btn-face:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  width: 34px;
  height: 29px;
  background: url(../images/icon_btn_face_white.png) no-repeat left top;
  -webkit-background-size: contain;
  background-size: contain;
}
.btn.icon-blank {
  padding: 0 0 0 1.5em;
}
.btn.icon-blank:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-8px);
  left: 2px;
  width: 12px;
  height: 12px;
  background: #fff;
  border: solid 1px #4592af;
}
.btn.icon-blank:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-4px);
  left: 6px;
  width: 12px;
  height: 12px;
  background: #fff;
  border: solid 1px #4592af;
}
.btn.icon-blank.btn-blank {
  padding: 1.16em 1em;
}
.btn.icon-blank.btn-blank:before {
  left: inherit;
  right: 9px;
}
.btn.icon-blank.btn-blank:after {
  left: inherit;
  right: 13px;
}
.btn.icon-btn-note:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  width: 20px;
  height: 26px;
  background: url(../images/icon_btn_note.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .btn.icon-btn-note:after {
    right: 37px;
    width: 18px;
    height: 22px;
  }
}
.last-container .btn.icon-btn-note {
  /*
  font-size: 22px;
   */
  font-size: 2.2rem;
  width: 540px;
}
@media only screen and (max-width: 640px) {
  .last-container .btn.icon-btn-note {
    /*
    font-size: 18px;
     */
    font-size: 1.8rem;
  }
}
.btn.btn-discription {
  background: #4ebf5d;
  color: #fff;
  /*
  font-size: 20px;
   */
  font-size: 2.0rem;
  font-weight: bold;
  padding: .8em 1em;
}
@media only screen and (max-width: 640px) {
  .btn.btn-discription {
    /*
    font-size: 15px;
     */
    font-size: 1.5rem;
  }
}
.btn.btn-thin {
  padding: .8em 1em;
}
.btn.btn-not {
  cursor: default;
}
.btn.btn-not:hover {
  opacity: 1;
}
.btn.btn-employee {
  color: #4592af;
}
.btn.btn-employee:hover {
  background: #4592af;
  color: #fff;
}
.btn.btn-ob {
  color: #f2855e;
}
.btn.btn-ob:hover {
  background: #f2855e;
  color: #fff;
}

.icon-btn-key {
  position: relative;
  /*
  padding-left: 2.5em;
  position: relative;

  .txt-large & {
    padding-left: 1.3em;

    @include mq($break_sp) {
      padding-left: 0;
    }
  }

  &:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .5em;
    width: 30px;
    height: 34px;
    background: url(../images/icon_btn_key.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;

    @include mq($break_sp) {
      width: 14px;
      height: 17px;
    }
  }
  */
}
.icon-btn-key:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -1.5em;
  width: 30px;
  height: 34px;
  background: url(../images/icon_btn_key.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-key:before {
    width: 20px;
    height: 23px;
  }
}

.icon-btn-car {
  /*
  padding-left: 3em;
   */
  margin-left: 3em;
  position: relative;
  /*
  @include mq($break_sp) {
    padding-left: 3em;
  }

   */
}
.icon-btn-car:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -3em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_car_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-car:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-body {
  /*
  padding-left: 3em;
   */
  margin-left: 3em;
  position: relative;
  /*
  @include mq($break_sp) {
    padding-left: 3em;
  }

   */
}
.icon-btn-body:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -3em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_body_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-body:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-house {
  /*
  padding-left: 3em;
   */
  margin-left: 3em;
  position: relative;
  /*
  @include mq($break_sp) {
    padding-left: 3em;
  }

   */
}
.icon-btn-house:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -3em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_house_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-house:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-travel {
  /*
  padding-left: 3em;
   */
  margin-left: 3em;
  position: relative;
  /*
  @include mq($break_sp) {
    padding-left: 3em;
  }

   */
}
.icon-btn-travel:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -3em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_travel_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-travel:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-pet {
  /*
  padding-left: 3em;
   */
  margin-left: 3em;
  position: relative;
  /*
  @include mq($break_sp) {
    padding-left: 3em;
  }

   */
}
.icon-btn-pet:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -3em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_pet_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-pet:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-tasukekun {
  margin-left: 3em;
  position: relative;
}
.icon-btn-tasukekun:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -3em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_tasukekun_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-tasukekun:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-bike {
  /*
  padding-left: 2.5em;
   */
  position: relative;
  /*
  @include mq($break_sp) {
    padding-left: 3em;
  }
  */
}
.icon-btn-bike:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -2.5em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_bike_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-bike:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-bike02 {
  /*
  padding-left: 2.5em;
   */
  position: relative;
  /*
  @include mq($break_sp) {
    padding-left: 3em;
  }
  */
}
.icon-btn-bike02:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -2.5em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_bike02_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-bike02:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-bicycle {
  /*
  padding-left: 2.5em;
   */
  position: relative;
  /*
  @include mq($break_sp) {
    padding-left: 3em;
  }
  */
}
.icon-btn-bicycle:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -2.5em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_bicycle_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-bicycle:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-scale {
  /*
  padding-left: 2.5em;
   */
  position: relative;
  /*
  @include mq($break_sp) {
    padding-left: 3em;
  }
  */
}
.icon-btn-scale:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -2.5em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_scale_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-scale:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-smartphone {
  position: relative;
}
.icon-btn-smartphone:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -2.5em;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_smartphone_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-smartphone:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-form {
  padding-left: 2.5em;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .icon-btn-form {
    padding-left: 3em;
  }
}
.icon-btn-form:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_pc_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-form:before {
    width: 32px;
    height: 32px;
  }
}

.icon-btn-excel {
  padding-left: 2.5em;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .icon-btn-excel {
    padding-left: 3em;
  }
}
.icon-btn-excel:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_excel_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-excel:before {
    width: 32px;
    height: 32px;
  }
}
.icon-btn-excel.lines {
  padding-left: 0;
}
.icon-btn-excel.lines:before {
  left: -2.5em;
}

.icon-btn-video {
  padding-left: 2.5em;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .icon-btn-video {
    padding-left: 3em;
  }
}
.icon-btn-video:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_video.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-video:before {
    width: 32px;
    height: 32px;
  }
}
.icon-btn-video.lines {
  padding-left: 0;
}
.icon-btn-video.lines:before {
  left: -2.5em;
}

.icon-btn-email {
  padding-left: 2.5em;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .icon-btn-email {
    padding-left: 3em;
  }
}
.icon-btn-email:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_mail_gray.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-email:before {
    width: 32px;
    height: 32px;
  }
}
.icon-btn-email.lines {
  padding-left: 0;
}
.icon-btn-email.lines:before {
  left: -2.5em;
}

.icon-btn-fax {
  padding-left: 2.5em;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .icon-btn-fax {
    padding-left: 3em;
  }
}
.icon-btn-fax:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_fax.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-fax:before {
    width: 32px;
    height: 32px;
  }
}
.icon-btn-fax.lines {
  padding-left: 0;
}
.icon-btn-fax.lines:before {
  left: -2.5em;
}

.icon-btn-finger_white {
  padding-left: 2.5em;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .icon-btn-finger_white {
    padding-left: 3em;
  }
}
.icon-btn-finger_white:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 42px;
  height: 42px;
  background: url(../images/icon_btn_finger_white.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .icon-btn-finger_white:before {
    width: 32px;
    height: 32px;
  }
}
.icon-btn-finger_white.lines {
  padding-left: 0;
}
.icon-btn-finger_white.lines:before {
  left: -2.5em;
}

[class^="icon-btn"].indent0 {
  margin-left: -2.5em;
}

.user-action-btn .btn {
  padding-top: 2.2em;
}
@media only screen and (max-width: 640px) {
  .user-action-btn .btn {
    padding-top: 2.5em;
  }
}
.user-action-btn .btn.icon-car:before {
  content: '';
  position: absolute;
  top: 19px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 61px;
  height: 28px;
  background: url(../images/icon_car.png) no-repeat center top;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .user-action-btn .btn.icon-car:before {
    width: 36px;
    height: 18px;
  }
}
.user-action-btn .btn.icon-human:before {
  content: '';
  position: absolute;
  top: 19px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 61px;
  height: 28px;
  background: url(../images/icon_human.png) no-repeat center top;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .user-action-btn .btn.icon-human:before {
    width: 36px;
    height: 18px;
  }
}
.user-action-btn .btn-techo {
  background: #f6f5f5;
  border-radius: 10px;
  color: #3c5f9b;
  /*
  font-size: 21px;
   */
  font-size: 2.1rem;
  font-weight: bold;
  text-align: center;
  padding-top: 8px;
}
@media only screen and (max-width: 640px) {
  .user-action-btn .btn-techo {
    /*
    font-size: 18px;
     */
    font-size: 1.8rem;
    margin-top: 18px;
    padding-bottom: 9px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 0;
  }
}
.user-action-btn .btn-techo span {
  /*
  margin-bottom: 5px;
   */
  display: block;
  color: #808080;
}
.user-action-btn .btn-techo a {
  margin-top: -5px;
}

.list-group.links-list li {
  display: inline-block;
}
.list-group.links-list li + li {
  margin-left: 1em;
}
@media only screen and (max-width: 640px) {
  .list-group.links-list li + li {
    margin-left: 0;
  }
}
.list-group.list-decimal {
  margin-bottom: 1em;
}
.list-group.list-decimal > li {
  margin: 0 0 0 1.5em;
}
.list-group.list-minus > li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 5px;
}
.list-group.list-minus > li:after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: 0;
  width: 10px;
  height: 3px;
  background-color: #666;
}
.list-group.list-minus.list-btn_text li:after {
  background-color: #808080;
}
.list-group.list-minus.list-primary li:after {
  background-color: #4592af;
}
.list-group.list-minus.list-secondary li:after {
  background-color: #e3c4a8;
}
.list-group.list-minus.list-thirdly li:after {
  background-color: #008241;
}
.list-group.list-minus.list-fourthly li:after {
  background-color: #00a315;
}
.list-group.list-minus.list-error li:after {
  background-color: #ff0000;
}
.list-group.list-minus.list-base_bg li:after {
  background-color: #f6f6f6;
}
.list-group.list-minus.list-gray li:after {
  background-color: #808080;
}
.list-group.list-minus.list-info li:after {
  background-color: #ff4b33;
}
.list-group.list-minus.list-beige li:after {
  background-color: #f5beaa;
}
.list-group.list-minus.list-orange li:after {
  background-color: #f2855e;
}
.list-group.list-minus.list-white li:after {
  background-color: white;
}
.list-group.list-minus.list-black li:after {
  background-color: black;
}
.list-group.list-tag {
  color: #fff;
  /*
  font-size: 13px;
   */
  font-size: 1.3rem;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .list-group.list-tag {
    /*
    font-size: 11px;
     */
    font-size: 1.1rem;
  }
}
.list-group.list-tag .tag {
  border-radius: 4px;
  display: inline-block;
  width: 8em;
  text-align: center;
  line-height: 2;
  padding: 0 1em;
}
@media only screen and (max-width: 640px) {
  .list-group.list-tag .tag {
    width: 7em;
  }
}
.list-group.list-tag .tag.tag-employee {
  background: #0c4097;
}
.list-group.list-tag .tag.tag-ob_member {
  background: #27894f;
}
.list-group.list-tag .tag.tag-ob {
  background: #89c16a;
}
.list-group.list-tag .tag.off {
  background: #888888;
}
li .list-group.list-tag {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 640px) {
  li .list-group.list-tag {
    position: relative;
    margin-top: 5px;
    text-align: right;
  }
}
#page-title .list-group.list-tag {
  position: absolute;
  bottom: -35px;
  right: 25px;
}
@media only screen and (max-width: 640px) {
  #page-title .list-group.list-tag {
    bottom: -25px;
    right: 4px;
  }
}
@media only screen and (min-width: 641px) {
  #page-title .list-group.list-tag {
    /*
    font-size: 16px;
     */
    font-size: 1.6rem;
    bottom: -60px;
    right: 135px;
  }
}
.list-group.list-square > li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 5px;
}
.list-group.list-square > li:after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #666;
}
.list-group.list-square.list-btn_text li:after {
  background-color: #808080;
}
.list-group.list-square.list-primary li:after {
  background-color: #4592af;
}
.list-group.list-square.list-secondary li:after {
  background-color: #e3c4a8;
}
.list-group.list-square.list-thirdly li:after {
  background-color: #008241;
}
.list-group.list-square.list-fourthly li:after {
  background-color: #00a315;
}
.list-group.list-square.list-error li:after {
  background-color: #ff0000;
}
.list-group.list-square.list-base_bg li:after {
  background-color: #f6f6f6;
}
.list-group.list-square.list-gray li:after {
  background-color: #808080;
}
.list-group.list-square.list-info li:after {
  background-color: #ff4b33;
}
.list-group.list-square.list-beige li:after {
  background-color: #f5beaa;
}
.list-group.list-square.list-orange li:after {
  background-color: #f2855e;
}
.list-group.list-square.list-white li:after {
  background-color: white;
}
.list-group.list-square.list-black li:after {
  background-color: black;
}
.list-group.list-brackets > li {
  position: relative;
  padding-left: 1.5em;
  /*
  margin:0 0 0 1.5em;
   */
  counter-increment: cnt;
}
.list-group.list-brackets > li:before {
  content: "(" counter(cnt) ")";
  position: absolute;
  top: 0;
  left: 0;
}
.list-group.list-star > li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 5px;
}
.list-group.list-star > li:after {
  display: block;
  content: '★';
  position: absolute;
  top: 0;
  left: 0;
}

.bg_stripe {
  background: url(../images/bg_dot.gif);
}

#navi-panel {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.card {
  background: white;
}
.card .card-header {
  padding-top: 10px;
}
.card .card-footer {
  color: #4592af;
  font-weight: bold;
}

.form-group input[type=text],
.form-group input[type=password] {
  border: solid 1px #ccc;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"].d-reset,
input[type="button"].d-reset {
  border: solid 1px #f00;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type="submit"].d-reset::-webkit-search-decoration,
input[type="button"].d-reset::-webkit-search-decoration {
  display: none;
}
input[type="submit"].d-reset::focus,
input[type="button"].d-reset::focus {
  outline-offset: -2px;
}

.table {
  /*
  font-size: 18px;
   */
  font-size: 1.8rem;
}
@media only screen and (max-width: 640px) {
  .table {
    /*
    font-size: 14px;
     */
    font-size: 1.4rem;
  }
}
.table.border-full th,
.table.border-full td {
  border: 1px solid #dcdcdc;
}
@media only screen and (max-width: 640px) {
  .table.table-block th,
  .table.table-block td {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .table.sp-block th,
  .table.sp-block td {
    display: block;
    width: 100%;
  }
}
.table .symbol {
  /*
  font-size: 24px;
   */
  font-size: 2.4rem;
  vertical-align: middle;
}
@media only screen and (max-width: 640px) {
  .table .symbol {
    /*
    font-size: 20px;
     */
    font-size: 2.0rem;
  }
}

@media only screen and (max-width: 640px) {
  .sp-table {
    width: 100%;
    overflow-x: scroll;
  }
  .sp-table .table {
    width: 800px !important;
  }
}