@charset "UTF-8";


/*----------------------------------------
Variables
----------------------------------------*/
/*

# Color */
/*# Border */
/*

# Scroll-bar */
/*

# Shadow */
/*

# Hover */
/*

# Width */
/*

# Easing */
/* $ease: cubic-bezier(.19, 1, .22, 1); */
/*




$_: #506169;
$_: #788b8f;
$_: #333a42;
$_: #3d3c4e;
$_: #b1afa2;
$_: #63334d;
$_: #5f3565;
$_: #78477f;
$_: #6c54aa;
$_: #aa7aa4;
$_: #b1aeb5;
$_: #f0a5bc;
$_: #ed8495;
$_: #fb9b83;
$_: #fc8cb2;
$_: #f03a6d;
$_: #fd1c46;
$_: #d81b5f;
$_: #c3000d;
$_: #f84548;
$_: #7e0b2c;
$_: #d92d07;
$_: #283929;
$_: #0b512c;
$_: #74ad46;
$_: #458a49;
$_: #97b241;
$_: #72ae68;
$_: #817722;
$_: #ea681a;
$_: #fd980c;
$_: #edcf0d;
$_: #faef96;
$_: #ffdb91;
$_: #f1cd83;
$_: #dacba0;
$_: #d58760;
$_: #d88745;
$_: #9b6213;
$_: #ef9b39;
$_: #d88027;
$_: #d1622b;
$_: #9d5c36;
$_: #765242;
$_: #141b2e;
$_: #488cc9;
$_: #55c0ee;
$_: #1c6e7a;
$_: #2a5578;
$_: #4f6067;*/
/*

# Font Family */
/*

# Font Weight */
/* IEハック用mixin */
/*----------------------------------------
reset
----------------------------------------*/
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: inherit;
  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-spacing: 0;
  border-collapse: collapse;
}

button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  font-family: inherit;
  vertical-align: middle;
  letter-spacing: inherit;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
}

ul, ol {
  list-style-type: none;
}

/*----------------------------------------
Common
----------------------------------------*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  font-family: "游ゴシック体", Yu-gothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro-n", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2;
  color: #000000;
  letter-spacing: 1.5px;
  letter-spacing: 0.15rem;
  word-wrap: break-word;
  word-break: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

a {
  color: #000000;
  text-decoration: none;
}

select,
input,
textarea {
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
}

button:focus {
  outline: none;
}

select::-ms-expand {
  display: none;
}

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

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 15px;
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background: #c1c1c1;
}

::selection {
  background-color: #cfe7f1;
  color: #fff;
}

.alignleft {
  float: right;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
}

.p-svg_hide {
  position: absolute;
  width: 0;
  height: 0;
}

.is-link-none {
  pointer-events: none;
  cursor: default;
}

.is-min {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.-column {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

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

.-sound-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2045%2028%22%3E%3Cpath%20d%3D%22M26.4.4c-.5-.3-1-.4-1.6-.4-.5%200-1.1.1-1.6.4L13%206.2H6.3C2.9%206.1.1%208.8%200%2012.3v3.5c.1%203.4%202.9%206.2%206.4%206.1H13l10.3%205.8c.5.3%201%20.4%201.6.4.5%200%201.1-.1%201.6-.4%201-.5%201.6-1.5%201.6-2.6V3C28%201.9%2027.4.9%2026.4.4zM12%2018.8H6.4c-1.7%200-3.2-1.3-3.2-3.1v-3.5c0-1.7%201.5-3.1%203.2-3.1H12v9.7zM24.9%2025l-11.1-6.2V9.2L24.9%203v22zM36.5%206.6c-.4-.4-1.1-.5-1.6-.1-.4.4-.5%201-.1%201.5v.1c3.1%203.3%203.1%208.5%200%2011.8-.4.4-.4%201.1%200%201.5h.1c.5.4%201.2.4%201.6-.1%203.9-4.1%203.9-10.5%200-14.7zm4.1-3.5c-.4-.5-1.1-.5-1.6-.1-.4.4-.5%201-.1%201.5%205.1%205.3%205.1%2013.7%200%2019-.4.4-.4%201.1%200%201.5.5.4%201.2.4%201.6-.1%206-6.1%206-15.7.1-21.8zm-9.8%207c-.4.4-.5%201-.1%201.5%201.3%201.3%201.3%203.4%200%204.7-.4.4-.4%201.1.1%201.5.5.4%201.2.4%201.6-.1%202-2.1%202-5.4%200-7.6-.5-.3-1.2-.4-1.6%200z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%230d87b8%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 15px;
}
.-sound-icon-mute {
  display: inline-block;
  width: 24px;
  height: 22px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGYklEQVR4nO2dWYgcRRjHf0bxipooigcYFQ/UqCi+KERhPZ/0QV8kgj74oBF0wYuA4vGkqCEmHqBL1CfFK6KIeK+JYZOdqtld4irL6pNGjdcqqyarkKwU0wPDpr7urpmqnu6Z+sM8TfX3fVW/6br66xqIioqKioqKioqKiopaoAlYrOBFDbs0/Krh0Uk4MDZUQdLwsob51o+CdyOEAjQMB2jYvRBAhFCQ5mE/Df/YAEQIBUnBMxKAskEYgaM0rNbwsYaago0abn4d9qeqGoaDNXxUdggaBhT8LMSn63ASVdUIHFJmCBpWKvg3I76vtsDhVFXTcJCG99IqqeF9c8cUGZeGQQV7MuJqfu6lyirTnTAPizSsy9nwzc8YVVcZIAw3xqU3HBvfxPUXvaBuQtgORyrYnNHYf0rf0SvqxphQhxMUTGT4/LEGF/Q8gKIh1OAcDd9lzXQ0LDPl+wJAURA0DKR1K0njj2g4uuWa/gAQGkINrpf2o1oaf6MZl1qv6ysAoSDofHP8dWZKarm2vwD4nB3NwyIFazPs7NVwt2QjBIBROF/BJrNBabY3NKygFyGMNGx8nnL9XA1uSIvDNwAzvljGodlxOJlehDABiwUIphEGsmLwDUDBLYLNIcooXxBU45ZvXvO9hnPz+C8KgNkELO1Oq2cIkzU4Ma/vAF3Q8Sk7ruspq3xBGIelLn5DDMJJcoLN7uw2OKIT2+0GdKXpAzVMKfg7rZGzPsrz3lEIAHU4K2VafCdFaRTOWNA3e/kojxBCAEjsvi3Y/pIiVIdLFcz4bnztGUIoAHW4WLJt1gkU8MsP1vjaI4RQAIySTT+b/Sd92E9z7L3b0YEguAJItrCHFfyh4Ys6XJjSDg8I9r8l8IBbSONrDxBcAGyFY5OGb/U9MwrHCbZPTemGlrcTb54KDQmNNGcedpt5cpmerGkHAApuE3w/kmJ/VPBxj2useSs0FSLTYCQQBBcAGm4X/O4w6ZnCNaulWNtti6wKzQqVcv7lFwFBOwAYg9OT3dV9ytfgWsH+CsHH77bt8Y7lUqEyPE/QjvFq+EwA/5IUb9L97nNNHU7rpC28VKjbd4J2B3CjcM1O6RedPAa1Abiu07bouELdhqCEKXNK/Zak/KKtU1INa4QYH/LRFl0BEHArOzPeJKva5utWofwql26rMgB8jQkaDl3Yt5MiM+0U/DxnK1+HawQAn1B1AKHuBFJkZjyCj01CeWsCmNmqoBcAhLgTyE7+stmfspUfg2MEAD/QKwB83wlk5J0K9n+zlTdv3hSWBNxNAD4hkJ11bbP9n6288eVSvtIAisjKlhpU+kUn8dji2E0vAggNIaVP/8VWfhIO65suqAgIY3C2YOsblzGj5wbhonJRk0RgW4N+YCtfh/MEv9vpdQAh7gRpIabgWZd1g5ny0g8AAmzgDQs2VgnlB4XyG+gXAD4hSDZMPpCtvIKnBF/3008AAm/g/WTOzLCVlzK4K70dXUIIG1IWbdY3d7bBKVTpkWTJIVyW8t6azfaMdMcEeSiv4D5KphF5heoEQcMrKU/DHhZsvxOkUgpeECoyZyCYd3gpkXQGAJfZkWB/i2B30H9tGnPeK/JUqs3PLg0fajjTV7x5fbcDwfTxUhZFsMQsIwWfBoQwn4wzV/mI1dGv69ubDwowpwkpQz45OTEYBNV4C2Vlp7G24dsl5UVKUnus07jzOL/EJB8FhrBHwV0dxtmO3zyLtYuk680jSoqQSTySEpk8g1jbbpZZit0g2RYaxiladbhcwfMKvjZ74IEgvGZ2Pl1jk+yFWjEruIMqSrdxEEdOu1ZbgVJezORhCVXVKCx3OYqmUwABIKyh6tKwLOXVnyaEHT5f1PbVHUkvclRO47A07YyIpEHMWHO1DwBlPg2ya5puNMirna4V8gJo8RkhNGV2ExU8ngFhr9kQwwMAowih/QOb1vs6sClCKMGRZRFC+2uFrb4O7YsQOji2snl2TycAjCKEEhzcGiGU4OjiMpyVXToNNzIS3syAYF3EteMvQijB8fURgp8/cBDPGc2jOCaU4C9M4p2QvlbYKTS+ctnKzlKEkLKbanKUkhQX8zdWbym4KcTfWOWE8IRvv1EOEMwhUK3lowqG0DP/WVNVCCZhodux9dvi8OnkAFuTajmU9V5yVKCHSUHS06OioqKioqKioqLwpv8Bx2Qx8wr3p30AAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% 90%;
  cursor: not-allowed;
}

.-copy-link {
  display: inline-block;
  width: 19px;
  height: 18px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAhGSURBVHic5Zt/bFVnGcc/zzmX3v6499aqyATrDCwGxT/YlmWduozGQX8QAku0iugSkylhEhOF2JagnmDllkFcMgxmxBjjH8jIzCBoe7uSFJhkTMMQM9TpQHAMTESht5e2tz3nPP7R1nXlnh/39l5ul33/63ne+7zP5+l733Oe57xXeBeoOtlzr4mxCqEBZSmwAKgFbgGDCH8HzoIcHxqt6MdqHA3rW0oU86y10Dpana6c9zVRNgNL8/jooCgHEH6c7mx+I2jwnExAItm7XjF2gy6ahRtbkX3zxPj+jY6Vg16D5lQC6rr7ax3X2a9CWxHdXhLDXZ9ubz2dyzhnElDz1G/vMl2zV5XlJXA/psjjmc6m52Ya5kQC6rr7P2qrPQCyuITTOKrypcy2puenXyx7AmYBnwFqyI8hKyqPpLc1vTJ1wchz0qIqT/jXEOl0heXx7HjNUGdzfCgbrbANt15Evwr8GnADfERV9GBdd3/t1IWyrYA84P8lwpb06OmDWJYvYKw7tQyXp0VY6TdOVfdmtrV8C8qUgDzgz9iGu26kvfVKaOeWZcSjDTuB7+LN5wgsTXc2v3HHvwJ5wP+uMhtdkRc8gGW5Q53NHaju8hllqspWuMMrIE/4ln9bjZmCJ7MsIxZ9sFeQVR4j0kPR9F13LAFVXX31EdM9fkfgJxXrTi0T5Rxg5hwgrLsjX4FywANkOprPI/qCl12VxpInIA/4l4oJPyVR47CnDVle2gRYlhEx9UBI+NZiwwOMO5z0tuqSkiYgEX3wfuCz/qP0VNTIri4FPMCIXXENcDzMdSVNgCofDhjyUmW2svl6+9qhkgVhNdrAiIc1GinZxIBt6qsRV2wg1zzhlv0zPdHaIWOZqPOfm9tXX843hgW7+2qGbY3lNAqZkq6AkfbWKwo7ckw8EAY+luz9QvyW8ZZrcMYxzUuJZKq/+kepoFX1DmUcvcfTqFwr+V0g09n8Q1QeE9WDwBFFvzm0OL0yEL67d6MgzwEfeDteHo0Y/DKf+Q3VVh/z38peDudSPJl6AngWj2o1IubdNzpW/jPQ0URdcA74lMeIjrKWw7kU6+7dCOzHp1Qfc/T9YXwlKho24A2Pg/vi7DZByzJqqz59n+s4C21TX827cJmhWHfvRlH5Kf41yvVb4zf/HOSrqquvXkV3+wz563Bn69mCV0DVrp6PxKMNJ1zX/QMiRyKu8Y9YMvW9Qv2FhFdV2YTVNubna741EIuY+gIT7w9yOxJ+AgV2hKq6+uojrpzgnQ85EYEd8e7U2nz9xZOpJ0RlH0Hw6OaZPb2Zmm8NxEaj2V7gfp9hVzIV6Z9DAQkIerZX5Yv5+Ava8N52q5sznS37/HxNg/d9+lRhC99pGyFg0tsUprARqA7rrxzwonow09F8aOrv0AkIW9WpSF8Yf+WAB85VmGPfmH4hVAJCl7TCQGbx4P4gfyWA7yG46LroGEbrzLojMAFVXX31EUNDtLH0VFSya2lr86q8gOLCL9jdVzMazR4FHvaPjcsmfG64fdXVmQbfJ8H/wwtL/P3rqagx1hJU1RUbftjW3wAr/GPjsomuuNnZcimX0TMB7wV48EjAewWeXAFVdR1dFDHd48Hw4ZoZxYTn0CEzHLxetB15OAgeZjQq6rr7a211UkBRenhFhQcSFxKbNBS8sWJke9ObQf6YGZiN/TN8qqdJlQUeQPF/55cvPNODS3SnvozK5wPGlw0eQLx7exQCD5MBLrSOVquyJ2BsWeEBVPiVh6UgeJgMMlM57+vg28E9E7aHR0AzA1AV3ZQvPMBQR/MRFX4A2NMun7QNfaQQeJi8DcaTqdeBj3uMuWY74w+MbF/zlq8na6AyHs1eYVoPL4cm4Dtani0k2ClVdR1dFIlU3GcoVwezL58NOjfgp0gi2fuAesMj6JZAeKA6OvIJMEoODzAZT2BMYWSoiN/O+qd09pXbTlblUoWj//UxT3zniwBfbEVQHvKxHwi7vG5uX305kUwdU3h0hincf/7QITNxsfZJVXelqIyowYGhjuYjYeaejQx8lr8rTk8+zmyXxwWOTbt0XVXaguDnWwOx+IXEMVV9BmSNCm0oh2fTYwwriSdTg0AilzGeHa+5aq0ZztdpVVdfvZjOB4ezmfNhGpiT9Xyukta2nfGPhdmDClWEibN2uZQpBB5g8pYUeFsKgAeIRIyKeynShpdLBojXf6gaa6BkL0/DNjMccUoGDxN7gNfubVRFMp599dlovjUQG7a1l+CS9uRw9vfnShHDlAzQC17GeWbFimJPGGLZT0ov2oa7YTYPOWFkKPJHzxDEXVfMyaZ1b4PhHSP/M4IFyBDc495xyGOxnT2fLMZE4VvXhRc2hciIZ+0+wKurYyLyNJY1q7fIcxUewJi41alHmQmCrIpHH+oqdIK5DA+TZauY5h68T1IB2hHf2ZvMdyVUdfXVj1RmZ75EzeW/LPAwrSscS6b2Cmz2G6xKPwbfznQ0n/f1allGoqJhgwp7gA/5h1A+eJiWgMmG6Dng7oDPuAiHxeWwaZgnboxGrmI12gt299WM2ix1RZtQNgAhNs/ywsOM9wKJXT0N6hrHgWgePpSJHzDmPorm/bGyw8OM1lW6vfW0qnwF3/3gNgnvUnjI0bvLbGt6frI7HPrnp3nqtdn08IqtnLv60Lamw2K4jcClYk4mqgfnZd3P3IknvLDyfTtc191fO67uDkGfJPdx17CTvOkKW6efzJgrCnVQsvapniXqGFsV1jPxq+2w+ouK7M1UDP5i6kzOXFN+J0Wtgcp45dhK1G1EZLko9yi8j4lzQWngGsjr4L7sirx4q6O5pKVsMfQ/YaRsKSTsHD8AAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% 90%;
}

.-memo-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20id%3D%22_x32_%22%20x%3D%220%22%20y%3D%220%22%20style%3D%22width%3A256px%3Bheight%3A256px%3Bopacity%3A1%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill%3A%234b4b4b%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M17.763%20181.363h44.603c9.806%200%2017.763-7.956%2017.763-17.779%200-9.816-7.957-17.772-17.763-17.772H17.763C7.956%20145.812%200%20153.768%200%20163.584c0%209.823%207.956%2017.779%2017.763%2017.779zM21.952%20199.963h33.253v112.075H21.952zM80.13%20348.417c0-9.816-7.957-17.78-17.763-17.78H17.763C7.956%20330.638%200%20338.602%200%20348.417c0%209.814%207.956%2017.771%2017.763%2017.771h44.603c9.807%200%2017.764-7.956%2017.764-17.771zM134.227%20154.499h149.64v24.94h-149.64zM134.227%20245.946h149.64v24.94h-149.64zM134.227%20337.392h91.446v24.94h-91.446z%22%20class%3D%22st0%22%20style%3D%22fill%3A%230d87b8%22%2F%3E%3Cpath%20d%3D%22M55.205%2078.648c.008-3.824%203.118-6.933%206.938-6.942H315.65c8.48.008%2015.998%203.385%2021.571%208.93%205.545%205.578%208.926%2013.095%208.934%2021.572v59.614c10.899-16.205%2021.96-30.826%2033.253-43.418v-16.196c-.012-35.218-28.54-63.746-63.759-63.755H62.143c-22.208.017-40.179%2017.991-40.191%2040.195v48.565h33.253V78.648zM346.156%20313.702v96.09c-.008%208.475-3.389%2015.993-8.934%2021.562-5.573%205.553-13.091%208.931-21.571%208.938H62.143c-3.82-.007-6.929-3.117-6.938-6.941v-48.564H21.952v48.564c.012%2022.204%2017.983%2040.178%2040.191%2040.194H315.65c35.218-.007%2063.746-28.536%2063.759-63.754v-114.17c-8.22%205.423-18.206%209.101-29.491%2010.684-1.153%202.266-2.427%204.767-3.762%207.397z%22%20class%3D%22st0%22%20style%3D%22fill%3A%230d87b8%22%2F%3E%3Cpath%20d%3D%22M457.935%2095.486C383.87%20105.69%20306.472%20284.857%20271.567%20349.163c-8.768%2016.156%2011.622%2029.64%2020.645%2014.175%206.503-11.114%2041.968-81.12%2041.968-81.12%2038.64%201.274%2052.892-25.703%2037.446-42.46%2051.926%201.072%2077.657-27.506%2062.935-44.847%2015.485%204.904%2028.905%201.624%2048.824-9.238%2042.513-23.186%2040.528-100.798-25.45-90.187z%22%20class%3D%22st0%22%20style%3D%22fill%3A%230d87b8%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 19px;
}

.-redbg {
  background-color: #cc0000 !important;
}

.-loader-icon {
  position: relative;
  display: block;
  width: 7em;
  height: 7em;
  margin: 0 auto;
  border-radius: 50%;
  background: #0d87b8;
  background: -webkit-linear-gradient(left, #0d87b8 10%, rgba(13, 135, 184, 0) 42%);
  background: linear-gradient(to right, #0d87b8 10%, rgba(13, 135, 184, 0) 42%);
  font-size: 3px;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: load3 1.4s infinite linear;
          animation: load3 1.4s infinite linear;
}

.-loader-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
  border-radius: 100% 0 0 0;
  background: #0d87b8;
  content: "";
}

.-loader-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 75%;
  height: 75%;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  content: "";
}

@-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);
  }
}
/* =============================================
  LAYOUT
============================================= */
.l-wrapper {
  display: -webkit-box;
  display: flex;
  width: 100%;
  min-height: 100vh;
  background-color: #f2f2f2;
}
@media screen and (max-width: 1400px) {
  .l-wrapper {
    display: block;
    min-height: calc(100vh - 45px);
    padding-top: 45px;
  }
  .-user_report .l-wrapper {
    padding-top: 0;
  }
}

.l-header {
  z-index: 20000;
  width: 218px;
  min-width: 218px;
  background-color: #0d87b8;
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 45px;
  }
}

.l-main {
  width: 100%;
  background-color: #f2f2f2;
}
.l-main-header {
  width: 100%;
  height: 66px;
  background-color: #e0e0e0;
}
@media screen and (max-width: 1400px) {
  .l-main-header {
    height: 45px;
  }
}
.l-main-contents {
  box-sizing: border-box;
  min-height: calc(100vh - 66px);
  padding: 40px 40px 16px 40px;
}
@media screen and (max-width: 767px) {
  .l-main-contents {
    padding: 10px;
  }
}
.-user_report .l-main-contents {
  min-height: 100vh;
  padding: 10px;
}

.l-pain + .l-pain {
  margin-top: 40px;
}
.l-pain-child {
  border-top: 2px solid #30b9f0;
  background-color: #fff;
}
.l-pain-child + .l-pain-child {
  margin-top: 40px;
}
.l-pain.-two-column {
  display: -webkit-box;
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .l-pain.-two-column {
    flex-wrap: wrap;
  }
}
.l-pain.-two-column .l-pain-child {
  width: 100%;
}
.l-pain.-two-column .l-pain-child + .l-pain-child {
  margin: 0;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .l-pain.-two-column .l-pain-child + .l-pain-child {
    margin-top: 20px;
    margin-left: 0;
  }
}

/*----------------------------------------
Media
----------------------------------------*/
@media screen and (max-width: 1024px) {
  .is-pc {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

.is-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .is-sp {
    display: block;
  }
}

.is-tablet {
  display: none;
}
@media screen and (max-width: 1024px) {
  .is-tablet {
    display: block;
  }
}

.is-pc-tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  .is-pc-tablet {
    display: block;
  }
}

/* =============================================
  UTILITY
============================================= */
h2.u-ttl {
  display: -webkit-box;
  display: flex;
  height: 40px;
  margin-bottom: 30px;
  padding-left: 18px;
  border-left: 7px solid #0d87b8;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.1;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  h2.u-ttl {
    height: 25px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}

h3.u-ttl {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.1;
}

.u-shadow {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
}

.p-message {
  position: fixed;
  z-index: 20001;
  top: -50px;
  left: 50%;
  display: -webkit-box;
  display: flex;
  min-height: 50px;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  border-radius: 0px 0px 10px 10px;
  background-color: #f08000;
  font-weight: bold;
  color: #fff;
  text-align: center;
  -webkit-transition: top 0.2s ease;
  transition: top 0.2s ease;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.p-message.-error {
  background-color: #cc0000;
}
.p-message.-is_ban {
  top: -33.5%;
  width: 80%;
  min-height: 33%;
  font-size: 24px;
  font-size: 2.4rem;
}

.p-message.is-active {
  top: 0;
}

.-hide {
  display: none;
}

a.-disable,
button.-disable {
  pointer-events: none;
}

.-vertical-text {
  text-align: center;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  text-orientation: upright;
  height: max-content;
}
@media screen and (max-width: 1024px) {
  .-vertical-text {
    display: block;
    width: 1em;
    min-height: 10em;
    margin: 0 auto;
  }
}

/*----------------------------------------
hover
----------------------------------------*/
a:hover, button:hover {
  opacity: 0.7;
}

.-zoom {
  overflow: hidden;
}
.-zoom img {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.-zoom:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.-ad {
  -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.-ad:hover {
  opacity: 0.7;
}

/*input*/
input[type=radio] + span,
input[type=checkbox] + span {
  position: relative;
  display: inline-block;
  margin: 0 25px 0 0;
  padding: 0 0 0 28px;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}

input[type=radio] + span::before,
input[type=checkbox] + span::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #9c9c9c;
  background: #fff;
  vertical-align: sub;
  content: "";
}

input[type=radio] + span::after,
input[type=checkbox] + span::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 9px;
  height: 9px;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

input[type=radio]:checked + span::after,
input[type=checkbox]:checked + span::after {
  opacity: 1;
}

input[type=radio] + span::before {
  border-radius: 50%;
}

input[type=radio] + span::after {
  border-radius: 50%;
  background: #cccccc;
}

input[type=checkbox] + span::before {
  border-width: 2px;
  border-radius: 1px;
}

input[type=checkbox] + span::after {
  top: 2px;
  left: 6px;
  width: 5px;
  border: solid #feb300;
  border-width: 0 3px 3px 0;
  color: #feb300;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*----------------------------------------
parts - base
----------------------------------------*/
.p-data {
  position: relative;
}
.p-data-area {
  position: relative;
  overflow: auto;
  padding: 0 20px 20px;
}
@media screen and (max-width: 767px) {
  .p-data-area {
    padding: 10px 15px 15px;
  }
}
.p-data-area.-noscroll {
  height: auto;
  max-height: 100%;
}

/*----------------------------------------
parts - title
----------------------------------------*/
.p-data .u-ttl {
  display: -webkit-box;
  display: flex;
  height: 60px;
  padding-left: 20px;
  -webkit-box-align: center;
          align-items: center;
}
.p-data .u-ttl.-solid {
  margin-bottom: 20px;
  border-bottom: 1px solid #d0e0e7;
}
.p-data .u-ttl.-dotted {
  margin-bottom: 20px;
  border-bottom: 1px dotted #0d87b8;
}

/*----------------------------------------
parts - input
----------------------------------------*/
.p-data-input {
  display: -webkit-box;
  display: flex;
  width: calc(100% - 176px);
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-data-input {
    width: 100%;
  }
}
.p-data-input label.-modal {
  display: -webkit-box;
  display: flex;
  min-width: 110px;
  height: 25px;
  padding-right: 15px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: right;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-data-input label.-modal {
    display: block;
    text-align: left;
  }
}
.p-data-input input[type=text].-input-text, .p-data-input input[type=text].-input-select,
.p-data-input input[type=password].-input-text,
.p-data-input input[type=password].-input-select,
.p-data-input input[type=number].-input-text,
.p-data-input input[type=number].-input-select,
.p-data-input .p-data-selectbox.-input-text,
.p-data-input .p-data-selectbox.-input-select {
  width: 100%;
  height: 25px;
  padding: 0 10px;
  border: 1px solid #AAAAAA;
  font-size: 12px;
}
.p-data-input input[type=text].-require,
.p-data-input input[type=password].-require,
.p-data-input input[type=number].-require,
.p-data-input .p-data-selectbox.-require {
  border: 1px solid #cc0000;
}
.p-data-input.-two-column {
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-data-input.-two-column {
    display: block;
  }
}
.p-data-input.-two-column input[type=text].-input-text, .p-data-input.-two-column input[type=text].-input-select,
.p-data-input.-two-column input[type=password].-input-text,
.p-data-input.-two-column input[type=password].-input-select,
.p-data-input.-two-column input[type=number].-input-text,
.p-data-input.-two-column input[type=number].-input-select,
.p-data-input.-two-column .p-data-selectbox.-input-text,
.p-data-input.-two-column .p-data-selectbox.-input-select {
  width: calc(50% - 5px);
}
.p-data-input.-two-column input[type=text].-input-text + input[type=text].-input-text,
.p-data-input.-two-column input[type=password].-input-text + input[type=password].-input-text,
.p-data-input.-two-column input[type=number].-input-text + input[type=number].-input-text {
  margin-left: 10px;
}
.p-data-input-area {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding-bottom: 20px;
  line-height: 1;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.p-data-input-area + .p-data-input-area {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.p-data-input-area:last-child {
  padding-bottom: 0;
}
.p-data-input-btn {
  display: -webkit-box;
  display: flex;
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .p-data-input-btn {
    margin: 0 auto;
  }
}
.p-data-input-btn .p-data-btnbox {
  display: -webkit-box;
  display: flex;
  min-width: 72px;
  height: 25px;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-data-input-btn .p-data-btnbox {
    height: auto;
    margin-top: 10px;
  }
}
.p-data-input-btn .p-data-btnbox + .p-data-btnbox {
  margin-left: 10px;
}

/*----------------------------------------
parts - textarea
----------------------------------------*/
.p-data-textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #AAAAAA;
}

/*----------------------------------------
parts - chceckbox
----------------------------------------*/
.p-data-checkbox {
  display: -webkit-box;
  display: flex;
  height: 12px;
  margin-right: 12px;
  -webkit-box-align: center;
          align-items: center;
}
.p-data-checkbox label {
  position: relative;
  display: block;
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  padding-right: 0;
  border: 1px solid #666666;
  line-height: 1;
}
.p-data-checkbox input[type=checkbox]:checked + label::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%230d87b8%22%20d%3D%22M9.6%202.5l-.8-.9-5.2%205.1-2.4-2.6-.8.8%203.1%203.4h.1z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 10px 10px;
  font-size: 11px;
  content: "";
}

/*----------------------------------------
parts - button
----------------------------------------*/
.p-data-utilbox {
  position: absolute;
  top: 16px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .u-ttl + .p-data-utilbox {
    position: relative;
    top: auto;
  }
  .u-ttl + .p-data-utilbox .p-data-btn-area {
    position: relative;
    top: auto;
    margin-bottom: 20px;
  }
}
.p-data-utilbox.-notitle {
  position: relative;
  z-index: 0;
  height: 80px;
}
@media screen and (max-width: 767px) {
  .p-data-utilbox.-notitle {
    position: relative;
    top: auto;
    height: auto;
  }
}
.p-data-btn {
  display: inline-block;
  overflow: hidden;
  height: 25px;
  border: 1px solid #0d87b8;
  background-color: #0d87b8;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  color: #fff;
  vertical-align: middle;
}
.p-data-btn.-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media screen and (max-width: 767px) {
  .p-data-btn {
    margin-bottom: 10px;
  }
}
.p-data-btn::before {
  display: block;
  float: left;
  width: 23px;
  height: 23px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}
.p-data-btn span {
  padding: 0 10px;
}
.p-data-btnbox {
  display: inline-block;
  vertical-align: top;
}
.p-data-btn-area {
  position: absolute;
  top: 0;
}
@media screen and (max-width: 767px) {
  .p-data-btn-area {
    position: relative;
    top: auto;
  }
}
.p-data-btn-area .p-data-btnbox + .p-data-btnbox {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .p-data-btn-area .p-data-btnbox + .p-data-btnbox {
    margin-left: 0;
  }
}
.p-data-btn-area.-left {
  left: 0;
  width: 100%;
  height: 44px;
  padding-left: 20px;
  border-bottom: 1px dotted #0d87b8;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-data-btn-area.-left {
    height: auto;
    margin-top: 15px;
    border-bottom: 0;
    text-align: center;
  }
}
.p-data-btn-area.-right {
  right: 0;
  padding-right: 20px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p-data-btn-area.-right {
    right: auto;
    height: auto;
    padding-right: 0;
    padding-left: 20px;
    border-bottom: 0;
    text-align: center;
  }
}
.p-data-btn.-add::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%230d87b8%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%2211%22%20width%3D%2224%22%20height%3D%222%22%2F%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%2211%22%20width%3D%222%22%20height%3D%2224%22%2F%3E%3C%2Fsvg%3E");
  background-size: 12px 12px;
  content: "";
}
.p-data-btn.-search:not(.no-icon)::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.56%22%20height%3D%2228.06%22%20viewBox%3D%220%200%2027.56%2028.06%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%230d87b8%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1252.21%2C1372.58l-8.03-7.96a11.118%2C11.118%2C0%2C0%2C0%2C3.03-7.63%2C11.276%2C11.276%2C0%2C1%2C0-4.36%2C8.83l8.09%2C8.02Zm-25.78-15.59a9.5%2C9.5%2C0%2C1%2C1%2C9.5%2C9.42A9.473%2C9.473%2C0%2C0%2C1%2C1226.43%2C1356.99Z%22%20transform%3D%22translate(-1224.66%20-1345.78)%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 14px;
  content: "";
}
.p-data-btn.-export::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.94%22%20height%3D%2218.62%22%20viewBox%3D%220%200%2027.94%2018.62%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%230d87b8%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M2521.56%2C1357.72a8.727%2C8.727%2C0%2C0%2C0-16.31-2.33%2C6.985%2C6.985%2C0%2C0%2C0%2C.76%2C13.93h15.15A5.806%2C5.806%2C0%2C0%2C0%2C2521.56%2C1357.72Zm-0.4%2C9.27h-15.15a4.659%2C4.659%2C0%2C0%2C1-.51-9.29l1.24-.12%2C0.59-1.11a6.391%2C6.391%2C0%2C0%2C1%2C11.95%2C1.7l0.35%2C1.75%2C1.78%2C0.13A3.474%2C3.474%2C0%2C0%2C1%2C2521.16%2C1366.99Zm-6.47-9.32h-3.38v3.5h-2.97l4.66%2C4.66%2C4.66-4.66h-2.97v-3.5Z%22%20transform%3D%22translate(-2499.03%20-1350.69)%22%2F%3E%3C%2Fsvg%3E");
  background-size: 15px 10px;
  content: "";
}
.p-data-btn.-import::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228.16%22%20height%3D%2218.78%22%20viewBox%3D%220%200%2028.16%2018.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%230d87b8%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M2849.75%2C1357.65a8.781%2C8.781%2C0%2C0%2C0-16.41-2.34%2C7.03%2C7.03%2C0%2C0%2C0%2C.76%2C14.02h15.24A5.847%2C5.847%2C0%2C0%2C0%2C2849.75%2C1357.65Zm-0.41%2C9.34H2834.1a4.689%2C4.689%2C0%2C0%2C1-.52-9.35l1.26-.13%2C0.58-1.11a6.435%2C6.435%2C0%2C0%2C1%2C12.03%2C1.71l0.36%2C1.76%2C1.79%2C0.13a3.494%2C3.494%2C0%2C0%2C1%2C3.26%2C3.47A3.532%2C3.532%2C0%2C0%2C1%2C2849.34%2C1366.99Zm-12.9-5.87h2.99v3.52h3.4v-3.52h2.99l-4.69-4.69Z%22%20transform%3D%22translate(-2827.06%20-1350.56)%22%2F%3E%3C%2Fsvg%3E");
  background-size: 15px 10px;
  content: "";
}
.p-data-btn.-import + .csv_upload.-hide {
  position: absolute;
  top: 0;
  left: -10000px;
  display: block;
  width: 132px;
  opacity: 0;
}
.p-data-btn.-format {
  border: 1px solid #333333;
  background-color: #333333;
}
.p-data-btn.-format::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2231%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20result%3D%22flood%22%20flood-color%3D%22%23333%22%2F%3E%3CfeComposite%20result%3D%22composite%22%20operator%3D%22in%22%20in2%3D%22SourceGraphic%22%2F%3E%3CfeBlend%20result%3D%22blend%22%20in2%3D%22SourceGraphic%22%2F%3E%3C%2Ffilter%3E%3Cstyle%3E.cls-2%7Bfill%3A%230d87b8%3Bfill-rule%3Aevenodd%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23filter)%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M14.39%200H-.01v31H22V7.741zm.18%201.08l6.34%206.44h-6.34V1.08zM.61%2030.368V.633h13.34v7.52h7.43v22.215H.61z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M14.39%200H-.01v31H22V7.741zm.18%201.08l6.34%206.44h-6.34V1.08zM.61%2030.368V.633h13.34v7.52h7.43v22.215H.61z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M14.39%200H-.01v31H22V7.741zm.18%201.08l6.34%206.44h-6.34V1.08zM.61%2030.368V.633h13.34v7.52h7.43v22.215H.61z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M14.39%200H-.01v31H22V7.741zm.18%201.08l6.34%206.44h-6.34V1.08zM.61%2030.368V.633h13.34v7.52h7.43v22.215H.61z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 11px 15px;
  content: "";
}
.p-data-btn.-edit {
  border: 1px solid #333333;
  background-color: #333333;
  line-height: 25px;
}
.p-data-btn.-edit::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228.06%22%20height%3D%2228.03%22%3E%3Cpath%20d%3D%22M.01%2022.17v5.84h5.84l17.22-17.22-5.84-5.84zM27.59%206.28a1.569%201.569%200%20000-2.2L23.94.44a1.539%201.539%200%2000-2.19%200L18.9%203.29l5.84%205.84z%22%20fill%3D%22%23333333%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-size: 15px 15px;
  content: "";
}
.p-data-btn.-del {
  border: 1px solid #333333;
  background-color: #333333;
  line-height: 25px;
}
.p-data-btn.-del::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228.252%22%20viewBox%3D%220%200%2027.75%2028%22%3E%3Cpath%20d%3D%22M5.135%2024.49a3.508%203.508%200%20003.49%203.5h10.5a3.508%203.508%200%20003.49-3.5V7.01H5.135v17.48zm19.23-22.73h-5.24L17.375.01h-7l-1.75%201.75h-5.24v3.5h20.98v-3.5z%22%20fill%3D%22%23333333%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 14px;
  content: "";
}
.p-data-btn.-sync {
  border: 1px solid #0d87b8;
  background-color: #0d87b8;
  line-height: 25px;
}
.p-data-btn.-sync::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%230d87b8%22%20d%3D%22M370.72%20133.28C339.458%20104.008%20298.888%2087.962%20255.848%2088c-77.458.068-144.328%2053.178-162.791%20126.85-1.344%205.363-6.122%209.15-11.651%209.15H24.103c-7.498%200-13.194-6.807-11.807-14.176C33.933%2094.924%20134.813%208%20256%208c66.448%200%20126.791%2026.136%20171.315%2068.685L463.03%2040.97C478.149%2025.851%20504%2036.559%20504%2057.941V192c0%2013.255-10.745%2024-24%2024H345.941c-21.382%200-32.09-25.851-16.971-40.971l41.75-41.749zM32%20296h134.059c21.382%200%2032.09%2025.851%2016.971%2040.971l-41.75%2041.75c31.262%2029.273%2071.835%2045.319%20114.876%2045.28%2077.418-.07%20144.315-53.144%20162.787-126.849%201.344-5.363%206.122-9.15%2011.651-9.15h57.304c7.498%200%2013.194%206.807%2011.807%2014.176C478.067%20417.076%20377.187%20504%20256%20504c-66.448%200-126.791-26.136-171.315-68.685L48.97%20471.03C33.851%20486.149%208%20475.441%208%20454.059V320c0-13.255%2010.745-24%2024-24z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 14px;
  content: "";
}
.p-data-btn.-large {
  width: 100%;
  border: 0;
  background-color: transparent;
}
.p-data-btn.-large::before {
  content: none;
}
.p-data-btn.-large .u-btn {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 63px;
  background-color: #0d87b8;
  font-size: 17px;
  font-size: 1.7rem;
  color: #fff;
  letter-spacing: 0.5em;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.p-data-btn.-bulk {
  width: auto;
  margin-left: 15px;
  border: 0;
  background-color: #cc0000;
}
.p-data-btn.-bulk::before {
  content: none;
}
.p-data-btn.-reset {
  border: 1px solid #444444;
  background-color: #fff;
  color: #333333;
}
.p-data-btn.-reset::before {
  content: none;
}
.p-data-toggle {
  position: relative;
  width: 90px;
  margin-right: 24px;
  font-size: 8px;
  line-height: 0;
  text-align: center;
}
.p-data-toggle input[type=checkbox] {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 0;
  height: 0;
  margin: 0;
  border: none;
  font-size: inherit;
  cursor: pointer;
}
.p-data-toggle label {
  position: relative;
  display: -webkit-box;
  display: flex;
  box-sizing: border-box;
  width: 90px;
  height: 25px;
  border: 1px solid #0d87b8;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-data-toggle label::after {
  position: absolute;
  z-index: 0;
  top: 1px;
  left: 1px;
  display: block;
  width: 44px;
  height: 21px;
  background: #0d87b8;
  content: "";
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.p-data-toggle label .u-text {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  width: 50%;
  height: 21px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #0d87b8;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.p-data-toggle label .u-text:first-child {
  color: #fff;
}
.p-data-toggle input:checked + label .u-text {
  color: #fff;
}
.p-data-toggle input:checked + label .u-text:first-child {
  color: #0d87b8;
}
.p-data-toggle input:checked + label::after {
  background: #0d87b8;
  -webkit-transform: translateX(42px);
          transform: translateX(42px);
}

/*----------------------------------------
parts - selectbox
----------------------------------------*/
.p-data-select {
  position: relative;
  width: calc(100% - 200px);
}
.p-data-select::after {
  position: absolute;
  z-index: 0;
  top: 12px;
  right: 10px;
  display: block;
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #333333;
  content: "";
  -webkit-transform: rotate(-45deg) translateY(-100%);
          transform: rotate(-45deg) translateY(-100%);
}
.p-data-select select {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 25px;
  padding-left: 12px;
  border: 1px solid #333333;
  background: none;
}

/*----------------------------------------
parts - radio
----------------------------------------*/
.p-data-radio {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: wrap;
}
.p-data-radio input[type=radio] + span {
  padding: 0 0 0 23px;
}
.p-data-radio input[type=radio] + span::before {
  left: -6px;
  border: 1px solid #333333;
}
.p-data-radio input[type=radio] + span::after {
  left: -2px;
  background: #333333;
}

/*----------------------------------------
parts - input-group
----------------------------------------*/
.p-data-input + .p-data-input {
  margin-top: 20px;
}
.p-data-input-group {
  display: -webkit-box;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-data-input-group {
    display: block;
  }
}
.p-data-input-group .p-data-input {
  width: 100%;
}
.p-data-input-group + .p-data-input-group {
  margin-top: 20px;
}
.p-data-input-group-item {
  width: 100%;
  padding: 20px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 767px) {
  .p-data-input-group-item {
    padding: 15px;
  }
}
.p-data-input-group-item.-checkbox {
  display: -webkit-box;
  display: flex;
  max-width: 25px;
  padding: 0;
  background-color: #fff;
  -webkit-box-align: center;
          align-items: center;
}
.p-data-input-group-item.-btn {
  display: -webkit-box;
  display: flex;
  max-width: 100px;
  padding: 0;
  background-color: #fff;
  text-align: right;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .p-data-input-group-item.-btn {
    max-width: 100%;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
.p-data-input-group-item.-btn.-vertical {
  flex-wrap: wrap;
}
.p-data-input-group-item.-btn.-vertical .p-data-btnbox + .p-data-btnbox {
  margin-left: 10px;
}

/*----------------------------------------
parts - textarea
----------------------------------------*/
.p-data-listcontrolle {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: flex;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-left: 20px;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-data-listcontrolle {
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
.p-data-limitselectbox {
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-data-limitselectbox {
    flex-wrap: wrap;
  }
}
.p-data-limitselectbox label {
  margin-right: 15px;
}
.p-data-selectbox {
  width: auto;
  min-width: 45px;
  background: none;
  cursor: pointer;
}
.p-data-selectbox#condition_select {
  height: 25px;
  padding: 0 10px;
  border: 1px solid #000000;
  font-size: 12px;
}
.p-data-selectbox-wrapper {
  position: relative;
  display: inline-block;
  line-height: 2;
}
.p-data-selectbox-wrapper.-wide {
  display: block;
  width: calc(100% - 110px);
}
.p-data-selectbox-wrapper::after {
  position: absolute;
  z-index: -1;
  top: 7px;
  right: 7px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #0d87b8;
  border-bottom: 1px solid #0d87b8;
  content: "";
  -webkit-transform: rotate(46deg) skewX(4deg);
          transform: rotate(46deg) skewX(4deg);
}
.p-data-pagenation {
  display: -webkit-box;
  display: flex;
}
.p-data-pagenation-area {
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-data-pagenation-area {
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
.p-data-pagenation-desc {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .p-data-pagenation-desc {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.p-data-pagenation-desc-txt {
  font-weight: bold;
}
.-disabled .p-data-pagenation-link, .-disabled .p-data-pagenation-list .paginationjs-page {
  pointer-events: none;
  opacity: 0.3;
}
.p-data-pagenation-list-ul {
  display: -webkit-box;
  display: flex;
}
.p-data-pagenation-tofirst .p-data-pagenation-link {
  display: inline-block;
  width: 15px;
  height: 23px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.9%2026.3%22%3E%3Cstyle%3E.st0%7Bfill%3A%23333%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M13%2013.4l12.9%2012.9%202-2-11.1-11.2L27.9%202l-2-2L13%2012.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2013.4l12.9%2012.9%202-2L3.8%2013.1%2014.9%202l-2-2L0%2012.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 13px;
}
.p-data-pagenation-tofirst.-disabled a {
  pointer-events: none;
  opacity: 0.3;
}
.p-data-pagenation-prev .p-data-pagenation-link,
.p-data-pagenation-prev a, .p-data-pagenation-list .paginationjs-prev .p-data-pagenation-link,
.p-data-pagenation-list .paginationjs-prev a {
  display: inline-block;
  width: 20px;
  height: 23px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.9%2026.3%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%2013.4l12.9%2012.9%202-2L3.8%2013.1%2014.9%202l-2-2L0%2012.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7.5px 13px;
}
.p-data-pagenation-prev.disabled a, .p-data-pagenation-list .paginationjs-prev.disabled a {
  opacity: 0.3;
}
.p-data-pagenation-toend .p-data-pagenation-link {
  display: inline-block;
  width: 15px;
  height: 23px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.9%2026.3%22%3E%3Cstyle%3E.st0%7Bfill%3A%23333%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M14.9%2012.8L2%200%200%202l11.1%2011.1L0%2024.3l2%202%2012.9-12.9z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M27.9%2012.8L15%200l-2%202%2011.1%2011.1L13%2024.3l2%202%2012.9-12.9z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 13px;
}
.p-data-pagenation-toend.-disabled a {
  pointer-events: none;
  opacity: 0.3;
}
.p-data-pagenation-next .p-data-pagenation-link,
.p-data-pagenation-next a, .p-data-pagenation-list .paginationjs-next .p-data-pagenation-link,
.p-data-pagenation-list .paginationjs-next a {
  display: inline-block;
  width: 20px;
  height: 23px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.9%2026.3%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M14.9%2012.8L2%200%200%202l11.1%2011.1L0%2024.3l2%202%2012.9-12.9z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7.5px 13px;
}
.p-data-pagenation-next.disabled a, .p-data-pagenation-list .paginationjs-next.disabled a {
  opacity: 0.3;
}
.p-data-pagenation-page span, .p-data-pagenation-list .paginationjs-page a {
  padding-right: 2px;
  padding-left: 2px;
  font-weight: bold;
  color: #999999;
}
.p-data-pagenation-page.is-current span, .p-data-pagenation-list .paginationjs-page.is-current a {
  color: #333333;
}

/*----------------------------------------
parts - table
----------------------------------------*/
.p-data-area.-table:not(.-noscroll) {
  height: calc(100vh - 340px);
  min-height: 480px;
}
@media screen and (max-width: 809px) {
  .p-data-area.-table:not(.-noscroll) {
    height: auto;
  }
}
.-user .p-data-area.-table:not(.-noscroll) {
  height: auto;
  max-height: 1000px;
}
.-user .p-report-contents {
  padding-left: 20px;
  padding-right: 20px;
}
.-user .p-report-content-data.-table, .-user .p-report-content-userdata.-table {
  padding: 0 15px;
}

.p-data-table {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  /* 
   &-tr:nth-child(1) th {
     top: 45px;
   }*/
}
.p-data-table-tr:nth-child(even) {
  background-color: #f3f9fb;
}
.p-data-table-tr:nth-child(even) .-loader-icon,
.p-data-table-tr:nth-child(even) .-loader-icon::after {
  background-color: #f3f9fb;
}
.p-data-table-tr:nth-child(2) th:first-child {
  border-left: 1px solid #e5e5e5;
}
.p-data-table-tr.-separate td {
  border-top: 1px solid #e5e5e5;
}
.p-data-table-tr.-cancel, .p-data-table-tr.-closing {
  opacity: 0.5;
}
.p-data-table-tr.-cancel td, .p-data-table-tr.-closing td {
  background-color: #9c9c9c;
}
.p-data-table-th, .p-data-table-td {
  padding: 5px 7px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .p-data-table-th, .p-data-table-td {
    padding: 5px 7px;
  }
}
.p-data-table-th + .p-data-table-th, .p-data-table-th + .p-data-table-td, .p-data-table-td + .p-data-table-th, .p-data-table-td + .p-data-table-td {
  border-left: 1px solid #e5e5e5;
}
.p-data-table-th.-check, .p-data-table-td.-check {
  position: relative;
  width: 80px;
  font-size: 8px;
  line-height: 0;
  text-align: center;
}
.p-data-table-th.-check input[type=checkbox], .p-data-table-td.-check input[type=checkbox] {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 0;
  height: 0;
  margin: 0;
  border: none;
  font-size: inherit;
  cursor: pointer;
}
.p-data-table-th.-check label, .p-data-table-td.-check label {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 5em;
  height: 2.5em;
  border: 0.2em solid #cccccc;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-data-table-th.-check label:before, .p-data-table-td.-check label:before {
  position: absolute;
  top: 0.18em;
  left: 0.1em;
  display: block;
  width: 1.8em;
  height: 1.8em;
  border-radius: 2em;
  background: #cccccc;
  content: "";
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.p-data-table-th.-check input:checked + label, .p-data-table-td.-check input:checked + label {
  border: 0.2em solid #0d87b8;
}
.p-data-table-th.-check input:checked + label:before, .p-data-table-td.-check input:checked + label:before {
  background: #0d87b8;
  -webkit-transform: translateX(2.5em);
          transform: translateX(2.5em);
}
.p-data-table-th, .p-data-table-th.-check {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .p-data-table-th, .p-data-table-th.-check {
    position: relative;
    top: auto;
  }
}
.-noscroll .p-data-table-th, .-noscroll .p-data-table-th.-check {
  position: relative;
  top: auto;
}
.p-data-table-td {
  max-width: 200px;
  vertical-align: middle;
}
.p-data-table-td[rowspan] {
  width: 10em;
  border: 1px solid #e5e5e5;
  border-left: 0;
  background-color: #fff;
}
.p-data-table-td.is-user::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2262%22%3E%3Ccircle%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2231%22%20fill%3D%22%230d87b8%22%2F%3E%3Cpath%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%201%22%20d%3D%22M34.96%2035.135a10.77%2010.77%200%2010-7.92%200c-6.39%201.63-11.1%207.1-11.1%2013.576h2.96c0-6.116%205.43-11.091%2012.1-11.091s12.1%204.976%2012.1%2011.091h2.96c0-6.478-4.71-11.945-11.1-13.576zm-11.77-10.1A7.81%207.81%200%201131%2032.921a7.855%207.855%200%2001-7.81-7.882z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  vertical-align: middle;
  content: "";
}
.p-data-table-td.-checkbox {
  width: 3.5em;
  text-align: center;
}
.p-data-table-td.-edit {
  width: 3.5em;
  text-align: center;
}
.p-data-table-td.-edit span {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228.06%22%20height%3D%2228.03%22%3E%3Cpath%20d%3D%22M.01%2022.17v5.84h5.84l17.22-17.22-5.84-5.84zM27.59%206.28a1.569%201.569%200%20000-2.2L23.94.44a1.539%201.539%200%2000-2.19%200L18.9%203.29l5.84%205.84z%22%20fill%3D%22%230d87b8%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
  vertical-align: middle;
  text-indent: -10000px;
}
.p-data-table-td.-del {
  width: 3.5em;
  text-align: center;
}
.p-data-table-td.-del span {
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228.252%22%20viewBox%3D%220%200%2027.75%2028%22%3E%3Cpath%20d%3D%22M5.135%2024.49a3.508%203.508%200%20003.49%203.5h10.5a3.508%203.508%200%20003.49-3.5V7.01H5.135v17.48zm19.23-22.73h-5.24L17.375.01h-7l-1.75%201.75h-5.24v3.5h20.98v-3.5z%22%20fill%3D%22%230d87b8%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  vertical-align: middle;
  text-indent: -10000px;
}
.p-data-table-td.-btn {
  width: 3.5em;
  text-align: center;
}
.p-data-table-td.-record_file {
  line-height: 1;
  text-align: center;
}
.p-data-table-td.-record_file .js-dl-btn,
.p-data-table-td.-record_file .-dl-btn {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzQ3YTRjOSIgZD0iTTMyMCAwYy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMyaDgyLjdMMjAxLjQgMjY1LjRjLTEyLjUgMTIuNS0xMi41IDMyLjggMCA0NS4zczMyLjggMTIuNSA0NS4zIDBMNDQ4IDEwOS4zVjE5MmMwIDE3LjcgMTQuMyAzMiAzMiAzMnMzMi0xNC4zIDMyLTMyVjMyYzAtMTcuNy0xNC4zLTMyLTMyLTMySDMyMHpNODAgMzJDMzUuOCAzMiAwIDY3LjggMCAxMTJWNDMyYzAgNDQuMiAzNS44IDgwIDgwIDgwSDQwMGM0NC4yIDAgODAtMzUuOCA4MC04MFYzMjBjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyIDE0LjMtMzIgMzJWNDMyYzAgOC44LTcuMiAxNi0xNiAxNkg4MGMtOC44IDAtMTYtNy4yLTE2LTE2VjExMmMwLTguOCA3LjItMTYgMTYtMTZIMTkyYzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDgweiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  vertical-align: middle;
  text-indent: -10000px;
}
.p-data-table-td-convertbtn {
  display: block;
  overflow: hidden;
  padding: 2px 0;
}
.p-data-table-td-convertbtn-view {
  display: inline-block;
  overflow: hidden;
  width: 28px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2234%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%230D87B8%22%20d%3D%22M33.257%2025.949c3.046-2.801%204.716-6.393%204.716-10.171%200-4.12-1.873-7.982-5.528-10.875C28.934%202.54%2024.276.484%2019.331.484c-4.946%200-9.604%202.056-13.115%204.419C2.652%207.796.689%2011.658.689%2015.778s1.963%207.982%205.527%2010.875c3.511%202.849%208.169%205.057%2013.115%205.057%202.813%200%205.509-1.137%208.02-2.12l6.984%204.162a.873.873%200%200%200%201.001-.073c.285-.232.395-.069.274-.965l-2.353-6.765Zm-5.383%201.916a.871.871%200%200%200-.448-.123c-.114%200-.228.022.474.066-3.223%201.004-5.24%201.514-8.569%201.514-9.171%200-16.893-6.076-16.893-13.544%200-7.468%207.722-13.544%2016.893-13.544%209.314%200%2016.892%206.076%2016.892%2013.544%200%203.442-1.617%206.724-4.554%209.422-.273.055-.374.432-.256.772l1.755%205.228-5.294-3.335Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 18px;
  vertical-align: middle;
  text-indent: -10000px;
}

.tablesorter-default .tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-repeat: no-repeat;
  background-position: center right;
  white-space: normal;
  cursor: pointer;
}
.tablesorter-default .tablesorter-header:focus {
  outline: 0;
  background-color: #cfe7f1;
}
.tablesorter-default .tablesorter-header.sorter-false {
  background-image: none;
}

.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

/*----------------------------------------
parts - modal
----------------------------------------*/
.p-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: flex;
  width: 60%;
  min-width: 768px;
  max-height: 100vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.p-modal:not(.-no-scroll) {
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 1400px) {
  .p-modal {
    top: 45px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 767px) {
  .p-modal {
    width: 100%;
    min-width: 320px;
  }
}
.p-modal-area {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}
.p-modal-close {
  position: absolute;
  top: 20px;
  right: 25px;
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-modal-close::before, .p-modal-close::after {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px solid #333333;
  content: "";
}
.p-modal-close::after {
  top: 0;
  left: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.p-modal .l-pain {
  width: 100%;
}
.p-modal .p-data-area {
  display: -webkit-box;
  display: flex;
  overflow: initial;
  max-height: 100%;
  flex-wrap: wrap;
}
.p-modal .p-data-area .p-data-input {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-modal .p-data-area .p-data-input {
    display: block;
  }
}
.p-modal .p-data-area .p-data-input-area input[readonly] {
  border: 0;
}
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea {
  margin-top: 20px;
}
.p-modal .p-data-area .p-data-input-area .p-data-input-duration,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea {
  width: calc(100% - 110px);
}
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
}
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select + .p-data-input-duration-select,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select + .p-data-input-duration-select {
  margin-top: 20px;
}
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select label.-modal,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select label.-modal {
  min-width: 90px;
  max-width: 3em;
}
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=text].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=number].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=password].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=text].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=number].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=password].-input-text {
  width: 238px;
  margin-right: 10px;
}
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=text].-input-text + input[type=text].-input-text, .p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=text].-input-text + input[type=number].-input-text, .p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=text].-input-text + input[type=password].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=number].-input-text + input[type=text].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=number].-input-text + input[type=number].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=number].-input-text + input[type=password].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=password].-input-text + input[type=text].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=password].-input-text + input[type=number].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-duration-select input[type=password].-input-text + input[type=password].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=text].-input-text + input[type=text].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=text].-input-text + input[type=number].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=text].-input-text + input[type=password].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=number].-input-text + input[type=text].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=number].-input-text + input[type=number].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=number].-input-text + input[type=password].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=password].-input-text + input[type=text].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=password].-input-text + input[type=number].-input-text,
.p-modal .p-data-area .p-data-input-area .p-data-input-textarea-select input[type=password].-input-text + input[type=password].-input-text {
  margin-right: 0;
  margin-left: 0;
}
.p-modal .p-data-area .p-data-input-area {
  width: 50%;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.p-modal .p-data-area .p-data-input-area:nth-child(even) {
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .p-modal .p-data-area .p-data-input-area:nth-child(even) {
    padding-left: 0;
  }
}
.p-modal .p-data-area .p-data-input-area:nth-last-child(-n+2) {
  border-bottom: 0;
}
.p-modal .p-data-area .p-data-input-area + .p-data-input-area {
  padding-top: 0;
  border-top: 0;
}
.p-modal .p-data-area .p-data-input-area.-wide {
  width: 100%;
}
.p-modal .p-data-area .p-data-input-area.-wide:nth-child(even) {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .p-modal .p-data-area .p-data-input-area {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.p-modal .p-data-area .p-data-input-area input[type=text],
.p-modal .p-data-area .p-data-input-area input[type=number],
.p-modal .p-data-area .p-data-input-area input[type=password],
.p-modal .p-data-area .p-data-input-area .p-data-selectbox {
  width: calc(100% - 125px);
}
@media screen and (max-width: 767px) {
  .p-modal .p-data-area .p-data-input-area input[type=text],
  .p-modal .p-data-area .p-data-input-area input[type=number],
  .p-modal .p-data-area .p-data-input-area input[type=password],
  .p-modal .p-data-area .p-data-input-area .p-data-selectbox {
    width: 100%;
  }
}
.p-modal .p-data-area .p-data-input-area #tel_no + .u-text {
  width: 100%;
  margin-top: 0.5em;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
}
.p-modal .p-data-area .p-data-input-area .select2-container {
  width: calc(100% - 125px);
}
@media screen and (max-width: 767px) {
  .p-modal .p-data-area .p-data-input-area .select2-container {
    width: 100%;
  }
}
.p-modal .p-data-area .p-data-input-area .select2-container .select2-selection {
  border-radius: 0;
}
.p-modal .p-data-area .p-data-input-area .select2-container .select2-search--inline {
  width: 100%;
}
.p-modal .p-data-area .p-data-checkbox {
  height: 25px;
}
.p-modal .p-data-area .p-data-textarea:not(.-wide) {
  width: calc(100% - 110px) !important;
}
@media screen and (max-width: 767px) {
  .p-modal .p-data-area .p-data-textarea {
    width: 100%;
  }
}
.p-modal .p-data-area .p-data-btn {
  display: -webkit-box;
  display: flex;
  height: auto;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
}
.p-modal .p-data-area .p-data-btn .u-btn {
  width: 33%;
  border: 0;
}
.p-modal .p-data-area .p-data-btn .u-btn.-reset {
  background-color: #9c9c9c;
}

.a-custom_modal .-lay .-row.p-data-btn.-btn .u-btn {
  width: 100%;
}

.-edit-call_history .p-data-table {
  margin-bottom: 1em;
}
.-edit-call_history .p-data-table .-key {
  width: 8em;
  font-weight: bold;
}
.-edit-call_history .p-data-input {
  margin-bottom: 2em;
}
.-edit-call_history .p-data-input-area.-wide {
  margin-top: 1em;
}
.-edit-call_history .p-data-input h4.-modal {
  width: 100%;
  padding: 1em 0;
  font-weight: bold;
}

.select2-container {
  z-index: 1000;
}

.p-data-input-calender {
  width: 100%;
  margin-bottom: 15px;
}
.p-data-input-calender .table-condensed {
  width: 100%;
}
.p-data-input-calender th {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
}
.p-data-input-calender th:first-child {
  color: #cc0000;
}
.p-data-input-calender td {
  padding-top: 7px;
  padding-bottom: 7px;
  border: 1px solid #cccccc;
  font-size: 11px;
  color: rgba(51, 51, 51, 0.5);
  text-align: center;
  vertical-align: middle;
}
.p-data-input-calender td:first-child, .p-data-input-calender td.is-holiday {
  color: rgba(204, 0, 0, 0.5);
}
.p-data-input-calender td.is-workingday {
  background-color: #f3f9fb;
  font-weight: bold;
}
.p-data-input-calender td.is-workingday.today {
  background-color: #cfe7f1;
}
.p-data-input-calender td.active {
  position: relative;
}
.p-data-input-calender td.active::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #126585;
  border-radius: 50%;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.datepicker thead tr:nth-child(2) {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  font-size: 16px;
  font-size: 1.6rem;
}
.datepicker thead tr:nth-child(2) th {
  padding-bottom: 10px;
}
.datepicker th.dow {
  padding-top: 30px;
}
.datepicker .prev {
  position: relative;
  font-size: 0;
  text-align: left;
}
.datepicker .prev::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #0d87b8;
  border-bottom: 1px solid #0d87b8;
  content: "";
  -webkit-transform: translate(0, 0) rotate(135deg);
          transform: translate(0, 0) rotate(135deg);
  -webkit-box-ordinal-group: 2;
          order: 1;
}
.datepicker .prev span {
  display: none;
}
.datepicker .next {
  position: relative;
  font-size: 0;
  text-align: right;
}
.datepicker .next::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #0d87b8;
  border-left: 1px solid #0d87b8;
  content: "";
  -webkit-transform: translate(-4px, 0) rotate(-135deg);
          transform: translate(-4px, 0) rotate(-135deg);
  -webkit-box-ordinal-group: 4;
          order: 3;
}
.datepicker .next span {
  display: none;
}
.datepicker-dropdown {
  position: absolute;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.datepicker-dropdown .datepicker-months td {
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  text-align: center;
}
.datepicker-dropdown .datepicker-months td .month {
  display: inline-block;
  width: 25%;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
.datepicker-dropdown .datepicker-months td .month.active {
  background-color: #0d87b8;
  color: #fff;
}
.datepicker-dropdown .datepicker-days th {
  padding-top: 7px;
  padding-right: 5px;
  padding-bottom: 7px;
  padding-left: 5px;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
}
.datepicker-dropdown .datepicker-days th:first-child {
  color: #cc0000;
}
.datepicker-dropdown .datepicker-days th.datepicker-switch {
  font-size: 13px;
  font-size: 1.3rem;
  color: #000000;
}
.datepicker-dropdown .datepicker-days th.prev, .datepicker-dropdown .datepicker-days th.next {
  font-size: 0;
}
.datepicker-dropdown .datepicker-days td {
  padding-top: 7px;
  padding-bottom: 7px;
  border: 1px solid #cccccc;
  font-size: 11px;
  color: rgba(51, 51, 51, 0.5);
  text-align: center;
  vertical-align: middle;
}
.datepicker-dropdown .datepicker-days td:first-child, .datepicker-dropdown .datepicker-days td.is-holiday {
  color: rgba(204, 0, 0, 0.5);
}
.datepicker-dropdown .datepicker-days td.is-workingday {
  background-color: #f3f9fb;
  font-weight: bold;
}
.datepicker-dropdown .datepicker-days td.today {
  background-color: #cfe7f1;
}
.datepicker-dropdown .datepicker-days td.active {
  position: relative;
}
.datepicker-dropdown .datepicker-days td.active::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #126585;
  border-radius: 50%;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.datepicker-dropdown .datepicker-years .year {
  margin: 0 0.25em;
}
.datepicker-title {
  color: #000000;
}
.datepicker .datepicker-days .datepicker-switch {
  margin-right: 15px;
  font-size: 25px;
  font-size: 2.5rem;
  color: transparent;
}
.datepicker .datepicker-days .datepicker-switch .u-text,
.datepicker .datepicker-days .datepicker-switch .smonth,
.datepicker .datepicker-days .datepicker-switch .year {
  font-size: 16px;
  font-size: 1.6rem;
}
.datepicker .datepicker-days .datepicker-switch .smonth {
  margin-left: 15px;
}
.datepicker-year {
  -webkit-box-ordinal-group: 3;
          order: 2;
}
.datepicker-month {
  margin-right: 15px;
  font-size: 25px;
  font-size: 2.5rem;
  -webkit-box-ordinal-group: 2;
          order: 1;
}
.datepicker-month .u-text {
  font-size: 16px;
  font-size: 1.6rem;
}
.datepicker-calendar {
  width: 100%;
  margin-bottom: 15px;
}
.datepicker-calendar .active {
  position: relative;
}
.datepicker-calendar .active::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #126585;
  border-radius: 50%;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*----------------------------------------
parts - loading
----------------------------------------*/
.loader {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.loader-inner {
  padding: 10px;
  border-radius: 10px;
  background-color: #0d87b8;
  line-height: 0;
}
.loader-inner.logo {
  background-color: #0d87b8;
}
.loader-inner.logo .logo_svg {
  width: 38px;
  height: 38px;
}
.loader-inner.logo .logo_svg path {
  opacity: 0;
  fill: #fff;
}

@-webkit-keyframes fadein {
  0%, 80% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
}

@keyframes fadein {
  0%, 80% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
}
.logo path:nth-child(1) {
  -webkit-animation: fadein 2s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: fadein 2s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.logo path:nth-child(2) {
  -webkit-animation: fadein 2s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: fadein 2s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.logo path:nth-child(3) {
  -webkit-animation: fadein 2s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: fadein 2s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.logo path:nth-child(4) {
  -webkit-animation: fadein 2s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: fadein 2s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse-sync > div, .ball-pulse > div {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 2px;
}

.ball-pulse-sync > div, .ball-pulse > div, .ball-scale > div {
  border-radius: 100%;
  background-color: #fff;
}

@-webkit-keyframes scale {
  0%, 80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    opacity: 0.7;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
}
@keyframes scale {
  0%, 80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    opacity: 0.7;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
}
.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

.ball-pulse-sync > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.p-widget {
  position: fixed;
  z-index: 21400;
  right: 20px;
  bottom: 0;
  border-top: 2px solid #30b9f0;
  background-color: #fff;
}
.p-widget.-appoint_info {
  width: 370px;
}
@media screen and (max-width: 767px) {
  .p-widget.-appoint_info {
    right: 0;
    width: 240px;
  }
}
.p-widget h3.u-ttl {
  display: -webkit-box;
  display: flex;
  height: 50px;
  padding-left: 20px;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-widget h3.u-ttl {
    height: 40px;
    padding-left: 10px;
  }
}
.p-widget-content {
  padding: 20px 20px 30px;
  border-top: 1px solid #d0e0e7;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .p-widget-content {
    padding: 10px 10px 20px;
  }
}
.p-widget-content-desc {
  min-width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d0e0e7;
  line-height: 1.4;
}
.p-widget-content-desc-ttl {
  font-weight: bold;
  color: #0d87b8;
}
.p-widget-content-desc-txt {
  display: inline-block;
  font-size: 2em;
  font-weight: bold;
}
.p-widget-content-desc-txt + .p-widget-content-desc-txt {
  margin: 0 1em;
}
@media screen and (max-width: 767px) {
  .p-widget-content-desc-txt + .p-widget-content-desc-txt {
    margin: 0;
  }
}
.p-widget-list {
  overflow: hidden;
  overflow-y: auto;
  height: auto;
  max-height: calc(100vh - 500px);
}
.-appoint_info .p-widget-list.close {
  height: 0;
}
.-appoint_info .p-widget-list-toggle {
  position: relative;
  font-size: 0.95em;
  color: #0d87b8;
}
.-appoint_info .p-widget-list-toggle::after {
  position: absolute;
  top: 2px;
  right: -16px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.-appoint_info .p-widget-list-toggle.close::after {
  top: 7px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.p-widget-list-item {
  padding: 0.25em;
}
.p-widget-list-item:nth-child(even) {
  background-color: #f3f9fb;
}
.p-widget-list-item.entry {
  color: #cc0000;
}
.p-widget-list-item + .p-widget-list-item {
  margin-top: 0.1em;
}
.p-widget-list-item-row {
  font-size: 0.8em;
  line-height: 1.1;
  word-break: break-all;
}
.p-widget-list-item-row + .p-widget-list-item-row {
  margin-top: 0.2em;
}
.p-widget-list-item-row.-justify {
  overflow: hidden;
}
.p-widget-list-item-row.-justify .-recall-complete {
  float: right;
}
.p-widget-list-item-txt {
  display: inline-block;
  font-size: 1.3em;
  font-weight: bold;
}
.p-widget-list-item-txt + .p-widget-list-item-txt {
  margin: 0 1em;
}
.p-widget.-anchor-box {
  right: auto;
  left: 230px;
}
@media screen and (max-width: 1400px) {
  .p-widget.-anchor-box {
    left: 10px;
  }
}
.p-widget.-anchor-box .p-widget-content {
  padding: 10px;
}
.p-widget.-anchor-box .p-widget-content .-select-user-anchor {
  margin-right: 1em;
}
.p-widget.-anchor-box .p-widget-content .-select-user-anchor .p-data-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 -1px 2px;
  vertical-align: baseline;
}
.p-widget.-anchor-box .p-widget-content .-select-user-anchor .p-data-checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
}
.p-widget.-anchor-box .p-widget-content .-open_select_user_report {
  color: #0d87b8;
}
.p-widget.-anchor-box .p-widget-content .-open_select_user_report::after {
  display: inline-block;
  width: 22px;
  height: 16px;
  margin-left: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2233.09%22%3E%3Cpath%20d%3D%22M8%201.99h35v23.1H8V1.99z%22%20fill%3D%22none%22%20stroke%3D%22%230d87b8%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M0%2010.09h4v19H0v-19zm0%2019h24v4H0v-4z%22%20fill%3D%22%230d87b8%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 16px;
  content: "";
}
.p-widget .p-widget-close {
  position: absolute;
  top: 15px;
  right: 25px;
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media screen and (max-width: 767px) {
  .p-widget .p-widget-close {
    top: 11px;
  }
}
.p-widget .p-widget-close.close {
  top: 23px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .p-widget .p-widget-close.close {
    top: 16px;
  }
}
.p-widget .p-widget-close::before, .p-widget .p-widget-close::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px solid #333333;
  content: "";
}
.p-widget .p-widget-close::after {
  top: 0;
  left: 10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left;
  transform-origin: left;
}
.p-widget .-flash {
  -webkit-animation: flash 1s linear infinite;
          animation: flash 1s linear infinite;
}
.p-widget .-alert {
  font-weight: bold;
  color: #cc0000;
}
@-webkit-keyframes flash {
  0%, 100% {
    color: #000000;
  }
  50% {
    color: #cc0000;
  }
}
@keyframes flash {
  0%, 100% {
    color: #000000;
  }
  50% {
    color: #cc0000;
  }
}

/*----------------------------------------
parts - talk 
----------------------------------------*/
.p-talk-area {
  margin: 0 auto;
  margin-top: 5px;
  padding: 0 75px 40px;
}
.p-talk-item {
  margin-bottom: 10px;
}
.p-talk-item:nth-child(odd) {
  margin-right: 21.6%;
}
.p-talk-item:nth-child(even) {
  margin-left: 21.6%;
}
.p-talk-item:nth-child(even) .p-talk-speaker {
  text-align: right;
}
.p-talk-speaker {
  margin-bottom: 8px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #0d87b8;
}
.p-talk-speaker::before {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2262%22%3E%3Ccircle%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2231%22%20fill%3D%22%230d87b8%22%2F%3E%3Cpath%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%201%22%20d%3D%22M34.96%2035.135a10.77%2010.77%200%2010-7.92%200c-6.39%201.63-11.1%207.1-11.1%2013.576h2.96c0-6.116%205.43-11.091%2012.1-11.091s12.1%204.976%2012.1%2011.091h2.96c0-6.478-4.71-11.945-11.1-13.576zm-11.77-10.1A7.81%207.81%200%201131%2032.921a7.855%207.855%200%2001-7.81-7.882z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
  vertical-align: middle;
  content: "";
}
.p-talk-message {
  padding: 15px;
  border: 1px solid #0d87b8;
  border-radius: 4px;
}

/*
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@-webkit-keyframes chartjs-render-animation {
  from {
    opacity: 0.99;
  }
  to {
    opacity: 1;
  }
}
@keyframes chartjs-render-animation {
  from {
    opacity: 0.99;
  }
  to {
    opacity: 1;
  }
}
.chartjs-render-monitor {
  -webkit-animation: chartjs-render-animation 0.001s;
          animation: chartjs-render-animation 0.001s;
}

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
  direction: ltr;
}

.chartjs-size-monitor-expand > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000000px;
  height: 1000000px;
}

.chartjs-size-monitor-shrink > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
}

.select2-container {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  display: block;
  box-sizing: border-box;
  height: 28px;
  cursor: pointer;
  -ms-user-select: none;
  -webkit-user-select: none;
      user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection {
  display: block;
  box-sizing: border-box;
  min-height: 32px;
  cursor: pointer;
  -ms-user-select: none;
  -webkit-user-select: none;
      user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  margin-top: 5px;
  padding: 0;
  border: none;
  font-size: 100%;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-weight: bold;
}

.select2-dropdown {
  position: absolute;
  z-index: 1051;
  left: -100000px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: white;
}

.select2-results {
  display: block;
}

.select2-results__options {
  margin: 0;
  padding: 0;
  list-style: none;
}

.select2-results__option {
  padding: 6px;
  -ms-user-select: none;
  -webkit-user-select: none;
      user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  color: #444;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  float: right;
  font-weight: bold;
  cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  height: 26px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -4px;
  border-width: 5px 4px 0 4px;
  border-style: solid;
  border-color: #888 transparent transparent transparent;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 1px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #888 transparent;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: white;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 5px;
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
  font-weight: bold;
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  padding: 0 5px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #e4e4e4;
  cursor: default;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  display: inline-block;
  margin-right: 2px;
  font-weight: bold;
  color: #999;
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-right: auto;
  margin-left: 5px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: auto;
  margin-left: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  border: none;
  outline: 0;
  background: transparent;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto;
  max-height: 200px;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  display: block;
  padding: 6px;
  cursor: default;
}

.select2-container--classic .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-color: #f7f7f7;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  color: #444;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  float: right;
  margin-right: 10px;
  font-weight: bold;
  cursor: pointer;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  height: 26px;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -4px;
  border-width: 5px 4px 0 4px;
  border-style: solid;
  border-color: #888 transparent transparent transparent;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 1px;
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  border: none;
  background: transparent;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #888 transparent;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-color: white;
  cursor: text;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
  padding: 0 5px;
  list-style: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  padding: 0 5px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #e4e4e4;
  cursor: default;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  display: inline-block;
  margin-right: 2px;
  font-weight: bold;
  color: #888;
  cursor: pointer;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-right: auto;
  margin-left: 5px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: auto;
  margin-left: 2px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  border: 1px solid transparent;
  background-color: #fff;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  overflow-y: auto;
  max-height: 200px;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  display: block;
  padding: 6px;
  cursor: default;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.ui-timepicker-wrapper {
  z-index: 10052;
  overflow-y: auto;
  width: 6.5em;
  max-height: 150px;
  margin: 0;
  border: 1px solid #ddd;
  outline: none;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  margin: 0;
  padding: 3px 0 3px 5px;
  list-style: none;
  color: #000;
  white-space: nowrap;
  cursor: pointer;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

/* =============================================
  main area
============================================= */
.l-main-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 1400px) {
  .l-main-header {
    display: none;
  }
}
.l-main-header-menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
}
.l-main-header-menu-item {
  margin-right: 30px;
}
.l-main-header-menu-item-link {
  text-decoration: underline;
}
.l-main-header-menu-item-link.-user {
  display: block;
}
.l-main-header-menu-item-link.-user:hover {
  opacity: 1;
}
.l-main-header-menu-item-link.-user .-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.l-main-header-menu-item-link.-user .-text::before {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2262%22%3E%3Ccircle%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2231%22%20fill%3D%22%230d87b8%22%2F%3E%3Cpath%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%201%22%20d%3D%22M34.96%2035.135a10.77%2010.77%200%2010-7.92%200c-6.39%201.63-11.1%207.1-11.1%2013.576h2.96c0-6.116%205.43-11.091%2012.1-11.091s12.1%204.976%2012.1%2011.091h2.96c0-6.478-4.71-11.945-11.1-13.576zm-11.77-10.1A7.81%207.81%200%201131%2032.921a7.855%207.855%200%2001-7.81-7.882z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
  content: "";
}
@media screen and (max-width: 1400px) {
  .l-main-header-menu-item-link.-user .-text::before {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
  }
}

/* =============================================
  sidebar
============================================= */
.l-header-logo-area {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 66px;
  border-bottom: 1px solid #80bdd5;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 1400px) {
  .l-header-logo-area {
    position: relative;
    z-index: 20;
    width: 150px;
    height: 45px;
    padding-left: 15px;
    border-bottom: 0;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}
.l-header-logo-img {
  display: block;
  width: 167px;
}
@media screen and (max-width: 1400px) {
  .l-header-logo-img {
    width: 140px;
  }
}
@media screen and (max-width: 1400px) {
  .l-header-navi {
    display: none;
  }
}
.l-header-navi-area {
  position: relative;
}
@media screen and (max-width: 1400px) {
  .l-header-navi-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
  }
}
@media screen and (max-width: 1400px) {
  .l-header-navi-area .-admin {
    display: none;
  }
}
.l-header-navi a {
  color: #fff;
}
.l-header-navi-item {
  border-bottom: 1px solid #80bdd5;
}
.l-header-navi-item-link {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 50px;
  padding-left: 24px;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}
.l-header-navi-item-link.-icon .-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.l-header-navi-item-link.-icon .-text::before {
  display: block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  content: "";
}
.l-header-navi-item-link.-icon.-call-log .-text::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2043%22%3E%3Cpath%20d%3D%22M26.2%2043c-3.2%200-7-1.6-9.9-3.8-3.9-3-7.3-6.6-10-10.7S1.7%2019.9.5%2015.1C-.6%2010.2%200%204%203.3%201.9%204.7%201%208.3-.2%209.2%200l.4.1%206%209.1c1%201.5-1.5%203.8-2.1%204.2-1.1.7-2.4%201.2-3.8%201.3-.2.5-.2%201-.1%201.6v.7c0%201.5%201.1%204%203.2%207.4%202.2%203.2%204.1%205.2%205.5%205.8.2.1.5.2.7.3.4.3%201%20.5%201.5.5.7-1.1%201.7-2.1%202.8-2.8.6-.3%203.7-1.7%204.7-.2l6%209.1-.1.4c-.2%201-2.8%203.7-4.1%204.6-1.1.6-2.3.9-3.6.9zM8.5%202.2c-1.4.3-2.8.8-4%201.4-2.1%201.4-3%206.3-1.9%2011%201.1%204.5%202.9%208.8%205.5%2012.7%202.6%203.9%205.8%207.3%209.5%2010.1%203.9%202.9%208.8%204.2%2011%202.8%201.1-.8%202.1-1.9%203-3l-5.2-7.9c-.7.1-1.4.3-2%20.6-.9.6-1.6%201.5-2.2%202.4l-.2.4-.2.1c-1.3.7-2.4.2-3.7-.4l-.6-.3c-1.8-.8-3.8-2.9-6.4-6.6-2.4-3.9-3.5-6.6-3.5-8.5v-.7c0-1.4-.1-2.6%201.1-3.5l.2-.2h.3c1.1-.1%202.1-.5%203.1-1%20.6-.4%201-1%201.4-1.6L8.5%202.2zM31.8%2037z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.l-header-navi-item-link.-icon.-recall-list .-text::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2243%22%3E%3Cpath%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%2012%22%20d%3D%22M19.5%200a19.556%2019.556%200%2000-5.713%2038.242L12.543%2043l12.014-3.287-8.846-8.786-1.4%205.334a17.484%2017.484%200%201115.272-2.434l1.845%201.178A19.549%2019.549%200%200019.5%200z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
}
.l-header-navi-item-link.-icon.-report .-text::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2243.594%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M43.3%2041.281V17.738h-2.292v23.543h-8V25.587h-2.294v15.694h-8V20.587h-2.293v20.694h-8v-11.8h-2.293v11.8H0v2.313h52v-2.31h-8.7z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M51.768%2010.741l-2.606-.178.532-7.745-7.761-.224.075-2.611%2010.478.3zM7.721%2026.508l-1.755-1.934L22.375%209.685a1.3%201.3%200%20011.868.116l6.924%208.063L49.87.894l1.755%201.935-19.7%2017.873a1.306%201.306%200%2001-1.869-.117l-6.924-8.063z%22%2F%3E%3C%2Fsvg%3E");
}
.l-header-navi-item-link.-icon.-admin-ttl .-text::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247.156%22%20height%3D%2241.344%22%3E%3Cpath%20d%3D%22M32.612%2037.254a1.006%201.006%200%2001-1.006-1.006V18.105c-.055-1.483-2.812-2.638-6.713-2.81-4.684-.207-9.132%201.128-9.409%202.81v17.892a1.006%201.006%200%2011-2.011%200V18.036a.969.969%200%2001.007-.116c.438-3.754%207.117-4.828%2011.5-4.635%205.251.232%208.56%202.062%208.636%204.776V36.248a1.006%201.006%200%2001-1.004%201.006zm-31.607%202.08a1.006%201.006%200%2001-1.006-1.006V23.05a.969.969%200%2001.007-.116c.345-2.956%204.978-4.268%209.467-4.268h.144a1.006%201.006%200%2001-.006%202.012h-.006a16.671%2016.671%200%2000-5.4.786c-1.3.459-2.091%201.06-2.2%201.657v15.204a1.006%201.006%200%2001-1%201.009zm45.136%202.012a1.006%201.006%200%2001-1.006-1.006V23.125c-.105-.6-.9-1.2-2.2-1.657a16.707%2016.707%200%2000-5.4-.786h.001a1.006%201.006%200%2001-.006-2.012h.144c4.489%200%209.122%201.312%209.467%204.268a.969.969%200%2001.007.116v17.29a1.006%201.006%200%2001-1.007%201.002zM7.524%2016.007a5.281%205.281%200%20115.282-5.282%205.287%205.287%200%2001-5.282%205.282zm0-8.551a3.27%203.27%200%20103.27%203.269%203.273%203.273%200%2000-3.27-3.269zm31.833%208.551a5.281%205.281%200%20115.282-5.282%205.287%205.287%200%2001-5.282%205.282zm0-8.551a3.27%203.27%200%20103.27%203.269%203.273%203.273%200%2000-3.27-3.269zm-15.812%203.122a5.282%205.282%200%20115.281-5.281%205.287%205.287%200%2001-5.281%205.281zm0-8.551a3.27%203.27%200%20103.27%203.27%203.274%203.274%200%2000-3.27-3.272z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
}
.-admin .l-header-navi {
  background-color: #126585;
}
.-admin .l-header-navi-item {
  margin-right: 35px;
  margin-left: 60px;
  border-bottom: 1px solid #80bdd5;
  color: #fff;
}
.-admin .l-header-navi-item-link {
  padding-left: 0;
}
.-admin .l-header-navi-item:first-child {
  margin-right: 0;
  margin-left: 0;
  border-bottom: 1px solid #3f819b;
}
.-admin .l-header-navi-item:first-child .l-header-navi-item-link {
  padding-left: 24px;
}
.-admin .l-header-navi-item:first-child .l-header-navi-item-link .-text {
  font-weight: bold;
}
.-admin .l-header-navi-item:last-child {
  border-bottom: 0;
}
.l-header-sp-block {
  display: none;
}
@media screen and (max-width: 1400px) {
  .l-header-sp-block {
    position: absolute;
    z-index: 200;
    top: 0;
    right: 0;
    display: block;
    width: 45px;
    height: 45px;
    background-color: #126585;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
}
.l-header-sp-block .p-burger-icon {
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
}
.l-header-sp-block .p-burger-icon-line {
  position: absolute;
  left: 12.5px;
  display: block;
  width: 20px;
  height: 0;
  border-top: 1px solid #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.l-header-sp-block .p-burger-icon-line:first-child {
  margin-top: -5px;
}
.l-header-sp-block .p-burger-icon-line:last-child {
  width: 15px;
  margin-bottom: -5px;
}
body[data-status=is-menu-active] .l-header-sp-block {
  background-color: #0d87b8;
}
body[data-status=is-menu-active] .l-header-sp-block .p-burger-icon-line:first-child {
  width: 15px;
  margin-top: 0;
  -webkit-transform: translateY(-2.5px) rotate(45deg);
          transform: translateY(-2.5px) rotate(45deg);
}
body[data-status=is-menu-active] .l-header-sp-block .p-burger-icon-line:last-child {
  margin-bottom: 0;
  -webkit-transform: translateY(-2px) rotate(-45deg);
          transform: translateY(-2px) rotate(-45deg);
}

.p-user-info-box {
  position: absolute;
  top: 45px;
  right: 45px;
  display: none;
  min-width: 240px;
  z-index: 2000;
}
.p-user-info-box .p-user-info {
  background-color: #fff;
  z-index: 2000;
}
.p-user-info-box:before {
  content: ".";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.l-main-header .p-user-info-box {
  top: 60px;
}
.-user.js-link:hover .p-user-info-box {
  display: block;
}
.p-user-info-box-dl {
  display: -webkit-box;
  display: flex;
  width: 100%;
  line-height: 1.2;
}
.p-user-info-box-dt {
  min-width: 9em;
  padding: 5px 10px;
  background-color: #0d87b8;
  color: #fff;
}
.p-user-info-box-dd {
  padding: 5px 10px;
  color: #333333;
}
.p-user-info-box-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
}
.p-user-info-box-close::before, .p-user-info-box-close::after {
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 12px;
  height: 0;
  border-top: 1px solid #333333;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-user-info-box-close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.p-user-info-sp {
  display: none;
  height: 45px;
  padding-right: 65px;
  color: #fff;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 1400px) {
  .p-user-info-sp {
    display: -webkit-box;
    display: flex;
  }
}
.p-user-info-sp .l-main-header-menu-item-link {
  color: #fff;
}

.p-menu-sp-navi {
  position: absolute;
  top: 0;
  right: -320px;
  width: 320px;
  background-color: #0d87b8;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
}
body[data-status=is-menu-active] .p-menu-sp-navi {
  right: 0;
}
body[data-status=is-menu-off] .p-menu-sp-navi {
  right: -320%;
}
.p-menu-sp-navi-header {
  display: -webkit-box;
  display: flex;
  height: 45px;
  padding: 0 20px;
  background-color: #e0e0e0;
  -webkit-box-align: center;
          align-items: center;
}
.p-menu-sp-navi-area {
  position: fixed;
  z-index: 19999;
  top: 45px;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.p-menu-sp-navi-area .l-header-navi {
  display: block;
}
body .p-menu-sp-navi-area, body[data-status=is-menu-off] .p-menu-sp-navi-area {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease 0.2s;
  transition: opacity 0.2s ease, visibility 0.2s ease 0.2s;
}
body[data-status=is-menu-active] .p-menu-sp-navi-area {
  visibility: visible;
  overflow-y: auto;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

body[data-status=is-menu-active] {
  overflow: hidden;
}

/*----------------------------------------
report
----------------------------------------*/
.p-report-area {
  width: calc(100vw - 310px);
}
@media screen and (max-width: 1400px) {
  .p-report-area {
    width: 100%;
  }
}
.-user_report .p-report-area {
  width: 100%;
}
.p-report-parent-tab, .p-report-child-tab {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-report-parent-tab, .p-report-child-tab {
    overflow-x: auto;
    white-space: nowrap;
  }
}
.p-report-parent-tab-item, .p-report-child-tab-item {
  float: left;
}
@media screen and (max-width: 767px) {
  .p-report-parent-tab-item, .p-report-child-tab-item {
    display: inline-block;
    float: none;
  }
}
.p-report-parent-tab-item-link, .p-report-child-tab-item-link {
  display: block;
  padding: 12px 20px;
  background-color: #d5d5d5;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .p-report-parent-tab-item-link, .p-report-child-tab-item-link {
    padding: 8px 16px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-report-parent-tab-item-link.is-current, .p-report-child-tab-item-link.is-current {
  background-color: #30b9f0;
  color: #fff;
}
.p-report-parent-tab-item + .p-report-parent-tab-item, .p-report-parent-tab-item + .p-report-child-tab-item, .p-report-child-tab-item + .p-report-parent-tab-item, .p-report-child-tab-item + .p-report-child-tab-item {
  margin-left: 1px;
}
.-btn .p-report-parent-tab-item, .-btn .p-report-child-tab-item {
  padding: 0px 1px 1px 1px;
}
.-btn .p-report-parent-tab-item + .p-report-parent-tab-item, .-btn .p-report-parent-tab-item + .p-report-child-tab-item, .-btn .p-report-child-tab-item + .p-report-parent-tab-item, .-btn .p-report-child-tab-item + .p-report-child-tab-item {
  margin-left: 0;
  padding: 0px 1px 1px 0px;
}
.p-report-child {
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .p-report-child {
    padding: 10px;
  }
}
.p-report-child-tab-item-link {
  padding: 10px 12px;
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-report-child-tab-item-link {
    padding: 8px 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-report-child-content-data.-table, .p-report-child-content-userdata.-table {
  overflow: auto;
  width: calc(100vw - 440px);
}
@media screen and (max-width: 1400px) {
  .p-report-child-content-data.-table, .p-report-child-content-userdata.-table {
    width: calc(100vw - 210px);
  }
}
.p-report-child-content-data.-bar, .p-report-child-content-userdata.-bar {
  overflow: auto;
  width: calc(100vw - 440px);
}
@media screen and (max-width: 1400px) {
  .p-report-child-content-data.-bar, .p-report-child-content-userdata.-bar {
    width: calc(100vw - 210px);
  }
}
.p-report-child-content-userdata {
  padding-top: 45px;
}
.p-report-header-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.p-report-contents {
  padding: 20px 40px;
  border: 1px solid #30b9f0;
}
@media screen and (max-width: 767px) {
  .p-report-contents {
    overflow: auto;
    padding: 10px;
  }
}
.p-report .p-data-selectbox {
  width: auto;
}
.p-report .p-data-selectbox-area {
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-report .p-data-selectbox-area {
    flex-wrap: wrap;
  }
}
.p-report .p-data-selectbox-wrapper {
  display: block;
  margin-right: 0;
  padding-right: 20px;
}
.p-report .p-data-selectbox-wrapper::after {
  content: none;
}
.p-report .p-data-selectbox-wrapper .select2-selection {
  padding-right: 25px;
}
.p-report .p-data-selectbox-wrapper .select2-selection::after {
  position: absolute;
  z-index: -1;
  top: 7px;
  right: 7px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #0d87b8;
  border-bottom: 1px solid #0d87b8;
  content: "";
  -webkit-transform: rotate(46deg) skewX(4deg);
          transform: rotate(46deg) skewX(4deg);
}
.p-report .p-data-selectbox-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: none;
  margin-top: 0;
  margin-right: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  white-space: initial;
  cursor: default;
}
.p-report .p-data-selectbox-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice + .select2-selection__choice {
  margin-top: 0.2em;
}
.p-report .p-data-selectbox-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice + .select2-search--inline {
  width: 100%;
}
.p-report .p-data-selectbox-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice + .select2-search--inline .select2-search__field {
  min-width: 100%;
  border: 1px dotted #9c9c9c;
}
.p-report .p-data-selectbox-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0;
  outline: 0;
}
.p-report .p-data-selectbox-wrapper .select2-container--default .select2-selection--multiple {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
}
.p-report .p-data-selectbox-wrapper .select2-container--default .select2-selection--multiple .select2-search__field {
  cursor: pointer;
}
.p-report .p-data-selectbox-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.p-report .p-data-selected-list {
  font-size: 12px;
  font-size: 1.2rem;
}
.p-report .p-data-select-area {
  display: -webkit-box;
  display: flex;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-bottom: 1px dotted #0d87b8;
  line-height: 1.1;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-report .p-data-select-area {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
}
/*.p-report .p-data-select-btn {*/
/*  -ms-grid-row-align: end;*/
/*      align-self: end;*/
/*}*/
.p-report .p-data-select-btn .p-data-btn.-bulk {
  margin-left: 25px;
  background-color: #0d87b8;
}
@media screen and (max-width: 767px) {
  .p-report .p-data-select-btn .p-data-btn.-bulk {
    margin-right: 0px;
    margin-left: 0;
  }
}
.p-report .p-data-select-btn .p-data-btn.-bulk.-reset {
  border: 1px solid #333333;
  background-color: #fff;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .p-report .p-data-select-btn .p-data-btnbox {
    margin-bottom: 10px;
  }
}
.p-report .p-data-select-btn .p-data-btnbox + .p-data-btnbox {
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .p-report .p-data-select-btn .p-data-btnbox + .p-data-btnbox {
    margin-right: 0;
    margin-left: 0;
  }
}
.p-report .p-data-select-toolbox {
  display: -webkit-box;
  display: flex;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-report .p-data-select-toolbox {
    flex-wrap: wrap;
  }
}
.p-report .p-data-input {
  width: auto;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-report .p-data-input {
    margin-bottom: 1em;
    flex-wrap: wrap;
  }
}
.p-report .p-data-input input[type=text].-input-text {
  width: 90px;
  margin-right: 10px;
  border-color: #d5d5d5;
}
.p-report .p-data-input input[type=text].-input-text + input[type=text].-input-text {
  margin-left: 10px;
}
.p-report-content {
  display: none;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1240px) {
  .p-report-content {
    -webkit-box-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-report-content {
    -webkit-box-pack: left;
            justify-content: left;
  }
}
.p-report-content.-jobs_area .p-data-select-area, .p-report-content.-jobs .p-data-select-area, .p-report-content.-area .p-data-select-area {
  border-bottom: 0;
  -webkit-box-pack: initial;
          justify-content: initial;
}
.p-report-content-data.-table, .p-report-content-data-ext.-table, .p-report-content-data.-bar.-wide, .p-report-content-data-ext.-bar.-wide, .p-report-content-data.-circle.-wide, .p-report-content-data-ext.-circle.-wide, .p-report-content-userdata {
  overflow-x: auto;
  width: auto;
  min-width: 500px;
  padding: 0 15px;
  -webkit-box-flex: 1;
          flex: 1 1;
}
@media screen and (max-width: 767px) {
  .p-report-content-data.-table, .p-report-content-data-ext.-table, .p-report-content-data.-bar.-wide, .p-report-content-data-ext.-bar.-wide, .p-report-content-data.-circle.-wide, .p-report-content-data-ext.-circle.-wide, .p-report-content-userdata {
    min-width: 400px;
    padding: 0 8px;
  }
}
.p-report-content-data.-circle.-wide {
  width: 100%;
}
.p-report-content-data.-table, .p-report-content-userdata.-table {
  width: 100%;
  padding-right: 30px;
}
.p-report-content-data.-table.-weekday, .p-report-content-userdata.-table.-weekday {
  min-width: 100%;
}
@media screen and (max-width: 1240px) {
  .p-report-content-data.-table, .p-report-content-userdata.-table {
    padding-right: 0;
  }
}
.p-report-content-userdata-wrap {
  position: relative;
  display: -webkit-box;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.-user_report .p-report-content-userdata-wrap {
  display: block;
}
@media screen and (max-width: 1240px) {
  .p-report-content-userdata-wrap {
    display: block;
    margin-top: -45px;
    padding-top: 45px;
  }
}
.p-report-content-userdata-wrap.-shrink {
  width: 50%;
}
.p-report-content-userdata-wrap.-shrink .p-report-content-userdata:last-child {
  display: none;
}
.p-report-content-userdata-wrap .-open_user_report {
  position: absolute;
  z-index: 50;
  top: 16px;
  right: 16px;
  display: block;
  width: 22px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2233.09%22%3E%3Cpath%20d%3D%22M8%201.99h35v23.1H8V1.99z%22%20fill%3D%22none%22%20stroke%3D%22%230d87b8%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M0%2010.09h4v19H0v-19zm0%2019h24v4H0v-4z%22%20fill%3D%22%230d87b8%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 16px;
}
@media screen and (max-width: 1240px) {
  .p-report-content-userdata-wrap .-open_user_report {
    top: 60px;
  }
}
.p-report-content.-all {
  display: -webkit-box;
  display: flex;
}
.p-report-content.-all.-old {
  display: none;
}
.p-report-content.-user {
  display: block;
}
.p-report-content-data {
  width: 500px;
}
.p-report-content-selectarea {
  width: 100%;
}
.p-report-child-content {
  display: none;
  border-top: 1px solid #30b9f0;
}
.p-report-box {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-report-box {
    margin-bottom: 0;
  }
}
.p-report-box-header {
  display: -webkit-box;
  display: flex;
}
.p-report-box-graph-area, .p-report-box-graph-area-ext {
  height: 500px;
}
.-jobs .p-report-box-graph-area, .-area .p-report-box-graph-area, .-jobs .p-report-box-graph-area-ext, .-area .p-report-box-graph-area-ext {
  height: 600px;
}
.-jobs_category .p-report-box-graph-area, .-jobs_category .p-report-box-graph-area-ext {
  height: 800px;
}
.p-report-box .u-ttl {
  height: 50px;
  padding-left: 0;
  color: #0d87b8;
}
.p-report-box .p-data-table-tr.-bottom {
  background-color: #dbedf4;
}
.p-report-box .p-data-table-tr.-bottom .p-data-table-td {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.p-report-box .p-data-table-td {
  padding: 10px;
  border-bottom: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-report-box .p-data-table-td {
    padding: 5px;
  }
}
.p-report-box .p-data-table-td + .p-data-table-td {
  border-bottom: 0;
}
.p-report-box .p-data-table-td.-jobs-ranking .-ranking-list {
  margin-top: 1em;
  padding: 0.5em;
  border: 1px solid #80bdd5;
  line-height: 1.3;
  text-align: left;
  word-break: keep-all;
}
.p-report-box .p-data-table-td.-jobs-ranking .-ranking-list-item + .-ranking-list-item {
  margin-top: 0.7em;
}
.p-report-box .p-data-table-td.-jobs-ranking .-ranking-list .u-text:first-child {
  font-size: 10px;
  font-size: 1rem;
  color: #999999;
}
.p-report-box .p-data-table-td.-jobs-ranking .-ranking-list .u-text:last-child {
  font-size: 15px;
  font-size: 1.5rem;
}
.p-report-box .p-data-table-td.-jobs-ranking .-ranking-list:before {
  display: block;
  padding-bottom: 1em;
  font-size: 10px;
  font-size: 1rem;
  color: #80bdd5;
  content: "[業種ランキングTOP3]";
}

.p-report-child-content-userdata-wrap {
  position: relative;
}
.p-report-child-content-userdata-wrap .-open_user_report {
  position: absolute;
  z-index: 50;
  top: 16px;
  right: 16px;
  display: block;
  width: 22px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2233.09%22%3E%3Cpath%20d%3D%22M8%201.99h35v23.1H8V1.99z%22%20fill%3D%22none%22%20stroke%3D%22%230d87b8%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M0%2010.09h4v19H0v-19zm0%2019h24v4H0v-4z%22%20fill%3D%22%230d87b8%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 16px;
}
@media screen and (max-width: 1240px) {
  .p-report-child-content-userdata-wrap .-open_user_report {
    top: 60px;
  }
}

.d-flex {
  display: flex;
}
.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start;
}
.flex-wrap {
  flex-wrap: wrap;
}
.no-wrap {
  flex-wrap: nowrap;
}
.f-width {
  width: 100%;
}
.f-gap-8 {
  gap: 8px;
}
.f-gap-16 {
  gap: 16px;
}
.mgr-5 {
  margin-right: 5px;
}
.mgl-5 {
  margin-left: 5px;
}
a.js-record-files {
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-data-input.-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.p-data-input-duration-select.-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-data-boxheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 8px 16px;
  margin-bottom: 16px;
  border-bottom: 1px dotted #0d87b8;
  min-height: 60px;
}
.p-data-boxheader .p-data-btn-wrapper .p-data-input.-horizontal .p-data-input-duration-select-time {
  border-left: none;
}
.p-data-btn-wrapper.-boxheader {

}
@media screen and (max-width: 1312px) {
  .p-data-btn-wrapper.-left {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  .p-data-btn-wrapper .p-data-btn {
    margin-bottom: 0;
  }
  .p-data-btn-wrapper.-boxheader {
    width: 100%;
  }
}
.p-data-btn-wrapper .p-data-btnbox .p-data-btn {
  display: flex;
  white-space: nowrap;
}
.p-data-btn-wrapper.-left .p-data-input input.p-data-input-duration-select-date {
  width: 120px;
}
.p-data-btn-wrapper.-left .p-data-input input.p-data-input-duration-select-time {
  width: 80px;
}

.p-data-input.-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.p-data-input-duration-select.-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-data-boxheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 8px 16px;
  margin-bottom: 16px;
  border-bottom: 1px dotted #0d87b8;
  min-height: 60px;
}
.p-data-boxheader .p-data-btn-wrapper .p-data-input.-horizontal .p-data-input-duration-select-time {
  border-left: none;
}
.p-data-btn-wrapper.-boxheader {
  gap: 16px;
}
.p-data-btn-wrapper.-left .p-data-input input.p-data-input-duration-select-date {
  width: 120px;
}
.p-data-btn-wrapper.-left .p-data-input input.p-data-input-duration-select-time {
  width: 80px;
}

/*audio*/
.plyr--audio .plyr__controls {
  padding: 3px 5px;
  border: 1px solid #ddd;
}
.plyr--audio .plyr__controls .plyr__controls__item.plyr__control {
  padding: 4px;
}

.-text-white {
  color: white;
}
.-text-bold {
  font-weight: bold;
}
.-alert {
  color: #cc0000;
  position: absolute;
}
.-icon-info {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAABhUlEQVR4nM2WsUoDQRRFj8mioD8gWEXxCyyMsbHVT7CMJD8giJ2Fxn+wtNIUYiEB61jZRLQQBC2SlEkhgooWrgy8DcO6m3kzWnjhQQj3cnfe3Jk38I9QACrAIdAErqROgQawIpxgREAd6AOxo/pATTReWADuFAZxqm6Bea3JKjAMMImlhtJq50o0Jg+OFQ+AUp5JpGzXETAhmv0xvBugmGVUV7Zmw9IsObhbaZOCMl2mLoAZYAo4dnB76ehXPDf8A3hVcsu2UUMh+ASugTPg0eOjzD6O0HSQW8BcKjgtpZG5QUZoO8jPwBewY2mqSqO2j1FSpsUJtkOMXK1Lat3SnIe0ThOGd2Ba+JPAS0gYNPG+tPhrHqkr+x7YPYu/qzTpZs2qmkNkJ25TTv2TQ2OS+QORzJM80T0wa/EX5TrK43fyLlVkaI0bE2/yMV05V0Fjwg7GwGOz4wwT845QoSTzxNeko1lJGkWZJz1luqrj9kQDE09zFg6AE+u5ZX6b/5Z/+9z6U3wDO7KJQlUPB4IAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  vertical-align: middle;
  text-indent: -10000px;
}
.-icon-del {
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228.252%22%20viewBox%3D%220%200%2027.75%2028%22%3E%3Cpath%20d%3D%22M5.135%2024.49a3.508%203.508%200%20003.49%203.5h10.5a3.508%203.508%200%20003.49-3.5V7.01H5.135v17.48zm19.23-22.73h-5.24L17.375.01h-7l-1.75%201.75h-5.24v3.5h20.98v-3.5z%22%20fill%3D%22%230d87b8%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  vertical-align: middle;
  text-indent: -10000px;
}
.-icon-edit {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228.06%22%20height%3D%2228.03%22%3E%3Cpath%20d%3D%22M.01%2022.17v5.84h5.84l17.22-17.22-5.84-5.84zM27.59%206.28a1.569%201.569%200%20000-2.2L23.94.44a1.539%201.539%200%2000-2.19%200L18.9%203.29l5.84%205.84z%22%20fill%3D%22%230d87b8%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
  vertical-align: middle;
  text-indent: -10000px;
}

.-job-deleted {
  border: 1px solid #ccc !important;
  text-decoration: line-through;
  color: #ccc;
}
.-deleted {
  text-decoration: line-through;
  color: #ccc;
}
.-deleted .color-columns {
  opacity: 0.5;
}
.p-none .l-pain-child {
  height: 100vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


/*# sourceMappingURL=maps/layout.css.map */