@charset "UTF-8";

/* =======================================

	reset CSS

========================================== */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote,
table,
th,
td {
  padding: 0;
  margin: 0;
  font-weight: 500;
}

*::-webkit-scrollbar-thumb {
  background-color: #9e9e9e;
  border: none;
  box-shadow: none;
}

html,
body {
  background: #fff;
  color: #000;
}

body {
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-weight: 500 !important;
}

* html body {
  font-size: small;
}

*:first-child+html body {
  font-size: small;
}

img {
  border: 0;
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

ul,
dl,
ol {
  text-indent: 0;
}

li {
  list-style: none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: inherit;
  font-weight: inherit;
}

b,
strong {
  font-weight: bold;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select,
b {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

* html input,
* html textarea,
* html select {
  font-size: 100%;
}

textarea.message {
  width: 100%;
  height: 20rem;
}

*:first-child+html+input,
*:first-child html+textarea,
*:first-child+html select {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
}

th,
td {
  text-align: left;
  vertical-align: top;
}

caption {
  text-align: left;
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
}

* html pre,
* html code,
* html kbd,
* html samp,
* html tt {
  font-size: 100%;
  line-height: 100%;
}

*:first-child+html pre,
*:first-child html+code,
*:first-child html+kbd,
*:first-child+html+samp,
*:first-child+html tt {
  font-size: 108%;
  line-height: 100%;
}

input,
select,
textarea {
  font-size: 100%;
  font-family: Verdana, Helvetica, sans-serif;
}

input.long,
textarea.message {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-radius: 0.23em;
  padding: 5px 5px;
  background: #fbfbfb;
}

.hissu {
  padding: 3px 4px 2px 4px;
  color: #d41c1c;
  font-weight: bold;
  font-size: 11px;
}

.nini {
  padding: 3px 4px 2px 4px;
  background: #efefef;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: block;
  width: 40px;
  text-align: center;
  float: right;
  color: #222;
  font-weight: bold;
  font-size: 11px;
}

.w08em {
  width: 0.8em;
}

.w1em {
  width: 1em;
}

.w4em {
  width: 4em;
}

.w4em input[type=text] {
  width: 100% !important;
}

.w5em {
  width: 5em;
}

.w5em input[type=text] {
  width: 100% !important;
}

.w6em {
  width: 6em;
}

.w8em {
  width: 8em;
}

.w6em input[type=text] {
  width: 100% !important;
}

.w12em {
  width: 12em;
}

.w100 {
  width: 100%;
}

.w12em input[type=text],
.w12em select {
  width: 100% !important;
}

.fW500 {
  font-weight: 500 !important;
}

.fW100 {
  font-weight: 100;
}

.fW300 {
  font-weight: 300;
}

.color_gray {
  color: #9b9b9b;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.ls0 {
  letter-spacing: 0;
}

.ls1 {
  letter-spacing: 0.1em;
}

.ls15 {
  letter-spacing: 0.15em;
}

.ls2 {
  letter-spacing: 0.2em;
}

.ls4 {
  letter-spacing: 0.4em;
}

.lh0 {
  line-height: 0%;
}

.lh100 {
  line-height: 100%;
}

.lh120 {
  line-height: 120%;
}

.lh140 {
  line-height: 140%;
}

.lh200 {
  line-height: 200%;
}

.lh220 {
  line-height: 200%;
}

.lh240 {
  line-height: 200%;
}

/* cf
========================================== */
.cf:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
}

* html .cf {
  zoom: 1;
}

/* IE6 */
*:first-child+html .cf {
  zoom: 1;
}

/* IE7 */
/* =======================================

	Structure CSS

========================================== */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.center {
  text-align: center !important;
  vertical-align: middle;
}

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

.left {
  text-align: left !important;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.bold {
  font-weight: bold !important;
}

.red {
  color: #ff610c !important;
}

.blue {
  color: #15376a !important;
}

.white {
  color: #fff !important;
}

.beni {
  color: #ff5c5c !important;
}

.orange {
  color: #f88f03 !important;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.rela {
  position: relative;
}

.w9em {
  width: 9em;
}

.dayTxt {
  width: 6.5em;
}

input[type=textarea],
input[type=text],
.searchArea01 .searchicon02,
.searchArea02 .searchicon02,
input[type=password],
input[type=number],
select,
input[type=date],
input[type=month],
input[type=datetime-local],
input[type=time],
input[type=email],
input[type=search],
input[type=tel],
label select,
textarea {
  height: auto;
  border-radius: 4px;
  border: solid 1px #bcbcbc;
  background: white;
  padding: 0.2em 0.5em 0em 0.5em !important;
  line-height: 100%;
  color: #2d2f32;
  background-color: white !important;
  box-shadow: none;
  min-height: 2.5em;
}

.cl33 {
  display: flex;
}

.cl33>* {
  width: 33.3%;
}

.searchArea01 input[type=text],
.searchArea01 select,
.searchArea01 .searchicon02,
.searchArea02 .searchicon02,
input[type=text].searchicon {
  padding: 0.5em 1em 0.4em 2em !important;
  height: 2.6rem;
}

.searchArea01 select {
  padding: 0.5em 1em 0.4em 1em !important;
}

.kome li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 140%;
  margin-bottom: 10px;
}

.o_02 .head {
  display: flex;
  font-size: 100%;
  padding-bottom: 6px;
}

.o_02 .head .sub {
  margin-right: 10px;
}

.o_02>div>p {
  font-size: 90%;
}

.c_c_c {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.c_y0_xc {
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translateY(0%) translateX(-50%);
  transform: translateY(0%) translateX(-50%);
}

.c_yc_x0 {
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translateY(50%) translateX(0%);
  transform: translateY(50%) translateX(0%);
}

.flex_nowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex_space_between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex_center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex_left {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.flex_right {
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.flex_flex_end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex_row_reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.align_items_c {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align_items_e {
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
}

.d_bl {
  display: block;
}

.d_fl {
  display: flex;
}

.d_none {
  display: none;
}

.poev_none {
  pointer-events: none;
}

.of_hidd {
  overflow: hidden;
}

.of_auto {
  overflow: auto;
}

.of_y {
  overflow-y: auto;
}

.of_x_hidd {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

figure {
  display: block;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  margin: 0;
  padding: 0;
}

.w_4em {
  width: 4em;
}

.w_45em {
  width: 4.5em;
}

.w_5em {
  width: 5em;
}

.w_6em {
  width: 6em;
}

.w_7em {
  width: 7em;
}

.w_8em {
  width: 8em;
}

.w_9em {
  width: 9em;
}

.f10 {
  font-size: 10px !important;
}

.f10_dps {
  font-size: calc(10px * var(--font-size-percentage-num)) !important;
}

.f11 {
  font-size: 11px !important;
}

.f11_dps {
  font-size: calc(11px * var(--font-size-percentage-num)) !important;
}

.f12 {
  font-size: 12px !important;
  line-height: 120%;
}

.f12_dps {
  font-size: calc(12px * var(--font-size-percentage-num)) !important;
  line-height: 120%;
}

.f13 {
  font-size: 13px !important;
}

.f13_dps {
  font-size: calc(13px * var(--font-size-percentage-num)) !important;
}

.f14 {
  font-size: 14px !important;
}

.f14_dps {
  font-size: calc(14px * var(--font-size-percentage-num)) !important;
}

.f15 {
  font-size: 15px !important;
}

.f15_dps {
  font-size: calc(15px * var(--font-size-percentage-num)) !important;
}

.f16 {
  font-size: 16px !important;
}

.f16_dps {
  font-size: calc(16px * var(--font-size-percentage-num)) !important;
}

.f17 {
  font-size: 17px !important;
}

.f17_dps {
  font-size: calc(17px * var(--font-size-percentage-num)) !important;
}

.f18 {
  font-size: 18px !important;
}

.f18_dps {
  font-size: calc(18px * var(--font-size-percentage-num)) !important;
}

.f19 {
  font-size: 19px !important;
}

.f19_dps {
  font-size: calc(19px * var(--font-size-percentage-num)) !important;
}

.f20 {
  font-size: 20px !important;
}

.f20_dps {
  font-size: calc(20px * var(--font-size-percentage-num)) !important;
}

.f21 {
  font-size: 21px !important;
}

.f21_dps {
  font-size: calc(21px * var(--font-size-percentage-num))  !important;
}

.f22 {
  font-size: 22px !important;
}

.f22_dps {
  font-size: calc(22px * var(--font-size-percentage-num))  !important;
}

.f23 {
  font-size: 23px !important;
}

.f23_dps {
  font-size: calc(23px * var(--font-size-percentage-num)) !important;
}

.f24 {
  font-size: 24px !important;
}

.f24_dps {
  font-size: calc(24px * var(--font-size-percentage-num)) !important;
}

.f25 {
  font-size: 25px !important;
}

.f25_dps {
  font-size: calc(25px * var(--font-size-percentage-num)) !important;
}

.f26 {
  font-size: 26px !important;
}

.f26_dps {
  font-size: calc(26px * var(--font-size-percentage-num)) !important;
}

.f27 {
  font-size: 27px !important;
}

.f27_dps {
  font-size: calc(27px * var(--font-size-percentage-num)) !important;
}

.f28 {
  font-size: 28px !important;
}

.f28_dps {
  font-size: calc(28px * var(--font-size-percentage-num)) !important;
}

.f29 {
  font-size: 29px !important;
}

.f29_dps {
  font-size: calc(29px * var(--font-size-percentage-num)) !important;
}

.f30 {
  font-size: 30px !important;
}

.f30_dps {
  font-size: calc(30px * var(--font-size-percentage-num)) !important;
}

.operation-buttons{
  font-size: calc(calc(100% - var(--font-size-percentage)) + 100%);
}

.f_dps{
  font-size: var(--font-size-percentage);
}

.f_ps60 {
  font-size: 60% !important;
}

.f_ps65 {
  font-size: 65% !important;
}

.f_ps70 {
  font-size: 70% !important;
}

.f_ps75 {
  font-size: 75% !important;
}

.f_ps80 {
  font-size: 80% !important;
}

.f_ps85 {
  font-size: 85% !important;
}

.f_ps90 {
  font-size: 90% !important;
}

.f_ps95 {
  font-size: 95% !important;
}

.f_ps100 {
  font-size: 100% !important;
}

.f_ps105 {
  font-size: 105% !important;
}

.f_ps110 {
  font-size: 110% !important;
}

.f_ps115 {
  font-size: 115% !important;
}

.f_ps120 {
  font-size: 120% !important;
}

.f_ps125 {
  font-size: 125% !important;
}

.f_ps130 {
  font-size: 130% !important;
}

.f_ps135 {
  font-size: 135% !important;
}

.f_ps140 {
  font-size: 140% !important;
}

.f_ps145 {
  font-size: 145% !important;
}

.f_ps150 {
  font-size: 150% !important;
}

.inner {
  position: relative;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.inner02 {
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_500 {
  max-width: 500px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_600 {
  max-width: 600px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_700 {
  max-width: 700px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_800 {
  max-width: 800px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_900 {
  max-width: 900px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_1000 {
  max-width: 1000px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_1100 {
  max-width: 1100px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_1200 {
  max-width: 1200px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_1300 {
  max-width: 1300px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_1400 {
  max-width: 1400px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_1500 {
  max-width: 1500px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_1600 {
  max-width: 1600px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_1700 {
  max-width: 1700px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

.inner_1800 {
  max-width: 1800px !important;
  position: relative;
  width: 96%;
  margin: 0 auto;
}

/* =======================================

	margin / padding

========================================== */
/*! mb */
.mA0 {
  margin: 0px !important;
}

.mA5 {
  margin: 5px !important;
}

.mA10 {
  margin: 10px !important;
}

.mA15 {
  margin: 15px !important;
}

.mA20 {
  margin: 20px !important;
}

.mA25 {
  margin: 25px !important;
}

.mA30 {
  margin: 30px !important;
}

.mA35 {
  margin: 35px !important;
}

.mA40 {
  margin: 40px !important;
}

.mA45 {
  margin: 45px !important;
}

.mA50 {
  margin: 50px !important;
}

.mA55 {
  margin: 55px !important;
}

.mA60 {
  margin: 60px !important;
}

.mA65 {
  margin: 65px !important;
}

.mA70 {
  margin: 70px !important;
}

.mA75 {
  margin: 75px !important;
}

.mA80 {
  margin: 80px !important;
}

.mA85 {
  margin: 85px !important;
}

.mA90 {
  margin: 90px !important;
}

.mA95 {
  margin: 95px !important;
}

.mA100 {
  margin: 100px !important;
}

.mA105 {
  margin: 105px !important;
}

.mA110 {
  margin: 110px !important;
}

.mA115 {
  margin: 115px !important;
}

.mA120 {
  margin: 120px !important;
}

.mA125 {
  margin: 125px !important;
}

.mA130 {
  margin: 130px !important;
}

.mA135 {
  margin: 135px !important;
}

.mA140 {
  margin: 140px !important;
}

.mA145 {
  margin: 145px !important;
}

.mA150 {
  margin: 150px !important;
}

.mT0 {
  margin-top: 0px !important;
}

.mT5 {
  margin-top: 5px !important;
}

.mT10 {
  margin-top: 10px !important;
}

.mT15 {
  margin-top: 15px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT25 {
  margin-top: 25px !important;
}

.mT30 {
  margin-top: 30px !important;
}

.mT35 {
  margin-top: 35px !important;
}

.mT40 {
  margin-top: 40px !important;
}

.mT45 {
  margin-top: 45px !important;
}

.mT50 {
  margin-top: 50px !important;
}

.mT55 {
  margin-top: 55px !important;
}

.mT60 {
  margin-top: 60px !important;
}

.mT65 {
  margin-top: 65px !important;
}

.mT70 {
  margin-top: 70px !important;
}

.mT75 {
  margin-top: 75px !important;
}

.mT80 {
  margin-top: 80px !important;
}

.mT85 {
  margin-top: 85px !important;
}

.mT90 {
  margin-top: 90px !important;
}

.mT95 {
  margin-top: 95px !important;
}

.mT100 {
  margin-top: 100px !important;
}

.mT105 {
  margin-top: 105px !important;
}

.mT110 {
  margin-top: 110px !important;
}

.mT115 {
  margin-top: 115px !important;
}

.mT120 {
  margin-top: 120px !important;
}

.mT125 {
  margin-top: 125px !important;
}

.mT130 {
  margin-top: 130px !important;
}

.mT135 {
  margin-top: 135px !important;
}

.mT140 {
  margin-top: 140px !important;
}

.mT145 {
  margin-top: 145px !important;
}

.mT150 {
  margin-top: 150px !important;
}

.mB0 {
  margin-bottom: 0px !important;
}

.mB3 {
  margin-bottom: 3px !important;
}

.mB5 {
  margin-bottom: 5px !important;
}

.mB10 {
  margin-bottom: 10px !important;
}

.mB15 {
  margin-bottom: 15px !important;
}

.mB20 {
  margin-bottom: 20px !important;
}

.mB25 {
  margin-bottom: 25px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.mB35 {
  margin-bottom: 35px !important;
}

.mB40 {
  margin-bottom: 40px !important;
}

.mB45 {
  margin-bottom: 45px !important;
}

.mB50 {
  margin-bottom: 50px !important;
}

.mB55 {
  margin-bottom: 55px !important;
}

.mB60 {
  margin-bottom: 60px !important;
}

.mB65 {
  margin-bottom: 65px !important;
}

.mB70 {
  margin-bottom: 70px !important;
}

.mB75 {
  margin-bottom: 75px !important;
}

.mB80 {
  margin-bottom: 80px !important;
}

.mB85 {
  margin-bottom: 85px !important;
}

.mB90 {
  margin-bottom: 90px !important;
}

.mB95 {
  margin-bottom: 95px !important;
}

.mB100 {
  margin-bottom: 100px !important;
}

.mB105 {
  margin-bottom: 105px !important;
}

.mB110 {
  margin-bottom: 110px !important;
}

.mB115 {
  margin-bottom: 115px !important;
}

.mB120 {
  margin-bottom: 120px !important;
}

.mB125 {
  margin-bottom: 125px !important;
}

.mB130 {
  margin-bottom: 130px !important;
}

.mB135 {
  margin-bottom: 135px !important;
}

.mB140 {
  margin-bottom: 140px !important;
}

.mB145 {
  margin-bottom: 145px !important;
}

.mB150 {
  margin-bottom: 150px !important;
}

.mL0 {
  margin-left: 0px !important;
}

.mL5 {
  margin-left: 5px !important;
}

.mL10 {
  margin-left: 10px !important;
}

.mL15 {
  margin-left: 15px !important;
}

.mL20 {
  margin-left: 20px !important;
}

.mL25 {
  margin-left: 25px !important;
}

.mL30 {
  margin-left: 30px !important;
}

.mL35 {
  margin-left: 35px !important;
}

.mL40 {
  margin-left: 40px !important;
}

.mL45 {
  margin-left: 45px !important;
}

.mL50 {
  margin-left: 50px !important;
}

.mL55 {
  margin-left: 55px !important;
}

.mL60 {
  margin-left: 60px !important;
}

.mL65 {
  margin-left: 65px !important;
}

.mL70 {
  margin-left: 70px !important;
}

.mL75 {
  margin-left: 75px !important;
}

.mL80 {
  margin-left: 80px !important;
}

.mL85 {
  margin-left: 85px !important;
}

.mL90 {
  margin-left: 90px !important;
}

.mL95 {
  margin-left: 95px !important;
}

.mL100 {
  margin-left: 100px !important;
}

.mL105 {
  margin-left: 105px !important;
}

.mL110 {
  margin-left: 110px !important;
}

.mL115 {
  margin-left: 115px !important;
}

.mL120 {
  margin-left: 120px !important;
}

.mL125 {
  margin-left: 125px !important;
}

.mL130 {
  margin-left: 130px !important;
}

.mL135 {
  margin-left: 135px !important;
}

.mL140 {
  margin-left: 140px !important;
}

.mL145 {
  margin-left: 145px !important;
}

.mL150 {
  margin-left: 150px !important;
}

.mR0 {
  margin-right: 0px !important;
}

.mR5 {
  margin-right: 5px !important;
}

.mR10 {
  margin-right: 10px !important;
}

.mR15 {
  margin-right: 15px !important;
}

.mR20 {
  margin-right: 20px !important;
}

.mR25 {
  margin-right: 25px !important;
}

.mR30 {
  margin-right: 30px !important;
}

.mR35 {
  margin-right: 35px !important;
}

.mR40 {
  margin-right: 40px !important;
}

.mR45 {
  margin-right: 45px !important;
}

.mR50 {
  margin-right: 50px !important;
}

.mR55 {
  margin-right: 55px !important;
}

.mR60 {
  margin-right: 60px !important;
}

.mR65 {
  margin-right: 65px !important;
}

.mR70 {
  margin-right: 70px !important;
}

.mR75 {
  margin-right: 75px !important;
}

.mR80 {
  margin-right: 80px !important;
}

.mR85 {
  margin-right: 85px !important;
}

.mR90 {
  margin-right: 90px !important;
}

.mR95 {
  margin-right: 95px !important;
}

.mR100 {
  margin-right: 100px !important;
}

.mR105 {
  margin-right: 105px !important;
}

.mR110 {
  margin-right: 110px !important;
}

.mR115 {
  margin-right: 115px !important;
}

.mR120 {
  margin-right: 120px !important;
}

.mR125 {
  margin-right: 125px !important;
}

.mR130 {
  margin-right: 130px !important;
}

.mR135 {
  margin-right: 135px !important;
}

.mR140 {
  margin-right: 140px !important;
}

.mR145 {
  margin-right: 145px !important;
}

.mR150 {
  margin-right: 150px !important;
}

.pB0 {
  padding-bottom: 0px !important;
}

.pB5 {
  padding-bottom: 5px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.pB15 {
  padding-bottom: 15px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.pB25 {
  padding-bottom: 25px !important;
}

.pB30 {
  padding-bottom: 30px !important;
}

.pB35 {
  padding-bottom: 35px !important;
}

.pB40 {
  padding-bottom: 40px !important;
}

.pB45 {
  padding-bottom: 45px !important;
}

.pB50 {
  padding-bottom: 50px !important;
}

.pB55 {
  padding-bottom: 55px !important;
}

.pB60 {
  padding-bottom: 60px !important;
}

.pB65 {
  padding-bottom: 65px !important;
}

.pB70 {
  padding-bottom: 70px !important;
}

.pB75 {
  padding-bottom: 75px !important;
}

.pB80 {
  padding-bottom: 80px !important;
}

.pB85 {
  padding-bottom: 85px !important;
}

.pB90 {
  padding-bottom: 90px !important;
}

.pB95 {
  padding-bottom: 95px !important;
}

.pB100 {
  padding-bottom: 100px !important;
}

.pB105 {
  padding-bottom: 105px !important;
}

.pB110 {
  padding-bottom: 110px !important;
}

.pB115 {
  padding-bottom: 115px !important;
}

.pB120 {
  padding-bottom: 120px !important;
}

.pB125 {
  padding-bottom: 125px !important;
}

.pB130 {
  padding-bottom: 130px !important;
}

.pB135 {
  padding-bottom: 135px !important;
}

.pB140 {
  padding-bottom: 140px !important;
}

.pB145 {
  padding-bottom: 145px !important;
}

.pB150 {
  padding-bottom: 150px !important;
}

.pT0 {
  padding-top: 0px !important;
}

.pT5 {
  padding-top: 5px !important;
}

.pT10 {
  padding-top: 10px !important;
}

.pT15 {
  padding-top: 15px !important;
}

.pT20 {
  padding-top: 20px !important;
}

.pT25 {
  padding-top: 25px !important;
}

.pT30 {
  padding-top: 30px !important;
}

.pT35 {
  padding-top: 35px !important;
}

.pT40 {
  padding-top: 40px !important;
}

.pT45 {
  padding-top: 45px !important;
}

.pT50 {
  padding-top: 50px !important;
}

.pT55 {
  padding-top: 55px !important;
}

.pT60 {
  padding-top: 60px !important;
}

.pT65 {
  padding-top: 65px !important;
}

.pT70 {
  padding-top: 70px !important;
}

.pT75 {
  padding-top: 75px !important;
}

.pT80 {
  padding-top: 80px !important;
}

.pT85 {
  padding-top: 85px !important;
}

.pT90 {
  padding-top: 90px !important;
}

.pT95 {
  padding-top: 95px !important;
}

.pT100 {
  padding-top: 100px !important;
}

.pT105 {
  padding-top: 105px !important;
}

.pT110 {
  padding-top: 110px !important;
}

.pT115 {
  padding-top: 115px !important;
}

.pT120 {
  padding-top: 120px !important;
}

.pT125 {
  padding-top: 125px !important;
}

.pT130 {
  padding-top: 130px !important;
}

.pT135 {
  padding-top: 135px !important;
}

.pT140 {
  padding-top: 140px !important;
}

.pT145 {
  padding-top: 145px !important;
}

.pT150 {
  padding-top: 150px !important;
}

.pL0 {
  padding-left: 0px !important;
}

.pL5 {
  padding-left: 5px !important;
}

.pL10 {
  padding-left: 10px !important;
}

.pL15 {
  padding-left: 15px !important;
}

.pL20 {
  padding-left: 20px !important;
}

.pL25 {
  padding-left: 25px !important;
}

.pL30 {
  padding-left: 30px !important;
}

.pL35 {
  padding-left: 35px !important;
}

.pL40 {
  padding-left: 40px !important;
}

.pL45 {
  padding-left: 45px !important;
}

.pL50 {
  padding-left: 50px !important;
}

.pL55 {
  padding-left: 55px !important;
}

.pL60 {
  padding-left: 60px !important;
}

.pL65 {
  padding-left: 65px !important;
}

.pL70 {
  padding-left: 70px !important;
}

.pL75 {
  padding-left: 75px !important;
}

.pL80 {
  padding-left: 80px !important;
}

.pL85 {
  padding-left: 85px !important;
}

.pL90 {
  padding-left: 90px !important;
}

.pL95 {
  padding-left: 95px !important;
}

.pL100 {
  padding-left: 100px !important;
}

.pL105 {
  padding-left: 105px !important;
}

.pL110 {
  padding-left: 110px !important;
}

.pL115 {
  padding-left: 115px !important;
}

.pL120 {
  padding-left: 120px !important;
}

.pL125 {
  padding-left: 125px !important;
}

.pL130 {
  padding-left: 130px !important;
}

.pL135 {
  padding-left: 135px !important;
}

.pL140 {
  padding-left: 140px !important;
}

.pL145 {
  padding-left: 145px !important;
}

.pL150 {
  padding-left: 150px !important;
}

.pL0 {
  padding-left: 0px !important;
}

.pL5 {
  padding-left: 5px !important;
}

.pL10 {
  padding-left: 10px !important;
}

.pL15 {
  padding-left: 15px !important;
}

.pL20 {
  padding-left: 20px !important;
}

.pL25 {
  padding-left: 25px !important;
}

.pL30 {
  padding-left: 30px !important;
}

.pL35 {
  padding-left: 35px !important;
}

.pL40 {
  padding-left: 40px !important;
}

.pL45 {
  padding-left: 45px !important;
}

.pL50 {
  padding-left: 50px !important;
}

.pL55 {
  padding-left: 55px !important;
}

.pL60 {
  padding-left: 60px !important;
}

.pL65 {
  padding-left: 65px !important;
}

.pL70 {
  padding-left: 70px !important;
}

.pL75 {
  padding-left: 75px !important;
}

.pL80 {
  padding-left: 80px !important;
}

.pL85 {
  padding-left: 85px !important;
}

.pL90 {
  padding-left: 90px !important;
}

.pL95 {
  padding-left: 95px !important;
}

.pL100 {
  padding-left: 100px !important;
}

.pL105 {
  padding-left: 105px !important;
}

.pL110 {
  padding-left: 110px !important;
}

.pL115 {
  padding-left: 115px !important;
}

.pL120 {
  padding-left: 120px !important;
}

.pL125 {
  padding-left: 125px !important;
}

.pL130 {
  padding-left: 130px !important;
}

.pL135 {
  padding-left: 135px !important;
}

.pL140 {
  padding-left: 140px !important;
}

.pL145 {
  padding-left: 145px !important;
}

.pL150 {
  padding-left: 150px !important;
}

.pR0 {
  padding-right: 0px !important;
}

.pR5 {
  padding-right: 5px !important;
}

.pR10 {
  padding-right: 10px !important;
}

.pR15 {
  padding-right: 15px !important;
}

.pR20 {
  padding-right: 20px !important;
}

.pR25 {
  padding-right: 25px !important;
}

.pR30 {
  padding-right: 30px !important;
}

.pR35 {
  padding-right: 35px !important;
}

.pR40 {
  padding-right: 40px !important;
}

.pR45 {
  padding-right: 45px !important;
}

.pR50 {
  padding-right: 50px !important;
}

.pR55 {
  padding-right: 55px !important;
}

.pR60 {
  padding-right: 60px !important;
}

.pR65 {
  padding-right: 65px !important;
}

.pR70 {
  padding-right: 70px !important;
}

.pR75 {
  padding-right: 75px !important;
}

.pR80 {
  padding-right: 80px !important;
}

.pR85 {
  padding-right: 85px !important;
}

.pR90 {
  padding-right: 90px !important;
}

.pR95 {
  padding-right: 95px !important;
}

.pR100 {
  padding-right: 100px !important;
}

.pR105 {
  padding-right: 105px !important;
}

.pR110 {
  padding-right: 110px !important;
}

.pR115 {
  padding-right: 115px !important;
}

.pR120 {
  padding-right: 120px !important;
}

.pR125 {
  padding-right: 125px !important;
}

.pR130 {
  padding-right: 130px !important;
}

.pR135 {
  padding-right: 135px !important;
}

.pR140 {
  padding-right: 140px !important;
}

.pR145 {
  padding-right: 145px !important;
}

.pR150 {
  padding-right: 150px !important;
}

.pA0 {
  padding: 0px !important;
}

.pA5 {
  padding: 5px !important;
}

.pA10 {
  padding: 10px !important;
}

.pA15 {
  padding: 15px !important;
}

.pA20 {
  padding: 20px !important;
}

.pA25 {
  padding: 25px !important;
}

.pA30 {
  padding: 30px !important;
}

.pA35 {
  padding: 35px !important;
}

.pA40 {
  padding: 40px !important;
}

.pA45 {
  padding: 45px !important;
}

.pA50 {
  padding: 50px !important;
}

.pA55 {
  padding: 55px !important;
}

.pA60 {
  padding: 60px !important;
}

.pA65 {
  padding: 65px !important;
}

.pA70 {
  padding: 70px !important;
}

.pA75 {
  padding: 75px !important;
}

.pA80 {
  padding: 80px !important;
}

.pA85 {
  padding: 85px !important;
}

.pA90 {
  padding: 90px !important;
}

.pA95 {
  padding: 95px !important;
}

.pA100 {
  padding: 100px !important;
}

.pA105 {
  padding: 105px !important;
}

.pA110 {
  padding: 110px !important;
}

.pA115 {
  padding: 115px !important;
}

.pA120 {
  padding: 120px !important;
}

.pA125 {
  padding: 125px !important;
}

.pA130 {
  padding: 130px !important;
}

.pA135 {
  padding: 135px !important;
}

.pA140 {
  padding: 140px !important;
}

.pA145 {
  padding: 145px !important;
}

.pA150 {
  padding: 150px !important;
}

.mB1em {
  margin-bottom: 1em !important;
}

/*! mb */
@media (max-width: 767px) and (min-width: 0px) {
  .f25 {
    font-size: 20px !important;
  }

  .f25_dps {
    font-size: calc(20px * var(--font-size-percentage-num)) !important;
  }

  .mA0 {
    margin: 0% !important;
  }

  .mA5 {
    margin: 2.5% !important;
  }

  .mA10 {
    margin: 2.5% !important;
  }

  .mA15 {
    margin: 2.5% !important;
  }

  .mA20 {
    margin: 5% !important;
  }

  .mA25 {
    margin: 5% !important;
  }

  .mA30 {
    margin: 5% !important;
  }

  .mA35 {
    margin: 7.5% !important;
  }

  .mA40 {
    margin: 7.5% !important;
  }

  .mA45 {
    margin: 7.5% !important;
  }

  .mA50 {
    margin: 10% !important;
  }

  .mA55 {
    margin: 10% !important;
  }

  .mA60 {
    margin: 10% !important;
  }

  .mA65 {
    margin: 12.5% !important;
  }

  .mA70 {
    margin: 12.5% !important;
  }

  .mA75 {
    margin: 12.5% !important;
  }

  .mA80 {
    margin: 15% !important;
  }

  .mA85 {
    margin: 15% !important;
  }

  .mA90 {
    margin: 15% !important;
  }

  .mA95 {
    margin: 17.5% !important;
  }

  .mA100 {
    margin: 17.5% !important;
  }

  .mA105 {
    margin: 17.5% !important;
  }

  .mA110 {
    margin: 20% !important;
  }

  .mA115 {
    margin: 20% !important;
  }

  .mA120 {
    margin: 20% !important;
  }

  .mA125 {
    margin: 22.5% !important;
  }

  .mA130 {
    margin: 22.5% !important;
  }

  .mA135 {
    margin: 22.5% !important;
  }

  .mA140 {
    margin: 25% !important;
  }

  .mA145 {
    margin: 25% !important;
  }

  .mA150 {
    margin: 25% !important;
  }

  .mT10 {
    margin-top: 2.5% !important;
  }

  .mT15 {
    margin-top: 2.5% !important;
  }

  .mT20 {
    margin-top: 5% !important;
  }

  .mT25 {
    margin-top: 5% !important;
  }

  .mT30 {
    margin-top: 5% !important;
  }

  .mT35 {
    margin-top: 7.5% !important;
  }

  .mT40 {
    margin-top: 7.5% !important;
  }

  .mT45 {
    margin-top: 7.5% !important;
  }

  .mT50 {
    margin-top: 12% !important;
  }

  .mT55 {
    margin-top: 10% !important;
  }

  .mT60 {
    margin-top: 10% !important;
  }

  .mT65 {
    margin-top: 12.5% !important;
  }

  .mT70 {
    margin-top: 12.5% !important;
  }

  .mT75 {
    margin-top: 12.5% !important;
  }

  .mT80 {
    margin-top: 15% !important;
  }

  .mT85 {
    margin-top: 15% !important;
  }

  .mT90 {
    margin-top: 15% !important;
  }

  .mT95 {
    margin-top: 17.5% !important;
  }

  .mT100 {
    margin-top: 17.5% !important;
  }

  .mT105 {
    margin-top: 17.5% !important;
  }

  .mT110 {
    margin-top: 20% !important;
  }

  .mT115 {
    margin-top: 20% !important;
  }

  .mT120 {
    margin-top: 20% !important;
  }

  .mT125 {
    margin-top: 22.5% !important;
  }

  .mT130 {
    margin-top: 22.5% !important;
  }

  .mT135 {
    margin-top: 22.5% !important;
  }

  .mT140 {
    margin-top: 25% !important;
  }

  .mT145 {
    margin-top: 25% !important;
  }

  .mT150 {
    margin-top: 25% !important;
  }

  .mB0 {
    margin-bottom: 0% !important;
  }

  .mB5 {
    margin-bottom: 2.5% !important;
  }

  .mB10 {
    margin-bottom: 2.5% !important;
  }

  .mB15 {
    margin-bottom: 2.5% !important;
  }

  .mB20 {
    margin-bottom: 5% !important;
  }

  .mB25 {
    margin-bottom: 5% !important;
  }

  .mB30 {
    margin-bottom: 5% !important;
  }

  .mB35 {
    margin-bottom: 7.5% !important;
  }

  .mB40 {
    margin-bottom: 7.5% !important;
  }

  .mB45 {
    margin-bottom: 7.5% !important;
  }

  .mB50 {
    margin-bottom: 10% !important;
  }

  .mB55 {
    margin-bottom: 10% !important;
  }

  .mB60 {
    margin-bottom: 10% !important;
  }

  .mB65 {
    margin-bottom: 12.5% !important;
  }

  .mB70 {
    margin-bottom: 12.5% !important;
  }

  .mB75 {
    margin-bottom: 12.5% !important;
  }

  .mB80 {
    margin-bottom: 15% !important;
  }

  .mB85 {
    margin-bottom: 15% !important;
  }

  .mB90 {
    margin-bottom: 15% !important;
  }

  .mB95 {
    margin-bottom: 17.5% !important;
  }

  .mB100 {
    margin-bottom: 17.5% !important;
  }

  .mB105 {
    margin-bottom: 17.5% !important;
  }

  .mB110 {
    margin-bottom: 20% !important;
  }

  .mB115 {
    margin-bottom: 20% !important;
  }

  .mB120 {
    margin-bottom: 20% !important;
  }

  .mB125 {
    margin-bottom: 22.5% !important;
  }

  .mB130 {
    margin-bottom: 22.5% !important;
  }

  .mB135 {
    margin-bottom: 22.5% !important;
  }

  .mB140 {
    margin-bottom: 25% !important;
  }

  .mB145 {
    margin-bottom: 25% !important;
  }

  .mB150 {
    margin-bottom: 25% !important;
  }

  .mL0 {
    margin-left: 0% !important;
  }

  .mL5 {
    margin-left: 2.5% !important;
  }

  .mL10 {
    margin-left: 2.5% !important;
  }

  .mL15 {
    margin-left: 2.5% !important;
  }

  .mL20 {
    margin-left: 5% !important;
  }

  .mL25 {
    margin-left: 5% !important;
  }

  .mL30 {
    margin-left: 5% !important;
  }

  .mL35 {
    margin-left: 7.5% !important;
  }

  .mL40 {
    margin-left: 7.5% !important;
  }

  .mL45 {
    margin-left: 7.5% !important;
  }

  .mL50 {
    margin-left: 10% !important;
  }

  .mL55 {
    margin-left: 10% !important;
  }

  .mL60 {
    margin-left: 10% !important;
  }

  .mL65 {
    margin-left: 12.5% !important;
  }

  .mL70 {
    margin-left: 12.5% !important;
  }

  .mL75 {
    margin-left: 12.5% !important;
  }

  .mL80 {
    margin-left: 15% !important;
  }

  .mL85 {
    margin-left: 15% !important;
  }

  .mL90 {
    margin-left: 15% !important;
  }

  .mL95 {
    margin-left: 17.5% !important;
  }

  .mL100 {
    margin-left: 17.5% !important;
  }

  .mL105 {
    margin-left: 17.5% !important;
  }

  .mL110 {
    margin-left: 20% !important;
  }

  .mL115 {
    margin-left: 20% !important;
  }

  .mL120 {
    margin-left: 20% !important;
  }

  .mL125 {
    margin-left: 22.5% !important;
  }

  .mL130 {
    margin-left: 22.5% !important;
  }

  .mL135 {
    margin-left: 22.5% !important;
  }

  .mL140 {
    margin-left: 25% !important;
  }

  .mL145 {
    margin-left: 25% !important;
  }

  .mL150 {
    margin-left: 25% !important;
  }

  .mR0 {
    margin-right: 0% !important;
  }

  .mR5 {
    margin-right: 2.5% !important;
  }

  .mR10 {
    margin-right: 2.5% !important;
  }

  .mR15 {
    margin-right: 2.5% !important;
  }

  .mR20 {
    margin-right: 5% !important;
  }

  .mR25 {
    margin-right: 5% !important;
  }

  .mR30 {
    margin-right: 5% !important;
  }

  .mR35 {
    margin-right: 7.5% !important;
  }

  .mR40 {
    margin-right: 7.5% !important;
  }

  .mR45 {
    margin-right: 7.5% !important;
  }

  .mR50 {
    margin-right: 10% !important;
  }

  .mR55 {
    margin-right: 10% !important;
  }

  .mR60 {
    margin-right: 10% !important;
  }

  .mR65 {
    margin-right: 12.5% !important;
  }

  .mR70 {
    margin-right: 12.5% !important;
  }

  .mR75 {
    margin-right: 12.5% !important;
  }

  .mR80 {
    margin-right: 15% !important;
  }

  .mR85 {
    margin-right: 15% !important;
  }

  .mR90 {
    margin-right: 15% !important;
  }

  .mR95 {
    margin-right: 17.5% !important;
  }

  .mR100 {
    margin-right: 17.5% !important;
  }

  .mR105 {
    margin-right: 17.5% !important;
  }

  .mR110 {
    margin-right: 20% !important;
  }

  .mR115 {
    margin-right: 20% !important;
  }

  .mR120 {
    margin-right: 20% !important;
  }

  .mR125 {
    margin-right: 22.5% !important;
  }

  .mR130 {
    margin-right: 22.5% !important;
  }

  .mR135 {
    margin-right: 22.5% !important;
  }

  .mR140 {
    margin-right: 25% !important;
  }

  .mR145 {
    margin-right: 25% !important;
  }

  .mR150 {
    margin-right: 25% !important;
  }

  .pT0 {
    padding-top: 0% !important;
  }

  .pT5 {
    padding-top: 2.5% !important;
  }

  .pT10 {
    padding-top: 2.5% !important;
  }

  .pT15 {
    padding-top: 2.5% !important;
  }

  .pT20 {
    padding-top: 5% !important;
  }

  .pT25 {
    padding-top: 5% !important;
  }

  .pT30 {
    padding-top: 5% !important;
  }

  .pT35 {
    padding-top: 7.5% !important;
  }

  .pT40 {
    padding-top: 7.5% !important;
  }

  .pT45 {
    padding-top: 7.5% !important;
  }

  .pT50 {
    padding-top: 10% !important;
  }

  .pT55 {
    padding-top: 10% !important;
  }

  .pT60 {
    padding-top: 10% !important;
  }

  .pT65 {
    padding-top: 12.5% !important;
  }

  .pT70 {
    padding-top: 12.5% !important;
  }

  .pT75 {
    padding-top: 12.5% !important;
  }

  .pT80 {
    padding-top: 15% !important;
  }

  .pT85 {
    padding-top: 15% !important;
  }

  .pT90 {
    padding-top: 15% !important;
  }

  .pT95 {
    padding-top: 17.5% !important;
  }

  .pT100 {
    padding-top: 17.5% !important;
  }

  .pT105 {
    padding-top: 17.5% !important;
  }

  .pT110 {
    padding-top: 20% !important;
  }

  .pT115 {
    padding-top: 20% !important;
  }

  .pT120 {
    padding-top: 20% !important;
  }

  .pT125 {
    padding-top: 22.5% !important;
  }

  .pT130 {
    padding-top: 22.5% !important;
  }

  .pT135 {
    padding-top: 22.5% !important;
  }

  .pT140 {
    padding-top: 25% !important;
  }

  .pT145 {
    padding-top: 25% !important;
  }

  .pT150 {
    padding-top: 25% !important;
  }

  .pB0 {
    padding-bottom: 0% !important;
  }

  .pB5 {
    padding-bottom: 2.5% !important;
  }

  .pB10 {
    padding-bottom: 2.5% !important;
  }

  .pB15 {
    padding-bottom: 2.5% !important;
  }

  .pB20 {
    padding-bottom: 5% !important;
  }

  .pB25 {
    padding-bottom: 5% !important;
  }

  .pB30 {
    padding-bottom: 5% !important;
  }

  .pB35 {
    padding-bottom: 7.5% !important;
  }

  .pB40 {
    padding-bottom: 7.5% !important;
  }

  .pB45 {
    padding-bottom: 7.5% !important;
  }

  .pB50 {
    padding-bottom: 10% !important;
  }

  .pB55 {
    padding-bottom: 10% !important;
  }

  .pB60 {
    padding-bottom: 10% !important;
  }

  .pB65 {
    padding-bottom: 12.5% !important;
  }

  .pB70 {
    padding-bottom: 12.5% !important;
  }

  .pB75 {
    padding-bottom: 12.5% !important;
  }

  .pB80 {
    padding-bottom: 15% !important;
  }

  .pB85 {
    padding-bottom: 15% !important;
  }

  .pB90 {
    padding-bottom: 15% !important;
  }

  .pB95 {
    padding-bottom: 17.5% !important;
  }

  .pB100 {
    padding-bottom: 17.5% !important;
  }

  .pB105 {
    padding-bottom: 17.5% !important;
  }

  .pB110 {
    padding-bottom: 20% !important;
  }

  .pB115 {
    padding-bottom: 20% !important;
  }

  .pB120 {
    padding-bottom: 20% !important;
  }

  .pB125 {
    padding-bottom: 22.5% !important;
  }

  .pB130 {
    padding-bottom: 22.5% !important;
  }

  .pB135 {
    padding-bottom: 22.5% !important;
  }

  .pB140 {
    padding-bottom: 25% !important;
  }

  .pB145 {
    padding-bottom: 25% !important;
  }

  .pB150 {
    padding-bottom: 25% !important;
  }

  .pL0 {
    padding-left: 0% !important;
  }

  .pL5 {
    padding-left: 2.5% !important;
  }

  .pL10 {
    padding-left: 2.5% !important;
  }

  .pL15 {
    padding-left: 2.5% !important;
  }

  .pL20 {
    padding-left: 5% !important;
  }

  .pL25 {
    padding-left: 5% !important;
  }

  .pL30 {
    padding-left: 5% !important;
  }

  .pL35 {
    padding-left: 7.5% !important;
  }

  .pL40 {
    padding-left: 7.5% !important;
  }

  .pL45 {
    padding-left: 7.5% !important;
  }

  .pL50 {
    padding-left: 10% !important;
  }

  .pL55 {
    padding-left: 10% !important;
  }

  .pL60 {
    padding-left: 10% !important;
  }

  .pL65 {
    padding-left: 12.5% !important;
  }

  .pL70 {
    padding-left: 12.5% !important;
  }

  .pL75 {
    padding-left: 12.5% !important;
  }

  .pL80 {
    padding-left: 15% !important;
  }

  .pL85 {
    padding-left: 15% !important;
  }

  .pL90 {
    padding-left: 15% !important;
  }

  .pL95 {
    padding-left: 17.5% !important;
  }

  .pL100 {
    padding-left: 17.5% !important;
  }

  .pL105 {
    padding-left: 17.5% !important;
  }

  .pL110 {
    padding-left: 20% !important;
  }

  .pL115 {
    padding-left: 20% !important;
  }

  .pL120 {
    padding-left: 20% !important;
  }

  .pL125 {
    padding-left: 22.5% !important;
  }

  .pL130 {
    padding-left: 22.5% !important;
  }

  .pL135 {
    padding-left: 22.5% !important;
  }

  .pL140 {
    padding-left: 25% !important;
  }

  .pL145 {
    padding-left: 25% !important;
  }

  .pL150 {
    padding-left: 25% !important;
  }

  .pR0 {
    padding-right: 0% !important;
  }

  .pR5 {
    padding-right: 2.5% !important;
  }

  .pR10 {
    padding-right: 2.5% !important;
  }

  .pR15 {
    padding-right: 2.5% !important;
  }

  .pR20 {
    padding-right: 5% !important;
  }

  .pR25 {
    padding-right: 5% !important;
  }

  .pR30 {
    padding-right: 5% !important;
  }

  .pR35 {
    padding-right: 7.5% !important;
  }

  .pR40 {
    padding-right: 7.5% !important;
  }

  .pR45 {
    padding-right: 7.5% !important;
  }

  .pR50 {
    padding-right: 10% !important;
  }

  .pR55 {
    padding-right: 10% !important;
  }

  .pR60 {
    padding-right: 10% !important;
  }

  .pR65 {
    padding-right: 12.5% !important;
  }

  .pR70 {
    padding-right: 12.5% !important;
  }

  .pR75 {
    padding-right: 12.5% !important;
  }

  .pR80 {
    padding-right: 15% !important;
  }

  .pR85 {
    padding-right: 15% !important;
  }

  .pR90 {
    padding-right: 15% !important;
  }

  .pR95 {
    padding-right: 17.5% !important;
  }

  .pR100 {
    padding-right: 17.5% !important;
  }

  .pR105 {
    padding-right: 17.5% !important;
  }

  .pR110 {
    padding-right: 20% !important;
  }

  .pR115 {
    padding-right: 20% !important;
  }

  .pR120 {
    padding-right: 20% !important;
  }

  .pR125 {
    padding-right: 22.5% !important;
  }

  .pR130 {
    padding-right: 22.5% !important;
  }

  .pR135 {
    padding-right: 22.5% !important;
  }

  .pR140 {
    padding-right: 25% !important;
  }

  .pR145 {
    padding-right: 25% !important;
  }

  .pR150 {
    padding-right: 25% !important;
  }

  .pA0 {
    padding: 0% !important;
  }

  .pA5 {
    padding: 2.5% !important;
  }

  .pA10 {
    padding: 2.5% !important;
  }

  .pA15 {
    padding: 2.5% !important;
  }

  .pA20 {
    padding: 5% !important;
  }

  .pA25 {
    padding: 5% !important;
  }

  .pA30 {
    padding: 5% !important;
  }

  .pA35 {
    padding: 7.5% !important;
  }

  .pA40 {
    padding: 7.5% !important;
  }

  .pA45 {
    padding: 7.5% !important;
  }

  .pA50 {
    padding: 10% !important;
  }

  .pA55 {
    padding: 10% !important;
  }

  .pA60 {
    padding: 10% !important;
  }

  .pA65 {
    padding: 12.5% !important;
  }

  .pA70 {
    padding: 12.5% !important;
  }

  .pA75 {
    padding: 12.5% !important;
  }

  .pA80 {
    padding: 15% !important;
  }

  .pA85 {
    padding: 15% !important;
  }

  .pA90 {
    padding: 15% !important;
  }

  .pA95 {
    padding: 17.5% !important;
  }

  .pA100 {
    padding: 17.5% !important;
  }

  .pA105 {
    padding: 17.5% !important;
  }

  .pA110 {
    padding: 20% !important;
  }

  .pA115 {
    padding: 20% !important;
  }

  .pA120 {
    padding: 20% !important;
  }

  .pA125 {
    padding: 22.5% !important;
  }

  .pA130 {
    padding: 22.5% !important;
  }

  .pA135 {
    padding: 22.5% !important;
  }

  .pA140 {
    padding: 25% !important;
  }

  .pA145 {
    padding: 25% !important;
  }

  .pA150 {
    padding: 25% !important;
  }
}

/* =======================================
	header
========================================== */
.jasmin_logo {
  display: flex;
  padding-left: 40px;
  align-items: center;
}

.jasmin_logo a {
  width: 150px;
  display: block;
}

img {
  width: 100%;
}

.header_select {
  margin-left: 14px;
  position: relative;
  top: 3px;
}

.header_right {
  position: relative;
}

.header_right p {
  user-select: none;
}

.header_right .login-user {
  display: flex;
  cursor: pointer;
}

.header_right .login-user {
  display: flex;
  background: #ededed;
  align-items: center;
  padding: 0 18px;
  font-weight: bold;
  color: #505050;
}

.header_right .user-icon {
  width: 41px;
  margin-right: 10px;
}

.header_right ul.popup {
  position: absolute;
  background: white;
  border-radius: 4px;
  margin-top: 4px;
  box-shadow: 0px 0px 10px #00000044;
  right: 4px;
  width: 180px;
  z-index: 99999999;
}

.header_right ul.popup.show {
  display: block;
}

.header_right ul.popup.hide {
  display: none;
}

.header_right ul.popup li:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}

.header_right ul.popup li:hover {
  background: #efefef;
}

.header_right ul.popup li a {
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding: 8px;
}

.header_right ul.popup li a i {
  color: #505050;
}

header {
  border-bottom: 3px solid #1558ba !important;
}

/**/
.t-ui-select {
  border-radius: 0 4px 4px 0;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.t-ui-select select {
  -moz-appearance: none;
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  height: 3.2rem;
  margin: 0;
  padding: 0.8rem 3.2rem 0.8rem 0.8rem;
  width: 130%;
  border: 1px solid #ccc;
}

/*セレクトボックス*/
.t-ui-select {
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  /* border: 2px solid #1558ba; */
}

.t-ui-select::after {
  background: url(/users/webapp/images/arrow.svg) center no-repeat, #1558ba none no-repeat scroll 0 0/29px auto;
  border-radius: 0 4px 4px 0;
  background-size: 15px;
  bottom: 0;
  color: #fff;
  content: "";
  display: block;
  font-size: 0.9rem;
  height: 2rem;
  margin: auto;
  padding: 0.8rem 0.8em;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
  width: auto;
}

.t-ui-select select {
  -moz-appearance: none;
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  height: 1.8rem;
  margin: 0;
  padding: 0.05rem 0.8rem 0rem 0.2rem;
  width: 100%;
  border: 1px solid #ccc;
}

.t-ui-select select,
.t-ui-select option {
  border: 2px solid #1558ba;
  border-radius: 5px 0 0 5px;
  font-weight: bold;
  color: #1558ba;
  font-size: 14px;
  height: auto;
  padding-left: 0.5rem !important;
  padding-top: 4px !important;
  padding-bottom: 3px !important;
  padding-right: 1em !important;
}

.t-ui-select input:focus,
.t-ui-select select:focus,
.t-ui-select option:focus {
  outline: none !important;
  border: 2px solid #1558ba !important;
}

input:focus,
select:focus,
option:focus,
textarea:focus {
  outline: none !important;
  border: solid 1px #5e5959 !important;
}

/*sideNav*/
.sideNav li {
  line-height: 100%;
}

.sideNav li a {
  display: flex;
  padding: 12px 20px 8px 35px;
  align-items: center;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #ededed;
  border-bottom: 1px solid #ffffff57;
}

.sideNav li a img {
  width: 1.4em;
  margin-right: 8px;
  top: -2px;
}

.mainArea {
  width: calc(100% - 157px);
  font-weight: 500;
  letter-spacing: 0.04em;
}

#vue_base {
  position: relative;
  display: flex;
}

.orderArea .sideNav {
  background: #375477;
}
.onBehalfArea .sideNav {
  background: var(--main_color);
}

.sideNav li img {
  position: relative;
}

.orderArea .sideNav li:nth-child(3) img {
  left: -5px;
  width: 1.8em;
  margin-right: 2px;
}
.onBehalfArea .sideNav li:nth-child(3) img {
  left: -5px;
  width: 1.8em;
  margin-right: 2px;
}

.orderArea .sideNav li:nth-child(4) img {
  left: 0px;
  width: 1.3em;
  margin-right: 10px;
}
.onBehalfArea .sideNav li:nth-child(4) img {
  left: 0px;
  width: 1.3em;
  margin-right: 10px;
}

.sideNav .flashing {
  width: 14px;
  height: 14px;
  background: #ffc404;
  border-radius: 50em;
  position: relative;
  left: 3px;
  top: -7px;
  font-size: 10px;
  text-align: center;
  color: #375477;
  letter-spacing: -0.1em;
  padding-right: 1px;
}

.flashing02 {
  width: 10px;
  height: 10px;
  background: #ffc404;
  position: absolute;
  border-radius: 50em;
  top: 10px;
}

.badge {
  background: #ffc404;
  position: absolute;
  border-radius: 50em;
  top: 10px;
  font-size: 12px;
  padding: 0 4px;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
  color: black;
}

.flashing_bg,
.flashing_bg .sp_adu {
  background: #fff2c8 !important;
}

.listTable .flashing_bg td:nth-child(3) {
  background: #ffebac;
}

.near_due_date_flashing_bg,
.near_due_date_flashing_bg .sp_adu {
  background: #ff8877 !important;
}

.listTable .near_due_date_flashing_bg td:nth-child(3) {
  background: #ff6655;
}

.expired_flashing_bg,
.expired_flashing_bg .sp_adu {
  background: #ff8877 !important;
}

.listTable .expired_flashing_bg td:nth-child(3) {
  background: #ff6655;
}

.expired_flashing_bg .color_gray,
.near_due_date_flashing_bg .color_gray {
  color: #AAEEFF;
}

.sideNav li a.page_highlight {
  background: #123d72;
  border-bottom: 2px solid #142f3a;
  padding: 12px 20px 7px 35px;
}

.newsArea {
  display: flex;
  flex-direction: column;
}

.newsArea p {
  display: grid;
  padding: 11px 0 7px;
  grid-template-columns: 1fr auto;
  justify-content: center;
  align-items: center;
  background: #ffffea;
  text-align: center;
  color: #242223;
  border-bottom: 2px solid #fffad4;
}

.newsArea p:before {
  content: "";
  background: url(/users/webapp/images/icon01.svg);
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  top: 1px;
  left: -1.5em;
}

.newsArea i {
  width: 0.9em;
  position: relative;
  top: 2px;
  color: #aa3549;
  margin-right: 16px;
}

.mainArea02 {
  background: #FFF;
  border-radius: 0.5em;
  margin: auto;
  color: #232323;
  position: relative;
}

.mainArea02,
.btnArea_fix,
.btnArea_fix02 {
  width: 900px;
}

@media (max-width: 1060px) {

  .mainArea02,
  .btnArea_fix {
    width: 95%;
  }

  .btnArea_fix {
    width: calc(95.6% - 118px);
  }

  .sideNav li a.page_highlight {
    padding: 12px 20px 7px 13px;
  }

  .sideNav {
    width: 118px;
  }

  .sideNav li a {
    padding: 12px 20px 8px 14px;
  }

  .mainArea {
    width: calc(100% - 118px);
  }
}

.searchArea01 {
  display: flex;
  justify-content: left;
  margin-bottom: 8px;
}

.searchArea01 .ui-component,
.searchArea01 button {
  width: 25%;
  padding: 0px;
}
.searchArea01 .ui-component.ui-text.customer_search-wrapper {
  width: 15rem !important;
}

.searchArea01>*:not(:last-child) {
  margin-right: 1%;
}

.searchArea02 .flex_wrap>*:not(:last-child) {
  margin-right: 1%;
}

.searchArea01 .ui-component input,
.searchArea02 .ui-component input,
.searchArea01 .ui-component select{
  width: 100%;
}

.searchArea01 .searchicon02,
.searchArea02 .searchicon02 {
  display: flex;
  align-items: center;
  color: #9ca3af;
  cursor: pointer;
}

.ui-action-button {
  padding: 0px;
}

.ui-action-button button::after {
  margin: 0px;
}

.btn01,
.ui-action-button button {
  background: #375476;
  border-radius: 0.3em;
  padding: 2px 14px 0px;
  border-bottom: 3px solid #182835;
  letter-spacing: 0.1em;
  font-size: 90%;
  color: #FFF;
}

.accepting_o .btn01,
.accepting_o .ui-action-button button {
  background: #4b931c;
}
.on_behalf_o .btn01,
.on_behalf_o .ui-action-button button {
  background: var(--main_color);
}

.btn01_aco img:last-child {
  width: 0.5em;
  position: relative;
  left: 0.4em;
}

.btn01_img {
  display: flex;
  align-items: center;
}

.btn01 img {
  width: 1em;
  margin-right: 0.2em;
}

.btnArea>div,
.messageBox_input {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 0;
  z-index: 1000;
}

.btnArea>div>*,
ul.yesNo li {
  margin: 0 6px;
}

.btn03,
.btn02,
ul.yesNo button {
  color: #FFF;
  border-radius: 0.3em;
  padding: 0.5em 1.5em 0.3em;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.btn03,
ul.yesNo li:nth-child(1) button {
  background: #a2afbc;
  border-bottom: 3px solid #778691;
}

.btn02,
ul.yesNo li:nth-child(2) button {
  background: #375476;
  border-bottom: 3px solid #182835;
}

.accepting_o .btn02,
.accepting_o ul.yesNo li:nth-child(2) button {
  background: #4b931c;
  border-bottom: 3px solid #182835;
}
.on_behalf_o .btn02,
.on_behalf_o ul.yesNo li:nth-child(2) button {
  background: var(--main_color);
  border-bottom: 3px solid #182835;
}

.btn04 {
  text-decoration: underline;
  color: #375476;
}

.accepting_o .btn04 {
  text-decoration: underline;
  color: #4b931c;
}
.on_behalf_o .btn04 {
  text-decoration: underline;
  color: var(--main_color);
}

.btn04 img {
  margin-right: 1px;
}

ul.yesNo li button {
  width: 9em;
}

/*switchingArea*/
.switchin_tab {
  border-bottom: 1px solid #dce5e3;
}

.switchin_tab button {
  border-radius: 0.3em 0.3em 0 0;
  padding: 11px 16px 6px;
  position: relative;
  border: 1px solid #dce5e3;
  background: #dce5e4;
  color: #333;
  margin-left: 8px;
  min-width: 7em;
}

.switchin_tab button.active:before {
  content: "";
  background: #ffffff;
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0px;
  bottom: -3px;
}

.switchin_tab button.active {
  background: #FFF;
}

.switchin_tab button.active {
  color: #1558ba;
}

.switchin_tab button:nth-child(1) {
  margin-left: 14px;
}

/*oriBox01*/
.oriBox01 {
  background: #f4f7f9;
  border-radius: 0.5em;
  padding: 0px 10px;
  color: #727272;
  display: table;
  margin: auto;
}

.oriBox01 .hensyu {
  width: 0.6em;
  margin-left: 3px;
  position: relative;
  top: 2px;
}

.oriBox01 .f12,
.oriBox01 .f12_dps {
  font-weight: bold;
}

.oriBox01 ul {
  display: flex;
}

.oriBox01 ul li {
  padding: 13px 20px 7px;
}

.oriBox01 ul li:not(:last-child) {
  border-right: 2px solid #FFF;
}

.oriBox01 ul li .f25,
.oriBox01 ul li .f25_dps {
  color: #375477;
}

.oriBox01 ul li a {
  text-decoration: underline;
}

/**/
.checkboxArea label {
  /* padding: 12px 8px; */
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkboxArea input {
  margin: 0;
  width: 0;
  opacity: 0;
  display: none;
}

.checkboxArea label:hover>.checkboxArea .checkBtn01 {
  transform: scale(1.1);
}

.checkboxArea input:focus+label .checkBtn01 {
  transform: scale(1.1);
}

.checkboxArea input:checked+label .checkBtn01 {
  background: #ffffff;
}

.checkboxArea input:checked+label .checkBtn01::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35%;
  height: 2px;
  border-radius: 2px;
  transform: translate(-6px, 5px) rotateZ(-135deg);
  transform-origin: 2px -1px;
  background: #375477;
}

.checkboxArea input:checked+label .checkBtn01::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 2px;
  border-radius: 2px;
  transform: translate(-6px, 5px) rotateZ(-45deg);
  transform-origin: 0px -5px;
  background: #375477;
}

.checkboxArea .checkBtn01 {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  border: solid 2px transparent;
  background: rgba(239, 239, 239, 0.15);
  border-radius: 0.2em;
  transition: all 0.05s linear;
  border: 1px solid #bcbcbc;
  background: #FFF;
}

table {
  width: 100%;
}

/*listTable*/
.listTable table {
  position: relative;
}

.listTable thead {
  position: sticky;
  top: 0;
  z-index: 999;
}

.listTable thead th {
  background: #375477;
  color: #ffffff;
  line-height: 100%;
  padding: 4px 10px;
  border-right: 1px solid #9d9d9d;
  vertical-align: middle;
}

.accepting_o .listTable thead th {
  background: #4b931c;
}
.on_behalf_o .listTable thead th {
  background: var(--main_color);
}

.listTable thead th:nth-child(1) {
  width: 29px;
  padding: 4px 5px;
}

.listTable thead th:nth-child(2) {
  width: calc(100% - 54px);
}

.listTable thead th:nth-child(n+3) {
  width: 111px;
  padding-right: 0;
}

.listTable thead th:nth-child(1) {
  border-left: 8px solid #c6c6c6;
}

.listTable tbody td {
  padding: 10px 10px;
  vertical-align: middle;
  border-right: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}

.listTable tbody td:nth-child(3) {
  background: #f4f4f4;
}

.listTable tbody td:nth-child(1) {
  border-left: 8px solid #c6c6c6;
}

.listTable tbody td:nth-child(4) {
  text-align: right;
}

.listTable span.taiou {
  background: #d83d66;
  color: #FFF;
  padding: 2px 6px;
}

.listTable tbody td.taiou:nth-child(1) {
  border-left: 8px solid #d83d66;
}

.listTable .btn01 {
  padding-left: 8px;
  padding-right: 0px;
}

.listTable tbody td:nth-child(1) {
  padding: 4px 5px;
}

.checkboxArea_bg,
.checkboxArea_bg .sp_adu {
  background: #e0eeff !important;
}

.listTable tbody .checkboxArea_bg td:nth-child(3) {
  background: #c9dcf3;
  color: #375477;
}

h2 {
  color: #375476;
  font-weight: bold !important;
  font-size: 20px !important;
  letter-spacing: 0.1em;
}

/* =======================================
	accepting_o 受注
========================================== */
.accepting_o header {
  border-bottom: 3px solid #488c1c !important;
}

.accepting_o .t-ui-select::after {
  background: #008ad5 none no-repeat scroll 0 0/20px auto;
}

.accepting_o .t-ui-select::after {
  background: url(/users/webapp/images/arrow.svg) center no-repeat, #488c1c none no-repeat scroll 0 0/29px auto;
  background-size: 15px;
}

.accepting_o .t-ui-select select,
.accepting_o .t-ui-select option {
  border: 2px solid #488c1c;
  color: #488c1c;
}

.accepting_o .t-ui-select input:focus,
.accepting_o .t-ui-select select:focus,
.accepting_o .t-ui-select option:focus {
  border: 2px solid #488c1c !important;
}

.accepting_o .orderArea .sideNav {
  background: #488c1c;
}

.accepting_o .sideNav li a.page_highlight {
  background: #127026;
  border-bottom: 2px solid #213f11;
}

.greenTxt {
  color: #10346b;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.accepting_o .greenTxt {
  color: #346b10;
}

.grayTxt {
  color: #9b9b9b;
}

.accepting_o .btn01,
.accepting_o .ui-action-button button {
  background: #4b931c;
  border-bottom: 3px solid #446d18;
}

.accepting_o .switchin_tab button.active {
  color: #488c1c;
}

.accepting_o h2 {
  color: #4b931c;
}

.accepting_o .oriBox01 ul li .f25,
.accepting_o .oriBox01 ul li .f25_dps {
  color: #346b10;
}

.accepting_o .modalList01_open li>a {
  color: #488c1c;
}

.accepting_o .checkboxArea_bg {
  background: #eaf3e8;
}
/* =======================================
	on_behalf_o 立替
========================================== */
.on_behalf_o header {
  border-bottom: 3px solid var(--main_color) !important;
}

.on_behalf_o .t-ui-select::after {
  background: #008ad5 none no-repeat scroll 0 0/20px auto;
}

.on_behalf_o .t-ui-select::after {
  background: url(/users/webapp/images/arrow.svg) center no-repeat, var(--main_color) none no-repeat scroll 0 0/29px auto;
  background-size: 15px;
}

.on_behalf_o .t-ui-select select,
.on_behalf_o .t-ui-select option {
  border: 2px solid var(--main_color);
  color: var(--main_color);
}

.on_behalf_o .t-ui-select input:focus,
.on_behalf_o .t-ui-select select:focus,
.on_behalf_o .t-ui-select option:focus {
  border: 2px solid var(--main_color) !important;
}

.on_behalf_o .orderArea .sideNav {
  background: var(--main_color);
}

.on_behalf_o .sideNav li a.page_highlight {
  background: var(--dark_main_color);
  border-bottom: 2px solid var(--dark_main_color);
}

.greenTxt {
  color: #10346b;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.on_behalf_o .greenTxt {
  color: var(--light_main_color);
}

.grayTxt {
  color: #9b9b9b;
}

.on_behalf_o .btn01,
.on_behalf_o .ui-action-button button {
  background: var(--main_color);
  border-bottom: 3px solid var(--border_bottom);
}

.on_behalf_o .switchin_tab button.active {
  color: var(--modalList01_open);
}

.on_behalf_o h2 {
  color: var(--main_color);
}

.on_behalf_o .oriBox01 ul li .f25,
.on_behalf_o .oriBox01 ul li .f25_dps {
  color: var(--oriBox01);
}

.on_behalf_o .modalList01_open li>a {
  color: var(--modalList01_open);
}

.on_behalf_o .checkboxArea_bg {
  background: #eaf3e8;
}

/* =======================================
	共通パーツ
========================================== */
.border_b {
  border-bottom: 1px solid #bcbcbc;
}

.modalList01 {
  position: relative;
  /* opacity: 0; */
  /* display: none; */
}

.modalList01_btn {
  cursor: pointer;
}

.modalList01_open {
  position: absolute;
  background: #FFF;
  box-shadow: 1px 5px 11px #00000029;
  border-radius: 0.5em;
  border: 1px solid #e9e9e9;
  top: 2.3em;
  z-index: 9;
  font-size: 14px;
  width: max-content;
}

.modalList01_open li>a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
  text-decoration: underline;
  color: #1558ba;
  font-weight: bold;
}

.modalList01_open li:last-child>a {
  border-bottom: none;
}

.mainHead .mainLink li:nth-child(1) {
  text-decoration: underline;
  color: #264e9e;
}

.mainHead .mainLink li:nth-child(1) p,
.mainHead .mainLink li:nth-child(2) button {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 12px 20px;
}

.mainHead .mainLink li:nth-child(1) p {
  background: #f8f9e2;
}

.mainHead .mainLink .misyounin.on button {
  color: #aa3549;
  cursor: unset;
}

.mainHead .mainLink .misyounin.on span {
  position: relative;
  padding-left: 1.2em;
  opacity: 0;
}

.mainHead .mainLink .misyounin.on span:before {
  content: "";
  background: url(/users/webapp/images/icon08.svg);
  width: 1em;
  height: 1em;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  left: 0;
}

.mainflow li>div {
  display: flex;
  align-items: end;
  color: #FFF;
}

.mainflow li:nth-child(1) {
  background: #375477;
  background: linear-gradient(to left, #c9dcf3 36px, #375477 36px);
  position: relative;
  padding-right: 38px;
}

.accepting_o .mainflow li:nth-child(1) {
  background: #4b931c;
  background: linear-gradient(to left, #a2d18c 36px, #4b931c 36px);
}
.on_behalf_o .mainflow li:nth-child(1) {
  background: var(--main_color);
  background: linear-gradient(to left, var(--light_main_color) 36px, var(--main_color) 36px);
}

.mainflow li:nth-child(1):before {
  background: url(/users/webapp/images/sankaku_blue.svg) no-repeat;
  content: "";
  position: absolute;
  height: 100%;
  width: 38px;
  right: 0;
}

.accepting_o .mainflow li:nth-child(1):before {
  background: url(/users/webapp/images/sankaku.svg) no-repeat;
}
.on_behalf_o .mainflow li:nth-child(1):before {
  background: url(/users/webapp/images/sankaku_black.svg) no-repeat;
}

.mainflow li:nth-child(2) {
  background: #c9dcf3;
  padding: 0 1em 0 0.4em;
}

.accepting_o .mainflow li:nth-child(2) {
  background: #a2d18c;
}
.on_behalf_o .mainflow li:nth-child(2) {
  background: var(--light_main_color);
}

.mainflow li p:nth-child(1) {
  margin-right: 1em;
}

.mainflow li {
  display: flex;
  align-items: center;
  padding: 0 1em;
}

.mainflow li:nth-child(2) div {
  align-items: center;
  line-height: 100%;
}

.statusBusinessPartnerWrapper {
  color: #000 !important;
}

.titleArea>div:nth-child(1) {
  display: flex;
  align-items: center;
}

.torikeshi {
  padding-left: 1.3em;
  background: url(/users/webapp/images/batu.svg) no-repeat;
  color: #aa3549;
  letter-spacing: -1px;
  font-weight: bold;
}

.hukusei {
  padding-left: 1.3em;
  background: url(/users/webapp/images/plus.svg) no-repeat;
  color: #375477;
  font-weight: bold;
}

.accepting_o .hukusei {
  color: #4b931c;
}
.on_behalf_o .hukusei {
  color: var(--main_color);
}

.plusBtn {
  color: #375477;
  font-weight: bold;
  position: relative;
  background: transparent;
  padding: 4px 8px;
  border-radius: 4px;
}

.plusBtn:hover {
  background: #efefef;
}

.accepting_o .plusBtn {
  color: #4b931c;
}
.on_behalf_o .plusBtn {
  color: var(--main_color);
}

.plusBtn:before {
  content: '\f067';
  font-family: 'Font Awesome 5 Pro';
  margin-right: 4px;
}

.dropDownBtn:after {
  content: '\f0d7';
  font-family: 'Font Awesome 5 Pro';
  margin-left: 4px;
}

.dropDownBtn.open {
  background: #ededed;
}

.hensyu {
  width: 0.9em;
}

.tenpu {
  background: #f4f7f9;
  padding: 11px 0;
}

.tenpu>div>div:nth-child(2) div {
  background: #FFF;
  margin-right: 20px;
  border: 1px solid #c7ced1;
  padding: 2px 10px 1px;
  border-radius: 0.2em;
  position: relative;
  row-gap: 1em;
}

.attachment_files {
  row-gap: 0.5em;
}

.attachment_file {
  width: 30%;
}

.attachment_file>p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

button.batu {
  position: absolute;
  right: -0.7em;
  width: 1.3em;
  top: 0;
  bottom: 0;
  margin: auto;
}

.basic_info input[type=text],
.basic_info input[type=date] {
  padding: 0.6em 0.6em 0.3em 0.6em !important;
}

.basic_info input[type=date] {
  padding-bottom: 0.5em !important;
}

.basic_info .dayTxt {
  width: 9em;
}

.basic_info label,
.basic_info p,
.basic_info02 p,
.basic_info03 p,
.basic_info04 p {
  font-weight: bold;
  letter-spacing: 0.1em;
}

.select-box .current-value.disabled:after,
.select-box .current-value.disabled p {
  color: unset !important;
  font-weight: unset !important;
  content: unset !important;
}

.select-box .current-value.disabled {
  border: unset !important;
}

.select-box .select-wrapper p,
.select-box .select-wrapper li {
  font-weight: normal !important;
}

/* .action_button_wrapper .drop_down_button.active+.action_menu {
  min-width: unset !important;
  position: fixed;
  width: fit-content;
} */

.boder_b02 {
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #edeeef;
}

.boder_b02:before {
  content: "";
  position: absolute;
  bottom: -9px;
  width: 100%;
  background: #f5f6f8;
  height: 8px;
}

/*detail_info_table*/
.detail_info_table {
  position: relative;
}

.theadArea,
.listBox thead {
  background: #375477;
}

.accepting_o .theadArea,
.accepting_o .listBox thead {
  background: #488c1c;
}
.on_behalf_o .theadArea,
.on_behalf_o .listBox thead {
  background: var(--main_color);
}

.theadArea02 {
  width: calc(100% - 76px);
}

.tbodyArea03 {
  display: flex;
  justify-content: space-between;
}

.theadArea,
.tbodyArea,
.tbodyArea .txtArea_t {
  display: flex;
  width: 100%;
  padding: 0;
  min-width: 100%;
}

.tbodyArea {
  border-bottom: 1px solid #d7dce2;
}

.tbodyArea>div:nth-child(3) {
  width: calc(100% - 76px);
}

.theadArea>div>div,
.listBox th {
  color: #FFF;
  border-right: 1px solid #d7dce2;
  padding: 4px 10px 4px;
}

.tbodyArea>div,
.tbodyArea .txtArea_t>div,
.tbodyArea .txtArea_t div,
.txtArea_b>div:nth-child(1),
.tbodyArea02_01,
.tbodyArea03>div,
.listBox tbody td:not(:first-child) {
  padding: 8px 10px;
  position: relative;
}

.listBox tbody td:first-child {
  padding-top: 8px;
  border-left: 1px solid #d7dce2;
}

.tbodyArea>div,
.tbodyArea .txtArea_t>div:not(:last-child),
.tbodyArea .txtArea_t div:not(:last-child),
.txtArea_b>div:nth-child(1),
.tbodyArea03>div,
.listBox td {
  border-right: 1px solid #d7dce2;
  padding: 12px 10px;
}

.listBox td {
  vertical-align: middle;
  border-bottom: 1px solid #d7dce2;
}

.tbodyArea .txtArea {
  padding: 0;
}

.theadArea01>div:nth-child(1),
.tbodyArea>div:nth-child(1),
.tbodyArea03>div:nth-child(1),
.listBox th:nth-child(1) {
  width: 26px;
  text-align: center;
  display: flex;
  padding-left: inherit;
  padding-right: inherit;
}

.listBox th:nth-child(1) {
  display: revert;
}

.tbodyArea>div:nth-child(1) img,
.tbodyArea03>div:nth-child(1) img,
.listBox td>button img {
  display: block;
  margin: auto;
  width: 12px;
}

.listBox td:nth-child(1)>button {
  margin-left: 5px;
}

.tbodyArea>div:nth-child(1),
.tbodyArea03>div:nth-child(1) {
  display: block;
  text-align: center;
}

.tbodyArea>div:nth-child(1)>div:nth-child(1) label,
.tbodyArea03>div:nth-child(1)>div:nth-child(1) label {
  margin: auto;
  text-align: center;
  margin-left: 5px;
}

.theadArea01>div:nth-child(2),
.tbodyArea>div:nth-child(2) {
  width: 50px;
  text-align: center;
}

.listBox th:last-child {
  width: 33px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.tbodyArea>div:nth-child(2) {
  width: 50px;
  text-align: center;
}

.theadArea>div:nth-child(1)>div {
  margin: auto;
}

.tbodyArea>div:nth-child(1) div:nth-child(2),
.tbodyArea03>div:nth-child(1) div:nth-child(2),
.listBox td:nth-child(1)>button {
  margin-top: 10px;
}

.tbodyArea03>div:nth-child(2) {
  display: flex;
  align-items: center;
  font-size: 120%;
  justify-content: space-between;
  border-left: 1px solid #d7dce2;
}

.accordionBtn {
  position: relative;
  background: #375477;
  width: 30px;
  height: 30px;
  border-radius: 50em;
}

.accordionBtnWrapper {
  z-index: 1;
}

.accepting_o .accordionBtn {
  background: #3f8910;
}
.on_behalf_o .accordionBtn {
  background: var(--dark_main_color);
}

.arrowBtn {
  position: absolute;
  background: #76c643;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: start;
  top: 0;
  left: 0;
}

.accordionBtn.open {
  background: #72839e;
  transform: rotateX(180deg);
}

.accepting_o .accordionBtn.open {
  background: #839e72;
}
.on_behalf_o .accordionBtn.open {
  background: var(--light_main_color);
}

.accordionBtn::before,
.accordionBtn::after,
.arrowBtn:before,
.arrowBtn:after {
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.accordionBtn::before,
.arrowBtn:before {
  left: 12px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.arrowBtn:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.tbodyArea input,
textarea {
  width: 100%;
}

.txtArea_b>div:nth-child(1) {
  width: calc(100% - 22em - 38px);
  padding-bottom: 13px;
}

.txtArea_b .kingaku,
.tbodyArea03>div:nth-child(2) {
  width: calc(24em + 38px);
  background: #f4f7f9;
  position: relative;
}

.tbodyArea03>div:nth-child(2) {
  width: calc(11em + 42px);
}

.txtArea_b>div:nth-child(1) input[type=textarea] {
  width: 100%;
  height: 5em;
  margin-top: 3px;
}

.txtArea_b .kingaku.kingaku li {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 5px;
}

.kingaku>button {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: stretch;
  height: 3em;
  line-height: 3.5em;
  font-weight: bold;
  letter-spacing: 0.15em;
  position: absolute;
  bottom: 0;
  color: #0d3066;
  background: #d8deef;
}

.accepting_o .kingaku>button {
  background: #deefd8;
  color: #30660d;
}
.on_behalf_o .kingaku>button {
  background: #deefd8;
  color: var(--dark_main_color);
}

.txtArea_b .kingaku ul {
  padding: 16px;
  padding-bottom: 9px;
  display: flex;
  flex-direction: column;
}

/*pagerArea*/
.pagerArea {
  justify-content: center;
}

.pagerArea a {
  width: 2.5em;
  background: #375477;
}

.accepting_o .pagerArea a {
  background: #4b931c;
}
.on_behalf_o .pagerArea a {
  background: var(--main_color);
}

.pagerArea div {
  background: #dfe6f0;
  padding: 5px 4em;
  border: 1px solid #c9dcf3;
  color: #3e3e3e;
}

.accepting_o .pagerArea div {
  background: #dcf3c9;
}
.on_behalf_o .pagerArea div {
  background: var(--pageArea);
}

.pagerArea a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}

.pagerArea a::before,
.pagerArea a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.pagerArea a::before {
  left: 14px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pagerArea a:nth-child(1)::before {
  transform: rotate(-135deg);
  left: 16px;
}

.searchicon {
  background: url(/users/webapp/images/search.svg) no-repeat left 7px center !important;
  background-size: 1.2em !important;
}

.searchicon02 {
  background: url(/users/webapp/images/search02.svg) no-repeat left 7px center !important;
  background-size: 1.2em !important;
}

button.searchicon02_black {
  background: url(/users/webapp/images/search02_black.svg) no-repeat left 7px center !important;
  background-size: 1.2em !important;
  color: #000!important;
  border-color: #000!important;
}

/*tbodyArea02*/
.tbodyArea02 {
  background: #f3f7fa;
  padding: 10px 0;
  position: relative;
}

.tbodyArea02:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #375477;
  top: 0;
  left: 11px;
}

.accepting_o .tbodyArea02:before {
  background: #488c1c;
}
.on_behalf_o .tbodyArea02:before {
  background: var(--main_color);
}

.tbodyArea02:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 2px;
  left: 11px;
  border-left: 2px solid #375477;
  border-bottom: 2px solid #375477;
  border-radius: 0 0 0 1em;
}

.accepting_o .tbodyArea02:after {
  border-left: 2px solid #488c1c;
  border-bottom: 2px solid #488c1c;
}
.on_behalf_o .tbodyArea02:after {
  border-left: 2px solid var(--main_color);
  border-bottom: 2px solid var(--main_color);
}

.tbodyArea02 .bg_w {
  background: #FFF;
  margin-left: 26px;
  position: relative;
  z-index: 2;
  border-top: 1px solid #eaeff3;
  border-bottom: 1px solid #eaeff3;
}

.tbodyArea02_01 {
  border-left: 6px solid #375477;
  border-bottom: 1px solid #d7dce2;
}

.accepting_o .tbodyArea02_01 {
  border-left: 6px solid #488c1c;
}
.on_behalf_o .tbodyArea02_01 {
  border-left: 6px solid var(--main_color);
}

.tbodyArea02_02 {
  padding: 0.8em 1em 0.6em;
}

.tbodyArea02 select.f14,
.tbodyArea02 select.f14_dps {
  padding: 0.3em 0.5em 0.2em 0.5em !important;
}

.basic_info04 input[type=text] {
  width: auto
}

.detail_info_price_b {
  width: 380px;
  float: right;
  padding-right: 20px;
}
.detail_info_price_b.hissu01{
  background-color: #f8e9e9 !important;
}

.detail_info_price .cf {
  border-top: 1px solid #d7dce2;
  padding-top: 15px;
}

.detail_info_price_b .f14,
.detail_info_price_b .f14_dps {
  width: 7em;
  display: flex;
  justify-content: end;
}

.detail_info_price_b .greenTxt {
  line-height: 100%;
  margin-top: 8px;
}

.detail_info_price .modalList01_open {
  top: 1.3em;
  left: 1em;
}

.btnArea_fix,
.messageBox_input {
  position: fixed;
  bottom: 0;
  background: #FFF;
  margin: auto;
  box-shadow: 0 -2px 5px #22242505, 0 -12px 9px #00000000;
  border-top: 1px solid #f7f7f7;
}

.btnArea_fix02 {
  position: fixed;
  bottom: 74px;
  z-index: 100;
}

.btnArea_fix02>div {
  width: max-content;
  background: #fff;
  margin: auto;
  border-radius: 0.2em;
  border: 1px solid #f5f6f8;
  box-shadow: 0 5px 13px #2224251a, 0 27px 33px #0000000d;
  align-items: stretch !important;
  padding: 0 !important;
  display: flex;
}

.btnArea_fix02 img {
  width: 1.3em;
  margin: 0 auto 3px;
  display: block;
}

.btnArea_fix02 .count {
  background: #375477;
  margin: 0;
  color: #FFF;
  display: flex;
  align-items: center;
  width: 3.5em;
  justify-content: center;
  border-radius: 0.2em 0 0 0.2em;
  font-weight: bold;
  font-size: 150%;
  text-align: center;
  line-height: 100%;
  text-shadow: 0 1px 1px #00000059;
}

.accepting_o .btnArea_fix02 .count {
  background: #488c1c;
}
.on_behalf_o .btnArea_fix02 .count {
  background: var(--main_color);
}

p,
span {
  color: inherit;
}

.btnArea_fix02 .count span {
  position: relative;
  top: -4px;
}

.btnArea_fix02 button {
  padding: 7px 18px 1px;
  font-size: 14px;
  position: relative;
  margin: 0;
}

.btnArea_fix02 button:not(:last-child):before {
  content: "";
  position: absolute;
  width: 1px;
  height: 36px;
  background: #e3dbdb;
  right: 2px;
  top: 10px;
}

/*accepting_o sideNav*/
.accepting_o .orderArea .sideNav li:nth-child(2) img {
  width: 1.8em;
  left: -5px;
  margin-right: 2px;
}

.accepting_o .orderArea .sideNav li:nth-child(4) img {
  left: -6px;
  width: 1.7em;
  margin-right: 6px;
}

.accepting_o .orderArea .sideNav li:nth-child(3) img {
  left: -2px;
  width: 1.6em;
  margin-right: 6px;
}
/*on_behalf_o sideNav*/
.on_behalf_o .orderArea .sideNav li:nth-child(2) img {
  width: 1.8em;
  left: -5px;
  margin-right: 2px;
}

.on_behalf_o .orderArea .sideNav li:nth-child(4) img {
  left: -6px;
  width: 1.7em;
  margin-right: 6px;
}

.on_behalf_o .orderArea .sideNav li:nth-child(3) img {
  left: -2px;
  width: 1.6em;
  margin-right: 6px;
}

.back_bk,
.modalOpen {
  position: fixed;
  z-index: 999;
  top: 0;
}

.back_bk {
  background: #131d1eba;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 99999999999;
  max-height: 100vh;
  min-height: 100vh;
}

.modalOpen {
  background: #ffffff;
  border-radius: 0.3em;
  padding: 40px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  width: fit-content;
  height: fit-content;
  color: #333;
}

ul.yesNo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modalOpen .batuBtn {
  position: relative;
}

.modalOpen .batuBtn>button {
  position: absolute;
  right: -30px;
  top: -30px;
  width: 2em;
}

.modalBox_price,
.modalBox_price02 {
  max-width: 250px;
  margin: auto;
  position: relative;
}

.modalBox_price {
  left: -9px;
}

.modalBox_price02 {
  max-width: 450px;
}

.modalBox_price li,
.modalBox_price02 li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.modalBox_price li>p {
  text-align: right;
  width: 6em;
  display: flex;
  justify-content: end;
  align-items: center;
}

.modalBox_price li>p img {
  margin-right: 0.2em;
  position: relative;
  top: -1px;
}

.modalBox04 input[type=text],
.modalBox04 select,
.modalBox04 textarea {
  width: 14em;
}

p.hensyu02 {
  display: flex;
  align-items: baseline;
}

p.hensyu02 a {
  width: 0.8em;
  margin-left: 5px;
}

/*modalBox06*/
.modalBox06 {
  height: 100%;
  padding-right: 20px;
  width: 800px;
}

.modalBox06 .scrollArea {
  height: 100%;
  overflow-y: scroll;
  padding-right: 20px;
  max-height: calc(100vh - 290px);
}

.modalBox06 .listBox {
  border: 1px solid #f1eaea;
  border-radius: 0.5em;
  padding: 20px;
  background: #FFF;
  margin-bottom: 20px;
}

.modalBox06 .listBox:last-child {
  margin-bottom: 0px;
}

.modalBox06 .listBox_inner {
  background: #f5f6f8;
  padding: 20px;
}

.modalBox06 .tag span {
  background: #a2afbc;
  padding: 0.2em 1.1em;
  border-radius: 0.2em;
  color: #FFF;
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 100%;
}

/*メッセージ*/
.messageBox_area {
  max-height: 24em;
  overflow-y: scroll;
  margin-bottom: 135px;
  background: #fffef8;
}

.staffArea,
.customerArea {
  padding-bottom: 1px;
}

.staffArea:last-child,
.customerArea:last-child {
  border-bottom: 1px solid #eee7e7;
}

.delimiterTxt {
  background: #eef6fd;
  padding: 4px 0;
  color: #14476e;
}

.delimiterBox {
  background: #f8fcff;
}

.messageBox_areaIn>div:nth-child(1) {
  width: 3em;
  text-align: center;
  padding-top: 23px;
}

.messageBox_areaIn>div:nth-child(1) img {
  width: 3em;
  display: block;
  margin: auto;
  margin-bottom: 3px;
}

.messageBox_areaIn .message {
  width: calc(100% - 3em);
  padding-right: 3em;
}

.messageBox_areaIn {
  margin-top: 15px;
  margin-bottom: 15px;
}

.messageBox_areaIn .messageTxt {
  margin-bottom: 7px;
  white-space: pre-line;
}

.message .grayTxt .flex_nowrap {
  margin-right: 10px;
  padding-right: 10px;
}

.message .grayTxt .flex_nowrap:after {
  content: "|";
  position: relative;
  right: -10px;
  top: -1px;
  font-size: 10px;
}

.message .grayTxt p:nth-child(2) {
  letter-spacing: 0px;
}

.messageBox_input {
  background: #f5f5f5;
  border-top: 1px solid #ede5e5;
  overflow: hidden;
  border-bottom: 1px solid #ede5e5;
}

.messageBox_input button {
  float: right;
  background-image: url(/users/webapp/images/icon11.svg) !important;
  background-repeat: no-repeat !important;
  background-position: left 1.3em center !important;
  background-size: 1.1em !important;
  padding-left: 2.8em;
}

.messageBox_input textarea {
  background: #FFF !important;
  border-radius: 1.5em;
  padding: 0.5em 1.2em !important;
}

.staffArea>div {
  flex-direction: row-reverse;
}

.staffArea .messageBox_areaIn .message {
  padding-right: 0em;
  padding-left: 3em;
}

.messageBox_areaIn .message>p:nth-child(2) {
  background: #FFF;
  border: 1px solid #d3d2c9;
  padding: 9px;
  border-radius: 0.3em;
  margin: 4px 0 6px;
  position: relative;
}

.message>p:nth-child(2):before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(/users/webapp/images/balloon.svg) no-repeat;
  top: 13px;
}

.reloadArea {
  background: #f9f9f9;
}

.messageBox {
  padding-bottom: 32px;
}

.customerArea .message>p:nth-child(2):before {
  left: -12px;
  transform: rotateY(180deg);
}

.staffArea .message>p:nth-child(2):before {
  right: -12px;
}

.modalBox06 ul.yesNo {
  border-top: 1px solid #e3e6ea;
  padding-top: 6px;
}

.listTable p.bold {
  line-height: 120%;
  padding-left: 0.7em;
  text-indent: -0.7em;
  margin-bottom: 4px;
  margin-top: 3px;
}

.listTable p.bold a {
  color: #223c5a;
  text-decoration: underline;
}

.accepting_o .listTable p.bold a {
  color: #4b931c;
}
.on_behalf_o .listTable p.bold a {
  color: var(--main_color);
}

.listTable p.bold a span {
  width: 0.7em;
  height: 0.7em;
  background: #223c5a;
  display: inline-block;
  border-radius: 50em;
  margin-right: 0.1em;
  position: relative;
}

.accepting_o .listTable p.bold a span {
  background: #4b931c;
}
.on_behalf_o .listTable p.bold a span {
  background: var(--main_color);
}

.listTable p.bold a span::before,
.listTable p.bold a span::after {
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.listTable p.bold a span::before {
  left: 3px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.listTable .empty-message-wrapper {
  padding: 2em;
  border-radius: 4px;
  text-align: center;
  font-size: 1.5em;
}

.select-box.hissu01 .current-value,
.ui-select.disabled .current-value.hissu01,
select.hissu01,
textarea.hissu01,
input.hissu01 {
  border: solid 1px #d47d7d !important;
  background-color: #f8e9e9 !important;
}

header {
  position: unset;
  height: unset;
  background-color: white !important;
  overflow: unset;
}

.header_wrapper {
  padding: unset;
}



#summary_section .ui-component[type=textarea] {
  width: 100%;
}

#summary_section .ui-component[type=textarea] textarea {
  height: 207px;
}

button.drop_down_button,
button.ui-component-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

button.drop_down_button img {
  width: 1em;
}

.ui-editable-label {
  display: flex;
  column-gap: 1em;
  align-items: center;
}

.ui-editable-label i {
  color: #375477;
}

.accepting_o .ui-editable-label i {
  color: #488c1c;
}
.on_behalf_o .ui-editable-label i {
  color: var(--main_color);
}

.btn01.file_upload input[type=file] {
  display: none;
}

.detail_row.sortable-chosen {
  box-shadow: 0px 0px 10px #00000077;
}

#upload_files_wrapper summary {
  background: transparent;
  color: var(--main_color);
  font-weight: bold !important;
  font-size: calc(20px * var(--font-size-percentage-num)) !important;
  letter-spacing: 0.1em;
}

summary {
  list-style: none;
  cursor: pointer;
}

summary:after {
  content: '\f067  開く';
  margin-left: 1em;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  font-size: 0.7em;
  font-weight: 900;
  color: #999;
  padding: 0.25em;
  cursor: pointer;
}

details[open] summary:after {
  content: '\f068  閉じる';
}

summary:hover:after {
  color: #333;
}

#upload_files_wrapper .ui-multi-file-upload {
  width: 100%;
}

#upload_files_wrapper .ui-multi-file-upload .multi_file_upload_wrapper {
  max-width: initial;
  width: 100%;
}

.upload_file_list_body {
  height: 3em !important;
}

.multi_file_upload_wrapper {
  padding: 0;
}

#confirm_modal #confirm_modal_to_user_button {
  display: inline;
}

#confirm_modal #confirm_modal_to_user_button i {
  color: #375477;
}

.accepting_o #confirm_modal #confirm_modal_to_user_button i {
  color: #488c1c;
}
.on_behalf_o #confirm_modal #confirm_modal_to_user_button i {
  color: var(--main_color);
}

#confirm_modal #confirm_modal_selected_user .ui-card {
  margin: 0px;
}

#confirm_modal #confirm_modal_selected_user .ui-card .ui-card-column.id {
  display: none;
}

#confirm_modal #confirm_modal_selected_user .ui-card .ui-card-column.name {
  width: 10em;
}

#confirm_modal #confirm_modal_selected_user .ui-card .ui-card-column.e_mail {
  width: 11em;
}

button.sub_action,
button.sub_action_dps {
  background: transparent;
}

button.sub_action,
button.sub_action i {
  color: var(--main_color);
  padding: 4px;
  border-radius: 4px;
  font-size: 0.9em;
}

button.sub_action:hover,
button.sub_action_dps:hover {
  background: #efefef;
}

button.sub_action_dps,
button.sub_action_dps i {
  color: var(--main_color);
  padding: 4px;
  border-radius: 4px;
  font-size: calc(0.9em * var(--font-size-percentage-num));
}

.mR8 {
  margin-right: 8px;
}

.align-center {
  align-items: center;
}

.g4 {
  gap: 4px;
}

.rg4 {
  row-gap: 4px;
}

.cg4 {
  column-gap: 4px;
}

.g8 {
  gap: 8px;
}

.rg8 {
  row-gap: 8px;
}

.cg8 {
  column-gap: 8px;
}

.modal-content {
  border-radius: 8px;
  box-shadow: 0px 0px 20px #00000044;
}

#detail_information_quotation_profit li>p:last-child {
  text-align: right;
}

#detail_information_quotation_profit li>p:last-child:before {
  content: '\0a5';
  margin-right: 4px;
}

#confirm_modal .modal-content {
  padding: 32px;
}

#confirm_modal_message_notice {
  font-size: 0.8em;
}

#message_area_panel textarea {
  height: 100px;
}

#message_area_panel>div {
  padding: 0;
}

#confirm_modal_to_user_title,
#message_area_panel .ui-textarea .component-label {
  font-weight: 600;
}

#message_area_panel_wrapper {
  margin-top: 16px;
}

#confirm_modal_button_panel {
  margin-top: 32px;
}

#confirm_for_send_inner .inner {
  margin: 0;
  width: 100%;
}

.mB8px {
  margin-bottom: 8px;
}

.mB4px {
  margin-bottom: 4px;
}

#body_panel {
  width: 100%;
}

body.common header {
  border-bottom: 3px solid #14345b !important;
}

.add-extra-row {
  position: relative;
}