/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */

input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"] {
  width: auto; /* Firefox 36+ */
}

[type="search"] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
/*プルダウン矢印を表示する為、コメントアウト */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */

/* Specify text selection background color and omit drop shadow */

::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
}
body{
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    /*font-family: "Meiryo UI",BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
    line-height: 1.7;
    color: #432;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}

.logo {
    width: 210px;
    margin-top: 0px;
}
.logout{
    width: 20px;
    height: 20px;
}


.wrapper {
    width: 100%;
    padding: 0 4%;
}

.wrapperlist {
    width: 100%;
}

/* HOME
------------------------------- */

/* 見出し */
.page-title {
    font-size: 5rem;
    font-family: 'Philosopher', serif;
    text-transform: uppercase;
    font-weight: normal;
}

.inputwakudef{
    display: block; 
    float: left;
 }



/* ダイアログボタンの幅調整 */
.ui-dialog-buttonset{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    text-align: center;
    justify-content: space-around;
    -webkit-justify-content: space-around;
 }
 /* 依頼受付状況一覧画面ヘッダ項目レイアウト */
 .labelw{
    font-size: 1em; 
    width: 170px;
    padding-top: 3px;
    color: rgb(107, 107, 107);
 }

/*サイドメニュー文字サイズ*/
.fontsizem{
    font-size: 1.08em;
}
.fontsizem2{
    font-size: 1.05em;
}

 /* 重調依頼受付画面ヘッダ項目レイアウト */
 .labelkoumoku{
    font-size: 1em; 
    width: 162px;
    padding-top: 3px;
    color: rgb(107, 107, 107);
 }
 .labelwirai{
    font-size: 1em; 
    width: 190px;
    padding-top: 3px;
    color: rgb(107, 107, 107);
 }
 .labelw2{
    font-size: 1em;
    width: 190px;
    color: rgb(107, 107, 107);
 }
 .labelw3{
    font-size: 1em;
    width: 250px;
    color: rgb(107, 107, 107);
 }
 .labelw4{
    font-size: 1em;
    width: 350px;
    color: rgb(107, 107, 107);
 }

/* 全体の枠幅設定（ダイアログ）*/
 .waku{
    padding: 0em 1em;
    margin: 0em 0;
    border: solid 5px #f0f0f0;
    /*border: double 5px #4ec4d3; */
    background: rgb(255, 255, 255);/*グラデーション*/
    text-shadow: 1px 1px 1px whitesmoke;/*文字を立体的に*/
    width: 50%;
 }

 .koumokuwaku{
    border-top: solid 2px #dfdcdc;
    border-bottom: solid 2px #dfdcdc;
    background-color: rgb(229, 246, 250); /*背景色*/ 
    margin-bottom: 8px;
    background: #f1f8ff;/*背景色*/ 
 }

.subtitle{
    background: linear-gradient(transparent 70%, #a7d6ff 70%);
    /*アコーディオンタイトル*/
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    transition: all .5s ease;
}

.renrakutitl{
    color: #010079;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.iraisya {
    width: 40px;
    height: 40px;
    margin-top: 0px;
    white-space: nowrap;
}

.sorth{
    padding-left: 25%;
}

/*ボタン*/
.button{
    border-radius: 10px;
    height: 27px;
    }
.button:hover{
    background: #cecece; /*背景色*/   
}
/*フォーカス*/
.selectf:focus {
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
    outline: none;
}
.hiss:focus{
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
    outline: none;
}
.hiss{
    border: 1px solid #ff3860;
    background-color: #fef4ff;
}
.inputwaku:focus{
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
    outline: none;
}
.inputwaku{
    padding-left: 5px;
    border: 1.8px solid #e6e6e6;
    background-color: #f9f9f9;
    height: 24px;
    font-size:1em;
    background: transparent;
}
.inputwakudown{
    border: 1.8px solid #ffd0d0;
    background-color: #ffffff;
    font-size: 1.0rem;
    background: transparent;
}
.inputwakudown:focus{
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
    outline: none;
}
.down{
    vertical-align: text-bottom;
    background-color: #d4d4d4;
}
.hissinputwaku:focus{
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
    outline: none;
}
.hissinputwaku {
    padding-left: 5px;
    border: 1.8px solid #ff3860;
    height: 24px;
    font-size: 1em;
    background: transparent;
}
.hissbackground{
    background-color: #fef4ff;
}
.thkoumoku{
    text-align: center;
    font-size: 1em;
    /*border-bottom: 1px solid rgb(197, 197, 197);*/
    color: #ffffff;
    font-weight: normal;
    border-color: rgb(163, 163, 163);
    text-overflow: "";
    overflow: hidden;
}
.thkoumoku1{
    text-align: center;
    font-size: 1em;
    /*border-bottom: 1px solid rgb(197, 197, 197);*/
    color: rgb(163, 163, 163);
    font-weight: normal;
    border-color: rgb(163, 163, 163);
    text-overflow: "";
    overflow: hidden;
}
.thkoumoku--right{
    text-align: right;
    font-size: 1em;
    /*border-bottom: 1px solid rgb(197, 197, 197);*/
    color: #ffffff;
    font-weight: normal;
    border-color: rgb(163, 163, 163);
    text-overflow: "";
    overflow: hidden;
}
.thkoumoku--left{
    text-align: left;
    font-size: 1em;
    /*border-bottom: 1px solid rgb(197, 197, 197);*/
    color: #ffffff;
    font-weight: normal;
    border-color: rgb(163, 163, 163);
    text-overflow: "";
    overflow: hidden;
}
.thkoumoku1--right{
    text-align: right;
    font-size: 1em;
    /*border-bottom: 1px solid rgb(197, 197, 197);*/
    color: rgb(163, 163, 163);
    font-weight: normal;
    border-color: rgb(163, 163, 163);
    text-overflow: "";
    overflow: hidden;
}
.tdcentr{
    text-align: center;
    font-size: 1em;
    overflow: hidden;
}
.tdcentr--userid{
    text-align: center;
    font-size: 1em;
    overflow: hidden;
    padding-right: 0.5em;
}
.tdright{
    text-align: right;
    font-size: 1em;
    overflow: hidden;
}
.tdleft{
    text-align: left;
    font-size: 1em;
    overflow: hidden;
}
.toggle-wrap .toggle-content, .toggle-wrap > input[type="checkbox"] {
    display: none;
}
.toggle-wrap > input[type="checkbox"]:checked ~ .toggle-content {
    display: block;
}

.yajirusi{
    width: 15px;
    height: 15px;
    margin-top: 0px;
    white-space: nowrap;
    padding-left: 10px;
}
.toggle-wrap > input[type="checkbox"]:checked ~ .yajirusi {
    display: none;
}

td.none {
    border-right-style:none;
}
td.riLefNone{
	border-left-style:none;
	border-right-style:none;
}
.icon{
	width: 30px;
	height: 30px;
}

 /*重調依頼受付画面-項目ラベル*/

div#messran{
    display: inline-block;
}

div#messran2{
    display: inline-block;
}

 .iraiUketuke{
    width: 800px;
    background-color: lightsteelblue;
 }

 .box1{
    background-color: #f8f7f7;
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.4em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
    color: #4a4a4a;
}
.box1:hover{
    background-color: #cce7ff;
    border-right-color: #cce7ff;
    box-shadow: 0 0.5em 1em -0.4em #cce7ff, 0 0px 0 1px #cce7ff;
    color: #3b8070;
}

.box2{
    background-color: #eeeeee;
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.4em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
    color: #4a4a4a;
}
.box2:hover{
    background-color: #cce7ff;
    border-right-color: #cce7ff;
    box-shadow: 0 0.5em 1em -0.4em #cce7ff, 0 0px 0 1px #cce7ff;
    color: #3b8070;
}


.submenu, .main-content{
    font-size: 0.8rem;
}

.btn-flat-border {
    display: inline-block;
    color: #67c5ff;
  }
  
  .btn-flat-border:hover {
    color: white;
  }

/*新規依頼作成用*/
.btn-flat-border-new {
    display: inline-block;
    color: #265EFF;
}

    .btn-flat-border-new:hover {
        color: white;
    }

/*項目の角を丸くする*/
.kadowaku{
    border-radius:3px;
  }
.subkadowaku{
    border-radius:3px;
}
/*下線*/
.underlin{
    border-bottom: solid 1px rgb(214, 214, 214);
}
/*メッセージ背景色*/
.mbackground{
    background-color: rgb(231, 231, 231);
}

/*カレンダー表示*/
  img.ui-datepicker-trigger{
    cursor: pointer;
    margin-left: 7px!important;
    vertical-align: middle;
  }

/*明細フォントレイアウト*/
.meisai{
    font-size: 1em;
}

/*連絡内容レイアウト*/
.reiaut{
    background-color: #f9f9f9;
}
.reiaut:hover{
    background-color: rgb(228, 255, 230);
}

.container{
    display: flex;
    align-content: flex-start;
}

.container2{
    display: flex;
    align-content: space-between;
}
.containerSerch{
    display: flex;
    align-content: flex-start;
}
.item{
    background-color: rgb(224, 224, 224);

}


.main{
    background-color: rgb(224, 224, 224);
    float: left;
    width: 60%;
}

.aericle{
    background-color: rgb(250, 220, 175);
}

.section{
    background-color: rgb(191, 253, 207);
}

.aside{
    background-color: rgb(241, 215, 255);
    float: left;
    width:40%
}

a{
	cursor: pointer;/*カーソルを指マークに変更*/
}

.logout{
    color: #f14668;
    border: 1px solid;
    border-color:#f14668;
}

.logout:hover{
    background-color: #ffe2e7;
    color: white;
}

/*アコーディオン（サブメニュー）*/
#acordion li{
    display: none;
}
p{
    margin: 0px;
    font-size: 0.9rem;
    color: #7a7a7a;
}

.stylesubmenu{
    background-color: #ffffff;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 0.90rem;
}
.styleli{
    background-color:
    #3273dc;list-style: 
    none; margin: 0;
    padding: 0;
    font-size: 1em;
}
.stylesubli{
    border-left: solid 2px #e4e4e4;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
.stylesubli:hover{
    background-color: rgb(236, 236, 236);
}

.siz10px{
    padding-top: 10px;
}

.menusize{
    padding-left: 2px;
    padding-bottom: 10px;
}
.accordion_select{
    font-size: 00.90rem;
}
/*検索欄非表示（初期）
.accordion_search{
    display: none;
}
*/

.inputbackc{
    background-color: rgb(255, 255, 255);
}

a.btn-search {
    height: 24px;
    min-width: 50px;
    color: #6b6b6b;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.25rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0em; /*文字の間隔を空ける*/
    border-radius: 0.3rem;
    border: 1px solid #ccc;
    background: #f1e767;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
    background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
    -webkit-box-shadow: inset 1px 1px 1px #fff;
    box-shadow: inset 1px 1px 1px #fff;
}

    a.btn-search:hover {
        background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
        background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
        background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
    }

  a.btn-search2{
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
    text-align:center;
    text-decoration:none !important;
    background-color: white;
    padding-left: 8px;
    padding-right: 8px;
  }

  a.btn-search2:hover {
    background: #f3f3f3;
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
    outline: none;
  }
  a.order{
    color: #fff !important;
    text-decoration: none;
    border-radius: 3px;
    text-align:center;
    text-decoration:none !important;
    background-color: white;
    padding-left: 8px;
    padding-right: 8px;
  }
  a.order:hover {
    background: #f3f3f3;
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
    outline: none;
  }
.kensu{
    padding-left: 6px;
    padding-right: 6px;
    background-color: #f9f9f9;
}

.kensu-size {
    /*
    display: block;*/
    width: 42px;
    height: 25px;
    text-align: right;
    float: left;
}
.kensu-haba{
   padding-left:6px;
}

.kensugreen {
    padding-left: 6px;
    padding-right: 6px;
    background-color: rgb(227, 255, 227);
}

.kensubulu{
    padding-left: 6px;
    padding-right: 6px;
    background-color: rgb(213, 235, 255);
}

.kensuoreng{
    padding-left: 6px;
    padding-right: 6px;
    background-color: rgb(255, 245, 215);
}
.kensured{
    color: white;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #f14668;
}
.kensugreen_fontred {
    color: red;
    padding-left: 6px;
    padding-right: 6px;
    background-color: rgb(227, 255, 227);
}

.kensubulu_fontred {
    color: red;
    padding-left: 6px;
    padding-right: 6px;
    background-color: rgb(213, 235, 255);
}
/*吹き出しレイアウト*/

/*コメント枠用*/
.comentoerira1{
    display: flex;
    align-content: flex-start;
}
.comentoerira2{
    display: flex;
    align-content:flex-end;
    flex-wrap: wrap-reverse;
}

.line-bc {
    text-align: right;
    font-size: 1em;
    background: #eeeaea;
  
  }
  
  /*以下、②左側のコメント*/
  .balloon6 {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
  }
  
  .balloon6 .faceicon {
    float: left;
    margin-right: -50px;
    width: 40px;
  }
  
  .balloon6 .faceicon img{
    width: 100%;
    height: auto;
    border-radius: 50%;
  }
  .balloon6 .chatting {
    width: 100%;
    text-align: left;
  }
  .says {
    display: inline-block;
    position: relative;
    margin: 0 0 0 50px;
    padding: 10px;
    max-width: 350px;
    border-radius: 12px;
    background: #f7f7f7;
  }
  
  .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px; 
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #f7f7f7;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
  }
  .says p {
    margin: 0;
    padding: 0;
  }
  
  /*以下、③右側の緑コメント*/
  .mycomment {
    margin: 10px 0;
  }
  .mycomment p {
    display: inline-block;
    position: relative; 
    margin: 0 10px 0 0;
    padding: 10px;
    max-width: 350px;
    border-radius: 12px;
    background: #bdffc9;
    font-size: 1em;
  }
  
  .mycomment p:after {
    content: "";
    position: absolute;
    top: 3px; 
    right: -19px;
    border: 8px solid transparent;
    border-left: 18px solid #bdffc9;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }

  .iraicoment{
    background: #83cbff; /*背景色*/
    padding: 1em;/*文字周りの余白*/
    color: rgb(0, 0, 0);/*文字を白に*/
    border-radius: 0.5em;/*角の丸み*/
}

.uketukecoment{
    background: #bdffc9; /*背景色*/
    padding: 1em;/*文字周りの余白*/
    color: rgb(0, 0, 0);/*文字を白に*/
    border-radius: 0.5em;/*角の丸み*/
}

/*ダブ切りかえ*/

/*タブ背景色・枠線*/
.tabbkcolor{
    background-color: #c9c9c9;
    border-radius:4px 4px 0px 0px;
    width: 100%;
    border-top: solid 1px #ececec;
    border-right: solid 1px #ececec;
    border-left: solid 1px #ececec;
    border-bottom: solid 1px rgb(247, 247, 247);
    box-shadow: 3px 0px 0px -4px #555,
    3px 3px 8px rgba(255,255,255,0.8) inset;
    padding-top: 6px;
    padding-bottom: 6px;
}
/*タブ内文字*/
.tabcolor{
    font-size: 1em;
    border-radius:5px;
    color: rgb(48, 48, 48);
    width: 150px;
}
/*タブ上幅拡張*/
.tabtop{
    padding-top: 6px;
    padding-bottom: 6px;
}

.tabContents {
    display: none;
  }

.tabContents.active {
    display: block;
  }

.tabreiaut{
    list-style: none;
    padding-left: 0px;
    padding-right: 1px;
    margin-bottom: -5px;
}

/*タブ選択時のデザイン*/
.tab .selected{
   /* border-style: solid ; */
    background-color: rgb(247, 247, 247);
    font-size: 1em;
    border-radius:4px;
    color: rgb(230, 230, 230);
   /* border-bottom:1px #fff; */
}

/*タブの下線デザイン*/
.tablin{
    border-top: solid 6px rgb(247, 247, 247);
    box-shadow: 3px 0px 0px -4px #555,
    3px 0px 0px rgba(255,255,255,0.8) inset;
}
/*レスポンシブ対応*/
.saidohaba {
    background-color: white;
    width: 250px;
    border-top: 5px solid #ffffff;
}

.saidohaba2 {
    background-color: white;
    width: 14%;
    border-top: 5px solid #ffffff;
}

.kensakuhaba{
    width: 100%; 
    padding: 5px;
    margin-bottom: 0px; color: #5d627b;
    background: #f9f9f9;
}

.mycheckbox input[type="checkbox"] {
    display: none;
    cursor: pointer;
    display: inline-grid;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}

    /* ラベルの左に表示させる正方形のボックス□ */
    .mycheckbox input[type="checkbox"]::before {
        content: "";
        position: absolute;
        display: block;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        border: 1px solid;
        border-color: rgb(231, 231, 231);
        margin-top: 0px;
        left: -25.5%;
        top: 11%;
        background: #fff;
    }
    /* チェックが入った時のレ点 */
    .mycheckbox input[type="checkbox"]:checked::after {
        content: "";
        position: absolute;
        display: block;
        box-sizing: border-box;
        width: 18px;
        height: 9px;
        margin-top: 0px;
        left: 2px;
        top: 12%;
        background: transparent;
        transform: rotate(-45deg);
        border-bottom: 3px solid;
        border-left: 3px solid;
        border-color: rgb(161, 161, 161);
    }

.mycheckbox2 input[type="checkbox"] {
    display: none;
    cursor: pointer;
    display: inline-grid;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}

    /* ラベルの左に表示させる正方形のボックス□ */
    .mycheckbox2 input[type="checkbox"]::before {
        content: "";
        position: absolute;
        display: block;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        border: 1px solid;
        border-color: rgb(231, 231, 231);
        margin-top: 0px;
        left: -25.5%;
        top: 11%;
        background: #eee;
    }

/*明細のスクロール制御*/
.scrollhaba{    
    overflow: auto;
    width:100%;
}
/* 検索・明細の幅 */
.kensakumeisaihaba{
    width: 84.5%;
    background-color: #f9f9f9;
    padding: 0 1%;
}
.kensakumeisaihaba1{
    width: 84.5%;
    background-color: #f9f9f9;
}
.kensakumeisaihaba2{
    width: 100%;
    background-color: #f9f9f9;
    padding: 0 1%;
}
.zenkensaku {
    float: left;
    width: 298px;
    padding: 5px 5px;
}
.kensakuran4 {
    float: left;
    width: 298px;
}
.kensakuran3{
    float: left;
    width: 330px;
}
.kensakuran2{
    float: left;
    width: 270px;
}
.kensakuran5 {
    float: left;
    width: 230px;
}
.kensakuran6 {
    float: left;
    width: 200px;
}
.kensakuran1{
    float: left;
    width: 338px;
}
.kensakuran{
    float: left;
    width: 350px;
}
.kensakuran-1{
    float: left;
    width: 378px;
}
.kensakuran-1L {
    float: left;
    width: 410px;
}
.kensakuran-2{
    float: left;
    width: 430px;
}

/* 絞り込み条件*/
.kensakuhed1{
    padding-top: 7px;
    text-align: left;
    padding-left: 10px;
    width:100px;
    font-size:1em;
}

.kensakuhed2{
    padding-top: 7px;
    text-align: left;
    padding-left: 10px;
    width:60px;
    float: left;
    font-size:1em;
}

.kensakuhed3{
    padding-top: 7px;
    text-align: left;
    padding-left: 10px;
    width:80px;
    font-size:1em;
}

.kensakuhed3L {
    padding-top: 7px;
    text-align: left;
    padding-left: 10px;
    width: 100px;
    font-size: 1em;
}

.kensakuhed4 {
    padding-top: 7px;
    text-align: left;
    padding-left: 10px;
    width: 120px;
    font-size: 1em;
}

.kensakuinp{
    padding-top: 8px;
    text-align: left;
    padding-left: 10px;
}

.kensakuinp1 {
    padding-top: 6px;
    text-align: left;
    padding-left: 10px;
}

.kensakuinp-1{
    padding-top: 7px;
    text-align: left;
    padding-left: 10px;
}

/*重調依頼受付画面*/
.iraiinp{
    text-align: left;
    font-size: 1em;
    width: 100%;
    padding-right: 15px;
}
#iraihaba {
    background: #ffffff;
    width: 60%;
}
.iraihaba1{
    border : solid 2px rgb(212, 212, 212) ;
    border-radius: 0.5rem;
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 3%), 0px 8px 10px 0px rgb(0 0 0 / 3%);
}

.containerirai{
    display: flex;
    align-content: flex-start;
}

.containeriraiMe {
    display: flex;
    align-content: flex-end;
}

.iraikihonhaba{
    background: #f9f9f9;
    width: 50%;
    border : solid 2px rgb(212, 212, 212) ;
    border-radius: 0.5rem;
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 3%), 0px 8px 10px 0px rgb(0 0 0 / 3%);
}

.renrakuhaba{
    width: 40%;
    padding-right: 0%;
    border : solid 1px rgb(212, 212, 212) ;
    border-radius: 0.5rem;
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 3%), 0px 8px 10px 0px rgb(0 0 0 / 3%);
}

.taitoruwaku1 {
    background-color: whitesmoke;
    width: 100%;
}

.taitoruwaku2{
    float:right;
    text-align: left;
    background-color:
     #f9f9f9; 
    width: 50%;
}

.iraihed{
    padding-top: 15px;
}
.taitoruwaku3{
    padding-right: 15px;
    padding-top: 50px;
    text-align: right;
    background-color:
     #f9f9f9; 
    width: 45%;
}

.taitoruwaku4{
    padding-left: 15px;
    padding-top: 50px;
    background-color: #f9f9f9;
    width: 45%;
}
.pnggazou{
    background-color: rgb(253, 253, 253);
    width:  50%;
    height: 20px;
}

.btn-square-soft {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #000000;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    background: linear-gradient(#e4e4e4 0%, #dadada 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  }
  
  .btn-square-soft:active {
    /*押したとき*/
    color: #ffffff;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*沈むように*/
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.15);
    background-image: linear-gradient(#e4e4e4 0%, #dadada 100%);/*グラデーションを明るく*/
  }

  /*オプションマスタ*/
  .koumokuopshon{
    border-bottom: 1px solid #c2c2c2;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 15px;
  }

 /*登録ボタン
  .btn--entry,a.btn--entry {
  color: #fff;
  background-color: #48c774;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.0;
  position: relative;
  display: inline-block;
  padding: 0.5rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;

}
.btn--entry:hover,a.btn--entry:hover {
  color: #fff;
  background-color: #42b86b;
}
*/
/*キャンセルボタン*/
.btn--cancel,a.btn--cancel {
    color: #fff;
    background-color: #ff8888;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.5rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.5rem;
  
  }
  .btn--cancel:hover,a.btn--cancel:hover {
    color: #fff;
    background-color: #ff5555;
  }

 /*閉じるボタン*/
 .close{
    border-radius:16px;
    background-color: rgba(105, 105, 105, 0.2);
 }

 .close:hover{
    background-color: rgba(10, 10, 10, 0.2);
 }

 /*プルダウンデザインStert*/
 /*依頼受付状況一覧画面用*/
.cp_ipselect {
    width: 200px;
    height: 24px;
    line-height: 30px;
}

    .cp_ipselect select {
        position: absolute;
        top: -0.3em;
        width: 100%;
        padding-right: 1em;
        cursor: pointer;
        text-indent: 0.01px;
        border: none;
        outline: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }

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

    .cp_ipselect.cp_sl01 {
        position: relative;
        border: 1.8px solid #e6e6e6;
        background-color: #f9f9f9;
        border-radius: 3px;
        background: #ffffff;
    }

        .cp_ipselect.cp_sl01::before {
            position: absolute;
            top: 0.3em;
            right: 0.8em;
            width: 0;
            height: 0;
            padding: 0;
            content: '';
            width: 8px;
            height: 8px;
            border: 1.5px solid;
            border-color: transparent transparent #565656 #565656;
            transform: rotate(-45deg);
            pointer-events: none;
        }

        .cp_ipselect.cp_sl01 select {
            padding-left: 5px;
            color: #666666;
            font-size: 16px;
        }

/*フォント個別指定*/
.fontrei{
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    /*font-family: "Meiryo UI",BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
    line-height: 1.7;
    color: #5d627b;
}

/*重調依頼受付画面用*/
.cp_ipselectuketuke {
	width: 100%;
    height: 24px;
}
.cp_ipselectuketuke select {
    position: absolute;
    top: -0.2em;
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.cp_ipselectuketuke select::-ms-expand {
    display: none;
}
.cp_ipselectuketuke.cp_sl01 {
    position: relative;
    border: 1.8px solid #e6e6e6;
    background-color: #f9f9f9;
    border-radius: 3px;
    background: #ffffff;
}
.cp_ipselectuketuke.cp_sl01::before {
    position: absolute;
    top: 0.3em;
    right: 0.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    width: 8px;
    height: 8px;
    border: 1.5px solid;
    border-color: transparent transparent #565656 #565656;
    transform: rotate(-45deg);
    pointer-events: none;
}
.cp_ipselectuketuke.cp_sl01 select {
    padding-left: 5px;
    color: #666666;
    font-size: 16px;
}

/*ダウンロード用*/
.cp_ipselectuketuke2 {
	width: 40%;
    height: 30px;
}
.cp_ipselectuketuke2 select {
	width: 40%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselectuketuke2 select::-ms-expand {
    display: none;
}
.cp_ipselectuketuke2.cp_sl01 {
	position: relative;
    border: 1.8px solid #e6e6e6;
    background-color: #f9f9f9;
	border-radius: 5px;
	background: #ffffff;
}
.cp_ipselectuketuke2.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselectuketuke2.cp_sl01 select {
    padding-left: 5px;
	color: #666666;
    font-size: 1em;
}


/*プルダウンEND*/

/*ファイルアップロード用枠*/
.failwaku{
    padding-left: 5px;
    border: 1.8px solid #e6e6e6;
    background-color: #f9f9f9;
    font-size:1em;
    background: transparent;
    border-radius:5px;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}
.inwaku{
    border: none!important;
    padding: 0;
    margin: 5px 0;
    box-shadow: none!important;
    z-index: 0;
    width: 80%;
}
.inwaku:focus{
    border: none!important;
    padding: 0;
    margin: 5px 0;
    box-shadow: none!important;
    z-index: 0;
}

/*アカウント利用登録画面用*/
.riyouinp{
    text-align: left;
    font-size: 1em;
    width: 100%;
    padding-right: 15px;
    padding-left: 50px;
}
.riyouhaba{
    background: #ffffff;
    width: 100%;
}
.riyouhaba1{
    border : solid 2px rgb(212, 212, 212) ;
    border-radius: 0.5rem;
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 3%), 0px 8px 10px 0px rgb(0 0 0 / 3%);
}

.containerriyou{
    display: flex;
    align-content: flex-start;
}

.riyoukihonhaba{
    background: #f9f9f9;
    width: 50%;
    border : solid 2px rgb(212, 212, 212) ;
    border-radius: 0.5rem;
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 3%), 0px 8px 10px 0px rgb(0 0 0 / 3%);
}

.riyou_touroku {
	width: 100%;
    height: 24px;
}
    .riyou_touroku select {
        position: absolute;
        top: -0.2em;
        width: 100%;
        padding-right: 1em;
        cursor: pointer;
        text-indent: 0.01px;
        border: none;
        outline: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }
.riyou_touroku select::-ms-expand {
    display: none;
}
    .riyou_touroku.cp_sl01 {
        position: relative;
        border: 1.8px solid #e6e6e6;
        background-color: #f9f9f9;
        border-radius: 3px;
        background: #ffffff;
    }
        .riyou_touroku.cp_sl01::before {
            position: absolute;
            top: 0.3em;
            right: 0.8em;
            width: 0;
            height: 0;
            padding: 0;
            content: '';
            width: 8px;
            height: 8px;
            border: 1.5px solid;
            border-color: transparent transparent #565656 #565656;
            transform: rotate(-45deg);
            pointer-events: none;
        }
        .riyou_touroku.cp_sl01 select {
            padding-left: 5px;
            color: #666666;
            font-size: 16px;
        }

/*ダウンロード用*/
.riyou_touroku2 {
    width: 60px;
    height: 24px;
}

    .riyou_touroku2 select {
        position: absolute;
        top: -0.2em;
        width: 100%;
        padding-right: 1em;
        cursor: pointer;
        text-indent: 0.01px;
        border: none;
        outline: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }
.riyou_touroku2 select::-ms-expand {
    display: none;
}
.riyou_touroku2.cp_sl01 {
    position: relative;
    border: 1.8px solid #e6e6e6;
    background-color: #f9f9f9;
    border-radius: 3px;
    background: #ffffff;
}
.riyou_touroku2.cp_sl01::before {
    position: absolute;
    top: 0.3em;
    right: 0.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    width: 8px;
    height: 8px;
    border: 1.5px solid;
    border-color: transparent transparent #565656 #565656;
    transform: rotate(-45deg);
    pointer-events: none;
}
.riyou_touroku2.cp_sl01 select {
    padding-left: 5px;
    color: #666666;
    font-size: 16px;
}

/*オプションマスタ画面用*/
.optioninp{
    text-align: left;
    font-size: 1em;
    width: 100%;
    padding-right: 15px;
    padding-left: 50px;
}
.optionhaba{
    background: #ffffff;
    width: 100%;
}
.optionhaba1{
    border : solid 2px rgb(212, 212, 212) ;
    border-radius: 0.5rem;
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 3%), 0px 8px 10px 0px rgb(0 0 0 / 3%);
}

.containeroption{
    display: flex;
    align-content: flex-start;
}

.optionkihonhaba{
    background: #f9f9f9;
    width: 50%;
    border : solid 2px rgb(212, 212, 212) ;
    border-radius: 0.5rem;
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 3%), 0px 8px 10px 0px rgb(0 0 0 / 3%);
}

.option_touroku {
	width: 100%;
    height: 30px;
}
.option_touroku select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.option_touroku select::-ms-expand {
    display: none;
}
.option_touroku.cp_sl01 {
	position: relative;
    border: 1.8px solid #e6e6e6;
    background-color: #f9f9f9;
	border-radius: 5px;
	background: #ffffff;
}
.option_touroku.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.option_touroku.cp_sl01 select {
    padding-left: 5px;
    font-size: 1em;
}

/*ダウンロード用*/
.option_touroku2 {
	width: 40%;
    height: 30px;
}

.option_touroku2 select {
	width: 40%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.option_touroku2 select::-ms-expand {
    display: none;
}
.option_touroku2.cp_sl01 {
	position: relative;
    border: 1.8px solid #e6e6e6;
    background-color: #f9f9f9;
	border-radius: 5px;
	background: #ffffff;
}
.option_touroku2.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.option_touroku2.cp_sl01 select {
    padding-left: 5px;
	color: #666666;
    font-size: 1em;
}

/*システム管理画面用*/
.systeminp{
    text-align: left;
    font-size: 1em;
    width: 120%;
    padding-right: 15px;
    padding-left: 300px;
}
.systemhaba{
    background: #ffffff;
    width: 100%;
}
.systemhaba1{
    border : solid 2px rgb(212, 212, 212) ;
    border-radius: 0.5rem;
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 3%), 0px 8px 10px 0px rgb(0 0 0 / 3%);
}

.containersystem{
    display: flex;
    align-content: flex-start;
}

.systemkihonhaba{
    background: #f9f9f9;
    width: 50%;
    border : solid 2px rgb(212, 212, 212) ;
    border-radius: 0.5rem;
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 3%), 0px 8px 10px 0px rgb(0 0 0 / 3%);
}

.system_touroku {
	width: 100%;
    height: 30px;
}
.system_touroku select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.system_touroku select::-ms-expand {
    display: none;
}
.system_touroku.cp_sl01 {
	position: relative;
    border: 1.8px solid #e6e6e6;
    background-color: #f9f9f9;
	border-radius: 5px;
	background: #ffffff;
}
.system_touroku.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.system_touroku.cp_sl01 select {
    padding-left: 5px;
    font-size: 1em;
}

/*ダウンロード用*/
.system_touroku2 {
	width: 40%;
    height: 30px;
}

.system_touroku2 select {
	width: 40%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.system_touroku2 select::-ms-expand {
    display: none;
}
.system_touroku2.cp_sl01 {
	position: relative;
    border: 1.8px solid #e6e6e6;
    background-color: #f9f9f9;
	border-radius: 5px;
	background: #ffffff;
}
.system_touroku2.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.system_touroku2.cp_sl01 select {
    padding-left: 5px;
	color: #666666;
    font-size: 1em;
}

/*アカウント利用登録完了画面*/
p.honbun{
    font-size: 1em;
}

/*アカウント利用登録画面*/

 /*確認ボタン*/
 .btn--comfirm,a.btn--comfirm {
    color: #fff;
    background-color: #00BFFF;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.8rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.5rem;
 }

 /*パスワード変更画面*/

  /*再発行ボタン*/
  .btn--reissue,a.btn--reissue {
    color: #fff;
    background-color: #00BFFF;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.5rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.5rem;
 }

/*メールアドレス変更画面の行間*/
.labelwmail{
    font-size: 1em; 
    width: 340px;
    padding-top: 3px;
    color: rgb(107, 107, 107);
 }
 .checkinp{
    text-align: left;
    font-size: 1em;
    width: 100%;
    padding-right: 15px;
    padding-left: 0px;
    padding-top: 1px;
}

/*関連会社オプション画面の行間*/
.linheight{
    padding-top:2px;
    padding-bottom:2px
}

/*ログイン画面のログインボタン*/
.btn--login {
    color: #fff;
    background-color: #3273dc;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9adb), to(#3273dc));
    background: -webkit-linear-gradient(top, #6b9adb 0%, #3273dc 100%);
    background: linear-gradient(to bottom, #6b9adb 0%, #3273dc 100%);
}
.btn--login:hover, a.btn--login:hover {
    color: #fff;
    background-color: #6b9adb;
    background: -webkit-gradient(linear, left bottom, left top, from(#6b9adb), to(#3273dc));
    background: -webkit-linear-gradient(bottom, #6b9adb 0%, #3273dc 100%);
    background: linear-gradient(to top, #6b9adb 0%, #3273dc 100%);
}

.btn--login2 {
    color: #fff;
    background-color: #3273dc;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9adb), to(#3273dc));
    background: -webkit-linear-gradient(top, #6b9adb 0%, #3273dc 100%);
    background: linear-gradient(to bottom, #6b9adb 0%, #3273dc 100%);
}

 /*ボタン関連*/
  /*追加・削除・更新日時が近い順、最近見た順*/
.btn--nomal, a.btn--nomal {
    color: #fff;
    background-color: #909090;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#737373));
    background: -webkit-linear-gradient(top, #909090 0%, #737373 100%);
    background: linear-gradient(to bottom, #909090 0%, #737373 100%);
}
    .btn--nomal, a.btn--nomal:hover {
        color: #fff;
        background-color: #6b9adb;
        background: -webkit-gradient(linear, left bottom, left top, from(#909090), to(#737373));
        background: -webkit-linear-gradient(bottom, #909090 0%, #737373 100%);
        background: linear-gradient(to top, #909090 0%, #737373 100%);
    }

 /*確認ボタン*/
.btn--kakunin {
    color: #fff;
    background-color: #f18475;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f18475), to(#ba2721));
    background: -webkit-linear-gradient(top, #f18475 0%, #ba2721 100%);
    background: linear-gradient(to bottom, #f18475 0%, #ba2721 100%);
}
    .btn--kakunin:hover, a.btn--kakunin:hover {
        color: #fff;
        background-color: #6b9adb;
        background: -webkit-gradient(linear, left bottom, left top, from(#f18475), to(#ba2721));
        background: -webkit-linear-gradient(bottom, #f18475 0%, #ba2721 100%);
        background: linear-gradient(to top, #f18475 0%, #ba2721 100%);
    }

 /*登録ボタン*/
.btn--entry {
    color: #fff;
    background-color: #3273dc;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9adb), to(#3273dc));
    background: -webkit-linear-gradient(top, #6b9adb 0%, #3273dc 100%);
    background: linear-gradient(to bottom, #6b9adb 0%, #3273dc 100%);
}
    .btn--entry:hover, a.btn--entry:hover {
        color: #fff;
        background-color: #6b9adb;
        background: -webkit-gradient(linear, left bottom, left top, from(#6b9adb), to(#3273dc));
        background: -webkit-linear-gradient(bottom, #6b9adb 0%, #3273dc 100%);
        background: linear-gradient(to top, #6b9adb 0%, #3273dc 100%);
    }
/*承認関連のボタン*/
.btn--syounin1 {
    width: 120px;
    color: #fff;
    background-color: #3273dc;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#db7093), to(#bd295d));
    background: -webkit-linear-gradient(top, #db7093 0%, #bd295d 100%);
    background: linear-gradient(to bottom, #db7093 0%, #bd295d 100%);
}
    .btn--syounin1:hover, a.btn--syounin1:hover {
        color: #fff;
        background-color: #6b9adb;
        background: -webkit-gradient(linear, left bottom, left top, from(#db7093), to(#bd295d));
        background: -webkit-linear-gradient(bottom, #db7093 0%, #bd295d 100%);
        background: linear-gradient(to top, #db7093 0%, #bd295d 100%);
    }


  /*変更ボタン*/
.btn--update, a.btn--update {
    color: #fff;
    background-color: #3273dc;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#00cc00), to(#00E550));
    background: -webkit-linear-gradient(top, #00cc00 0%, #00E550 100%);
    background: linear-gradient(to bottom, #00cc00 0%, #00E550 100%);
}

    .btn--update:hover, a.btn--update:hover {
        color: #fff;
        background-color: #6b9adb;
        background: -webkit-gradient(linear, left bottom, left top, from(#00cc00), to(#00E550));
        background: -webkit-linear-gradient(bottom, #00cc00 0%, #00E550 100%);
        background: linear-gradient(to top, #00cc00 0%, #00E550 100%);
    }

 .fontdefolt{
    font-family: "Meiryo UI",BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }

 /*ヘッダーの間隔を10px空ける*/
 .height-haba{
     padding-top: 10px;
 }

 /*ロゴサイズ（ログイン）*/
 .rogoSize{
     height: 60px;
     width: 700px; 
     padding-top: 50px;
 }
 
  /*ロゴサイズ(依頼受付状況一覧)*/
 .rogoSizeTop{
    height: 20px;
    width: 100px;
    margin-top: 0px;
    padding-left: 7px;  
 }

/*ロゴサイズ(新規アカウント登録)*/
.rogoSizeAcount {
    height: 20px;
    width: 100px;
    padding-left: 7px;
}

 /*天気画像*/
.tenki {
    height: 25px;
    width: 25px;
    margin-bottom: -5px;
}

 /*テキストボックス幅(管理会社オプション)*/
.frexoption {
    width: 5%;
}

.dialog {
    background-color: #f9f9f9;
    position: fixed;
    width: 450px;
    height: 170px;
    margin: auto;
    margin-top: auto;
    padding: 30px 20px;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    border: solid 5px #C0C0C0;
    border-radius: 0.3rem;
}

.dialog2 {
    background-color: #f9f9f9;
    position: fixed;
    width: 850px;
    height: 370px;
    margin: auto;
    margin-top: auto;
    padding: 30px 20px;
    display: none;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    border: solid 5px #C0C0C0;
    border-radius: 0.3rem;
}

.dialog3 {
    background-color: #f9f9f9;
    position: fixed;
    width: 450px;
    height: 250px;
    margin: auto;
    margin-top: auto;
    padding: 30px 20px;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    border: solid 5px #C0C0C0;
    border-radius: 0.3rem;
}

.dialog-icon {
    width: 40px;
    height: 40px;
    margin-left: -380px;
}

.dialog-label {
    margin-top: -30px;
}

.dialog-botton {
    margin-top: 40px;
}
/*テキストが2行になる場合*/
.dialog-icon2 {
    width: 40px;
    height: 40px;
    margin-left: -380px;
}

.dialog-label2 {
    margin-top: -30px;
    margin-left: 40px;
}

.dialog-botton2 {
    margin-top: 40px;
}

/*OKボタン*/
.btn--ok {
    color: black;
    background-color: #E6E6E6;
    font-size: 1rem;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.3rem;
    height: 30px;
    width: 80px
}

.btn--ok2 {
    color: black;
    background-color: #E6E6E6;
    font-size: 2.5rem;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.3rem;
    height: 60px;
    width: 180px
}

/*オーバレイヘッダ*/
.overlayHeader {
    z-index: 1;
}

/*オーバレイボディ*/
.overlayBody {
    z-index: 0;
}

/*オーバレイの外枠削除*/
div#cboxLoadedContent {
    /*border: none;*/
    border: solid;
    border-color: #EEEEEE;
    width: auto;
}

/*アカウント利用登録確認*/
.labelwkakunin {
    font-size: 1em;
    width: 220px;
    padding-top: 3px;
    color: rgb(107, 107, 107);
}

/*コミュニケーションボード全体*/
.commtable {
    width: 100%;
    height: 500px;
    overflow: hidden;
    overflow-y: auto;
}

/*重調依頼受付ヘッダー*/
.headwaku1 {
    background-color: whitesmoke;
    width: 100%;
}

/*重調依頼受付画面のアップロードレイアウト*/
/* --- ファイル添付 --- */
.uploader-area {
    position: relative;
    min-height: 40px;
    border-radius: 10px;
    border: dashed 3px #bfbfbf;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 24px;
}

.uploader-area1 {
    position: relative;
    min-height: 40px;
    border-radius: 10px;
    border: dashed 3px #bfbfbf;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 24px;
}

.uploader-area2 {
    position: relative;
    min-height: 40px;
    border-radius: 10px;
    border: dashed 3px #bfbfbf;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 24px;
}

.uploader-area3 {
    position: relative;
    min-height: 40px;
    border-radius: 10px;
    border: dashed 3px #bfbfbf;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 24px;
}

.uploader-area4 {
    position: relative;
    min-height: 40px;
    border-radius: 10px;
    border: dashed 3px #bfbfbf;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 24px;
}

.uploader-area5 {
    position: relative;
    min-height: 40px;
    border-radius: 10px;
    border: dashed 3px #bfbfbf;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 24px;
}

.uploader-area6 {
    position: relative;
    min-height: 40px;
    border-radius: 10px;
    border: dashed 3px #bfbfbf;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 24px;
}

.uploader-area7 {
    position: relative;
    min-height: 40px;
    border-radius: 10px;
    border: dashed 3px #bfbfbf;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 24px;
}

.content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.contact-form {
    width: 100%;
    display: flex;
}

.form-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.form-row-content-header {
    display: flex;
    width: 100%;
    align-items: center;
}

.form-text {
    font-family: Yu Gothic UI;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    /*line-height: 1.36;*/
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.c-col-left {
    width: 170px;
}

.c-col-right {
    width: calc(100% - 170px)
}

.hakkoshiryo {
    padding-left: 110px;
    font-size: 1.1rem;
}

.koshindaytime {
    font-size: 1.1rem;
    padding-left: 20px;
}

.iraiRes {
    display: inline-block;
}

::placeholder {
    color: #bbb;
}

/*検索欄*/
.search_box {
    /*display: inline-block;  なくても大丈夫だけど、念の為 */
    position: relative; /* 基準値とする */
    /*border: solid 1px rgb(218, 218, 218);*/
    border-radius: 0.3rem;
}

    .search_box::before {
        content: ""; /* 疑似要素に必須 */
        width: 16px; /* アイコンの横幅 */
        height: 16px; /* アイコンの高さ */
        background: url(./Content/images/icon_search.svg) no-repeat center center / auto 100%; /* 背景にアイコン画像を配置 */
        display: inline-block; /* 高さを持たせるためにインラインブロック要素にする */
        position: absolute; /* 相対位置に指定 */
        top: 14px; /* アイコンの位置 */
        left: 12px; /* アイコンの位置 */
    }

.search_box input {
    padding: 3px 0 3px 2em; /* アイコンを設置するため左の余白を多めに指定*/
}

.kensakuhedSize {
    padding-top: 7px;
    text-align: left;
    padding-left: 10px;
    width: 75px;
    font-size: 1em;
}

/*削除ボタン*/
.btn--trash {
    color: #fff;
    /*background-color: rgb(140, 136, 167);*/
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: rgb(140, 136, 167);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(164, 162, 177)), to(rgb(140, 136, 167)));
    background: -webkit-linear-gradient(top, rgb(164, 162, 177) 0%, rgb(140, 136, 167) 100%);
    background: linear-gradient(to bottom, rgb(164, 162, 177) 0%, rgb(140, 136, 167) 100%);
}

.btn--trash:hover, a.btn--trash:hover {
        color: #fff;
        background-color: rgb(155, 153, 161);
        background: -webkit-gradient(linear, left bottom, left top, from(rgb(140, 136, 167)), to(rgb(140, 136, 167)));
        background: -webkit-linear-gradient(bottom, rgb(140, 136, 167) 0%, rgb(140, 136, 167) 100%);
        background: linear-gradient(to top, rgb(140, 136, 167) 0%, rgb(140, 136, 167) 100%);
}

.iraibusyohabaAdd {
    padding-top: 28px;
}

/*受付可能ボタン*/
.btn--other {
    color: #fff;
    /*background-color: rgb(140, 136, 167);*/
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: rgb(140, 136, 167);
    background: -webkit-gradient(linear, left top, left bottom, from(#FB8C00), to(#FF9800));
    background: -webkit-linear-gradient(top, #FB8C00 0%, #FF9800 100%);
    background: linear-gradient(to bottom, #FB8C00 0%, #FF9800 100%);
}

.btn--other:hover, a.btn--other:hover {
        color: #fff;
        background-color: rgb(155, 153, 161);
        background: -webkit-gradient(linear, left bottom, left top, from(#FF9800), to(#FF9800));
        background: -webkit-linear-gradient(bottom, #FF9800 0%, #FF9800 100%);
        background: linear-gradient(to top, #FF9800 0%, #FF9800 100%);
}

/*申込不可ボタン*/
.btn--hyouji {
    color: #fff;
    /*background-color: rgb(140, 136, 167);*/
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: rgb(226, 224, 236);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(217, 215, 223)), to(rgb(174, 171, 189)));
    background: -webkit-linear-gradient(top, rgb(174, 171, 189) 0%, rgb(174, 171, 189) 100%);
    background: linear-gradient(to bottom, rgb(174, 171, 189) 0%, rgb(174, 171, 189) 100%);
}

.btn--hyouji:hover, a.btn--hyouji:hover {
    color: #fff;
    background-color: rgb(210, 208, 218);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(200, 198, 207)), to(rgb(140, 136, 167)));
    background: -webkit-linear-gradient(bottom, rgb(200, 198, 207) 0%, rgb(140, 136, 167) 100%);
    background: linear-gradient(to top, rgb(200, 198, 207) 0%, rgb(140, 136, 167) 100%);
}

/*申込ボタン*/
.btn--file {
    color: #fff;
    /*background-color: rgb(140, 136, 167);*/
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: rgb(140, 136, 167);
    background: -webkit-gradient(linear, left top, left bottom, from(#7CB342), to(#8BC34A));
    background: -webkit-linear-gradient(top, #7CB342 0%, #8BC34A 100%);
    background: linear-gradient(to bottom, #7CB342 0%, #8BC34A 100%);
}

.btn--file:hover, a.btn--file:hover {
    color: #fff;
    background-color: rgb(155, 153, 161);
    background: -webkit-gradient(linear, left bottom, left top, from(#8BC34A), to(#8BC34A));
    background: -webkit-linear-gradient(bottom, #8BC34A 0%, #8BC34A 100%);
    background: linear-gradient(to top, #8BC34A 0%, #8BC34A 100%);
}

/*ラベル表示切替用（依頼詳細）*/
.labelChange{
    color:black;
    padding-left:6px;
}

.labelNormal {
    margin-top: 3px;
    margin-left: -16px;
}

.labelAdjustment {
    margin-left: -35px;
}

/*申請ボタンの非活性デザイン*/
.btn--syounin1_disabled {
    width: 120px;
    color: #fff;
    background-color: #3273dc;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.0;
    position: relative;
    display: inline-block;
    padding: 0.35rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#db7093), to(#bd295d));
    background: -webkit-linear-gradient(top, #db7093 0%, #bd295d 100%);
    background: linear-gradient(to bottom, #db7093 0%, #bd295d 100%);
    opacity: 0.5;
}

/*承認用のダイアログ*/
.dialogApproval{
    background-color: #f9f9f9;
    position: fixed;
    width: 450px;
    height: 200px;
    margin: auto;
    margin-top: auto;
    padding: 30px 20px;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    border: solid 5px #C0C0C0;
    border-radius: 0.3rem;
}

.dialog-iconApproval {
    width: 40px;
    height: 40px;
    margin-left: -380px;
}

.dialog-bottonApproval {
    margin-top: 10px;
}

.dialog-labelApproval {
    margin-top: -40px;
    margin-left: 40px;
}

/*会社情報ラベル表示用*/
.labelinp {
    text-align: left;
    font-size: 1em;
    width: 100%;
    padding-right: 15px;
    padding-left: 20px;
}

/*スクロールバー非表示*/
.scrollNone {
    /*スクロールバー非表示（IE・Edge）*/
    -ms-overflow-style: none;
}

/*スクロールバー非表示（Chrome・Safari）*/
.scrollNone::-webkit-scrollbar {
    display: none;
}

/*一覧のテキスト入力用*/
.listText {
    background-color: rgb(253, 253, 253);
    width: 70%;
    height: 20px;
}
@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
}

body{
    font-family: "Meiryo UI",BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}


/* html,bodyタグの設定 */
html, body{
    margin: 0;         /* 余白の削除 */
    padding: 0;        /* 余白の削除 */
    width:100%;    /* サイド幅の調整 */
    height:100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* ヘッダーの固定 */
div#header-fixed
{
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 20px;              /* 縦幅20px */
}


div#header { 
	background-color:whitesmoke;     /* 背景色(黒) */
	padding:10px 0 20px;       /* 上10px、下20pxをあける */
	height:48px;              /* 縦の高さ48px */
	width:100%;                /* 横の幅を100% */
    border-bottom: 1px solid #c2c2c2; /*ヘッダー下線*/
}

/* フッターの固定 */
div#footer-fixed
{
    position: fixed;            /* フッターの固定 */
    bottom: 0px;                /* 位置(下0px) */
    left: 0px;                  /* 位置(左0px) */
    width: 100%;                /* 横幅100%　*/
    height: 48px;              /* 縦幅48px */
}

div#footer
{
	background-color:whitesmoke;     /* 背景色(黒) */
	padding:10px 0 20px;       /* 上10px、下20pxをあける */
	height:48px;              /* 縦の高さ48px */
	width:100%;                /* 横の幅を100% */
    border-top: 1px solid #c2c2c2; /*ヘッダー上線*/
}

/* ボディの定義 */
div#body-bk{
    padding:50px 0 50px 0;    /* 上下に100pxを余白を取る */
}

div#body{
    width:100%;
    margin:auto;
}
@charset "UTF-8";

    .login {
        background-color: white;
        border-radius: 6px;
        color: #4a4a4a;
        display: block;
        padding: 1.25rem;
    }       

    .button{
        background-color: #3298dc;
        border-color: transparent;
        border-width: 1px;
        color: #fff;
        cursor: pointer;
        justify-content: center;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: calc(0.5em - 1em);
        text-align: center;
        white-space: nowrap;
        border-radius:5px;
    }

    .button:hover{
        background-color: #0689e0;
    }

    .inputwaku {
        padding:7px 11px;
        border-radius:5px;
        outline: none;
        border: 2px solid #e6e6e6;
    }

    .inputwaku:focus{
        border-color: #3273dc;
        box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
        outline: none;
    }

.title {
    font-size: 96px;
    font-family: fantasy;
    color: #3273dc;
}

.logininp {
    text-align: left;
    font-size: 1em;
    width: 80%;
    padding-right: 5px;
    padding-left: 5px;
}

.logininp2 {
    text-align: left;
    font-size: 2.5em;
    width: 100%;
    padding-right: 5px;
    padding-left: 100px;
}

.loginlabelwlogin {
    font-size: 1em;
    width: 170px;
    padding-top: 3px;
    padding-left: 25px;
    color: rgb(107, 107, 107);
}

.loginlabelwlogin2 {
    font-size: 2.5em;
    width: 170px;
    padding-top: 10px;
    padding-left: 25px;
    color: rgb(107, 107, 107);
    white-space:nowrap;
}
@media screen and (min-width:1px) and (max-width:482px) {
    .loginRes {
        margin-top: 70%;
    }
}
@media screen and (min-width:483px) {
    .loginRes {
        margin-top: 10%;
    }
}