@charset "UTF-8";
/*BASE*/
@import url(base/destyle.css);
@import url(base/iconmonstr-iconic-font.min.css);
/*
––––––––––––––––––––––––––––––––––––––––––––––––––---

Base

––––––––––––––––––––––––––––––––––––––––––––––––––---
*/
@import url(custom.css);
* {
  box-sizing: border-box;
}

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

*:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

html {
  font-size: 62.5%;
  -ms-overflow-style: transparent;
  -webkit-tap-highlight-color: transparent;
  background: #FFF;
  color: #252525;
}

body {
  min-width: 320px;
  height: 100%;
  position: relative;
  scroll-behavior: smooth;
  background: #FFF;
  font-family: 'ヒラギノ角ゴ ProN W3', HiraKakuPro-W3, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-weight: 300;
  color: #252525;
  word-break: break-all;
}

@-ms-viewport {
  width: device-width;
}
p {
  line-height: 1.5;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

a:link,
a:visited {
  color: #006699;
}
a:link:hover,
a:visited:hover {
  color: rgba(0, 102, 153, 0.5);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.link {
  color: #006699;
  text-decoration: underline;
  cursor: pointer;
}
.link:hover {
  color: rgba(0, 102, 153, 0.5);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input,
button,
optgroup,
textarea,
select {
  margin: 0;
  font-family: 'ヒラギノ角ゴ ProN W3', HiraKakuPro-W3, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 1.4rem;
  line-height: 1;
}

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

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
  border: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 0.1rem dotted ButtonText;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[role="button"] {
  cursor: pointer;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}

[hidden] {
  display: none !important;
}

/* text-color */
.tx_red {
  color: #fa5246 !important;
}

/* text-align */
.tx_left {
  text-align: left !important;
}

.tx_right {
  text-align: right !important;
}

.tx_center {
  text-align: center !important;
}

/* Hide and display   */
.hidden {
  display: none !important;
}

.display {
  display: block !important;
}

@media screen and (min-width: 560px) {
  .hidden_pc {
    display: none !important;
  }
}

@media screen and (max-width: 559px) {
  .hidden_sp {
    display: none !important;
  }
}

.is_block {
  display: inline-block !important;
}

.is_inline {
  display: inline-block !important;
}

.anchor {
  margin-top: -100px;
  padding-top: 100px;
}

/* margin and padding */
.mt0 {
  margin-top: 0 !important;
}

.mt05 {
  margin-top: 0.5rem !important;
}

.mt1 {
  margin-top: 1rem !important;
}

.mt2 {
  margin-top: 2rem !important;
}

.mt3 {
  margin-top: 3rem !important;
}

.mb-1 {
  margin-bottom: -1rem !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb05 {
  margin-bottom: 0.5rem !important;
}

.mb1 {
  margin-bottom: 1rem !important;
}

.mb15 {
  margin-bottom: 1.5rem !important;
}

.mb2 {
  margin-bottom: 2rem !important;
}

.mb3 {
  margin-bottom: 3rem !important;
}

.ml1 {
  margin-left: 1rem !important;
}

.ml2 {
  margin-left: 2rem !important;
}

.mr1 {
  margin-right: 1rem !important;
}

.mr2 {
  margin-right: 2rem !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

/*LAYOUT*/
/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

outline

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
  /*
---------------------------

header

---------------------------
*/
.col_header {
  width: 100%;
  min-width: 320px;
  max-width: 100%;
  position: fixed;
  z-index: 99999;
}
.col_header .header {
  width: 100%;
  background: #0D6E77;
  border-bottom: 0.2rem solid #0a5960;
  text-align: left;
}
.col_header .header .header_inner {
  height: 6rem;
  position: relative;
}
@media screen and (min-width: 960px) {
  .col_header .header .header_inner {
    max-width: calc(100vw - 2rem);
  }
}

/*
---------------------------

contents

---------------------------
*/
.col_body {
  min-width: 320px;
  max-width: 100%;
  padding-top: 6rem;
}

/*
---------------------------

side nav

---------------------------
*/
.col_gnavi {
  height: calc(100% - 6rem);
  position: fixed;
  top: 6rem;
  left: 0;
  background: #10838e;
  z-index: 999;
}
@media screen and (max-width: 959px) {
  .col_gnavi {
    width: 30rem;
    max-width: 100%;
    animation-name: LeftToRight;
    animation-duration: .2s;
  }
}
@media screen and (min-width: 960px) {
  .col_gnavi {
    width: 21.5rem;
  }
}
.col_gnavi .gnavi_main {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

/*
---------------------------

main

---------------------------
*/
.col_contents {
  height: calc(100vh - 6rem);
  overflow: auto;
  padding: 1rem;
  text-align: left;
}
@media screen and (min-width: 960px) {
  .col_contents {
    margin-left: 21.5rem;
    margin-right: 1rem;
    padding: 1rem 3rem;
  }
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

col block

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.col2, .col3, .col_down {
  display: flex !important;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.li.col2, .li.col3, .li.col_down {
  display: flex;
  align-items: center;
  margin-right: 0;
}

.col2 .li {
  flex-basis: 49%;
}

.col3 .li {
  flex-basis: 33%;
}

@media screen and (max-width: 559px) {
  .col_down .li {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 560px) {
  .col_down .li {
    flex-basis: 33%;
  }
}
@media screen and (min-width: 960px) {
  .col_down .li {
    flex-basis: 24%;
  }
}
@media screen and (min-width: 1200px) {
  .col_down .li {
    flex-basis: 20%;
  }
}

/*
-------------------------------------

logo

-------------------------------------
*/
.header_logo {
  width: 100%;
  padding-top: 1.75rem;
}
@media screen and (min-width: 560px) {
  .header_logo {
    padding-top: 1rem;
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .header_logo {
    display: inline-block;
    width: auto;
  }
}
.header_logo a {
  text-decoration: none;
}
.header_logo .header_logo_img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 3.5rem;
}
@media screen and (min-width: 560px) {
  .header_logo .header_logo_img {
    height: 4.4rem;
  }
}
@media screen and (min-width: 960px) {
  .header_logo .header_logo_img {
    margin-left: 0 !important;
  }
}

/*
-------------------------------------

global navigation button

-------------------------------------
*/
.header_nav_ico_left, .header_nav_ico_right {
  width: 6rem;
  height: 6rem;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.header_nav_ico_left .im, .header_nav_ico_right .im {
  position: absolute;
  top: 53%;
  left: 50%;
  -webkit-transform: translate(-50%, -53%);
  transform: translate(-50%, -53%);
  color: #FFF;
  font-size: 2.8rem;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.header_nav_ico_left:hover .im, .header_nav_ico_right:hover .im {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  color: #fcb89f;
}
@media screen and (min-width: 960px) {
  .header_nav_ico_left, .header_nav_ico_right {
    display: none;
  }
}

.header_nav_ico_left {
  left: 0;
}

.header_nav_ico_right {
  right: 0;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

header navigation : only pc

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
@media screen and (max-width: 959px) {
  .gnavi_header {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .gnavi_header {
    width: calc(5.5rem * 5);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: absolute;
    top: 0;
    right: 21rem;
    /* hover */
    /* hover */
    /* current */
  }
  .gnavi_header .gnavi_headerlink {
    flex-basis: 20%;
    background: #0D6E77;
  }
  .gnavi_header .gnavi_headerlink a {
    color: #FFF;
  }
  .gnavi_header .gnavi_headerlink a .gnavi_top, .gnavi_header .gnavi_headerlink a .gnavi_client, .gnavi_header .gnavi_headerlink a .gnavi_cti, .gnavi_header .gnavi_headerlink a .gnavi_news, .gnavi_header .gnavi_headerlink a .gnavi_master {
    display: block;
    width: 100%;
    height: 6rem;
    background: #0D6E77;
    text-align: center;
    font-size: 1.2rem;
    position: relative;
  }
  .gnavi_header .gnavi_headerlink a .gnavi_top::before, .gnavi_header .gnavi_headerlink a .gnavi_client::before, .gnavi_header .gnavi_headerlink a .gnavi_cti::before, .gnavi_header .gnavi_headerlink a .gnavi_news::before, .gnavi_header .gnavi_headerlink a .gnavi_master::before {
    display: block;
    padding-top: 1.2rem;
    margin-bottom: 0.4rem;
    font-family: iconmonstr-iconic-font;
    font-size: 2.4rem;
    color: #FFF;
  }
  .gnavi_header .gnavi_headerlink a .gnavi_top::before {
    content: '\e05e';
  }
  .gnavi_header .gnavi_headerlink a .gnavi_client::before {
    content: '\e092';
  }
  .gnavi_header .gnavi_headerlink a .gnavi_cti::before {
    content: '\e11f';
  }
  .gnavi_header .gnavi_headerlink a .gnavi_news::before {
    content: '\e048';
  }
  .gnavi_header .gnavi_headerlink a .gnavi_master::before {
    content: '\e037';
  }
  .gnavi_header .gnav_is_current a,
  .gnavi_header .gnav_is_current a span::before {
    color: #17c3d3 !important;
    cursor: default !important;
  }
  .gnavi_header .gnavi_headerlink:not(.gnav_is_current) a:hover,
  .gnavi_header .gnavi_headerlink:not(.gnav_is_current) a:hover span::before {
    color: #FB936D !important;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
  }
  .gnavi_header .gnav_is_current .gnavi_headerlink {
    background: #052e32 !important;
    color: #FFF;
    cursor: default;
  }
}
/*
--------------------------------------------------------------------------

right pulldown menu : smartphone / tablet

--------------------------------------------------------------------------
*/
@media screen and (max-width: 959px) {
  .header_user {
    width: 30rem;
    height: 100vh;
    background: #0a5960;
    position: fixed;
    top: 6rem;
    right: 0;
    animation-name: RightToLeft;
    animation-duration: .2s;
  }
  .header_user * {
    color: #FFF !important;
  }

  .header_dd_title {
    width: 100%;
    height: 6.25rem;
    font-size: 1.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-top: 1.45rem;
    padding-left: 1.5rem;
  }
  .header_dd_title::before {
    font-family: 'iconmonstr-iconic-font';
    content: '\e091';
    font-size: 2.1rem;
    display: inline-block;
    vertical-align: -0.35rem;
    padding-right: 0.75rem;
  }
  .header_dd_title .im.im-angle-down,
  .header_dd_title .im.im-angle-up {
    display: none;
  }

  .header_pulldown_user {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .header_pulldown_user li {
    padding: 1.5rem 1rem 1.6rem 2.5rem;
    font-size: 1.6rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .header_pulldown_user li a {
    text-decoration: none;
    font-size: 1.6rem;
  }
  .header_pulldown_user li a::before {
    font-family: 'iconmonstr-iconic-font';
    content: '\e001';
    padding-right: 1rem;
    font-size: 1rem;
  }
}
/*
--------------------------------------------------------------------------

right pulldown menu : pc

--------------------------------------------------------------------------
*/
@media screen and (min-width: 960px) {
  .header_user {
    display: block !important;
    position: absolute;
    width: 18rem;
    top: 1rem;
    right: 0;
  }
  .header_user .header_dd_title {
    width: 100%;
    display: block;
    position: relative;
    padding-right: 2.5rem;
    overflow: hidden;
    font-size: 1.4rem;
    color: #FFF;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
  }
  .header_user .header_dd_title::before {
    font-family: iconmonstr-iconic-font;
    content: '\e091';
    font-size: 2.5rem;
    display: inline-block;
    margin-right: 1rem;
    vertical-align: -0.75rem;
  }
  .header_user .header_dd_title .im.im-angle-down,
  .header_user .header_dd_title .im.im-angle-up {
    position: absolute;
    font-size: 1rem;
    bottom: 1.65rem;
    right: 1rem;
  }
  .header_user .header_dd_title:hover {
    cursor: pointer;
    color: #FB936D;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
  }
  .header_user .header_pulldown_user {
    display: block;
    width: inherit;
    padding: 0.5rem 2rem 0.35rem;
    position: absolute;
    top: 40px;
    right: 0;
    background: #0D6E77;
  }
  .header_user .header_pulldown_user li {
    padding-bottom: 0.5rem;
    line-height: 1.5;
  }
  .header_user .header_pulldown_user li a {
    color: #FFF;
    text-decoration: none;
    font-size: 1.2rem;
  }
  .header_user .header_pulldown_user li a::before {
    font-family: 'iconmonstr-iconic-font';
    content: '\e001';
    padding-right: 1rem;
    font-size: 1rem;
    color: #FFF;
  }
  .header_user .header_pulldown_user li a:hover, .header_user .header_pulldown_user li a:hover::before {
    color: #FB936D;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
  }
}
/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

main navigation (side)

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.gnavi_main {
  /* PCではカレント以外非表示 */
}
.gnavi_main .gnavi_mainlink {
  background-color: #10838e;
  border-bottom: 1px solid #052e32;
  /* inner */
  /* link */
}
.gnavi_main .gnavi_mainlink:not(:first-of-type) {
  border-top: 1px solid #16b6c5;
}
.gnavi_main .gnavi_mainlink:last-of-type {
  box-shadow: 0 1px 0 0 #16b6c5;
}
.gnavi_main .gnavi_mainlink .gnavi_client, .gnavi_main .gnavi_mainlink .gnavi_cti, .gnavi_main .gnavi_mainlink .gnavi_news, .gnavi_main .gnavi_mainlink .gnavi_master {
  display: block;
  width: 100%;
  height: 6rem;
  background-color: #10838e;
  color: #FFF;
  font-size: 2.1rem;
  position: relative;
  cursor: pointer;
  /* content ico */
  /* arrow ico */
}
@media screen and (min-width: 960px) {
  .gnavi_main .gnavi_mainlink .gnavi_client, .gnavi_main .gnavi_mainlink .gnavi_cti, .gnavi_main .gnavi_mainlink .gnavi_news, .gnavi_main .gnavi_mainlink .gnavi_master {
    font-size: 1.8rem;
  }
}
.gnavi_main .gnavi_mainlink .gnavi_client::before, .gnavi_main .gnavi_mainlink .gnavi_cti::before, .gnavi_main .gnavi_mainlink .gnavi_news::before, .gnavi_main .gnavi_mainlink .gnavi_master::before {
  display: inline-block;
  font-family: iconmonstr-iconic-font;
  font-size: 3rem;
  color: #FFF;
  padding-top: 1.75rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  vertical-align: -0.65rem;
}
@media screen and (min-width: 960px) {
  .gnavi_main .gnavi_mainlink .gnavi_client::before, .gnavi_main .gnavi_mainlink .gnavi_cti::before, .gnavi_main .gnavi_mainlink .gnavi_news::before, .gnavi_main .gnavi_mainlink .gnavi_master::before {
    padding-top: 1.95rem;
    padding-right: 1.25rem;
    font-size: 2.1rem;
    vertical-align: -0.45rem;
  }
}
.gnavi_main .gnavi_mainlink .gnavi_client .im-angle-up, .gnavi_main .gnavi_mainlink .gnavi_cti .im-angle-up, .gnavi_main .gnavi_mainlink .gnavi_news .im-angle-up, .gnavi_main .gnavi_mainlink .gnavi_master .im-angle-up,
.gnavi_main .gnavi_mainlink .gnavi_client .im-angle-down,
.gnavi_main .gnavi_mainlink .gnavi_cti .im-angle-down,
.gnavi_main .gnavi_mainlink .gnavi_news .im-angle-down,
.gnavi_main .gnavi_mainlink .gnavi_master .im-angle-down {
  display: block;
  position: absolute;
  top: 2.5rem;
  right: 1.5rem;
  font-size: 1.6rem;
  color: #FFF;
}
@media screen and (min-width: 960px) {
  .gnavi_main .gnavi_mainlink .gnavi_client .im-angle-up, .gnavi_main .gnavi_mainlink .gnavi_cti .im-angle-up, .gnavi_main .gnavi_mainlink .gnavi_news .im-angle-up, .gnavi_main .gnavi_mainlink .gnavi_master .im-angle-up,
  .gnavi_main .gnavi_mainlink .gnavi_client .im-angle-down,
  .gnavi_main .gnavi_mainlink .gnavi_cti .im-angle-down,
  .gnavi_main .gnavi_mainlink .gnavi_news .im-angle-down,
  .gnavi_main .gnavi_mainlink .gnavi_master .im-angle-down {
    /*
    top: 2.5rem;
    font-size: 1.5rem;
    */
    display: none;
  }
}
.gnavi_main .gnavi_mainlink .gnavi_client::before {
  content: '\e092';
}
.gnavi_main .gnavi_mainlink .gnavi_cti::before {
  content: '\e11f';
}
.gnavi_main .gnavi_mainlink .gnavi_news::before {
  content: '\e048';
}
.gnavi_main .gnavi_mainlink .gnavi_master::before {
  content: '\e037';
}
.gnavi_main .gnavi_mainlink a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFF;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .gnavi_main .gnavi_mainlink:not(.gnav_is_current) {
    display: none;
  }
}

/*
---------------------------------------------------------------

sub

----------------------------------------------------------------
*/
.gnavi_sub {
  border-top: 1px solid #052e32;
  box-shadow: 0 1px 0 0 #16b6c5 inset;
  background-color: #10838e;
  /* current */
}
.gnavi_sub .gnavi_sublink {
  width: 100%;
  height: 5rem;
  border-bottom: 1px solid #052e32;
  /* hover */
}
.gnavi_sub .gnavi_sublink:not(:first-of-type) {
  border-top: 1px solid #16b6c5;
}
.gnavi_sub .gnavi_sublink:last-of-type {
  border-bottom: 0;
}
@media screen and (min-width: 960px) {
  .gnavi_sub .gnavi_sublink {
    height: 4rem;
  }
}
.gnavi_sub .gnavi_sublink .gnavi_sublink_inner {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 1.65rem;
  padding-left: 2.5rem;
  text-decoration: none;
  font-size: 1.6rem;
  color: #FFF;
}
@media screen and (min-width: 960px) {
  .gnavi_sub .gnavi_sublink .gnavi_sublink_inner {
    padding-top: 1.25rem;
    padding-left: 2.75rem;
    font-size: 1.4rem;
  }
}
.gnavi_sub .gnavi_sublink .gnavi_sublink_inner::before {
  font-family: iconmonstr-iconic-font;
  content: '\e073';
  font-size: 1.2rem;
  padding-right: 1.45rem;
}
@media screen and (min-width: 960px) {
  .gnavi_sub .gnavi_sublink .gnavi_sublink_inner::before {
    font-size: 1rem;
  }
}
.gnavi_sub .gnavi_sublink:not(.gnav_sub_is_current) .gnavi_sublink_inner:hover {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  background: #1299a5;
}
.gnavi_sub .gnav_sub_is_current {
  background-color: #0D6E77;
  border-top: 1px solid #1299a5 !important;
  border-bottom: 1px solid black;
}
.gnavi_sub .gnav_sub_is_current a {
  cursor: default !important;
}

/*MODULE*/
/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

main title

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.pagetitle {
  position: relative;
  vertical-align: bottom;
  font-size: 2.4rem;
  color: #252525;
}
@media screen and (max-width: 559px) {
  .pagetitle {
    padding-top: 1.25rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 560px) {
  .pagetitle {
    padding-top: 1.5rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .pagetitle {
    padding-top: 2rem;
    margin-bottom: 2.5rem;
  }
}

.tx_sub {
  padding: 1rem;
  font-size: 1.8rem;
}

.tit_responce {
  padding: 1rem 0 2rem;
  font-size: 2.1rem;
}
@media screen and (max-width: 559px) {
  .tit_responce {
    line-height: 1.35;
  }
}

/*
--------------------------------------------------

sub

--------------------------------------------------
*/
.heading_clientname, .heading_operator {
    margin-top: -0.5rem;
    margin-bottom: 1.5rem;
    font-size: 2.1rem;
}
.heading_clientname:before, .heading_operator:before {
    font-family: iconmonstr-iconic-font;
    content: '\e11d';
    font-size: 3rem;
    display: inline-block;
    margin-right: 8px;
    vertical-align: -3px;
}

.heading_clientname:before {
    content: '\e11d';
    margin-right: 8px;
    vertical-align: -7px;
}

.heading_operator:before {
    content: '\e091';
    margin-right: 10px;
    vertical-align: -5px;
}

.heading_sub {
  margin-top: 3rem;
  margin-bottom: 1rem;
  background-color: #0D6E77;
  padding: 0.7rem 1rem;
  color: #FFF;
}

.heading_sub_line {
  margin-top: 3.5rem;
  margin-bottom: 1rem;
  border-left: 3px solid #0D6E77;
  padding: 0.5rem 0 0.5rem 1rem;
  font-size: 1.8rem;
  color: #0a5960;
}

/*
--------------------------------------------------

modal title

--------------------------------------------------
*/
.heading_modal {
  display: block;
  width: 100%;
  margin-bottom: 1.75rem;
  color: #484848;
  font-size: 2.1rem;
  text-align: center;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

フォーム

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.container_search .tbl_form_search, .tbl_form_regist {
  border-collapse: separate;
  border-spacing: 0 0.5rem;
  width: 100%;
  max-width: 100%;
}
.container_search .tbl_form_search th, .tbl_form_regist th, .container_search .tbl_form_search td, .tbl_form_regist td {
  display: block;
  text-align: left;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: normal;
}
@media screen and (max-width: 559px) {
  .container_search .tbl_form_search th, .tbl_form_regist th, .container_search .tbl_form_search td, .tbl_form_regist td {
    width: 100%;
  }
}
@media screen and (min-width: 560px) {
  .container_search .tbl_form_search th, .tbl_form_regist th, .container_search .tbl_form_search td, .tbl_form_regist td {
    display: table-cell;
    height: 4rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 559px) {
  .container_search .tbl_form_search th, .tbl_form_regist th {
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 560px) {
  .container_search .tbl_form_search th, .tbl_form_regist th {
    vertical-align: top;
    background: #E7EDF0;
    border: 1px solid #a3a3a3;
  }
}
@media screen and (max-width: 559px) {
  .container_search .tbl_form_search td, .tbl_form_regist td {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 560px) {
  .container_search .tbl_form_search td, .tbl_form_regist td {
    vertical-align: middle;
    padding-left: 1.5rem;
  }
}
.container_search .tbl_form_search td .tx_note, .tbl_form_regist td .tx_note {
  position: relative;
  line-height: 1.25;
}
@media screen and (max-width: 559px) {
  .container_search .tbl_form_search td .tx_note, .tbl_form_regist td .tx_note {
    font-size: 1.4rem;
    padding-bottom: 0.75rem;
    padding-left: 1.65rem;
  }
}
@media screen and (min-width: 560px) {
  .container_search .tbl_form_search td .tx_note, .tbl_form_regist td .tx_note {
    font-size: 1.2rem;
    padding: 0.5rem 0 0.5rem 1.65rem;
  }
}
.container_search .tbl_form_search td .tx_note::before, .tbl_form_regist td .tx_note::before {
  display: block;
  content: "※";
  font-size: 1.4rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 560px) {
  .container_search .tbl_form_search td .tx_note::before, .tbl_form_regist td .tx_note::before {
    top: 0.4rem;
  }
}
.container_search .tbl_form_search .table_inner, .tbl_form_regist .table_inner {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 0.2rem;
}
.container_search .tbl_form_search .table_inner th, .tbl_form_regist .table_inner th {
  width: 13rem;
  padding-top: 0.9rem;
}
.container_search .tbl_form_search .table_inner_noline, .tbl_form_regist .table_inner_noline {
  width: 100%;
  border-collapse: collapse;
}
.container_search .tbl_form_search .table_inner_noline:not(:empty), .tbl_form_regist .table_inner_noline:not(:empty) {
  margin-top: 1rem;
}
.container_search .tbl_form_search .table_inner_noline td, .tbl_form_regist .table_inner_noline td {
  height: 3rem !important;
}
.container_search .tbl_form_search .table_inner_noline td.td_name, .tbl_form_regist .table_inner_noline td.td_name {
  width: 25rem;
  border: 1px solid #a3a3a3;
}

/*
----------------------------------

検索

----------------------------------
*/
.container_search {
  width: 100%;
  max-width: 100%;
  position: relative;
  margin-top: 3rem;
  /* 検索 */
}
@media screen and (min-width: 560px) {
  .container_search .container_search_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
  }
}
@media screen and (min-width: 560px) {
  .container_search .tbl_form_search {
    width: calc(100% - 20rem);
  }
  .container_search .tbl_form_search th {
    width: 15rem;
    padding-top: 1.1rem;
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 560px) {
  .container_search .tbl_form_search.btn2 {
    width: calc(100% - 35rem) !important;
  }
}
@media screen and (max-width: 559px) {
  .container_search .tbl_form_search.btn2 + .container_search_btn .btn_search,
  .container_search .tbl_form_search.btn2 + .container_search_btn .btn_csv {
    width: calc(50% - 2rem);
  }
}

/*
----------------------------------

送信

----------------------------------
*/
@media screen and (min-width: 560px) {
  .tbl_form_regist th {
    width: 19rem;
    padding-top: 0.9rem;
    padding-left: 1rem;
  }
  .tbl_form_regist.th_long th {
    width: 26rem !important;
  }
}

/*
----------------------------------

必須・任意アイコン

----------------------------------
*/
.item_req::before, .item_opt::before {
  display: inline-block;
  width: 3rem;
  height: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
  margin-right: 0.75rem;
  color: #FFF;
  font-size: 1.1rem;
  text-style: normal;
  vertical-align: 0.35rem;
}
@media screen and (min-width: 560px) {
  .item_req::before, .item_opt::before {
    vertical-align: 0.25rem;
  }
}

.item_req::before {
  background-color: #fa5246;
  content: '必須';
}

.item_opt::before {
  background-color: #006699;
  content: '任意';
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

表示

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
/*
--------------------------------------------------

THEADを残してスクロール

--------------------------------------------------
*/
.tbl_sticky {
  display: block;
  width: 100%;
  overflow-y: scroll;
  height: 300px;
  border-collapse: collapse;
}

.tbl_sticky thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

/*
--------------------------------------------------

カード展開したときに項目と線がある

--------------------------------------------------
*/
.tbl_display_line {
  border-collapse: collapse;
  background-color: #FFF;
  width: 100%;
  max-width: 100%;
  /* PC */
}
.tbl_display_line th,
.tbl_display_line td:not(.td_pagination) {
  font-size: 1.4rem;
  font-weight: normal;
}
.tbl_display_line th.td_long,
.tbl_display_line td:not(.td_pagination).td_long {
  vertical-align: middle;
}
.tbl_display_line th.td_long .tx_ellipsis,
.tbl_display_line td:not(.td_pagination).td_long .tx_ellipsis {
  display: block;
  margin: 0;
  width: 100%;
  line-height: 1.25;
}
.tbl_display_line th.td_btn,
.tbl_display_line td:not(.td_pagination).td_btn {
  padding: 0.25rem;
  text-align: center;
  vertical-align: middle;
}
.tbl_display_line th a,
.tbl_display_line td:not(.td_pagination) a {
  text-decoration: underline;
}
.tbl_display_line .td_pagination {
  text-align: right;
}
.tbl_display_line .row_canceled td {
  background: #cacaca !important;
}
.tbl_display_line .tfoot td {
  background-color: #006699 !important;
  color: #FFF;
}

.tbl_display_line2 {
    border-collapse: collapse;
    background-color: #FFF;
    width: 100%;
    max-width: 100%;
    /* PC */
}

    .tbl_display_line2 th,
    .tbl_display_line2 td:not(.td_pagination) {
        font-size: 1.4rem;
        font-weight: normal;
    }

        .tbl_display_line2 th.td_long,
        .tbl_display_line2 td:not(.td_pagination).td_long {
            vertical-align: middle;
        }

            .tbl_display_line2 th.td_long .tx_ellipsis,
            .tbl_display_line2 td:not(.td_pagination).td_long .tx_ellipsis {
                display: block;
                margin: 0;
                width: 100%;
                line-height: 1.25;
            }

        .tbl_display_line2 th.td_btn,
        .tbl_display_line2 td:not(.td_pagination).td_btn {
            padding: 0.25rem;
            text-align: center;
            vertical-align: middle;
        }

        .tbl_display_line2 th a,
        .tbl_display_line2 td:not(.td_pagination) a {
            text-decoration: underline;
        }

    .tbl_display_line2 .td_pagination {
        text-align: right;
    }

    .tbl_display_line2 .row_canceled td {
        background: #cacaca !important;
    }

    .tbl_display_line2 .tfoot td {
        background-color: #006699 !important;
        color: #FFF;
    }


@media screen and (min-width: 560px) {
  .tbl_display_line tr:nth-child(2n-1) td:not(.td_pagination) {
    background-color: #f0f4f6;
  }
  .tbl_display_line th,
  .tbl_display_line td:not(.td_pagination) {
    border: 1px solid #a3a3a3;
    text-align: left;
  }
  .tbl_display_line th {
    background: #484848;
    color: #FFF;
    padding: 0.5rem 0.25rem;
    text-align: center;
    white-space: nowrap;
    font-size: 1.2rem;
    vertical-align: middle;
  }
  .tbl_display_line td:not(.td_pagination) {
    height: 3.5rem;
    background-color: #FFF;
  }
  .tbl_display_line td:not(.td_pagination):not(.td_btn) {
    padding: 0.9rem 0.25rem 0.85rem 0.5rem;
  }
  .tbl_display_line .td_more_min {
    width: 3.5rem;
  }
  .tbl_display_line .td_min {
    width: 5rem;
  }
  .tbl_display_line .td_more_short {
    width: 6rem;
  }
  .tbl_display_line .td_short {
    width: 8rem;
  }
  .tbl_display_line .td_short_middle {
    width: 9rem;
  }
  .tbl_display_line .td_middle {
    width: 11rem;
  }
  .tbl_display_line .td_more_middle {
    width: 22rem;
  }
  .tbl_display_line .td_long .tx_ellipsis {
    width: 50rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .tbl_display_line .td_date {
    width: 10rem;
    text-align: center !important;
  }
  .tbl_display_line .td_datetime {
    width: 14rem;
    text-align: center !important;
  }
  .tbl_display_line .td_period {
    width: 20rem;
    text-align: center !important;
  }
  .tbl_display_line .td_btn {
    width: 5rem;
    padding: 0.2rem !important;
  }
  .tbl_display_line .td_btn .td_btn_inner {
    display: flex;
  }
  .tbl_display_line .card_tag {
    display: none;
  }

    .tbl_display_line tr:nth-child(2n-1) td:not(.td_pagination) {
    background-color: #f0f4f6;
  }
  .tbl_display_line th,
  .tbl_display_line td:not(.td_pagination) {
    border: 1px solid #a3a3a3;
    text-align: left;
  }
  .tbl_display_line th {
    background: #484848;
    color: #FFF;
    padding: 0.5rem 0.25rem;
    text-align: center;
    white-space: nowrap;
    font-size: 1.2rem;
    vertical-align: middle;
  }
  .tbl_display_line td:not(.td_pagination) {
    height: 3.5rem;
    background-color: #FFF;
  }
  .tbl_display_line td:not(.td_pagination):not(.td_btn) {
    padding: 0.9rem 0.25rem 0.85rem 0.5rem;
  }
  .tbl_display_line .td_more_min {
    width: 3.5rem;
  }
  .tbl_display_line .td_min {
    width: 5rem;
  }
  .tbl_display_line .td_short {
    width: 8rem;
  }
  .tbl_display_line .td_middle {
    width: 11rem;
  }
  .tbl_display_line .td_long .tx_ellipsis {
    width: 50rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .tbl_display_line .td_date {
    width: 10rem;
    text-align: center !important;
  }
  .tbl_display_line .td_datetime {
    width: 14rem;
    text-align: center !important;
  }
  .tbl_display_line .td_period {
    width: 20rem;
    text-align: center !important;
  }
  .tbl_display_line .td_btn {
    width: 5rem;
    padding: 0.2rem !important;
  }
  .tbl_display_line .td_btn .td_btn_inner {
    display: flex;
  }
  .tbl_display_line .card_tag {
    display: none;
  }

      .tbl_display_line tr:nth-child(2n-1) td:not(.td_pagination) {
    background-color: #f0f4f6;
  }
  .tbl_display_line th,
  .tbl_display_line td:not(.td_pagination) {
    border: 1px solid #a3a3a3;
    text-align: left;
  }
  .tbl_display_line th {
    background: #484848;
    color: #FFF;
    padding: 0.5rem 0.25rem;
    text-align: center;
    white-space: nowrap;
    font-size: 1.2rem;
    vertical-align: middle;
  }
  .tbl_display_line td:not(.td_pagination) {
    height: 3.5rem;
    background-color: #FFF;
  }
  .tbl_display_line td:not(.td_pagination):not(.td_btn) {
    padding: 0.9rem 0.25rem 0.85rem 0.5rem;
  }
  .tbl_display_line .td_more_min {
    width: 3.5rem;
  }
  .tbl_display_line .td_min {
    width: 5rem;
  }
  .tbl_display_line .td_short {
    width: 8rem;
  }
  .tbl_display_line .td_middle {
    width: 11rem;
  }

  .tbl_display_line .td_long .tx_ellipsis {
    width: 50rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .tbl_display_line .td_date {
    width: 10rem;
    text-align: center !important;
  }
  .tbl_display_line .td_datetime {
    width: 14rem;
    text-align: center !important;
  }
  .tbl_display_line .td_period {
    width: 20rem;
    text-align: center !important;
  }
  .tbl_display_line .td_btn {
    width: 5rem;
    padding: 0.2rem !important;
  }
  .tbl_display_line .td_btn .td_btn_inner {
    display: flex;
  }
  .tbl_display_line .card_tag {
    display: none;
  }




    .tbl_display_line2 tr:nth-child(2n-1) td:not(.td_pagination) {
        background-color: #f0f4f6;
    }

    .tbl_display_line2 th,
    .tbl_display_line2 td:not(.td_pagination) {
        border: 1px solid #a3a3a3;
        text-align: left;
    }

    .tbl_display_line2 th {
        background: #484848;
        color: #FFF;
        padding: 0.5rem 0.25rem;
        text-align: center;
        white-space: nowrap;
        font-size: 1.2rem;
        vertical-align: middle;
    }

    .tbl_display_line2 td:not(.td_pagination) {
        height: 3.5rem;
        background-color: #FFF;
    }

        .tbl_display_line2 td:not(.td_pagination):not(.td_btn) {
            padding: 0.9rem 0.25rem 0.85rem 0.5rem;
        }

    .tbl_display_line2 .td_more_min {
        width: 3.5rem;
    }

    .tbl_display_line2 .td_min {
        width: 5rem;
    }

    .tbl_display_line2 .td_short {
        width: 8rem;
    }

    .tbl_display_line2 .td_middle {
        width: 11rem;
    }
    .tbl_display_line2 .td_more_middle {
        width: 20rem;
    }
    .tbl_display_line2 .td_long .tx_ellipsis {
        width: 50rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .tbl_display_line2 .td_date {
        width: 10rem;
        text-align: center !important;
    }

    .tbl_display_line2 .td_datetime {
        width: 14rem;
        text-align: center !important;
    }

    .tbl_display_line2 .td_period {
        width: 20rem;
        text-align: center !important;
    }

    .tbl_display_line2 .td_btn {
        width: 5rem;
        padding: 0.2rem !important;
    }

        .tbl_display_line2 .td_btn .td_btn_inner {
            display: flex;
        }

    .tbl_display_line2 .card_tag {
        display: none;
    }
}
@media screen and (max-width: 559px) {
  .tbl_display_line .thead {
    display: none;
  }
  .tbl_display_line tr {
    display: block;
  }
  .tbl_display_line tr:not(.tr_pagination) {
    border-top: 1px solid #484848;
    border-bottom: 1rem solid #FFF;
  }
  .tbl_display_line tr td {
    display: block;
    width: 100%;
  }
  .tbl_display_line tr td:not(.td_pagination):not(.td_btn):not(.td_btn2) {
    min-height: 3.5rem;
    border-top: 1px solid #FFF;
    border-right: 1px solid #484848;
    border-left: 1px solid #484848;
    border-bottom: 1px solid #484848;
    background-color: #E7EDF0;
    line-height: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .tbl_display_line tr td:not(.td_pagination):not(.td_btn):not(.td_btn2) .card_tag {
    display: inline-block;
    flex-basis: 32%;
    padding: 1rem 0.5rem 1rem 0.75rem;
    font-feature-settings: "palt";
    text-align: left;
  }
  .tbl_display_line tr td:not(.td_pagination):not(.td_btn):not(.td_btn2) .card_val {
    display: inline-block;
    flex-basis: 68%;
    padding: 1rem 0.5rem 1rem 0.75rem;
    background-color: #FFF;
    border-left: 1px solid #484848;
  }
  .tbl_display_line tr td.td_btn, .tbl_display_line tr td.td_btn2 {
    width: 100%;
    background: #FFF;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    text-align: right !important;
  }
  .tbl_display_line tr td.td_btn .card_tag, .tbl_display_line tr td.td_btn2 .card_tag {
    display: none;
  }
  .tbl_display_line .tfoot td:not(.td_pagination):not(.td_btn):not(.td_btn2) {
    border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
  }
  .tbl_display_line .tfoot td .card_tag {
    background-color: #004466 !important;
    color: #FFF;
  }
  .tbl_display_line .tfoot td .card_val {
    background-color: #006699 !important;
    color: #FFF;
  }





    .tbl_display_line2 .thead {
        display: none;
    }

    .tbl_display_line2 tr {
        display: block;
    }

        .tbl_display_line2 tr:not(.tr_pagination) {
            border-top: 1px solid #484848;
            border-bottom: 1rem solid #FFF;
        }

        .tbl_display_line2 tr td {
            display: block;
            width: 100%;
        }

            .tbl_display_line2 tr td:not(.td_pagination):not(.td_btn):not(.td_btn2) {
                min-height: 3.5rem;
                border-top: 1px solid #FFF;
                border-right: 1px solid #484848;
                border-left: 1px solid #484848;
                border-bottom: 1px solid #484848;
                background-color: #E7EDF0;
                line-height: 1;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                display: -o-flex;
                display: flex;
            }

                .tbl_display_line2 tr td:not(.td_pagination):not(.td_btn):not(.td_btn2) .card_tag {
                    display: inline-block;
                    flex-basis: 32%;
                    padding: 1rem 0.5rem 1rem 0.75rem;
                    font-feature-settings: "palt";
                    text-align: left;
                }

                .tbl_display_line2 tr td:not(.td_pagination):not(.td_btn):not(.td_btn2) .card_val {
                    display: inline-block;
                    flex-basis: 68%;
                    padding: 1rem 0.5rem 1rem 0.75rem;
                    background-color: #FFF;
                    border-left: 1px solid #484848;
                }

            .tbl_display_line2 tr td.td_btn, .tbl_display_line2 tr td.td_btn2 {
                width: 100%;
                background: #FFF;
                padding-top: 1rem !important;
                padding-bottom: 1rem !important;
                text-align: right !important;
            }

                .tbl_display_line2 tr td.td_btn .card_tag, .tbl_display_line2 tr td.td_btn2 .card_tag {
                    display: none;
                }

    .tbl_display_line2 .tfoot td:not(.td_pagination):not(.td_btn):not(.td_btn2) {
        border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
    }

    .tbl_display_line2 .tfoot td .card_tag {
        background-color: #004466 !important;
        color: #FFF;
    }

    .tbl_display_line2 .tfoot td .card_val {
        background-color: #006699 !important;
        color: #FFF;
    }






}

/*
--------------------------------------------------

カード展開したときに項目と線がない

--------------------------------------------------
*/
.tbl_display_noline {
  border-collapse: collapse;
  background-color: #FFF;
  width: 100%;
  max-width: 100%;
  /* PC */
}
.tbl_display_noline th,
.tbl_display_noline td:not(.td_pagination) {
  font-size: 1.4rem;
  font-weight: normal;
}
.tbl_display_noline th.td_long,
.tbl_display_noline td:not(.td_pagination).td_long {
  vertical-align: middle;
}
.tbl_display_noline th.td_long .tx_ellipsis,
.tbl_display_noline td:not(.td_pagination).td_long .tx_ellipsis {
  display: block;
  margin: 0;
  width: 100%;
  line-height: 1.25;
}
.tbl_display_noline th.td_btn,
.tbl_display_noline td:not(.td_pagination).td_btn {
  padding: 0.25rem;
  text-align: center;
  vertical-align: middle;
}
.tbl_display_noline th a,
.tbl_display_noline td:not(.td_pagination) a {
  text-decoration: underline;
}
.tbl_display_noline .td_pagination {
  text-align: right;
}
.tbl_display_noline .row_canceled td {
  background: #cacaca !important;
}
.tbl_display_noline .tfoot td {
  background-color: #006699 !important;
  color: #FFF;
}
@media screen and (min-width: 560px) {
  .tbl_display_noline tr:nth-child(2n-1) td:not(.td_pagination) {
    background-color: #f0f4f6;
  }
  .tbl_display_noline th,
  .tbl_display_noline td:not(.td_pagination) {
    border: 1px solid #a3a3a3;
    text-align: left;
  }
  .tbl_display_noline th {
    background: #484848;
    color: #FFF;
    padding: 0.5rem 0.25rem;
    text-align: center;
    white-space: nowrap;
    font-size: 1.2rem;
    vertical-align: middle;
  }
  .tbl_display_noline td:not(.td_pagination) {
    height: 3.5rem;
    background-color: #FFF;
  }
  .tbl_display_noline td:not(.td_pagination):not(.td_btn) {
    padding: 0.9rem 0.25rem 0.85rem 0.5rem;
  }
  .tbl_display_noline .td_more_min {
    width: 3.5rem;
  }
  .tbl_display_noline .td_min {
    width: 5rem;
  }
  .tbl_display_noline .td_short {
    width: 8rem;
  }
  .tbl_display_noline .td_middle {
    width: 11rem;
  }
  .tbl_display_noline .td_long .tx_ellipsis {
    width: 50rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .tbl_display_noline .td_date {
    width: 10rem;
    text-align: center !important;
  }
  .tbl_display_noline .td_datetime {
    width: 14rem;
    text-align: center !important;
  }
  .tbl_display_noline .td_period {
    width: 20rem;
    text-align: center !important;
  }
  .tbl_display_noline .td_btn {
    width: 5rem;
    padding: 0.2rem !important;
  }
  .tbl_display_noline .td_btn .td_btn_inner {
    display: flex;
  }
  .tbl_display_noline .card_tag {
    display: none;
  }
}
@media screen and (max-width: 559px) {
  .tbl_display_noline .thead {
    display: none;
  }
  .tbl_display_noline tr {
    display: block;
    border-bottom: 1rem solid #FFF;
  }
  .tbl_display_noline tr td {
    display: block;
    width: 100%;
  }
  .tbl_display_noline tr td:not(.td_pagination):not(.td_btn):not(:empty) {
    line-height: 1.25;
    border-left: 1px solid #484848;
    border-right: 1px solid #484848;
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.6rem;
  }
  .tbl_display_noline tr td:not(.td_pagination):not(.td_btn):not(:empty):first-of-type {
    padding-top: 1.5rem;
    border-top: 1px solid #484848;
  }
  .tbl_display_noline tr td.td_btn {
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: right;
  }
  .tbl_display_noline tr td:not(.td_pagination).border_bottom {
    padding-bottom: 1.5rem !important;
    border-left: 1px solid #484848;
    border-right: 1px solid #484848;
    border-bottom: 1px solid #484848;
  }
}

/*
--------------------------------------------------

展開しない

--------------------------------------------------
*/
.tbl_display_changeless {
  border-collapse: collapse;
  background-color: #FFF;
  width: 100%;
  max-width: 100%;
  /* PC */
}
.tbl_display_changeless th,
.tbl_display_changeless td:not(.td_pagination) {
  font-size: 1.4rem;
  font-weight: normal;
}
.tbl_display_changeless th.td_long,
.tbl_display_changeless td:not(.td_pagination).td_long {
  vertical-align: middle;
}
.tbl_display_changeless th.td_long .tx_ellipsis,
.tbl_display_changeless td:not(.td_pagination).td_long .tx_ellipsis {
  display: block;
  margin: 0;
  width: 100%;
  line-height: 1.25;
}
.tbl_display_changeless th.td_btn,
.tbl_display_changeless td:not(.td_pagination).td_btn {
  padding: 0.25rem;
  text-align: center;
  vertical-align: middle;
}
.tbl_display_changeless th a,
.tbl_display_changeless td:not(.td_pagination) a {
  text-decoration: underline;
}
.tbl_display_changeless .td_pagination {
  text-align: right;
}
.tbl_display_changeless .row_canceled td {
  background: #cacaca !important;
}
.tbl_display_changeless .tfoot td {
  background-color: #006699 !important;
  color: #FFF;
}
@media screen and (min-width: 560px) {
  .tbl_display_changeless tr:nth-child(2n-1) td:not(.td_pagination) {
    background-color: #f0f4f6;
  }
  .tbl_display_changeless th,
  .tbl_display_changeless td:not(.td_pagination) {
    border: 1px solid #a3a3a3;
    text-align: left;
  }
  .tbl_display_changeless th {
    background: #484848;
    color: #FFF;
    padding: 0.5rem 0.25rem;
    text-align: center;
    white-space: nowrap;
    font-size: 1.2rem;
    vertical-align: middle;
  }
  .tbl_display_changeless td:not(.td_pagination) {
    height: 3.5rem;
    background-color: #FFF;
  }
  .tbl_display_changeless td:not(.td_pagination):not(.td_btn) {
    padding: 0.9rem 0.25rem 0.85rem 0.5rem;
  }
  .tbl_display_changeless .td_more_min {
    width: 3.5rem;
  }
  .tbl_display_changeless .td_min {
    width: 5rem;
  }
  .tbl_display_changeless .td_short {
    width: 8rem;
  }
  .tbl_display_changeless .td_middle {
    width: 11rem;
  }
  .tbl_display_changeless .td_long .tx_ellipsis {
    width: 50rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .tbl_display_changeless .td_date {
    width: 10rem;
    text-align: center !important;
  }
  .tbl_display_changeless .td_datetime {
    width: 14rem;
    text-align: center !important;
  }
  .tbl_display_changeless .td_period {
    width: 20rem;
    text-align: center !important;
  }
  .tbl_display_changeless .td_btn {
    width: 5rem;
    padding: 0.2rem !important;
  }
  .tbl_display_changeless .td_btn .td_btn_inner {
    display: flex;
  }
  .tbl_display_changeless .card_tag {
    display: none;
  }
}
@media screen and (max-width: 559px) {
  .tbl_display_changeless tr:nth-child(2n) {
    background: #E7EDF0;
  }
  .tbl_display_changeless th, .tbl_display_changeless td:not(.td_pagination) {
    border: 1px solid #a3a3a3;
    text-align: left;
  }
  .tbl_display_changeless th {
    background-color: #484848;
    padding: 1rem 0.25rem;
    text-align: center;
    color: #FFF;
  }
  .tbl_display_changeless td:not(.td_pagination) {
    padding: 1.15rem 0.25rem 1.25rem 0.5rem;
  }
  .tbl_display_changeless td:not(.td_pagination) .td_btn {
    text-align: right;
  }
}

/* 横に長ーーーい */
@media screen and (max-width: 559px) {
  .tbl_landscape th {
    font-size: 1.4rem;
    white-space: nowrap;
  }
}
.tbl_landscape td {
  min-width: 6rem;
}

/*
--------------------------------------------------

フォーム要素を含む

--------------------------------------------------
*/
.tbl_display_form {
  border-collapse: collapse;
  background-color: #FFF;
  width: 100%;
  max-width: 100%;
  /* PC */
}
.tbl_display_form th,
.tbl_display_form td:not(.td_pagination) {
  font-size: 1.4rem;
  font-weight: normal;
}
.tbl_display_form th.td_long,
.tbl_display_form td:not(.td_pagination).td_long {
  vertical-align: middle;
}
.tbl_display_form th.td_long .tx_ellipsis,
.tbl_display_form td:not(.td_pagination).td_long .tx_ellipsis {
  display: block;
  margin: 0;
  width: 100%;
  line-height: 1.25;
}
.tbl_display_form th.td_btn,
.tbl_display_form td:not(.td_pagination).td_btn {
  padding: 0.25rem;
  text-align: center;
  vertical-align: middle;
}
.tbl_display_form th a,
.tbl_display_form td:not(.td_pagination) a {
  text-decoration: underline;
}
.tbl_display_form .td_pagination {
  text-align: right;
}
.tbl_display_form .row_canceled td {
  background: #cacaca !important;
}
.tbl_display_form .tfoot td {
  background-color: #006699 !important;
  color: #FFF;
}
@media screen and (min-width: 560px) {
  .tbl_display_form tr:nth-child(2n-1) td:not(.td_pagination) {
    background-color: #f0f4f6;
  }
  .tbl_display_form th,
  .tbl_display_form td:not(.td_pagination) {
    border: 1px solid #a3a3a3;
    text-align: left;
  }
  .tbl_display_form th {
    background: #484848;
    color: #FFF;
    padding: 0.5rem 0.25rem;
    text-align: center;
    white-space: nowrap;
    font-size: 1.2rem;
    vertical-align: middle;
  }
  .tbl_display_form td:not(.td_pagination) {
    height: 3.5rem;
    background-color: #FFF;
  }
  .tbl_display_form td:not(.td_pagination):not(.td_btn) {
    padding: 0.9rem 0.25rem 0.85rem 0.5rem;
  }
  .tbl_display_form .td_more_min {
    width: 3.5rem;
  }
  .tbl_display_form .td_min {
    width: 5rem;
  }
  .tbl_display_form .td_short {
    width: 8rem;
  }
  .tbl_display_form .td_middle {
    width: 11rem;
  }
  .tbl_display_form .td_long .tx_ellipsis {
    width: 50rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .tbl_display_form .td_date {
    width: 10rem;
    text-align: center !important;
  }
  .tbl_display_form .td_datetime {
    width: 14rem;
    text-align: center !important;
  }
  .tbl_display_form .td_period {
    width: 20rem;
    text-align: center !important;
  }
  .tbl_display_form .td_btn {
    width: 5rem;
    padding: 0.2rem !important;
  }
  .tbl_display_form .td_btn .td_btn_inner {
    display: flex;
  }
  .tbl_display_form .card_tag {
    display: none;
  }
}
@media screen and (max-width: 559px) {
  .tbl_display_form tr:nth-child(2n) {
    background: #E7EDF0;
  }
  .tbl_display_form th, .tbl_display_form td {
    border: 1px solid #a3a3a3;
    text-align: left;
  }
  .tbl_display_form th {
    background-color: #484848;
    padding: 1rem 0.25rem;
    text-align: center;
    color: #FFF;
  }
  .tbl_display_form td {
    padding: 1.15rem 0.25rem 1.25rem 0.5rem;
  }
  .tbl_display_form td .td_btn {
    text-align: right;
  }
}
@media screen and (min-width: 560px) {
  .tbl_display_form .td_control {
    width: 3.5rem;
    text-align: center;
    padding: 0.75rem 0 0 0.75rem !important;
  }
  .tbl_display_form .td_control .check_wrap,
  .tbl_display_form .td_control .chk_icon {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

左に項目名がある表示テーブル（1カラム）

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.tbl_display_1c {
  margin-top: 1.5rem;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}
.tbl_display_1c th,
.tbl_display_1c td {
  border: 1px solid #a3a3a3;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0.5rem;
  text-align: left;
}
.tbl_display_1c th {
  padding-left: 1rem;
  background-color: #E7EDF0;
  color: #555555;
}
@media screen and (max-width: 559px) {
  .tbl_display_1c th {
    width: 35%;
    max-width: 15rem;
  }
}
@media screen and (min-width: 560px) {
  .tbl_display_1c th {
    width: 21rem;
  }
}
.tbl_display_1c td {
  padding-left: 1.5rem;
  vertical-align: bottom;
  background-color: #FFF;
}
.tbl_display_1c .td_note {
  padding-right: 1rem;
  line-height: 1.5;
}
.tbl_display_1c .table_inner {
  width: calc(100% + 2.2rem) !important;
  margin: -1.6rem -2.2rem -1.6rem -1.6rem;
}
.tbl_display_1c .table_inner th,
.tbl_display_1c .table_inner td {
  border: 1px solid #a3a3a3;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tbl_display_1c .table_inner th {
  width: 10rem !important;
}
.tbl_display_1c .table_inner td {
  height: 3rem;
}


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

左に項目名がある表示テーブル（2カラム）

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.tbl_dl_2col {
  border-left: 1px solid #a3a3a3;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tbl_dl_2col > dt:nth-of-type(-n+2), .tbl_dl_2col > dd:nth-of-type(-n+2) {
  border-top: 1px solid #a3a3a3;
}
@media screen and (max-width: 559px) {
  .tbl_dl_2col {
    /*
    & > dt:empty,
    & > dd:empty {
    	border-top: none;
    	border-bottom: none;
    }
    */
  }
  .tbl_dl_2col > dt:nth-of-type(2), .tbl_dl_2col > dd:nth-of-type(2) {
    border-top: none;
  }
}
.tbl_dl_2col > dt, .tbl_dl_2col > dd {
  border-bottom: 1px solid #a3a3a3;
  border-right: 1px solid #a3a3a3;
  text-align: left;
}
.tbl_dl_2col > dt:not(:empty), .tbl_dl_2col > dd:not(:empty) {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0.5rem;
}
.tbl_dl_2col > dt {
  width: 32%;
  color: #555555;
  font-feature-settings: "palt";
  padding-left: 1rem;
}
@media screen and (min-width: 560px) {
  .tbl_dl_2col > dt {
    width: 17rem;
  }
}
.tbl_dl_2col > dt:not(:empty) {
  background-color: #E7EDF0;
}
.tbl_dl_2col > dd {
  width: 68%;
  background-color: #FFF;
  padding-left: 1.5rem;
}
@media screen and (min-width: 560px) {
  .tbl_dl_2col > dd {
    width: calc(50% - 17rem);
  }
  .tbl_dl_2col > dd.dd_wide {
    width: calc(100% - 17rem);
  }
}
.tbl_dl_2col .dd_btn:not(:empty) {
  padding-top: 0.35rem;
  padding-bottom: 0.25rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

登録者・更新者

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.tx_history_insert:not(:empty), .tx_history_update:not(:empty) {
    line-height: 1.25;
}

    .tx_history_insert:not(:empty) .tx_history_date, .tx_history_update:not(:empty) .tx_history_date {
        padding-right: 1rem;
    }

@media screen and (max-width: 559px) {
    .tx_history_insert:not(:empty) .tx_history_name, .tx_history_update:not(:empty) .tx_history_name {
        display: block;
        margin-bottom: 0.5rem;
        margin-left: 4.25rem;
    }
}

.tx_history_insert:not(:empty):before, .tx_history_update:not(:empty):before {
    padding-right: 0.25rem;
    font-weight: bold;
    color: #323232;
}

@media screen and (max-width: 559px) {
    .tx_history_insert:not(:empty) {
        padding-bottom: 0.5rem;
    }

        .tx_history_insert:not(:empty):before {
            content: "登録";
            padding-right: 1rem;
        }
}

@media screen and (min-width: 560px) {
    .tx_history_insert:not(:empty):before {
        content: "登録：";
    }
}

.tx_history_update:not(:empty) {
    padding-bottom: 2rem;
}

@media screen and (max-width: 559px) {
    .tx_history_update:not(:empty):before {
        content: "更新";
        padding-right: 1rem;
    }
}

@media screen and (min-width: 560px) {
    .tx_history_update:not(:empty):before {
        content: "更新：";
    }
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

other

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.tx_caution:not(:empty) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  color: #fa5246;
}
.tx_caution:not(:empty)::before {
  display: inline-block;
  margin-right: 5px;
  content: '※';
  font-size: 1.6rem;
}

.scroll_container {
  height: 200px;
  overflow-y: auto;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

control

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form_control_textarea, .form_control_textarea_l, .form_control_xxs,
.form_control_xs,
.form_control_s,
.form_control_m,
.form_control_l {
  display: inline-block;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #a3a3a3;
  box-shadow: 0;
  color: #252525;
  text-align: left;
}
@media screen and (max-width: 559px) {
  .form_control_textarea, .form_control_textarea_l, .form_control_xxs,
  .form_control_xs,
  .form_control_s,
  .form_control_m,
  .form_control_l {
    height: 5rem;
    line-height: 5rem;
    padding-left: 0.75rem;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 560px) {
  .form_control_textarea, .form_control_textarea_l, .form_control_xxs,
  .form_control_xs,
  .form_control_s,
  .form_control_m,
  .form_control_l {
    height: 4rem;
    padding: 0.75rem 0.75rem;
    font-size: 1.4rem;
  }
}
[readonly].form_control_textarea, [readonly].form_control_textarea_l, [readonly].form_control_xxs,
[readonly].form_control_xs,
[readonly].form_control_s,
[readonly].form_control_m,
[readonly].form_control_l {
  background: none;
  border-color: rgba(176, 176, 176, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  box-shadow: none;
}
[disabled].form_control_textarea, [disabled].form_control_textarea_l, [disabled].form_control_xxs,
[disabled].form_control_xs,
[disabled].form_control_s,
[disabled].form_control_m,
[disabled].form_control_l {
  cursor: not-allowed;
  background-color: #B0B0B0;
  border-color: #484848;
  color: #484848;
  opacity: 1;
}
.form_control_textarea::placeholder, .form_control_textarea_l::placeholder, .form_control_xxs::placeholder,
.form_control_xs::placeholder,
.form_control_s::placeholder,
.form_control_m::placeholder,
.form_control_l::placeholder {
  color: #B0B0B0;
}

.is_hankaku {
  ime-mode: disabled;
}

.is_password {
  vertical-align: 0.65rem;
  margin-right: -4rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

label

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.label, .radio_wrap, .check_wrap {
  display: inline-block;
  padding: 0.5rem 1rem 0 0;
  cursor: pointer;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

radio

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.radio_wrap .radio_icon:before, .radio_wrap input[type=radio]:checked + .radio_icon:before, .check_wrap .chk_icon:before, .check_wrap input[type=checkbox]:checked + .chk_icon:before {
  font-family: iconmonstr-iconic-font;
  color: #7b7b7b;
  font-size: 2.1rem;
}

.radio_wrap .radio_icon {
  display: inline-block;
  vertical-align: middle;
}
.radio_wrap .radio_icon:before {
  content: "\e02b";
  margin-right: 0.45rem;
}
.radio_wrap input[type=radio] {
  display: none;
}
.radio_wrap input[type=radio]:checked + .radio_icon:before {
  content: "\e029";
  margin-right: 0.45rem;
}

.label_long {
  display: flex;
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.label_long input {
  display: block;
}
.label_long .label_long_item {
  display: inline-block;
  line-height: 1.25;
  padding-top: 0.25rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

checkbox

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.check_wrap .chk_icon {
  display: inline-block;
}
.check_wrap .chk_icon:before {
  content: "\e028";
  margin-right: 0.75rem;
  vertical-align: -0.5rem;
}
.check_wrap input[type=checkbox] {
  display: none;
}
.check_wrap input[type=checkbox]:checked + .chk_icon:before {
  content: "\e026";
  margin-right: 0.75rem;
  vertical-align: -0.5rem;
}
.check_wrap input[type=checkbox][disabled] + .chk_icon:before {
  color: #B0B0B0 !important;
}
/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

textarea

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form_control_textarea, .form_control_textarea_l {
  width: 100%;
  min-height: 10rem;
  resize: none;
  line-height: 1.25;
  padding-top: 0.75rem;
}

.form_control_textarea_l {
  height: 19.7em;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

select

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form_control_selectwrap {
  position: relative;
}
.form_control_selectwrap::after {
  font-family: iconmonstr-iconic-font;
  content: "\e003";
  font-size: 1rem;
  line-height: 1;
  color: #7b7b7b;
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
}
    .form_control_selectwrap .form_control_select {
        max-width: 100%;
        background-color: #FFF;
        background-image: none;
        border: 1px solid #a3a3a3;
        border-radius: 0;
        padding: 0.5rem 3rem 0 0.75rem;
        /*  padding: 0 3rem 0 0.75rem;*/
        text-align: left;
        color: #252525;
    }
@media screen and (max-width: 559px) {
  .form_control_selectwrap .form_control_select {
    height: 5rem;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 560px) {
  .form_control_selectwrap .form_control_select {
    height: 4rem;
    font-size: 1.4rem;
  }
}
.form_control_selectwrap .form_control_select[readonly] {
  background-color: #E7EDF0;
  color: #484848;
}
.form_control_selectwrap .form_control_select[disabled] {
  background-color: #B0B0B0;
  color: #484848;
}
.form_control_selectwrap select::-ms-expand {
  display: none;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

error

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.has_error input,
.has_error textarea,
.has_error .form_control_list,
.has_error .select2-container--default .select2-selection--single {
    border: 2px solid #fa5246 !important;
}

.has_error input[type=checkbox]:checked + .chk_icon:before,
.has_error input[type=checkbox] + .chk_icon:before,
.has_error input[type=radio]:checked + .radio_icon:before,
.has_error input[type=radio] + .radio_icon:before {
  color: #fa5246;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

subtext

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.error_subtx:not(:empty) {
  display: block;
  padding-bottom: 0.5rem;
  line-height: 1;
  color: #fa5246;
}
@media screen and (max-width: 559px) {
  .error_subtx:not(:empty) {
    padding-top: 0.75rem;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 560px) {
  .error_subtx:not(:empty) {
    padding-top: 0.5rem;
    font-size: 1.2rem;
  }
}

.has_error .label + .error_subtx, .has_error .radio_wrap + .error_subtx, .has_error .check_wrap + .error_subtx {
  margin-top: -0.6em !important;
}

/* on error */
.tx_err {
  display: block;
  background-color: #fa5246;
  color: #FFF;
}
.tx_err:not(:empty) {
  padding: 0.75rem 1.25rem 1rem;
  text-align: left;
  line-height: 1.25;
  margin-bottom: 1rem;
}

/* on submit */
.tx_res, .tx_res_mail {
  display: block;
  font-size: 1.6rem;
}
.tx_res:not(:empty), .tx_res_mail:not(:empty) {
  padding: 2.5rem 2rem;
  text-align: left;
  line-height: 1.25;
  margin-bottom: -1rem;
}

.tx_res {
  background-color: #10838e;
  color: #FFF;
}
@media screen and (max-width: 559px) {
  .tx_res:not(:empty) {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    margin-bottom: -2.5rem;
  }
}

/* submit success - mail test */
.tx_res_mail {
  width: 100%;
  margin-top: 1rem;
  border: 3px solid #fa5246;
  background-color: #FFF;
  color: #fa5246;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

file

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form_control_file {
  display: none;
}

.form_control_file_tx {
  display: inline-block;
  margin-left: 0.5rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

size

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form_control_xxs,
.form_control_xs,
.form_control_s,
.form_control_m,
.form_control_l {
  width: 100%;
}

@media screen and (max-width: 559px) {
  .form_control_xxs {
    width: 30%;
  }

  .control_period .form_control_xs {
    width: 45%;
  }

  .control_dynamic .form_control_xs {
    width: calc(100% - 10rem);
  }

  .control_plus .form_control_s {
    width: calc(100% - 10rem);
  }
}
@media screen and (min-width: 560px) {
  .form_control_xxs {
    width: 6.5rem;
  }

  .form_control_xs {
    width: 20%;
    min-width: 16rem;
  }

  .form_control_s {
    width: 40%;
    min-width: 24rem;
  }

  .form_control_m {
    width: 70%;
    min-width: 30rem;
  }

  .form_control_l {
    width: 100%;
  }

  .form_control_addr {
    width: calc(100% - 190px) !important;
    min-width: 10rem !important;
  }
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

button

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.btn_search, .btn_insert, .btn_update, .btn_delete, .btn_clear, .btn_not, .btn_csv, .btn_tbl_select, .btn_tbl_readonly, .btn_tbl_update, .btn_tbl_delete, .btn_tbl_detail, .btn_form, .btn_form_insert, .btn_form_update, .btn_form_delete, .sec .container_btn_move .btn_move {
  display: inline-block;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn_search:disabled, .btn_insert:disabled, .btn_update:disabled, .btn_delete:disabled, .btn_clear:disabled, .btn_not:disabled, .btn_csv:disabled, .btn_tbl_select:disabled, .btn_tbl_readonly:disabled, .btn_tbl_update:disabled, .btn_tbl_delete:disabled, .btn_tbl_detail:disabled, .btn_form:disabled, .btn_form_insert:disabled, .btn_form_update:disabled, .btn_form_delete:disabled, .sec .container_btn_move .btn_move:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.btn_search:hover, .btn_insert:hover, .btn_update:hover, .btn_delete:hover, .btn_clear:hover, .btn_not:hover, .btn_csv:hover, .btn_tbl_select:hover, .btn_tbl_readonly:hover, .btn_tbl_update:hover, .btn_tbl_delete:hover, .btn_tbl_detail:hover, .btn_form:hover, .btn_form_insert:hover, .btn_form_update:hover, .btn_form_delete:hover, .sec .container_btn_move .btn_move:hover {
  opacity: 0.85;
}

/*
----------------------

submit

----------------------
*/
.btn_search, .btn_insert, .btn_update, .btn_delete, .btn_clear, .btn_not, .btn_csv {
  font-size: 1.8rem;
  color: #FFF;
}
@media screen and (max-width: 559px) {
  .btn_search, .btn_insert, .btn_update, .btn_delete, .btn_clear, .btn_not, .btn_csv {
    width: calc(100% - 2rem);
    height: 6rem;
    border-radius: 3rem;
  }
}
@media screen and (min-width: 560px) {
  .btn_search, .btn_insert, .btn_update, .btn_delete, .btn_clear, .btn_not, .btn_csv {
    width: 20rem;
    height: 5rem;
    border-radius: 2.5rem;
    font-size: 1.8rem;
  }
}

/* 検索 */
.btn_search {
  background-color: #0077b3;
  width: 15rem;
}

/* 登録 */
.btn_insert {
  background-color: #f95c23;
}

/* 更新 */
.btn_update {
  background-color: #006699;
}

/* 削除 */
.btn_delete {
  background-color: #484848;
}

/* クリア */
.btn_clear {
  background-color: #FFF;
  border: 3px solid #0077b3;
  color: #0077b3;
}

/* 削除しない */
.btn_not {
  background-color: #FFF;
  border: 3px solid #484848;
  color: #484848;
}

/* CSV */
.btn_csv {
    width: 17rem;
    background-color: #FFF;
    border: 3px solid #0077b3;
    color: #0077b3;
    position: relative;
    margin-left: 0.5rem;
}
/*
.btn_csv {
  width: 15rem;
  background-color: #FFF;
  border: 3px solid #0077b3;
  color: #0077b3;
  position: relative;
  padding-left: 3rem;
  margin-left: 0.5rem;
}
@media screen and (min-width: 560px) {
  .btn_csv {
    padding-left: 2rem;
  }
}
.btn_csv::before {
  content: '';
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url("../img/ico_download.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 1.25rem;
  left: 1rem;
}
@media screen and (min-width: 560px) {
  .btn_csv::before {
    width: 2.5rem;
    height: 2.5rem;
    top: 1rem;
  }
}

@media screen and (min-width: 560px) {
  .btn_large {
    width: 20rem !important;
  }
}
@media screen and (max-width: 559px) {
  .container_check .btn_delete,
  .container_check .btn_not {
    width: 100%;
  }
}

#target {
  margin-top: -7.5rem;
  padding-top: 7.5rem;
}
*/
/*
----------------------

in table

----------------------
*/
.btn_tbl_select, .btn_tbl_readonly, .btn_tbl_update, .btn_tbl_delete, .btn_tbl_detail {
  display: inline-block;
  width: auto;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.3rem;
  margin-right: 2px;
  margin-left: 2px;
  padding-left: 0.8rem;
  padding-right: 0.7rem;
  font-size: 1.4rem;
  color: #FFF !important;
  text-decoration: none !important;
}

/* 選択 */
.btn_tbl_select {
  background-color: #0077b3;
}

/* readonly */
.btn_tbl_readonly {
  background-color: #B0B0B0;
}

/* 更新 */
.btn_tbl_update {
  background-color: #fa5246;
}

/* 削除 */
.btn_tbl_delete {
  background-color: #484848;
}

/* 詳細 */
.btn_tbl_detail {
  background-color: #0D6E77;
}

/*
-------------------------------------------

in form

-------------------------------------------
*/
.btn_form, .btn_form_insert, .btn_form_update, .btn_form_delete {
  display: inline-block;
  width: auto;
  padding: 1rem;
  border-radius: 0.3rem;
  margin-left: 0.5rem;
  font-size: 1.6rem;
  color: #FFF;
}
@media screen and (min-width: 560px) {
  .btn_form, .btn_form_insert, .btn_form_update, .btn_form_delete {
    font-size: 1.4rem;
    padding: 0.75rem 1rem;
    font-feature-settings: "palt";
  }
}

/* 選択 */
.btn_form {
  background-color: #0077b3;
  color: #FFF;
  z-index: 9;
}

/* 登録 */
.btn_form_insert {
  background-color: #f95c23;
  color: #FFF;
  z-index: 9;
}

/* 更新 */
.btn_form_update {
  background-color: #006699;
  color: #FFF;
  z-index: 9;
}

/* 削除 */
.btn_form_delete {
  background-color: #484848;
  color: #FFF;
  z-index: 9;
}

/*
--------------------------------------------

ページ移動・送信ボタン

--------------------------------------------
*/
.sec {
  display: block;
  position: relative;
  margin-bottom: 2rem;
}
.sec .container_btn_move {
  display: block;
}
@media screen and (max-width: 559px) {
  .sec .container_btn_move {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 560px) {
  .sec .container_btn_move {
    position: absolute;
    top: 1.9rem;
    right: 0;
  }
}
.sec .container_btn_move .btn_move {
  height: 3rem;
  border-radius: 1.5rem;
  display: block;
  background-color: #FFF;
  border: 2px solid #0077b3;
  padding-right: 0.5rem;
  padding-top: 0.6rem;
  font-size: 1.4rem;
  line-height: 1;
  color: #0077b3;
  position: relative;
}
@media screen and (max-width: 559px) {
  .sec .container_btn_move .btn_move {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 560px) {
  .sec .container_btn_move .btn_move {
    width: 12rem;
  }
  .sec .container_btn_move .btn_move.long {
    width: auto;
    padding-right: 2.3rem !important;
    padding-left: 1.8rem;
  }
}
.sec .container_btn_move .btn_move::after {
  font-family: iconmonstr-iconic-font;
  content: "\e001";
  font-size: 8px;
  color: #0077b3;
  position: absolute;
  top: 10px;
  right: 7px;
}
.sec .container_btn_move .btn_move:hover {
  background-color: #0077b3;
  color: #FFF;
}

@media screen and (max-width: 559px) {
  .container_btn {
    margin-top: 1.5rem;
    text-align: center;
  }
  .container_btn .btn_update,
  .container_btn .btn_delete {
    width: calc(50% - 2rem);
  }
}
@media screen and (min-width: 560px) {
  .container_btn {
    margin-top: 3rem;
    margin-bottom: 3rem;
    text-align: right;
  }
}
.container_btn button:nth-of-type(2n-1) {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/*
-------------------------------------------

pagetop

-------------------------------------------
*/
.btn_pagetop {
  width: 8rem;
  height: 3rem;
  background-color: #FB936D;
  position: fixed;
  right: 1rem;
  bottom: 0;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_pagetop::before {
  display: block;
  padding-top: 0.5rem;
  font-family: 'iconmonstr-iconic-font';
  content: '\e004';
  font-size: 1.4rem;
  color: #FFF;
}
.btn_pagetop:hover {
  opacity: 0.85;
}

.fadein {
  opacity: 0;
  transform: translate(0, 175px);
  transition: all 500ms;
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

+- Increase or decrease

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.control_dynamic .add, .control_dynamic .del {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  padding: 0;
  background: #0077b3;
  color: #FFF;
  text-align: center;
  margin-left: 0.1rem;
  vertical-align: 0;
}
.control_dynamic .add .im, .control_dynamic .del .im {
  font-size: 1.2rem;
  padding-top: 0.2rem;
}

.control_dynamic {
  margin-top: 0.25rem;
}
.control_dynamic .add {
  margin-left: 1rem;
}
.control_dynamic .del {
  margin-left: 0.2rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

pagination

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.tbl_display_line2 {
    position: relative;
    padding: 0 0;
    margin-bottom: 0;
}

    .tbl_display_line2 tbody {
        border: 1px solid transparent
    }

    .tbl_display_line2 tr.pagination:first-child {
        background-color: transparent !important;
        display: flex;
        position: absolute;
        width: 100%;
        top: 0;
        justify-content: flex-end;
    }

        .tbl_display_line2 tr.pagination:first-child td {
            border: none;
            background-color: transparent !important;
            padding: 0;
        }

            .tbl_display_line2 tr.pagination:first-child td td {
                padding: 0px 3px;
            }

            .tbl_display_line2 tr.pagination:first-child td a, .tbl_display_line2 tr.pagination:first-child td span {
                display: inline-block;
                background-color: #484848;
                font-size: 1.4rem;
                border: 1px solid #484848;
                color: #FFF;
                width: 3rem;
                height: 3rem;
                line-height: 2.75rem;
                text-align: center;
                text-decoration: none;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

            .tbl_display_line2 tr.pagination:first-child td span {
                background: #FFF;
                color: #484848;
                border: 1px solid #484848;
            }

            .tbl_display_line2 tr.pagination:first-child td a:hover {
                background: rgba(72, 72, 72, 0.35);
                color: #FFF;
                border: 1px solid rgba(72, 72, 72, 0.35);
            }

    .tbl_display_line2 tr.pagination:last-child {
        background-color: transparent !important;
        display: flex;
        position: absolute;
        width: 100%;
        bottom: 0;
        justify-content: flex-end;
    }

        .tbl_display_line2 tr.pagination:last-child td {
            border: none;
            background-color: transparent !important;
            padding: 0;
        }

            .tbl_display_line2 tr.pagination:last-child td td {
                padding: 0px 3px;
            }

            .tbl_display_line2 tr.pagination:last-child td a, .tbl_display_line2 tr.pagination:last-child td span {
                display: inline-block;
                background-color: #484848;
                font-size: 1.4rem;
                border: 1px solid #484848;
                color: #FFF;
                width: 3rem;
                height: 3rem;
                line-height: 2.75rem;
                text-align: center;
                text-decoration: none;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

            .tbl_display_line2 tr.pagination:last-child td span {
                background: #FFF;
                color: #484848;
                border: 1px solid #484848;
            }

            .tbl_display_line2 tr.pagination:last-child td a:hover {
                background: rgba(72, 72, 72, 0.35);
                color: #FFF;
                border: 1px solid rgba(72, 72, 72, 0.35);
            }













.tbl_display_line {
    position: relative;
    padding: 50px 0;
    margin-bottom: 50px;
}

    .tbl_display_line tbody {
        border: 1px solid transparent
    }

    .tbl_display_line tr.pagination:first-child {
        background-color: transparent !important;
        display: flex;
        position: absolute;
        width: 100%;
        top: 0;
        justify-content: flex-end;
    }

        .tbl_display_line tr.pagination:first-child td {
            border: none;
            background-color: transparent !important;
            padding: 0;
        }

            .tbl_display_line tr.pagination:first-child td td {
                padding: 0px 3px;
            }

            .tbl_display_line tr.pagination:first-child td a, .tbl_display_line tr.pagination:first-child td span {
                display: inline-block;
                background-color: #484848;
                font-size: 1.4rem;
                border: 1px solid #484848;
                color: #FFF;
                width: 3rem;
                height: 3rem;
                line-height: 2.75rem;
                text-align: center;
                text-decoration: none;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

            .tbl_display_line tr.pagination:first-child td span {
                background: #FFF;
                color: #484848;
                border: 1px solid #484848;
            }

            .tbl_display_line tr.pagination:first-child td a:hover {
                background: rgba(72, 72, 72, 0.35);
                color: #FFF;
                border: 1px solid rgba(72, 72, 72, 0.35);
            }

    .tbl_display_line tr.pagination:last-child {
        background-color: transparent !important;
        display: flex;
        position: absolute;
        width: 100%;
        bottom: 0;
        justify-content: flex-end;
    }

        .tbl_display_line tr.pagination:last-child td {
            border: none;
            background-color: transparent !important;
            padding: 0;
        }

            .tbl_display_line tr.pagination:last-child td td {
                padding: 0px 3px;
            }

            .tbl_display_line tr.pagination:last-child td a, .tbl_display_line tr.pagination:last-child td span {
                display: inline-block;
                background-color: #484848;
                font-size: 1.4rem;
                border: 1px solid #484848;
                color: #FFF;
                width: 3rem;
                height: 3rem;
                line-height: 2.75rem;
                text-align: center;
                text-decoration: none;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

            .tbl_display_line tr.pagination:last-child td span {
                background: #FFF;
                color: #484848;
                border: 1px solid #484848;
            }

            .tbl_display_line tr.pagination:last-child td a:hover {
                background: rgba(72, 72, 72, 0.35);
                color: #FFF;
                border: 1px solid rgba(72, 72, 72, 0.35);
            }

.pagination {
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.pagination li {
  display: inline;
}
.pagination li a,
.pagination li .page_active_num {
  display: inline-block;
  background-color: #484848;
  font-size: 1.4rem;
  border: 1px solid #484848;
  color: #FFF;
  width: 3rem;
  height: 3rem;
  line-height: 2.75rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pagination li a:hover {
  background: rgba(72, 72, 72, 0.35);
  color: #FFF;
  border: 1px solid rgba(72, 72, 72, 0.35);
}
.pagination li.page_go_prev a .im, .pagination li.page_go_next a .im, .pagination li.page_go_first a .im, .pagination li.page_go_last a .im {
  font-size: 1rem;
  color: #FFF;
}
.pagination li.page_active .page_active_num {
  background: #FFF;
  color: #0D6E77;
  border: 1px solid #484848;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

modal

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.overlay {
  position: fixed;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: auto;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 99999999;
  cursor: pointer;
  text-align: center;
}

/* x */
.x_overlay {
  display: block;
  padding: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999999;
  background: #484848;
}

.x_overlay .im {
  color: #FFF;
  font-size: 3.2rem;
  line-height: 1;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

conatiner

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.container_check, .container_list_pbx, .container_list_client, .container_list_staff, .container_list_announcement, .container_mail {
  background: #FFF;
  border: 0.5rem solid #484848;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99999;
  transform: translate(-50%, -50%);
}

.container_list_pbx, .container_list_client, .container_list_staff, .container_list_announcement, .container_mail {
  max-width: 100%;
  max-height: 95vh;
  padding: 2rem 0;
}
.container_list_pbx .container_search, .container_list_client .container_search, .container_list_staff .container_search, .container_list_announcement .container_search, .container_mail .container_search {
  margin-top: 0;
  padding-bottom: 1.25rem;
  background-color: #FFF;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media screen and (max-width: 559px) {
  .container_list_pbx .container_search, .container_list_client .container_search, .container_list_staff .container_search, .container_list_announcement .container_search, .container_mail .container_search {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.container_list_pbx .container_search .tbl_form_search, .container_list_client .container_search .tbl_form_search, .container_list_staff .container_search .tbl_form_search, .container_list_announcement .container_search .tbl_form_search, .container_mail .container_search .tbl_form_search {
  width: calc(100% - 13rem);
}
@media screen and (min-width: 560px) {
  .container_list_pbx .container_search .tbl_form_search th, .container_list_client .container_search .tbl_form_search th, .container_list_staff .container_search .tbl_form_search th, .container_list_announcement .container_search .tbl_form_search th, .container_mail .container_search .tbl_form_search th {
    width: 10.5rem;
  }
}
.container_list_pbx .container_search .container_search_btn, .container_list_client .container_search .container_search_btn, .container_list_staff .container_search .container_search_btn, .container_list_announcement .container_search .container_search_btn, .container_mail .container_search .container_search_btn {
  display: inline-block;
  padding-left: 1rem;
}
@media screen and (max-width: 559px) {
  .container_list_pbx .container_search .container_search_btn, .container_list_client .container_search .container_search_btn, .container_list_staff .container_search .container_search_btn, .container_list_announcement .container_search .container_search_btn, .container_mail .container_search .container_search_btn {
    padding-top: 2.5rem;
    text-align: right;
    position: relative;
  }
}
.container_list_pbx .container_search .container_search_btn .btn_search, .container_list_client .container_search .container_search_btn .btn_search, .container_list_staff .container_search .container_search_btn .btn_search, .container_list_announcement .container_search .container_search_btn .btn_search, .container_mail .container_search .container_search_btn .btn_search {
  width: 10rem;
}
@media screen and (max-width: 559px) {
  .container_list_pbx .container_search .container_search_btn .btn_search, .container_list_client .container_search .container_search_btn .btn_search, .container_list_staff .container_search .container_search_btn .btn_search, .container_list_announcement .container_search .container_search_btn .btn_search, .container_mail .container_search .container_search_btn .btn_search {
    position: absolute;
    bottom: 2.5rem;
  }
}
.container_list_pbx .scroll, .container_list_client .scroll, .container_list_staff .scroll, .container_list_announcement .scroll, .container_mail .scroll {
  overflow-y: auto;
  padding: 0 2rem;
}

/* submit check */
.container_check {
  width: 36rem;
  max-width: 90%;
  height: 15rem;
  padding: 2rem;
}
.container_check .col2 li {
  width: 49%;
}
.container_check .col2 li .btn_not,
.container_check .col2 li .btn_submit {
  width: 15rem;
}

/* list pbx */
.container_list_pbx {
  width: 46rem;
}
.container_list_pbx .scroll {
  height: calc(95vh - 85px);
}

/* list client ・ guidance */
.container_list_client {
  width: 46rem;
}
.container_list_client .scroll {
  height: calc(95vh - 16rem);
}

/* list staff */
.container_list_staff {
  width: 95rem;
}
@media screen and (max-width: 559px) {
  .container_list_staff .scroll {
    height: calc(95vh - 38.5rem);
  }
  .container_list_staff .scroll .tbl_display_line .td_btn .card_tag {
    display: none;
  }
}
@media screen and (min-width: 560px) {
  .container_list_staff .scroll {
    height: calc(95vh - 26rem);
  }
}

/* list announcement */
.container_list_announcement {
  width: 90rem;
}
@media screen and (min-width: 560px) {
  .container_list_announcement .tbl_form_search th {
    width: 15rem !important;
  }
}
@media screen and (max-width: 559px) {
  .container_list_announcement .scroll {
    height: calc(95vh - 18.5rem);
  }
}
@media screen and (min-width: 560px) {
  .container_list_announcement .scroll {
    height: calc(95vh - 16rem);
  }
}

/* A-5-2（A-5-1） */
.container_mail {
  width: 96rem;
}
.container_mail .scroll {
  height: calc(95vh - 75px);
}

/*HELPER*/

.btn_insert_history {
    display: inline-block;
    text-align: center;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
    background-color: #f95c23;
    font-size: 1.8rem;
    color: #FFF;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn_insert_history2 {
    display: inline-block;
    text-align: center;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
    background-color: #238ef9;
    font-size: 1.8rem;
    color: #FFF;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width: 559px) {
    .btn_insert_history {
        width: 20rem;
        height: 2.5rem;
        border-radius: 2rem;
        font-size: 1.6rem;
    }

    .btn_insert_history2 {
        width: 20rem;
        height: 2.5rem;
        border-radius: 2rem;
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 560px) {
    .btn_insert_history {
        width: 20rem;
        height: 2.5rem;
        border-radius: 2rem;
        font-size: 1.6rem;
    }

    .btn_insert_history2 {
        width: 20rem;
        height: 2.5rem;
        border-radius: 2rem;
        font-size: 1.6rem;
    }
}