@charset "UTF-8";
/*メイン*/
/*ボタン*/
/*フォーム*/
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          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 */
  -webkit-box-sizing: inherit;
          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+ */
}

@media screen and (min-width: 768px) {
  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
   # ================================================================= */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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 {
  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],
[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 {
  color: inherit;
}

/* Style select like a standard input */
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;
}

* {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 0;
  margin: 0;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  font-size: 1.4rem;
  background: #030405;
  color: #FFFFFF;
}
@media screen and (min-width: 992px) {
  body {
    font-size: 1.6rem;
  }
}

main {
  position: relative;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s;
}

dl, ol, ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

.container {
  width: 100%;
  padding: 0 15px;
  max-width: 1520px;
  margin: auto;
}
@media screen and (min-width: 992px) {
  .container {
    padding: 0 60px;
  }
}

/*ボーダー*/
.borderline {
  width: 100%;
  height: 1px;
  background: #030405;
  margin: 0 0 22px;
}

.pagelink {
  padding-bottom: 490px;
}

/*404*/
.sectionError {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .sectionError {
    padding: 120px 0;
  }
}

.error404 {
  text-align: center;
  margin: 0 0 30px;
  font-size: 4rem;
  line-height: 1.2;
}
.error404 span {
  display: inline-block;
  font-size: 2rem;
}

/*===========================
ページタイトル
===========================*/
.pageTitle {
  padding: 40px 0;
  background: url(../img/bg_mypage.png) no-repeat bottom center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .pageTitle {
    padding: 30px 0 62px;
  }
}
.pageTitle h2 {
  text-align: center;
  font-weight: bold;
  font-size: 2.2rem;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .pageTitle h2 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) {
  .pageTitle::before {
    content: "";
    background: url(../img/bg_honeycomb02.png) no-repeat top left;
    position: absolute;
    top: 0;
    left: 0;
    width: 764px;
    height: 803px;
    z-index: 1;
  }
}

/*==================================
大見出し
==================================*/
/*01*/
.largeHeadline01 {
  position: relative;
  padding: 0 0 15px 35px;
  margin: 0 0 30px;
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 1px solid #343F46;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 {
    font-size: 3.2rem;
    padding: 0 0 15px 40px;
    margin: 0 0 30px;
  }
}
.largeHeadline01 span {
  display: block;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 span {
    display: inline-block;
  }
}
.largeHeadline01 .el_icon {
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  max-width: 25px;
  text-align: center;
}
.largeHeadline01 a {
  border-bottom: 2px solid #3BAFDA;
  color: #3BAFDA;
  margin: 7px 0;
  padding: 0 16px 7px 0;
  text-align: left;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 1.5rem;
  background: url(../img/icon_arrow_right02_green.svg) no-repeat top 7px right;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 a {
    width: auto;
    margin: 0 0 0 20px;
    vertical-align: middle;
  }
}
.largeHeadline01 a:hover {
  opacity: 0.7;
}
.largeHeadline01.el_btn {
  padding-left: 0;
}
.largeHeadline01.el_btn span {
  display: block;
  position: relative;
  padding: 0 0 0 35px;
}
@media screen and (min-width: 768px) {
  .largeHeadline01.el_btn span {
    display: inline-block;
  }
}

/*02*/
.largeHeadline02 {
  position: relative;
  padding: 15px;
  margin: 0 0 30px;
  font-size: 2.2rem;
  font-weight: bold;
  background: rgb(13, 19, 23);
  background: -webkit-gradient(linear, left top, right top, from(rgb(13, 19, 23)), color-stop(60%, rgb(17, 30, 38)), to(rgb(22, 38, 49)));
  background: linear-gradient(90deg, rgb(13, 19, 23) 0%, rgb(17, 30, 38) 60%, rgb(22, 38, 49) 100%);
  color: #BFCFD9;
}
@media screen and (min-width: 768px) {
  .largeHeadline02 {
    font-size: 2.8rem;
    line-height: 1.4;
  }
}
.largeHeadline02 .el_btn {
  background: #6C8291;
  border-radius: 3px;
  border: none;
  color: #FFFFFF;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  max-width: 160px;
  line-height: 1;
  padding: 11px 2px 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 16px;
  right: 15px;
}
@media screen and (min-width: 768px) {
  .largeHeadline02 .el_btn {
    min-width: 160px;
  }
  .largeHeadline02 .el_btn:hover {
    background: #3B3B47;
  }
}
.largeHeadline02 .el_btn .el_icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
}
.largeHeadline02 .historyCSV {
  position: absolute;
  top: 3px;
  right: 10px;
}
@media screen and (max-width: 767px) {
  .largeHeadline02 .historyCSV {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .largeHeadline02 .historyCSV {
    top: 13px;
    right: 15px;
  }
}
@media screen and (min-width: 768px) {
  .largeHeadline02 .historyCSV .historyCSVInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.largeHeadline02 .historyCSV .historyCSVInner .historyCSVItem {
  line-height: 1;
}
.largeHeadline02 .historyCSV .historyCSVInner .historyCSVItem:first-child, .largeHeadline02 .historyCSV .historyCSVInner .historyCSVItem:last-child {
  margin: 0 0 0px !important;
}
@media screen and (min-width: 768px) {
  .largeHeadline02 .historyCSV .historyCSVInner .historyCSVItem:first-child, .largeHeadline02 .historyCSV .historyCSVInner .historyCSVItem:last-child {
    margin: 0 0 0 15px !important;
  }
}
.largeHeadline02 .historyCSV .historyCSVInner .historyCSVItem a {
  display: inline-block;
  min-height: 22px;
  padding: 3px 8px 2px !important;
}
@media screen and (min-width: 768px) {
  .largeHeadline02 .historyCSV .historyCSVInner .historyCSVItem a {
    min-height: 36px;
    padding: 11px 2px 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .largeHeadline02--request {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .largeHeadline02--request .main_text {
    margin: 0 30px 0 0;
  }
}
.largeHeadline02--request .el_text {
  display: block;
  color: #BFCFD9;
  font-weight: normal;
  margin: 15px 0 0;
  font-size: 1.2rem;
}
@media screen and (min-width: 1200px) {
  .largeHeadline02--request .el_text {
    display: inline-block;
    margin: 0;
    font-size: 1.4rem;
  }
}

/*03*/
.largeHeadline03 {
  position: relative;
  padding: 19px 15px 19px 30px;
  margin: 0 0 30px;
  font-weight: bold;
  background: #162631;
  color: #BFCFD9;
  position: relative;
}
.largeHeadline03 .main_text {
  font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
  .largeHeadline03 .main_text {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.largeHeadline03 .el_open {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #0A70A4 url(../img/icon_downarrow01_white.svg) no-repeat center center;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.largeHeadline03 .el_open.on {
  background: #0A70A4 url(../img/icon_uparrow01_white.svg) no-repeat center center;
}

.detailStatus .largeHeadline03 {
  margin: 0;
}

/*04*/
.largeHeadline04 {
  position: relative;
  margin: 0 0 20px;
  font-weight: bold;
  color: #BFCFD9;
  position: relative;
}
@media screen and (min-width: 768px) {
  .largeHeadline04 {
    margin: 22px 0 20px;
  }
}
.largeHeadline04 .el_icon {
  display: block;
  text-align: center;
  margin: 0 0 20px;
}
.largeHeadline04 .main_text {
  display: block;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px;
  color: #3BAFDA;
}
@media screen and (min-width: 768px) {
  .largeHeadline04 .main_text {
    font-size: 3.6rem;
    line-height: 1.4;
    margin: 0 0 35px;
  }
}
.largeHeadline04 .sub_text {
  display: block;
  color: #FFFFFF;
  font-size: 2rem;
  text-align: center;
}

/*==================================
中見出し
==================================*/
.mediumHeadline01 {
  margin: 0 auto 15px;
  padding: 0 0 0 15px;
  border-left: 4px solid #3BAFDA;
}
.mediumHeadline01 .main_text {
  display: block;
  font-size: 2rem;
  color: #CCD0D4;
}

/*==================================
小見出し
==================================*/
/*01*/
.smallHeadline01 {
  padding: 0 0 10px;
  margin: 0 0 15px;
  color: #BFCFD9;
  border-bottom: 1px solid #576B7B;
  font-size: 1.6rem;
  position: relative;
}

/*02*/
.smallHeadline02 {
  color: #CCD0D4;
  font-size: 2rem;
  font-weight: bold;
  padding: 0 0 0 15px;
  margin: 0 auto 20px;
  border-left: 4px solid #3BAFDA;
  line-height: 1;
}

/*===========================
本文
===========================*/
.text {
  margin: 0 0 33px;
  color: #CCD0D4;
}
.text p {
  margin: 0 0 33px;
}
.text p:last-child {
  margin: 0;
}

.textLink {
  text-decoration: underline;
  color: #BFCFD9;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.textLink:hover {
  opacity: 0.7;
}

/*===========================
アラート
===========================*/
.alert.alert-success {
  padding: 10px 15px;
  margin: 20px auto;
  background: #4b8134;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 1.3rem;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

.img {
  text-align: center;
  margin: 0 0 40px;
  line-height: 1;
}

.btn01 {
  display: inline-block;
  width: 100%;
  max-width: 402px;
  padding: 15px 0 17px;
  background: #0A70A4;
  border-radius: 4px;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0 0 30px;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s;
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
  border: none;
}
.btn01 .el_icon {
  display: inline-block;
  width: 100%;
  max-width: 15px;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.btn01 .el_icon.el_icon--plus {
  max-width: 21px;
  height: 21px;
  background: url(../img/icon_plus_white.svg) no-repeat center center;
  background-size: 100% auto;
}
.btn01 span {
  display: inline-block;
  vertical-align: middle;
}
.btn01:hover {
  color: #FFFFFF;
  background: #3B3B47;
}
.btn01.btn01--revese {
  color: #FFFFFF;
  background: #585858;
}
.btn01.btn01--revese:hover {
  color: #FFFFFF;
  background: #3B3B47;
}
.btn01.btn01--admin {
  color: #FFFFFF;
  background: #D76B0D;
}
.btn01.btn01--admin:hover {
  color: #FFFFFF;
  background: #3B3B47;
}
.btn01.btn01--csv {
  color: #FFFFFF;
  background: #6C8291;
}
.btn01.btn01--csv:hover {
  color: #FFFFFF;
  background: #3B3B47;
}
.btn01.btn01--short {
  max-width: 320px;
}

/*ボタン横並び*/
.btnArea {
  width: 100%;
  max-width: 668px;
  margin: 0 auto;
  padding: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .btnArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.btnArea .btnAreaItem {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .btnArea .btnAreaItem {
    width: 100%;
    max-width: calc(50% - 14px);
  }
}
@media screen and (min-width: 768px) {
  .btnArea.btnArea--SP {
    display: none;
  }
}

/*===========================
フォーム項目
===========================*/
label {
  color: #BFCFD9;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=date],
input[type=number],
input[type=datetime-local],
select,
textarea {
  width: 100%;
  border: 1px solid #595D68;
  line-height: 2;
  margin: 0;
  padding: 5px 10px;
  border-radius: 3px;
  background: #2F373D;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.2rem;
  color: #CCD0D4;
  -webkit-appearance: none;
}
@media screen and (min-width: 768px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=password],
  input[type=date],
  input[type=number],
  input[type=datetime-local],
  select,
  textarea {
    font-size: 1.4rem;
  }
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #677581;
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #677581;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #677581;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #677581;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #677581;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=password]::placeholder,
input[type=date]::placeholder,
input[type=number]::placeholder,
input[type=datetime-local]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #677581;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=number]:focus,
input[type=datetime-local]:focus,
select:focus,
textarea:focus {
  border: 1px solid #3C8DBC;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
input[type=text].el_admin:focus,
input[type=email].el_admin:focus,
input[type=tel].el_admin:focus,
input[type=password].el_admin:focus,
input[type=date].el_admin:focus,
input[type=number].el_admin:focus,
input[type=datetime-local].el_admin:focus,
select.el_admin:focus,
textarea.el_admin:focus {
  border: 1px solid #D76B0D;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
input[type=text].error,
input[type=email].error,
input[type=tel].error,
input[type=password].error,
input[type=date].error,
input[type=number].error,
input[type=datetime-local].error,
select.error,
textarea.error {
  border: 1px solid #FF3E43;
}
input[type=text].error:-ms-input-placeholder,
input[type=email].error:-ms-input-placeholder,
input[type=tel].error:-ms-input-placeholder,
input[type=password].error:-ms-input-placeholder,
input[type=date].error:-ms-input-placeholder,
input[type=number].error:-ms-input-placeholder,
input[type=datetime-local].error:-ms-input-placeholder,
select.error:-ms-input-placeholder,
textarea.error:-ms-input-placeholder {
  color: #677581;
}
input[type=text].error::-webkit-input-placeholder, input[type=email].error::-webkit-input-placeholder, input[type=tel].error::-webkit-input-placeholder, input[type=password].error::-webkit-input-placeholder, input[type=date].error::-webkit-input-placeholder, input[type=number].error::-webkit-input-placeholder, input[type=datetime-local].error::-webkit-input-placeholder, select.error::-webkit-input-placeholder, textarea.error::-webkit-input-placeholder {
  color: #677581;
}
input[type=text].error::-moz-placeholder, input[type=email].error::-moz-placeholder, input[type=tel].error::-moz-placeholder, input[type=password].error::-moz-placeholder, input[type=date].error::-moz-placeholder, input[type=number].error::-moz-placeholder, input[type=datetime-local].error::-moz-placeholder, select.error::-moz-placeholder, textarea.error::-moz-placeholder {
  color: #677581;
}
input[type=text].error:-ms-input-placeholder, input[type=email].error:-ms-input-placeholder, input[type=tel].error:-ms-input-placeholder, input[type=password].error:-ms-input-placeholder, input[type=date].error:-ms-input-placeholder, input[type=number].error:-ms-input-placeholder, input[type=datetime-local].error:-ms-input-placeholder, select.error:-ms-input-placeholder, textarea.error:-ms-input-placeholder {
  color: #677581;
}
input[type=text].error::-ms-input-placeholder, input[type=email].error::-ms-input-placeholder, input[type=tel].error::-ms-input-placeholder, input[type=password].error::-ms-input-placeholder, input[type=date].error::-ms-input-placeholder, input[type=number].error::-ms-input-placeholder, input[type=datetime-local].error::-ms-input-placeholder, select.error::-ms-input-placeholder, textarea.error::-ms-input-placeholder {
  color: #677581;
}
input[type=text].error::placeholder,
input[type=email].error::placeholder,
input[type=tel].error::placeholder,
input[type=password].error::placeholder,
input[type=date].error::placeholder,
input[type=number].error::placeholder,
input[type=datetime-local].error::placeholder,
select.error::placeholder,
textarea.error::placeholder {
  color: #677581;
}

textarea {
  margin: 0 0 18px;
}

@media screen and (max-width: 767px) {
  input[type=date],
  input[type=datetime-local] {
    font-size: 1.2rem;
    min-height: 44px;
  }
}
@media screen and (max-width: 600px) {
  input[type=date],
  input[type=datetime-local] {
    padding: 7px 1px;
  }
}

textarea {
  resize: vertical;
  height: 106px;
}

select {
  padding: 7px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select:invalid {
  color: #BFCFD9;
}
select.error:invalid {
  color: #E58811;
}

input[type=email] + input[type=email] {
  margin-top: 0;
}

.selectFrame {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.selectFrame::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  background: url(../img/icon_downarrow.svg) no-repeat center center;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .selectFrame.half {
    max-width: 280px;
  }
}
.selectFrame select {
  padding: 7px 23px 7px 10px;
}

/*パスワード目隠し*/
.passView {
  position: relative;
}
.passView #pass_view {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 20px;
  height: 16px;
  background: url(../img/icon_eye.svg) no-repeat center center;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.passView #pass_view.on {
  background: url(../img/icon_eye_open.svg) no-repeat center center;
}
.passView #pass_view02 {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 20px;
  height: 16px;
  background: url(../img/icon_eye.svg) no-repeat center center;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.passView #pass_view02.on {
  background: url(../img/icon_eye_open.svg) no-repeat center center;
}

/*チェツクボックス*/
input[type=radio],
input[type=checkbox] {
  display: none !important;
  font-size: 1.2rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  input[type=radio],
  input[type=checkbox] {
    font-size: 1.6rem;
  }
}
input[type=radio] + label,
input[type=checkbox] + label {
  font-size: 1.2rem;
  color: #CCD0D4;
}
@media screen and (min-width: 768px) {
  input[type=radio] + label,
  input[type=checkbox] + label {
    font-size: 1.6rem;
  }
}
input[type=radio] + label:before,
input[type=checkbox] + label:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 2px;
  margin: 0 15px 0 0;
  border: 2px solid #595D68;
  background: #2F373D;
  vertical-align: middle;
  letter-spacing: 10px;
  position: relative;
  top: -1px;
}
input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 2px;
  margin: 0 15px 0 0;
  border: 2px solid #3BAFDA;
  background: #2F373D url(../img/icon_check_blue.svg) no-repeat center center;
  letter-spacing: 5px;
}
input[type=radio].disable + label,
input[type=checkbox].disable + label {
  opacity: 0.5;
}
input[type=radio].el_admin:checked + label:before,
input[type=checkbox].el_admin:checked + label:before {
  border: 2px solid #D76B0D;
  background: #2F373D url(../img/icon_check_orange.svg) no-repeat center center;
}

/*ラジオボタン*/
/*
input[type=radio] {
  display:none;
  + label{
    font-size: 1.2rem;
    color: variable.$color-gray;
    padding: 0 0 0 20px;
    position: relative;
    display: inline-block;
    line-height: 1.6;
    @include mixins.mq(min-xs) {
      font-size: 1.4rem;
    }
    &:before {
      content: "";
      display: inline-block;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin: 0 5px 0 0;
      background: variable.$color-black;
      border: 1px solid variable.$color-gray;
      vertical-align: middle;
      position: absolute;
      top: 3px;
      left: 0;
      letter-spacing: 10px;
    }
    > span{
      display: inline-block;
    }
  }
  &:checked{
    + label{
      &:before {
        letter-spacing: 5px;
      }
      &:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        margin: 0 5px 0 0;
        border-radius: 100%;
        background: variable.$color-sub;
        position: absolute;
        top: 7px;
        left: 4px;
        z-index: 1;
      }
    }
  }
}
*/
/*ラベル*/
.labelBox {
  padding: 7px 0 0;
}
.labelBox .labelBoxItem {
  color: #BFCFD9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 0 7px;
}
.labelBox .labelBoxItem .el_label {
  background: #BFCFD9;
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
  font-size: 1.1rem;
  padding: 0px 8px 1px;
  margin: 3px 10px 0 0;
}
.labelBox .labelBoxItem .el_label.el_affiliation {
  background: #3BAFDA;
}
.labelBox .labelBoxItem .el_label.el_request {
  background: #E58811;
  color: #030405;
}

/*日付*/
.inputDate {
  position: relative;
  width: 100%;
  display: block;
  padding: 0;
}
.inputDate::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 42px;
  height: 42px;
  background: #D76B0D url("../img/icon_search_calendar.svg");
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0 4px 4px 0;
  z-index: 1;
  pointer-events: none;
}
.inputDate input[type=date],
.inputDate input[type=datetime-local] {
  position: relative;
}
.inputDate input[type=date]::-webkit-inner-spin-button,
.inputDate input[type=datetime-local]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.inputDate input[type=date]::-webkit-clear-button,
.inputDate input[type=datetime-local]::-webkit-clear-button {
  -webkit-appearance: none;
}
.inputDate input[type=date]::-webkit-calendar-picker-indicator,
.inputDate input[type=datetime-local]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0px;
  top: 0;
  padding: 0;
  width: 100%;
  height: 48px;
  background: transparent;
  color: transparent;
  cursor: pointer;
  z-index: 2;
}
.inputDate.half {
  max-width: 280px;
}

.inputBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 434px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox .formBtn {
  margin: 0 0 0 10px;
}

.formBtn {
  margin: 5px 0;
  background: #BFCFD9;
  color: #FFFFFF;
  font-size: 1.4rem;
  width: 100%;
  max-width: 110px;
  text-align: center;
  border-radius: 4px;
  border: none;
  padding: 9px 0;
  min-height: 44px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .formBtn {
    max-width: 142px;
    font-size: 1.5rem;
  }
}
.formBtn:hover {
  background: #BFCFD9;
}

.radio_annotation {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .radio_annotation {
    position: relative;
    top: 2px;
  }
}
.radio_annotation img {
  width: 20px;
  cursor: pointer;
}
.radio_annotation .ra_inner {
  display: none;
  color: #CCD0D4;
  background: #2F3F4A;
  padding: 10px 12px;
  position: absolute;
  top: 33px;
  right: -8px;
  width: 100%;
  min-width: 194px;
  font-size: 1.1rem;
  border-radius: 4px;
  line-height: 1.4;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .radio_annotation .ra_inner {
    width: auto;
    min-width: 234px;
    font-size: 1.4rem;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1200px) {
  .radio_annotation .ra_inner {
    top: 33px;
    left: -10px;
    right: auto;
  }
}
.radio_annotation .ra_inner::before {
  content: "";
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #2F3F4A;
  border-left: 7px solid transparent;
  position: absolute;
  top: -7px;
  right: 9px;
}
@media screen and (min-width: 1200px) {
  .radio_annotation .ra_inner::before {
    left: 11px;
    right: auto;
  }
}
.radio_annotation .ra_inner.ra_inner02::before {
  right: 9px;
}
@media screen and (min-width: 1200px) {
  .radio_annotation .ra_inner.ra_inner02::before {
    left: 40px;
    right: auto;
  }
}

/*有効期限*/
.inputYear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 270px;
  margin: 5px 0;
}

.inputYearItem {
  margin: 0 20px 0 0;
  line-height: 1;
  width: 100%;
  position: relative;
  color: #BFCFD9;
}
.inputYearItem::after {
  content: "/";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: -10px;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  line-height: 1;
  min-height: 20px;
}
.inputYearItem .selectFrame {
  width: calc(100% - 25px);
  margin: 0 5px 0 0;
}
.inputYearItem select {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.inputYearItem:last-child {
  margin: 0 20px 0 0;
}
.inputYearItem:last-child::after {
  display: none;
}

/*セキュリティコード*/
.inputCord {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .inputCord {
    max-width: 176px;
  }
}
.inputCord input {
  display: inline-block;
  width: calc(100% - 30px);
  vertical-align: middle;
}
.inputCord .radio_annotation {
  margin: 0 0 0 5px;
}

/*===========================
アラート
===========================*/
.alert {
  width: 100%;
  color: #FF3E43;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1;
  margin: 7px 0 0;
}
/*===========================
フォームパーツ
===========================*/
.formPartsUnit {
  margin: 20px 15px;
}
@media screen and (min-width: 768px) {
  .formPartsUnit {
    margin: 10px 0 !important;
  }
}
.formPartsUnit .formPartsUnitInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formPartsUnit .formPartsUnitInner .formPartsUnit__left {
  font-size: 1.4rem;
  font-weight: bold;
  color: #CCD0D4;
  margin: 0 15px 0 0;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .formPartsUnit .formPartsUnitInner .formPartsUnit__left {
    font-size: 1.6rem;
  }
}
.formPartsUnit .formPartsUnitInner .formPartsUnit__input {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .formPartsUnit .formPartsUnitInner .formPartsUnit__input {
    max-width: 132px;
  }
}
.formPartsUnit .formPartsUnitInner .formPartsUnit__right {
  text-align: right;
  width: 30px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #CCD0D4;
}
@media screen and (min-width: 768px) {
  .formPartsUnit .formPartsUnitInner .formPartsUnit__right {
    font-size: 1.6rem;
  }
}

.formPartsSelectHalf {
  width: 100%;
  max-width: 100%;
  padding: 20px 15px;
}
@media screen and (min-width: 768px) {
  .formPartsSelectHalf {
    max-width: 200px;
    padding: 0;
    margin: 10px 0;
  }
}

/*===========================
フォームパーツ02
===========================*/
.formPartsRadio .formPartsRadioItem {
  margin: 20px;
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioItem {
    margin: 20px 0;
  }
}
.formPartsRadio .formPartsRadioItem p {
  margin: 10px 0 0;
}
.formPartsRadio .formPartsRadioItem p span.formPartsRadio--yokoba__error {
  color: #FF3E43;
  display: none;
}
.formPartsRadio .formPartsRadioItem p span.formPartsRadio--yokoba__error.on {
  display: block;
}
.formPartsRadio .formPartsRadioItem p span.formPartsRadio--ball__error {
  color: #FF3E43;
  display: block;
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--inline .formPartsRadioItemInner {
  margin: 0 30px 0 0;
  display: inline-block;
}
@media screen and (min-width: 1200px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__left {
  margin: 0 0 5px;
}
@media screen and (min-width: 1200px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__left {
    margin: 5px 40px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord {
    max-width: 192px;
  }
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord input {
  width: calc(100% - 52px);
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord input {
    width: calc(100% - 68px);
  }
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord .radio_annotation {
  margin: 0 0 0 15px;
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord .radio_annotation {
    margin: 0px 0 0px 15px;
    position: relative;
    top: -1px;
  }
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord .radio_annotation .ra_unit {
  line-height: 1;
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord .radio_annotation .ra_unit span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  color: #CCD0D4;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord .radio_annotation .ra_unit span {
    font-size: 1.6rem;
  }
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord .radio_annotation .ra_unit img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  width: 14px;
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord .radio_annotation .ra_unit img {
    width: 20px;
    margin: 0 0 0 15px;
  }
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord.inputCord--long {
    max-width: 270px;
  }
}
@media screen and (min-width: 1200px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord.inputCord--long {
    margin: 0 0 0 38px;
  }
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord.inputCord--long .el_title {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  font-weight: bold;
  color: #CCD0D4;
  margin: 0 15px 0 0;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord.inputCord--long .el_title {
    font-size: 1.6rem;
  }
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord.inputCord--long input {
  width: calc(100% - 122px);
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa .formPartsRadioItemInner .formPartsRadioItem__right .inputCord.inputCord--long input {
    width: calc(100% - 158px);
  }
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa--3col .formPartsRadioItemInner .formPartsRadioItemInnerItem {
  margin: 20px 0;
}
@media screen and (min-width: 1200px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa--3col .formPartsRadioItemInner .formPartsRadioItemInnerItem {
    margin: 0 0 0 40px;
  }
}
@media screen and (min-width: 1200px) {
  .formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa--3col .formPartsRadioItemInner .formPartsRadioItemInnerItem:first-child {
    margin: 3px 50px 0 0;
  }
}
.formPartsRadio .formPartsRadioItem.formPartsRadioItem--sepa--3col .formPartsRadioItemInner .formPartsRadioItemInnerItem .formPartsUnit {
  margin: 0 !important;
}
.formPartsRadio .formPartsRadioInner .inputCord {
  position: relative;
}
@media screen and (min-width: 768px) {
  .formPartsRadio .formPartsRadioInner .inputCord {
    max-width: 356px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.formPartsRadio .formPartsRadioInner .inputCord input {
  display: inline-block;
  width: calc(100% - 30px);
  vertical-align: middle;
}
.formPartsRadio .formPartsRadioInner .inputCord .radio_annotation {
  margin: 0 0 0 15px;
  top: 0px;
}
@media screen and (min-width: 1200px) {
  .formPartsRadio .formPartsRadioInner .inputCord .radio_annotation.radio_annotation--side .ra_inner {
    top: -6px;
    left: 40px;
  }
  .formPartsRadio .formPartsRadioInner .inputCord .radio_annotation.radio_annotation--side .ra_inner::before {
    top: 13px;
    left: -14px;
    right: auto;
    border-right: 7px solid #2F3F4A;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
  }
}
.formPartsRadio + .alert {
  margin: 7px 20px 20px;
}
@media screen and (min-width: 768px) {
  .formPartsRadio + .alert {
    margin: 7px 0 20px;
  }
}

/*===========================
フォームパーツ03
===========================*/
@media screen and (min-width: 768px) {
  .formPartsResults {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.formPartsResults .formPartsResultsItem {
  width: 100%;
  padding: 0 20px;
  margin: 15px 0;
  color: #CCD0D4;
}
@media screen and (min-width: 768px) {
  .formPartsResults .formPartsResultsItem {
    padding: 17px;
    margin: 0;
    border-right: 2px solid #14191D;
  }
}
@media screen and (min-width: 768px) {
  .formPartsResults .formPartsResultsItem:first-child {
    padding: 17px 17px 17px 0;
  }
}
.formPartsResults .formPartsResultsItem:last-child {
  border-right: none;
}
.formPartsResults .formPartsResultsItem.formPartsResultsItem--bold {
  font-weight: bold;
}
.formPartsResults .formPartsResultsItem.formPartsResultsItem--bg {
  background: #22262C;
  font-weight: bold;
  color: #BFCFD9;
}
@media screen and (max-width: 767px) {
  .formPartsResults .formPartsResultsItem.formPartsResultsItem--bg {
    padding: 15px 15px 15px 20px;
  }
}

/*===========================
フォームパーツ04
===========================*/
.formPartsDestination .formPartsDestinationItem {
  margin: 20px 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #677581;
  color: #BFCFD9;
}
.formPartsDestination .formPartsDestinationItem .formPartsDestinationName {
  margin: 10px 0;
}
.formPartsDestination .formPartsDestinationItem .formPartsDestinationNameCode {
  margin: 0;
  font-size: 1.4rem;
}
.formPartsDestination .formPartsDestinationItem .formPartsDestinationNameAddres {
  margin: 0;
  font-size: 1.4rem;
}
.formPartsDestination .formPartsDestinationItem .formPartsDestinationNamePhone {
  margin: 0;
  font-size: 1.4rem;
}
.formPartsDestination .formPartsDestinationItem:last-child {
  margin: 0;
  border: none;
}
.formPartsDestination .formPartsDestinationItem:first-child {
  margin: 20px 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #677581;
  color: #BFCFD9;
}

/*===========================
フォームラップ
===========================*/
.formWrap {
  background: #14191D;
  padding: 20px 20px 2px;
  margin: 0 0 40px;
}
@media screen and (min-width: 768px) {
  .formWrap {
    padding: 40px 40px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .formWrap {
    padding: 40px 60px 20px;
  }
}
.formWrap .formBorder {
  padding: 30px;
  border: 1px solid #030405;
}
@media screen and (min-width: 768px) {
  .formWrap.formWrap02 {
    padding: 40px 40px 42px;
  }
}
@media screen and (min-width: 1200px) {
  .formWrap.formWrap02 {
    padding: 40px 60px 42px;
  }
}
.formWrap.formWrapOpen {
  display: block;
}

/*===========================
入力・確認フォーム
===========================*/
.formTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  margin: 0 0 18px;
}
@media screen and (max-width: 767px) {
  .formTable {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .formTable tbody {
    display: block;
    width: 100%;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .formTable tr {
    display: block;
    width: 100%;
  }
}
.formTable tr th {
  background: #22262C;
  width: 20%;
  vertical-align: top;
  text-align: left;
  padding: 22px 15px;
  min-width: 264px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .formTable tr th {
    display: block;
    width: 100%;
    padding: 15px 15px 15px 20px;
  }
}
.formTable tr th label {
  display: block;
  position: relative;
  padding: 0 50px 0 0;
  font-size: 1.6rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .formTable tr th label {
    font-size: 1.4rem;
  }
}
.formTable tr th .required {
  display: inline-block;
  background: #FF3E43;
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
  font-size: 1.1rem;
  padding: 3px 2px 5px;
  margin: 0 0 0 10px;
}
@media screen and (min-width: 768px) {
  .formTable tr th .required {
    margin: 0;
    position: absolute;
    width: 46px;
    top: 0;
    right: 0;
  }
}
.formTable tr th .arbitrary {
  display: inline-block;
  background: #7497AF;
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
  font-size: 1.1rem;
  padding: 3px 2px 5px;
  margin: 0 0 0 10px;
}
@media screen and (min-width: 768px) {
  .formTable tr th .arbitrary {
    margin: 0;
    position: absolute;
    width: 46px;
    top: 0;
    right: 0;
  }
}
.formTable tr td {
  background: #1B1E21;
  vertical-align: top;
  padding: 0 15px 0 20px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .formTable tr td {
    display: block;
    width: 100%;
    padding: 1px;
  }
}
.formTable tr td label {
  display: block;
  position: relative;
  line-height: 1;
  font-weight: bold;
}
.formTable tr td p {
  color: #7497AF;
  font-size: 1.1rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .formTable tr td p {
    font-size: 1.5rem;
  }
}
.formTable tr.tr_big th {
  padding: 27px 15px;
}
@media screen and (min-width: 768px) {
  .formTable tr.tr_big * {
    font-size: 1.8rem;
    font-weight: bold;
  }
}
.formTable + .smallHeadline01 {
  margin-top: 40px;
}
.formTable.formTable--short {
  max-width: 700px;
}
.formTable.formTable--short02 {
  max-width: 941px;
}
.formTable.formTable--shortadmin {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .formTable.formTable--shortadmin .formPartsResults .formPartsResultsItem {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .formTable.formTable--shortadmin .formPartsResults .formPartsResultsItem:last-child {
    width: 70%;
  }
}
.formTable.formTable--tsume {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .formTable.formTable--tsume {
    margin: 0 0 -2px;
  }
}

.formTable--shortadmin {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .formTable--shortadmin .formPartsResults .formPartsResultsItem {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .formTable--shortadmin .formPartsResults .formPartsResultsItem:last-child {
    width: 70%;
  }
}

/*入力切り替え*/
.switchBlock.switchBlockA {
  display: none;
}
.switchBlock.switchBlockA.on {
  display: block;
}
.switchBlock.switchBlockB {
  display: none;
}
.switchBlock.switchBlockB.on {
  display: block;
}
.switchBlock.switchBlockC {
  display: none;
}
.switchBlock.switchBlockC.on {
  display: block;
}

/*===========================
入力・確認フォーム　パターン2
===========================*/
.formTableBasic {
  width: 100%;
  max-width: 700px;
  border-collapse: separate;
  border-spacing: 2px;
  margin: 0 0 18px;
}
@media screen and (max-width: 767px) {
  .formTableBasic {
    display: block;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .formTableBasic tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .formTableBasic tr {
    display: block;
    width: 100%;
  }
}
.formTableBasic tr th {
  background: rgb(18, 49, 70);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(18, 49, 70)), to(rgb(27, 64, 90)));
  background: linear-gradient(0deg, rgb(18, 49, 70) 0%, rgb(27, 64, 90) 100%);
  width: 20%;
  vertical-align: top;
  text-align: left;
  padding: 22px 15px;
  min-width: 264px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .formTableBasic tr th {
    display: block;
    width: 100%;
    padding: 15px;
  }
}
.formTableBasic tr th label {
  display: block;
  position: relative;
  padding: 0 50px 0 0;
  font-size: 1.6rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .formTableBasic tr th label {
    font-size: 1.4rem;
  }
}
.formTableBasic tr td {
  background: #1B1E21;
  vertical-align: top;
  padding: 0 15px 0 20px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .formTableBasic tr td {
    display: block;
    width: 100%;
    padding: 15px 20px;
  }
}
.formTableBasic tr td label {
  display: block;
  position: relative;
  line-height: 1;
  font-weight: bold;
}

.borderline02 {
  margin: 40px 0;
  border-bottom: 1px solid #343F46;
}

/*===========================
入力・確認フォーム　パターン3
===========================*/
.totalAmount {
  background: #14191D;
  padding: 20px 20px 2px;
  margin: 30px 0 30px;
}
@media screen and (min-width: 768px) {
  .totalAmount {
    padding: 40px 40px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .totalAmount {
    padding: 40px 60px 20px;
  }
}
.totalAmount .totalAmountInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #343F46;
  padding: 0 0 18px;
  margin: 0 0 18px;
}
.totalAmount .totalAmountInner dt {
  width: 100%;
  max-width: 170px;
  color: #3BAFDA;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .totalAmount .totalAmountInner dt {
    max-width: 190px;
    font-size: 2rem;
  }
}
.totalAmount .totalAmountInner dd {
  color: #CCD0D4;
}
.totalAmount .totalAmountInner dd .main_text {
  display: inline-block;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1;
  margin: 0 2px 0 0;
}
@media screen and (min-width: 768px) {
  .totalAmount .totalAmountInner dd .main_text {
    font-size: 2.6rem;
  }
}
.totalAmount .totalAmountInner dd .sub_text {
  display: inline-block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1;
}

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

■履歴一覧

============================================*/
.frontHistory {
  padding: 0 0 20px;
}
@media screen and (min-width: 992px) {
  .frontHistory {
    padding: 0 0 50px;
  }
}

/*件数*/
.historyReults {
  margin: 0 0 10px;
  font-size: 1.6rem;
  color: #838D95;
}

/*履歴表*/
.historyTable {
  width: 100%;
  margin: 0 0 50px;
}
@media screen and (max-width: 991px) {
  .historyTable {
    width: 100%;
    display: block;
    margin: 0 0 30px;
  }
}
@media screen and (max-width: 991px) {
  .historyTable colgroup {
    display: none;
  }
}
.historyTable colgroup col {
  width: auto;
}
.historyTable colgroup col.w10 {
  width: 10%;
}
.historyTable colgroup col.w15 {
  width: 15%;
}
.historyTable colgroup col.w16 {
  width: 16%;
}
.historyTable colgroup col.w17 {
  width: 17%;
}
.historyTable colgroup col.w20 {
  width: 20%;
}
.historyTable colgroup col.w30 {
  width: 30%;
}
.historyTable colgroup col.w40 {
  width: 40%;
}
.historyTable colgroup col.w50 {
  width: 50%;
}
.historyTable colgroup col.w60 {
  width: 60%;
}
.historyTable colgroup col.w70 {
  width: 70%;
}
.historyTable colgroup col.w80 {
  width: 80%;
}
.historyTable colgroup col.w90 {
  width: 90%;
}
.historyTable colgroup col.w100 {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .historyTable thead {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .historyTable thead tr {
    display: block;
  }
}
.historyTable thead tr th {
  background: #22262C;
  padding: 22px 10px;
  color: #BFCFD9;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  border-bottom: 3px solid #0A70A4;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .historyTable thead tr th {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 991px) {
  .historyTable thead tr th {
    font-size: 1.8rem;
    display: none;
    padding: 30px 10px;
  }
}
.historyTable thead tr th::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background: #030405;
}
@media screen and (max-width: 991px) {
  .historyTable thead tr th:first-child {
    display: block;
  }
}
.historyTable thead tr th:last-child::after {
  display: none;
}
@media screen and (max-width: 991px) {
  .historyTable tbody {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr {
    width: 100%;
    display: block;
  }
}
.historyTable tbody tr td {
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr td {
    width: 100%;
    display: block;
  }
}
.historyTable tbody tr td .in_title {
  padding: 15px 10px;
  color: #BFCFD9;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .historyTable tbody tr td .in_title {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr td .in_title {
    font-size: 1.4rem;
    padding: 26px 15px;
    text-align: center;
    width: 100%;
  }
}
.historyTable tbody tr td .in_btn {
  display: block;
  width: 100%;
  max-width: 80px;
  margin: 5px auto;
  padding: 10px 5px;
  line-height: 1;
  text-decoration: none;
  color: #FFFFFF;
  background: #0A70A4;
  border-radius: 4px;
  text-align: center;
  font-size: 1.3rem;
}
@media screen and (max-width: 1199px) {
  .historyTable tbody tr td .in_btn {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr td .in_btn {
    font-size: 1.4rem;
    max-height: 35px;
    margin: 22px auto 0;
  }
}
@media screen and (min-width: 768px) {
  .historyTable tbody tr td .in_btn:hover {
    background: #3B3B47;
  }
}
.historyTable tbody tr td .in_text {
  padding: 10px 10px;
  color: #7497AF;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (min-width: 1200px) {
  .historyTable tbody tr td .in_text {
    padding: 10px 0 10px 30px;
  }
}
@media screen and (max-width: 1199px) {
  .historyTable tbody tr td .in_text {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr td .in_text {
    font-size: 1.4rem;
    padding: 0 0 10px;
  }
}
.historyTable tbody tr td .in_status {
  display: block;
  text-align: center;
  width: 100%;
}
.historyTable tbody tr td .in_status span {
  display: inline-block;
  width: 100%;
  border: 1px solid;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
  padding: 5px 5px 6px;
}
@media screen and (min-width: 1400px) {
  .historyTable tbody tr td .in_status span {
    max-width: calc(100% - 50px);
  }
}
@media screen and (max-width: 1199px) {
  .historyTable tbody tr td .in_status span {
    font-size: 1.1rem;
    max-width: calc(100% - 20px);
  }
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr td .in_status span {
    font-size: 1.4rem;
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr.tr_wrap {
    display: block;
    margin: 0 0 20px;
  }
}
.historyTable tbody tr.tr_wrap td {
  text-align: center;
  background: #22262C;
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr.tr_wrap td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1px;
    background: rgb(11, 16, 19);
    background: -webkit-gradient(linear, left top, right top, from(rgb(11, 16, 19)), to(rgb(23, 27, 32)));
    background: linear-gradient(90deg, rgb(11, 16, 19) 0%, rgb(23, 27, 32) 100%);
  }
  .historyTable tbody tr.tr_wrap td::before {
    content: "";
    font-weight: bold;
    font-size: 1.4rem;
    width: 100%;
    max-width: 40%;
    min-width: 40%;
    padding: 26px 3px;
    background: #22262C;
    color: #BFCFD9;
  }
  .historyTable tbody tr.tr_wrap td.el_management {
    display: block;
    text-align: center;
    padding: 0;
    background: #22262C;
  }
  .historyTable tbody tr.tr_wrap td.el_management::before {
    display: block;
    content: "管理番号";
    background: #22262C;
    padding: 29px 10px;
    color: #BFCFD9;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    border-bottom: 3px solid #0A70A4;
    position: relative;
    max-width: 100%;
    min-width: 100%;
  }
  .historyTable tbody tr.tr_wrap td.el_management .in_title {
    font-size: 1.8rem;
  }
  .historyTable tbody tr.tr_wrap td.el_endmil::before {
    content: "エンドミル種類";
  }
  .historyTable tbody tr.tr_wrap td.el_status::before {
    content: "ステータス";
    padding: 11px 10px 26px;
  }
  .historyTable tbody tr.tr_wrap td.el_time::before {
    content: "依頼日時";
  }
  .historyTable tbody tr.tr_wrap td.el_number::before {
    content: "研磨依頼本数";
  }
  .historyTable tbody tr.tr_wrap td.el_detail::before {
    content: "詳細";
  }
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr.tr_item {
    display: none;
    background: rgb(23, 27, 32);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(23, 27, 32)), to(rgb(11, 16, 19)));
    background: linear-gradient(0deg, rgb(23, 27, 32) 0%, rgb(11, 16, 19) 100%);
    border: 1px solid #22262C;
    margin: 20px 0;
    padding: 20px;
  }
}
.historyTable tbody tr.tr_item td {
  background: rgb(23, 27, 32);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(23, 27, 32)), to(rgb(11, 16, 19)));
  background: linear-gradient(0deg, rgb(23, 27, 32) 0%, rgb(11, 16, 19) 100%);
  text-align: left;
  border-bottom: 2px solid #030405;
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr.tr_item td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1px;
    width: 100%;
    background: none;
    border-bottom: none;
  }
  .historyTable tbody tr.tr_item td.el_management::before {
    content: "管理番号：";
    font-size: 1.4rem;
    padding: 0 0 10px;
    margin: 0;
  }
  .historyTable tbody tr.tr_item td.el_endmil, .historyTable tbody tr.tr_item td.el_time, .historyTable tbody tr.tr_item td.el_number, .historyTable tbody tr.tr_item td.el_detail {
    display: none;
  }
}
.historyTable tbody tr.tr_admin td {
  background: rgb(11, 16, 19);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(11, 16, 19)), to(rgb(23, 27, 32)));
  background: linear-gradient(0deg, rgb(11, 16, 19) 0%, rgb(23, 27, 32) 100%);
  border-bottom: 3px solid #030405;
  position: relative;
}
.historyTable tbody tr.tr_admin td::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0px;
  width: 3px;
  height: 100%;
  background: #030405;
}
.historyTable tbody tr.tr_admin td.el_name {
  background: rgb(31, 35, 42);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(31, 35, 42)), to(rgb(37, 43, 50)));
  background: linear-gradient(0deg, rgb(31, 35, 42) 0%, rgb(37, 43, 50) 100%);
}
.historyTable tbody tr.tr_admin td.el_name .in_title {
  text-align: left;
  padding: 15px 10px 15px 20px;
}
.historyTable tbody tr.tr_admin td .in_title {
  color: #CCD0D4;
}
.historyTable tbody tr.tr_admin td .in_btn {
  background: #D76B0D;
}
@media screen and (min-width: 768px) {
  .historyTable tbody tr.tr_admin td .in_btn:hover {
    background: #3B3B47;
  }
}
@media screen and (max-width: 991px) {
  .historyTable tbody tr.tr_admin td.el_name {
    display: block;
    text-align: center;
    padding: 0;
    background: #22262C;
  }
  .historyTable tbody tr.tr_admin td.el_name::before {
    display: block;
    content: "依頼ユーザ名";
    background: #22262C;
    padding: 29px 10px;
    color: #BFCFD9;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    border-bottom: 3px solid #0A70A4;
    position: relative;
    max-width: 100%;
    min-width: 100%;
  }
  .historyTable tbody tr.tr_admin td.el_name .in_title {
    font-size: 1.8rem;
    text-align: center;
    padding: 26px 15px;
  }
  .historyTable tbody tr.tr_admin td.el_endmil::before {
    content: "エンドミル種類";
  }
  .historyTable tbody tr.tr_admin td.el_total::before {
    content: "ステータス";
    padding: 15px 3px 26px;
  }
  .historyTable tbody tr.tr_admin td.el_time::before {
    content: "依頼日時";
  }
  .historyTable tbody tr.tr_admin td.el_number::before {
    content: "研磨依頼本数";
  }
  .historyTable tbody tr.tr_admin td.el_time::before {
    content: "日時";
  }
  .historyTable tbody tr.tr_admin td.el_detail::before {
    content: "詳細";
  }
}
.historyTable tbody tr.tr_admin td:last-child::after {
  display: none;
}
@media screen and (min-width: 992px) {
  .historyTable tbody tr.tr_admin .SpHistoryStatus {
    display: block;
    width: 100%;
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgb(11, 16, 19);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(11, 16, 19)), to(rgb(23, 27, 32)));
    background: linear-gradient(0deg, rgb(11, 16, 19) 0%, rgb(23, 27, 32) 100%);
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusID {
    width: 50%;
    padding: 10px 0;
    position: relative;
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusID::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background: #030405;
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusID::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #030405;
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusID .in_text {
    padding: 0;
    color: #CCD0D4;
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusNum {
    width: 50%;
    padding: 10px 12px;
    position: relative;
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusNum::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #030405;
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusNum .in_status {
    max-width: 196px;
    margin: auto;
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem:last-child .SpHistoryStatusID::before {
    display: none;
  }
  .historyTable tbody tr.tr_admin .SpHistoryStatus .SpHistoryStatusItem:last-child .SpHistoryStatusNum::before {
    display: none;
  }
}

.SpHistoryStatus {
  display: none;
}
@media screen and (max-width: 991px) {
  .SpHistoryStatus {
    display: block;
    width: 100%;
  }
  .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusID {
    background: rgb(23, 27, 32);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(23, 27, 32)), to(rgb(11, 16, 19)));
    background: linear-gradient(0deg, rgb(23, 27, 32) 0%, rgb(11, 16, 19) 100%);
    padding: 11px 15px 1px;
  }
  .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusNum {
    background: rgb(23, 27, 32);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(23, 27, 32)), to(rgb(11, 16, 19)));
    background: linear-gradient(0deg, rgb(23, 27, 32) 0%, rgb(11, 16, 19) 100%);
    padding: 26px 15px;
  }
  .SpHistoryStatus .SpHistoryStatusItem .SpHistoryStatusNum .in_status {
    max-width: 196px;
    margin: auto;
  }
}

/*詳細表*/
.detailTable {
  width: 100%;
  margin: 0 0 50px;
}
@media screen and (max-width: 767px) {
  .detailTable {
    margin: 0 0 30px;
  }
}
.detailTable thead th {
  background: #22262C;
  padding: 22px 10px;
  color: #BFCFD9;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  border-bottom: 3px solid #0A70A4;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .detailTable thead th {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 991px) {
  .detailTable thead th {
    font-size: 1.4rem;
  }
}
.detailTable thead th::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: #030405;
}
.detailTable thead th:last-child::after {
  display: none;
}
.detailTable tbody tr td {
  overflow: hidden;
  padding: 0 20px;
  background: rgb(11, 16, 19);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(11, 16, 19)), to(rgb(23, 27, 32)));
  background: linear-gradient(0deg, rgb(11, 16, 19) 0%, rgb(23, 27, 32) 100%);
  color: #CCD0D4;
}
.detailTable tbody tr td .in_status {
  display: block;
  text-align: center;
  width: 100%;
}
.detailTable tbody tr td .in_status span {
  display: inline-block;
  width: 100%;
  border: 1px solid;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
  padding: 5px 5px 6px;
}
@media screen and (min-width: 1200px) {
  .detailTable tbody tr td .in_status span {
    max-width: calc(100% - 24px);
  }
}
@media screen and (max-width: 991px) {
  .detailTable tbody tr td .in_status span {
    font-size: 1.4rem;
    max-width: 100%;
  }
}
.detailTable tbody tr td:first-child {
  background: #1F232A;
  border-right: 2px solid #030405;
  border-bottom: 2px solid #030405;
  width: 263px;
}
.detailTable tbody tr:last-child td:first-child {
  border-bottom: none;
}

.breadcrumb {
  background: #030405;
  padding: 13px 0 5px;
  border-bottom: 1px solid #BFCFD9;
  line-height: 1;
}
.breadcrumb ul li {
  margin: 0 15px 10px;
  line-height: 1;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.2rem;
}
.breadcrumb ul li a {
  display: inline-block;
  padding: 0;
  color: #BFCFD9;
  position: relative;
}
.breadcrumb ul li a::after {
  content: ">";
  display: inline-block;
  position: absolute;
  top: 0;
  right: -20px;
}

/*ページネーション番号*/
.pagination {
  margin: 0 auto 30px;
}
.pagination ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .pagination ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pagination ul li {
  padding: 0;
  margin: 0;
}
.pagination ul li a {
  padding: 0;
  margin: 0px 2.5px;
  display: block;
  background: #000000;
  border: 1px solid #2F3F4A;
  border-radius: 4px;
  color: #FFFFFF;
  width: 35px;
  height: 35px;
  text-align: center;
  font-weight: bold;
  line-height: 32px;
}
.pagination ul li a:hover {
  background: #3B3B47;
  border: 1px solid #2F3F4A;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #FFFFFF;
}
.pagination ul li.on a {
  background: #2F3F4A;
  border: 1px solid #2F3F4A;
  color: #FFFFFF;
}
.pagination ul li.arrow_left a {
  background: #0A70A4 url(../img/icon_leftarrow01_white.svg) no-repeat center center;
}
.pagination ul li.arrow_left a:hover {
  background: #3B3B47 url(../img/icon_leftarrow01_white.svg) no-repeat center center;
  opacity: 1;
}
.pagination ul li.arrow_right a {
  background: #0A70A4 url(../img/icon_rightarrow01_white.svg) no-repeat center center;
}
.pagination ul li.arrow_right a:hover {
  background: #3B3B47 url(../img/icon_rightarrow01_white.svg) no-repeat center center;
  opacity: 1;
}
.pagination ul li.dotted a {
  letter-spacing: -22px;
  line-height: 38px;
}

header {
  position: relative;
}

.headerLogo {
  line-height: 1;
  width: 100%;
  margin: 0 0 24px;
  padding: 15px 15px 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .headerLogo {
    padding: 30px 30px 0;
    text-align: left;
  }
}
.headerLogo a {
  display: inline-block;
  width: 100%;
  max-width: 300px;
}
@media screen and (min-width: 768px) {
  .headerLogo a {
    max-width: 419px;
  }
}
.headerLogo a img {
  display: inline-block;
  width: 100%;
}

.headeMenu {
  border-bottom: 3px solid #162631;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .headeMenu {
    padding: 0 30px;
  }
}
.headeMenu ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  top: 3px;
}
.headeMenu ul li {
  width: 50%;
  padding: 0;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .headeMenu ul li {
    width: auto;
  }
}
.headeMenu ul li a {
  display: block;
  text-decoration: none;
  padding: 10px 10px;
  color: #CCD0D4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}
.headeMenu ul li a.current, .headeMenu ul li a.style-change {
  color: #3BAFDA;
  border-bottom: 3px solid #3BAFDA;
}
@media screen and (min-width: 768px) {
  .headeMenu ul li a {
    display: inline-block;
    padding: 0 30px 10px;
  }
  .headeMenu ul li a:hover {
    opacity: 0.6;
  }
}
.headeMenu ul li.noCurrent a.current, .headeMenu ul li.noCurrent a.style-change {
  color: #CCD0D4;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}

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

■TOPICKS

============================================*/
.ticker {
  background: #2F3F4A;
  padding: 10px 15px;
  margin: 30px 0 60px;
}

footer {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 15px 15px;
}
@media screen and (min-width: 768px) {
  footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 15px 5px;
  }
}

.footerList {
  display: block;
}
@media screen and (min-width: 768px) {
  .footerList {
    display: inline-block;
  }
}
.footerList ul li {
  display: block;
  margin: 0 10px 10px;
  list-style: none;
  font-size: 1.2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footerList ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
  }
}
.footerList ul li a {
  display: inline-block;
  text-decoration: none;
  color: #CCD0D4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 1px solid #CCD0D4;
  padding: 0 0 0px;
}
@media screen and (min-width: 768px) {
  .footerList ul li a:hover {
    opacity: 0.6;
  }
}
.footerList ul li a .el_icon {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 0 2px 3px;
  background: url(../img/icon_link_gray.svg) no-repeat center center;
  background-size: 100% auto;
}

.copyright {
  color: #7497AF;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1;
  padding: 0;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .copyright {
    text-align: right;
    padding: 10px 10px 10px 0;
  }
}

/*ページトップ*/
#page-top {
  text-align: right;
  position: fixed;
  right: 15px;
  bottom: 55px;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  #page-top {
    bottom: 95px;
  }
}
#page-top a {
  display: inline-block;
  background: #3BAFDA;
  text-align: center;
  padding: 10px 10px 13px;
  border-radius: 4px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #page-top a {
    padding: 18px 18px 18px;
  }
}
#page-top a img {
  display: inline-block;
  max-width: 100%;
}

/*ログインフォーム*/
.loginSection {
  padding: 60px 0 30px;
}
@media screen and (min-width: 768px) {
  .loginSection {
    padding: 100px 0 70px;
  }
}

.loginForm {
  background: rgb(11, 16, 19);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(11, 16, 19)), to(rgb(23, 27, 32)));
  background: linear-gradient(0deg, rgb(11, 16, 19) 0%, rgb(23, 27, 32) 100%);
  padding: 30px 30px 10px;
  max-width: 620px;
  margin: 0 auto 30px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .loginForm {
    padding: 40px 40px 10px;
  }
}
@media screen and (min-width: 1200px) {
  .loginForm {
    padding: 60px 78px 30px;
  }
}
.loginForm::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border: 1px solid rgba(139, 139, 139, 0.6);
}
.loginForm form {
  display: block;
  position: relative;
  z-index: 1;
}
.loginForm .loginImg {
  text-align: center;
  margin: 0 0 30px;
}
.loginForm .btn01 {
  max-width: 320px;
  margin: 0 0 30px;
}

.admin-loginForm {
  border-top: 2px solid #3BAFDA;
}
.admin-loginForm input[type=checkbox]:checked + label:before {
  background: #3BAFDA url(../img/icon_check_white.svg) no-repeat center center;
  border: 1px solid #3BAFDA;
}

.loginFormItem {
  margin: 0 0 20px;
}
.loginFormItem label {
  display: block;
  margin: 0 0 10px;
  line-height: 1;
  font-weight: bold;
  color: #CCD0D4;
  font-size: 1.6rem;
}
.loginFormAuto {
  margin: 0 0 50px;
}
.loginFormAuto p label {
  font-size: 1.5rem;
}

.loginFormForget {
  text-align: center;
  margin: 0 0 30px;
}

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

■ログインエラー

============================================*/
.antialiased {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 100%;
}
.antialiased .antialiasedInner {
  text-align: center;
}
.antialiased .antialiasedInner h1 {
  font-size: 3.5rem;
  color: #3BAFDA;
  margin: 0 0 1rem;
}
.antialiased .antialiasedInner p {
  margin: 0 0 50px;
}

.requestInputScene {
  padding: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .requestInputScene {
    padding: 0 0 50px;
  }
}

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

■メインビジュアル

============================================*/
.mainvisual {
  padding: 0;
  margin: 60px 0;
}
.mainvisual .mainvisualInner {
  position: relative;
}
.mainvisual .mainvisualWrap {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .mainvisual .mainvisualWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 50%;
  }
}
@media screen and (min-width: 1400px) {
  .mainvisual .mainvisualWrap {
    width: 56%;
  }
}
.mainvisual .mainvisualWrap .mainvisualImg {
  text-align: center;
  margin: 0 0 18px;
  position: relative;
  z-index: 1;
}
.mainvisual .mainvisualWrap .mainvisualImg .mainvisualImgItem01 {
  margin: 0 0 1.5%;
}
.mainvisual .mainvisualWrap .mainvisualImg .mainvisualImgItem01 img {
  max-width: 80%;
}
.mainvisual .mainvisualWrap .mainvisualImg .mainvisualImgItem02 {
  margin: 0 0 4%;
}
.mainvisual .mainvisualWrap .mainvisualImg .mainvisualImgItem03 img {
  max-width: 83%;
}
.mainvisual .mainvisualWrap .mainvisualText {
  text-align: center;
  font-size: 2.2vw;
  margin: 0;
  color: #7497AF;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .mainvisual .mainvisualWrap .mainvisualText {
    font-size: 1.2vw;
  }
}
@media screen and (min-width: 1400px) {
  .mainvisual .mainvisualWrap .mainvisualText {
    font-size: 1.5rem;
  }
}
.mainvisual .mainvisualWrap .btn01 {
  margin: 0 0 10px;
  position: relative;
  z-index: 1;
}
.mainvisual .mainvisualWrap .mainvisualBtn {
  display: inline-block;
  width: 100%;
  max-width: 402px;
  padding: 15px 0 17px;
  background: #0A70A4;
  border-radius: 4px;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0 0 13px;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s;
  font-weight: bold;
  text-align: center;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .mainvisual .mainvisualWrap .mainvisualBtn {
    padding: 1vw 0 1.5vw;
    font-size: 2vw;
  }
  .mainvisual .mainvisualWrap .mainvisualBtn:hover {
    background: #3B3B47;
  }
}
@media screen and (min-width: 1400px) {
  .mainvisual .mainvisualWrap .mainvisualBtn {
    font-size: 2rem;
    padding: 17px 0 21px;
  }
}
.mainvisual .mainvisualWrap .mainvisualBtn .el_icon {
  display: inline-block;
  width: 100%;
  max-width: 15px;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.mainvisual .mainvisualWrap .mainvisualBtn .el_icon.el_icon--plus {
  max-width: 21px;
  height: 21px;
  background: url(../img/icon_plus_white.svg) no-repeat center center;
  background-size: 100% auto;
}
.mainvisual .mainvisualWrap .mainvisualBtn .main_text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.mainvisual .mainvisualWrap .mainvisualBtn.btn01--revese {
  color: #030405;
  background: #E58811;
}
.mainvisual .mainvisualWrap .mainvisualBtn.btn01--revese:hover {
  background: #E58811;
}
.mainvisual .mainvisualBg {
  text-align: center;
  margin: 0 0 18px;
  display: none;
}
@media screen and (min-width: 768px) {
  .mainvisual .mainvisualBg {
    display: block;
  }
}

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

■セクション

============================================*/
.requestSection {
  padding: 50px 0 20px;
}
@media screen and (min-width: 768px) {
  .requestSection {
    padding: 50px 0 50px;
  }
}

.detailStatus {
  margin: 80px 0 0;
}

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

■管理者

============================================*/
.adminPage {
  /*ヘッダーメニュー*/
  /*見出し*/
  /*ボタン*/
  /*研磨依頼一覧*/
  /*キーワード*/
  /*検索詳細*/
  /*CSV*/
  /*ファイル*/
  /*ページネーション*/
  /*スイッチ*/
  /*スイッチ*/
  /*チェツクボックス*/
}
.adminPage .headeMenu ul li a.current, .adminPage .headeMenu ul li a.style-change {
  color: #E58811;
  border-bottom: 3px solid #E58811;
}
.adminPage .largeHeadline03 .el_open {
  background: #D76B0D url(../img/icon_downarrow01_white.svg) no-repeat center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .adminPage .largeHeadline03 .el_open:hover {
    background: #D76B0D url(../img/icon_uparrow01_white.svg) no-repeat center;
  }
}
.adminPage .mediumHeadline01 {
  border-left: 4px solid #E58811;
  width: calc(100% - 60px);
  margin: 0 auto 19px;
}
.adminPage .smallHeadline02 {
  border-left: 4px solid #E58811;
}
.adminPage .requestSection .mediumHeadline01 {
  width: 100%;
}
.adminPage .frontSearch {
  padding: 60px 0 44px;
}
.adminPage .frontSearch .searchWrap {
  background: #0B1013;
  padding: 20px 0 2px;
}
@media screen and (min-width: 768px) {
  .adminPage .frontSearch .searchWrap {
    padding: 20px 0 10px;
  }
}
.adminPage .frontSearch .searchWrap .searchWrapInner {
  border-top: 2px solid #030405;
  padding: 30px 30px 0;
}
@media screen and (min-width: 1200px) {
  .adminPage .frontSearch .searchWrap .searchWrapInner {
    padding: 30px 60px 0;
  }
}
.adminPage .frontSearch .searchWrap .searchWrapInner label {
  color: #CCD0D4;
  font-size: 1.6rem;
  margin: 0 0 10px;
  display: block;
  line-height: 1;
  font-weight: bold;
}
.adminPage .frontSearch .btnArea {
  max-width: 548px;
}
.adminPage .frontSearch .btnArea .btn01 {
  padding: 10px 0 12px;
}
.adminPage .searchWord {
  max-width: 626px;
  margin: 0 0 22px;
}
.adminPage .searchWord .searchWordInner {
  position: relative;
}
.adminPage .searchWord .searchWordInner .el_icon {
  position: absolute;
  top: 10px;
  left: 10px;
  line-height: 1;
  z-index: 1;
}
.adminPage .searchWord .searchWordInner .el_close {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  line-height: 1;
  z-index: 1;
}
.adminPage .searchWord .searchWordInner input {
  padding: 5px 10px 5px 40px;
}
.adminPage .searchDetail {
  padding: 0 0 30px;
}
@media screen and (min-width: 768px) {
  .adminPage .searchDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 28px);
    margin: 0 0 0 -14px;
  }
}
.adminPage .searchDetail .searchDetailItem {
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .adminPage .searchDetail .searchDetailItem {
    width: calc(33.3333% - 28px);
    margin: 0 14px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .adminPage .searchDetail .searchDetailItem {
    width: calc(25% - 28px);
  }
}
.adminPage .searchDetail .searchDetailItem.searchDetailItem03 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .adminPage .searchDetail .searchDetailItem.searchDetailItem03 {
    width: calc(100% - 28px);
  }
}
@media screen and (min-width: 1200px) {
  .adminPage .searchDetail .searchDetailItem.searchDetailItem03 {
    width: calc(50% - 28px);
  }
}
@media screen and (min-width: 768px) {
  .adminPage .searchDetail .searchDetailItem.searchDetailItem03 .searchDetailItemInner .searchDetailDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-bwtween;
        -ms-flex-pack: space-bwtween;
            justify-content: space-bwtween;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
.adminPage .searchDetail .searchDetailItem.searchDetailItem03 .searchDetailItemInner .searchDetailDate .selectSpace {
  margin: 0 6px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .adminPage .searchDetail .searchDetailItem.searchDetailItem03 .searchDetailItemInner .searchDetailDate .selectSpace span {
    margin: 6px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    display: inline-block;
  }
}
.adminPage .searchDetail .searchDetailItem.searchDetailItem04 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .adminPage .searchDetail .searchDetailItem.searchDetailItem04 {
    width: calc(100% - 28px);
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .adminPage .searchDetail .searchDetailItem.searchDetailItem04 {
    width: calc(75% - 28px);
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .adminPage .historyReultsOuter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .adminPage .historyReultsOuter .historyReults {
    margin: 0 0 20px;
  }
}
.adminPage .historyCSV {
  margin: 0 0 30px;
}
@media screen and (min-width: 768px) {
  .adminPage .historyCSV {
    margin: 0 0 10px;
  }
}
.adminPage .historyCSV .historyCSVInner {
  width: 100%;
  text-align: right;
}
@media screen and (min-width: 992px) {
  .adminPage .historyCSV .historyCSVInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.adminPage .historyCSV .historyCSVInner .historyCSVItem {
  margin: 0 0 4px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .adminPage .historyCSV .historyCSVInner .historyCSVItem {
    text-align: right;
  }
}
.adminPage .historyCSV .historyCSVInner .historyCSVItem button,
.adminPage .historyCSV .historyCSVInner .historyCSVItem a {
  background: #6C8291;
  border-radius: 3px;
  border: none;
  color: #FFFFFF;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  max-width: 160px;
  line-height: 1;
  padding: 11px 2px 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .adminPage .historyCSV .historyCSVInner .historyCSVItem button,
  .adminPage .historyCSV .historyCSVInner .historyCSVItem a {
    min-width: 160px;
  }
  .adminPage .historyCSV .historyCSVInner .historyCSVItem button:hover,
  .adminPage .historyCSV .historyCSVInner .historyCSVItem a:hover {
    background: #3B3B47;
  }
}
.adminPage .historyCSV .historyCSVInner .historyCSVItem button .el_icon,
.adminPage .historyCSV .historyCSVInner .historyCSVItem a .el_icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
}
.adminPage .historyCSV .historyCSVInner .historyCSVItem button.el_orange,
.adminPage .historyCSV .historyCSVInner .historyCSVItem a.el_orange {
  background: #D76B0D;
}
@media screen and (min-width: 768px) {
  .adminPage .historyCSV .historyCSVInner .historyCSVItem button.el_orange:hover,
  .adminPage .historyCSV .historyCSVInner .historyCSVItem a.el_orange:hover {
    background: #3B3B47;
  }
}
.adminPage .historyCSV .historyCSVInner .historyCSVItem #import_form input[type=file] {
  margin: 0 15px 0 0;
}
.adminPage .historyCSV .historyCSVInner .historyCSVItem:first-child {
  margin: 0 0 14px;
}
@media screen and (min-width: 992px) {
  .adminPage .historyCSV .historyCSVInner .historyCSVItem:first-child {
    margin: 0 50px 14px 0;
  }
}
.adminPage .historyCSV .historyCSVInner .historyCSVItem .historyCSVItemInner {
  margin: 0 0 50px;
}
@media screen and (min-width: 768px) {
  .adminPage .historyCSV .historyCSVInner .historyCSVItem .historyCSVItemInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
  }
}
.adminPage .fileFrame {
  margin: 0 0 15px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .adminPage .fileFrame {
    margin: 0 15px 0 0;
  }
}
.adminPage .fileFrame .fileFrameInner {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .adminPage .fileFrame .fileFrameInner {
    margin: 0 2px 0 0;
  }
}
.adminPage .fileFrame .fileFrameInner label {
  margin: 0 0 10px;
  padding: 4px 10px;
  border-radius: 3px;
  color: #FFFFFF;
  background: #D76B0D;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-width: 158px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .adminPage .fileFrame .fileFrameInner label {
    margin: 0;
  }
  .adminPage .fileFrame .fileFrameInner label:hover {
    background: #3B3B47;
  }
}
.adminPage .fileFrame .fileFrameInner label input[type=file] {
  display: none;
}
.adminPage .fileFrame p {
  font-size: 1.4rem;
  color: #BFCFD9;
  margin: 0 10px 12px 0;
}
@media screen and (min-width: 768px) {
  .adminPage .fileFrame p {
    margin: 0 13px 0 0;
  }
}
.adminPage .pagination ul li.arrow_left a {
  background: #D76B0D url(../img/icon_leftarrow01_white.svg) no-repeat center center;
}
@media screen and (min-width: 768px) {
  .adminPage .pagination ul li.arrow_left a:hover {
    background: #7497AF url(../img/icon_leftarrow01_white.svg) no-repeat center center;
  }
}
.adminPage .pagination ul li.arrow_right a {
  background: #D76B0D url(../img/icon_rightarrow01_white.svg) no-repeat center center;
}
@media screen and (min-width: 768px) {
  .adminPage .pagination ul li.arrow_right a:hover {
    background: #7497AF url(../img/icon_rightarrow01_white.svg) no-repeat center center;
  }
}
.adminPage .detailStatusSwitch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 404px;
  margin: 0 0 40px;
}
.adminPage .detailStatusSwitch .detailStatusSwitchSelect {
  margin: 0 15px 0 0;
}
.adminPage .detailStatusSwitch .detailStatusSwitchBtn {
  width: 100%;
  max-width: 90px;
}
.adminPage .detailStatusSwitch .detailStatusSwitchBtn button {
  display: block;
  width: 100%;
  background: #D76B0D;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 8px 0;
  border: none;
  border-radius: 3px;
}
.adminPage .detailStatusAll {
  padding: 0 0 20px 20px;
}
.adminPage .detailStatus {
  margin: 80px 0 50px;
}
.adminPage .detailStatus .largeHeadline03 {
  margin: 0;
}
.adminPage .detailStatus .formWrap {
  padding-right: 0;
  padding-left: 0;
  background: #0B1013;
}
.adminPage .detailStatus .detailStatusOption {
  padding: 0 20px 40px;
}
@media screen and (min-width: 768px) {
  .adminPage .detailStatus .detailStatusOption {
    padding: 0 40px 40px;
  }
}
@media screen and (min-width: 1200px) {
  .adminPage .detailStatus .detailStatusOption {
    padding: 0 60px 40px;
  }
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionTable {
  width: 100%;
  max-width: 832px;
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionTable {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr {
    display: block;
    width: 100%;
  }
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr th {
  background: #22262C;
  border-right: 2px solid #0B1013;
  border-bottom: 2px solid #0B1013;
  width: 40%;
  max-width: 264px;
  padding: 17px 10px 17px 20px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr th {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td {
  background: #1B1E21;
  border-right: 2px solid #0B1013;
  border-bottom: 2px solid #0B1013;
  padding: 12px;
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td {
    display: block;
    width: 100%;
  }
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td.el_cell01 {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td.el_cell01 {
    width: 100%;
  }
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td.el_cell02 {
  width: 15%;
  padding: 12px 20px;
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td.el_cell02 {
    width: 100%;
  }
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td.el_cell03 {
  width: 15%;
  padding: 12px 20px;
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td.el_cell03 {
    width: 100%;
  }
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td.el_hidden {
  background: #0B1013;
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionTable tbody tr td.el_hidden {
    display: none;
  }
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionText .detailStatusOptionTextItem {
  position: relative;
  width: 100%;
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionText .detailStatusOptionTextItem .el_close {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 1;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .adminPage .detailStatus .detailStatusOption .detailStatusOptionText .detailStatusOptionTextItem .el_close {
    top: 7px;
  }
}
.adminPage .detailStatus .detailStatusOption .detailStatusOptionText .detailStatusOptionTextItem02 {
  position: relative;
  width: auto;
  margin: 0 0 0 10px;
  color: #CCD0D4;
}
.adminPage .detailStatus .detailStatusOption .in_btn {
  display: block;
  width: 100%;
  max-width: 90px;
  margin: 0 auto;
  background: #D76B0D;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 7px 0;
  border: none;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .adminPage .detailStatus .detailStatusOption .in_btn:hover {
    background: #3B3B47;
  }
}
.adminPage .detailStatus .detailStatusOption .in_btn.disabled {
  display: block;
  width: 100%;
  max-width: 90px;
  margin: 0 auto;
  background: #161A1F;
  text-align: center;
  color: #677581;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 7px 0;
  border: none;
  border-radius: 3px;
  pointer-events: none;
}
.adminPage .detailStatus .detailStatusOption02 {
  border-top: 2px solid #030405;
  padding: 40px 20px 0;
}
@media screen and (min-width: 768px) {
  .adminPage .detailStatus .detailStatusOption02 {
    padding: 40px 40px 0;
  }
}
@media screen and (min-width: 1200px) {
  .adminPage .detailStatus .detailStatusOption02 {
    padding: 40px 60px 0;
  }
}
.adminPage .detailStatus .detailStatusOption02 .detailTable {
  margin: 0 0 20px;
}
.adminPage .detailStatus .detailStatusOption02 .detailTable thead th {
  padding: 18px 10px;
}
.adminPage .detailStatus .detailStatusOption02 .detailTable thead td {
  background: rgb(11, 16, 19);
  background: -webkit-gradient(linear, left top, right top, from(rgb(11, 16, 19)), to(rgb(23, 27, 32)));
  background: linear-gradient(90deg, rgb(11, 16, 19) 0%, rgb(23, 27, 32) 100%);
}
.adminPage input[type=radio]:checked + label:before,
.adminPage input[type=checkbox]:checked + label:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 2px;
  margin: 0 15px 0 0;
  border: 2px solid #D76B0D;
  background: #2F373D url(../img/icon_check_orange.svg) no-repeat center center;
  letter-spacing: 5px;
}

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

■ティッカー

============================================*/
@-webkit-keyframes sliderAnimation {
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes sliderAnimation {
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.tickerSection {
  overflow: hidden;
  margin: 30px 0 0;
  background: #2F3F4A;
}
.tickerSection #ticker {
  display: -ms-grid;
  -ms-grid-columns: min-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 30px 10px;
  width: 100%;
}
.tickerSection #ticker .tickerTitle {
  margin: 0 15px 0 0;
}
.tickerSection #ticker .tickerTitle span {
  display: inline-block;
  color: #3BAFDA;
  padding: 0 10px;
  line-height: 1;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: "Anton", sans-serif;
  position: relative;
}
.tickerSection #ticker .tickerTitle span::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 1px;
  height: calc(100% - 0px);
  background: #3BAFDA;
}
.tickerSection #ticker .tickerTitle span::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0;
  width: 1px;
  height: calc(100% - 0px);
  background: #3BAFDA;
}
.tickerSection #ticker .tickerContents {
  overflow: hidden;
  position: relative;
  top: -2px;
}
.tickerSection #ticker .tickerContents ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  -webkit-animation: 20s linear infinite sliderAnimation;
          animation: 20s linear infinite sliderAnimation;
}
@media screen and (min-width: 421px) {
  .tickerSection #ticker .tickerContents ul {
    -webkit-animation: 18s linear infinite sliderAnimation;
            animation: 18s linear infinite sliderAnimation;
  }
}
@media screen and (min-width: 768px) {
  .tickerSection #ticker .tickerContents ul {
    -webkit-animation: 16s linear infinite sliderAnimation;
            animation: 16s linear infinite sliderAnimation;
  }
}
@media screen and (min-width: 992px) {
  .tickerSection #ticker .tickerContents ul {
    -webkit-animation: 14s linear infinite sliderAnimation;
            animation: 14s linear infinite sliderAnimation;
  }
}
@media screen and (min-width: 1200px) {
  .tickerSection #ticker .tickerContents ul {
    -webkit-animation: 12s linear infinite sliderAnimation;
            animation: 12s linear infinite sliderAnimation;
  }
}
@media screen and (min-width: 1400px) {
  .tickerSection #ticker .tickerContents ul {
    -webkit-animation: 14s linear infinite sliderAnimation;
            animation: 14s linear infinite sliderAnimation;
  }
}
@media screen and (min-width: 1921px) {
  .tickerSection #ticker .tickerContents ul {
    -webkit-animation: 16s linear infinite sliderAnimation;
            animation: 16s linear infinite sliderAnimation;
  }
}
.tickerSection #ticker .tickerContents ul li {
  position: relative;
  white-space: nowrap;
  font-size: 1.5rem;
}

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

■一覧

============================================*/
.tickerShow {
  padding: 50px 0 20px;
}
@media screen and (min-width: 768px) {
  .tickerShow {
    padding: 50px 0 50px;
  }
}
.tickerShow textarea {
  height: 300px;
}

.tickerShowTable {
  margin: 0 0 30px;
}
@media screen and (max-width: 767px) {
  .tickerShowTable {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tickerShowTable tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tickerShowTable tbody tr {
    display: block;
    width: 100%;
  }
}
.tickerShowTable tbody tr th {
  width: 25;
  padding: 22px;
  background: rgb(18, 49, 70);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(18, 49, 70)), to(rgb(27, 64, 90)));
  background: linear-gradient(0deg, rgb(18, 49, 70) 0%, rgb(27, 64, 90) 100%);
}
.tickerShowTable tbody tr th label {
  display: block;
  position: relative;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .tickerShowTable tbody tr th label {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .tickerShowTable tbody tr th {
    display: block;
    width: 100%;
    border: none;
  }
}
.tickerShowTable tbody tr td {
  padding: 22px;
  background: rgb(11, 16, 19);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(11, 16, 19)), to(rgb(23, 27, 32)));
  background: linear-gradient(0deg, rgb(11, 16, 19) 0%, rgb(23, 27, 32) 100%);
  border-right: 2px solid #030405;
}
.tickerShowTable tbody tr td.el_cell01 {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .tickerShowTable tbody tr td.el_cell01 {
    display: block;
    width: 100%;
    border: none;
  }
}
.tickerShowTable tbody tr td.el_cell02 {
  width: 15%;
}
@media screen and (max-width: 767px) {
  .tickerShowTable tbody tr td.el_cell02 {
    display: block;
    width: 100%;
    border: none;
  }
}
.tickerShowTable tbody tr td .in_btn {
  display: block;
  width: 100%;
  max-width: 90px;
  min-width: 90px;
  margin: 5px auto;
  padding: 10px 5px;
  line-height: 1;
  text-decoration: none;
  color: #FFFFFF;
  background: #D76B0D;
  border-radius: 4px;
  text-align: center;
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  .tickerShowTable tbody tr td .in_btn:hover {
    background: #3B3B47;
  }
}
@media screen and (max-width: 767px) {
  .tickerShowTable tbody tr td {
    display: block;
    width: 100%;
    border: none;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .xs_left {
    text-align: left;
  }
  .xs_center {
    text-align: center;
  }
  .xs_right {
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  .sm_left {
    text-align: left;
  }
  .sm_center {
    text-align: center;
  }
  .sm_right {
    text-align: right;
  }
}
@media screen and (max-width: 1199px) {
  .md_left {
    text-align: left;
  }
  .md_center {
    text-align: center;
  }
  .md_right {
    text-align: right;
  }
}
.xxxs_visible {
  display: block;
}
@media screen and (min-width: 421px) {
  .xxxs_visible {
    display: none;
  }
}

.xxxs_hidden {
  display: none;
}
@media screen and (min-width: 421px) {
  .xxxs_hidden {
    display: block;
  }
}

.xxs_visible {
  display: block;
}
@media screen and (min-width: 601px) {
  .xxs_visible {
    display: none;
  }
}

.xxs_hidden {
  display: none;
}
@media screen and (min-width: 601px) {
  .xxs_hidden {
    display: block;
  }
}

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

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

.sm_visible {
  display: block;
}
@media screen and (min-width: 992px) {
  .sm_visible {
    display: none;
  }
}

.sm_hidden {
  display: none;
}
@media screen and (min-width: 992px) {
  .sm_hidden {
    display: block;
  }
}

.md_visible {
  display: block;
}
@media screen and (min-width: 1200px) {
  .md_visible {
    display: none;
  }
}

.md_hidden {
  display: none;
}
@media screen and (min-width: 1200px) {
  .md_hidden {
    display: block;
  }
}

.md2_visible {
  display: block;
}
@media screen and (min-width: 1400px) {
  .md2_visible {
    display: none;
  }
}

.md2_hidden {
  display: none;
}
@media screen and (min-width: 1400px) {
  .md2_hidden {
    display: block;
  }
}

.lg_visible {
  display: block;
}
@media screen and (min-width: 1921px) {
  .lg_visible {
    display: none;
  }
}

.lg_hidden {
  display: none;
}
@media screen and (min-width: 1921px) {
  .lg_hidden {
    display: block;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.mt0 {
  margin-top: 0 !important;
}

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

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

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

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

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

.mb0 {
  margin-bottom: 0 !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;
}

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

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

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

@media screen and (max-width: 767px) {
  .xs_pt0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt10 {
    padding-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt20 {
    padding-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt30 {
    padding-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt40 {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt50 {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb10 {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb20 {
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb30 {
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb40 {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb50 {
    padding-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt0 {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt10 {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt20 {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt30 {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt40 {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt50 {
    margin-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb0 {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb15 {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb25 {
    margin-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb30 {
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb50 {
    margin-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb60 {
    margin-bottom: 60px !important;
  }
}