@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");
html {
  font-size: 10px;
}

body {
  position: relative;
  font-family: "Zen Kaku Gothic New", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  font-weight: 500;
  background-color: #f9f8ee;
  color: black;
  line-height: 1.7;
  min-height: 100vh;
}

@media only screen and (max-width: 768px) {
  body {
    background-color: #fff;
  }
}

.regist_page {
  background-color: #f9f8ee;
  padding-bottom: 60px;
}

@media only screen and (min-width: 1024px) {
  body {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  body {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 1.2rem;
  }
}

table {
  font-weight: 500;
}

a {
  color: #5d81a3;
}

a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  body::after {
    background-color: #fff;
  }
}

.content_size {
  padding-left: 7%;
  padding-right: 7%;
}

#colmunContainer {
  display: flex;
  padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  #colmunContainer {
    flex-wrap: wrap;
  }
}

#side_col {
  width: 240px;
  padding: 20px 0 20px 20px;
}

@media only screen and (max-width: 768px) {
  #side_col {
    width: 100%;
    padding: 16px;
  }
}

#main_col {
  background-color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
  #main_col {
    width: calc(100% - 280px);
    flex: auto;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    background-color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 40px;
  }
}

@media only screen and (max-width: 768px) {
  #main_col {
    width: 100%;
    padding: 0 16px;
  }
}

/* グリッドシステム */
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (min-width: 1024px) {
  .row-10 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .row-10 > * {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .row-20 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .row-20 > * {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .row-30 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .row-30 > * {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .row-40 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .row-40 > * {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .row-50 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .row-50 > * {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .row-60 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .row-60 > * {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tb-row-10 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .tb-row-10 > * {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .tb-row-20 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .tb-row-20 > * {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .tb-row-30 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .tb-row-30 > * {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .tb-row-40 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .tb-row-40 > * {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .tb-row-50 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .tb-row-50 > * {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .tb-row-60 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .tb-row-60 > * {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media only screen and (max-width: 768px) {
  .sp-row-10 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .sp-row-10 > * {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .sp-row-20 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .sp-row-20 > * {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .sp-row-30 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .sp-row-30 > * {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .sp-row-40 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .sp-row-40 > * {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .sp-row-50 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .sp-row-50 > * {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .sp-row-60 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .sp-row-60 > * {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-tb-1,
.col-tb-2,
.col-tb-3,
.col-tb-4,
.col-tb-5,
.col-tb-6,
.col-tb-7,
.col-tb-8,
.col-tb-9,
.col-tb-10,
.col-tb-11,
.col-tb-12,
.col-tb,
.col-tb-auto,
.col-sp-1,
.col-sp-2,
.col-sp-3,
.col-sp-4,
.col-sp-5,
.col-sp-6,
.col-sp-7,
.col-sp-8,
.col-sp-9,
.col-sp-10,
.col-sp-11,
.col-sp-12,
.col-sp,
.col-sp-auto {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-tb {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-tb-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-tb-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-tb-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-tb-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tb-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-tb-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-tb-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tb-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-tb-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-tb-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tb-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-tb-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-tb-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-tb-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-tb-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-tb-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-tb-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-tb-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-tb-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-tb-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-tb-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-tb-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-tb-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-tb-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-tb-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-tb-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-tb-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-tb-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-tb-0 {
    margin-left: 0;
  }
  .offset-tb-1 {
    margin-left: 8.333333%;
  }
  .offset-tb-2 {
    margin-left: 16.666667%;
  }
  .offset-tb-3 {
    margin-left: 25%;
  }
  .offset-tb-4 {
    margin-left: 33.333333%;
  }
  .offset-tb-5 {
    margin-left: 41.666667%;
  }
  .offset-tb-6 {
    margin-left: 50%;
  }
  .offset-tb-7 {
    margin-left: 58.333333%;
  }
  .offset-tb-8 {
    margin-left: 66.666667%;
  }
  .offset-tb-9 {
    margin-left: 75%;
  }
  .offset-tb-10 {
    margin-left: 83.333333%;
  }
  .offset-tb-11 {
    margin-left: 91.666667%;
  }
  .flex-tb-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-tb-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-tb-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-tb-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-tb-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-tb-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-tb-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-tb-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-tb-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-tb-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-tb-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-tb-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-tb-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-tb-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-tb-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-tb-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-tb-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-tb-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-tb-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-tb-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-tb-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-tb-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-tb-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-tb-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-tb-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-tb-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-tb-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-tb-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-tb-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-tb-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-tb-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-tb-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-tb-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-tb-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sp-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sp-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sp-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sp-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sp-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sp-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sp-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sp-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sp-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sp-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sp-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sp-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sp-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sp-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sp-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sp-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sp-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sp-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sp-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sp-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sp-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sp-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sp-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sp-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sp-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sp-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sp-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sp-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sp-0 {
    margin-left: 0;
  }
  .offset-sp-1 {
    margin-left: 8.333333%;
  }
  .offset-sp-2 {
    margin-left: 16.666667%;
  }
  .offset-sp-3 {
    margin-left: 25%;
  }
  .offset-sp-4 {
    margin-left: 33.333333%;
  }
  .offset-sp-5 {
    margin-left: 41.666667%;
  }
  .offset-sp-6 {
    margin-left: 50%;
  }
  .offset-sp-7 {
    margin-left: 58.333333%;
  }
  .offset-sp-8 {
    margin-left: 66.666667%;
  }
  .offset-sp-9 {
    margin-left: 75%;
  }
  .offset-sp-10 {
    margin-left: 83.333333%;
  }
  .offset-sp-11 {
    margin-left: 91.666667%;
  }
  .flex-sp-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sp-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sp-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sp-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sp-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sp-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sp-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sp-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sp-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sp-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sp-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sp-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sp-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sp-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sp-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sp-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sp-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sp-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sp-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sp-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sp-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sp-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sp-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sp-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sp-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sp-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sp-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sp-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sp-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sp-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sp-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sp-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sp-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sp-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

/* 共通css */
.box_s {
  padding: 20px;
  background-color: #eee;
}

@media only screen and (max-width: 768px) {
  .box_m {
    padding: 20px;
  }
}

.box_m {
  padding: 30px;
  background-color: #eee;
}

@media only screen and (max-width: 768px) {
  .box_m {
    padding: 20px;
  }
}

.btn_typeA {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border: none !important;
  line-height: 1;
  color: #fff;
  align-items: center;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 3px;
  text-decoration: none;
  margin: 2px 0;
}

.btn_typeA i {
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .btn_typeA {
    font-size: 1.6rem;
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}

.btn_typeA:hover {
  opacity: 0.7;
}

.btn_typeB {
  border: none;
  letter-spacing: 2px;
  background-color: #000;
  color: #fff;
  border-radius: 100px;
  display: block;
  color: #fff;
  height: 38px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
}

.btn_typeB:hover {
  opacity: 0.7;
}

.btn_typeC {
  border: none;
  background-color: #8a8470;
  border-radius: 100px;
  display: block;
  color: #fff;
  height: 38px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: block;
  border: none;
  font-family: "Zen Kaku Gothic New", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  font-weight: 500;
}

.btn_typeC:hover {
  opacity: 0.7;
  border: none;
}

.btn_typeD {
  border: none;
  letter-spacing: 2px;
  background-color: #000;
  border-radius: 100px;
  display: inline-block;
  color: #fff;
  padding: 0 26px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: block;
  font-family: "Zen Kaku Gothic New", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  .btn_typeD {
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
  }
}

.btn_typeD:hover {
  opacity: 0.7;
}

.box_typeA {
  background-color: #f9f9f9;
}

@media only screen and (min-width: 1024px) {
  .box_typeA {
    padding: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .box_typeA {
    padding: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .box_typeA {
    padding: 20px;
    margin: 0 -16px;
  }
}

.col_edit {
  display: inline-block;
  background-color: #000;
  color: #fff;
  width: 36px;
  height: 36px;
  display: flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 3px;
  margin-left: auto;
}

.col_edit:hover {
  opacity: 0.7;
}

.ul_typeA {
  padding: 0;
}

.ul_typeA li {
  list-style: none;
  padding: 10px 16px;
}

.ul_typeA li:nth-child(odd) {
  background-color: #f9f9f9;
}

.table_typeA {
  width: 100%;
}

.table_typeA th {
  background-color: #eee;
  width: 160px;
}

@media only screen and (max-width: 768px) {
  .table_typeA th {
    width: 30%;
  }
}

.table_typeA th,
.table_typeA td {
  padding: 8px;
}

.table_typeA th,
.table_typeA td {
  border: solid 1px #ddd;
}

@media only screen and (max-width: 768px) {
  .table_typeA th,
  .table_typeA td {
    font-size: 1.2rem;
  }
}

.table_typeB {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.table_typeB tr th:last-child {
  width: 160px;
  text-align: right;
}

.table_typeB tr td:last-child {
  text-align: right;
}

.table_typeB th {
  background-color: #6a716d;
  color: #fff;
  padding: 8px;
}

.table_typeB tr th:nth-of-type(1) {
  text-align: left;
}

.table_typeB td {
  padding: 8px;
}

.table_typeB tr:nth-child(even) td,
.table_typeB tr:nth-child(even) td[rowspan] {
  background-color: #fff;
}

.table_typeB tr:nth-child(odd) td,
.table_typeB tr:nth-child(odd) td[rowspan] {
  padding: 8px;
  background-color: #f9f9f9;
}

.table_typeB tr.stock_qt_zero td {
  background-color: #c9c9c9;
}

.table_typeB.table_type_img {
  table-layout: auto;
}

.table_typeB.table_type_img tr td:nth-of-type(1) {
  width: 100px;
}

.table_typeB th,
.table_typeB td {
  border-bottom: solid 1px #f0f0f0;
}

@media only screen and (max-width: 768px) {
  .table_typeB th,
  .table_typeB td {
    font-size: 1.2rem;
  }
}

.table_typeB.bg_attention tr td:nth-child(even),
.table_typeB.bg_attention tr td:nth-child(odd) {
  background-color: #fff0c7;
  border-bottom: #fff solid 1px;
}

.table_typeB tr.bg_attention td:nth-child(even),
.table_typeB tr.bg_attention td:nth-child(odd) {
  background-color: #fff0c7;
  border-bottom: #fff solid 1px;
}

.table_typeB tr.bg_removed td:nth-child(even),
.table_typeB tr.bg_removed td:nth-child(odd) {
  background-color: #999;
  border-bottom: #fff solid 1px;
}

.table_typeB tr.bg_error td:nth-child(even),
.table_typeB tr.bg_error td:nth-child(odd) {
  background-color: #ffe8ea;
  border-bottom: #fff solid 1px;
}

.table_typeB tr.no_input_qr_date_ttl td:nth-child(even),
.table_typeB tr.no_input_qr_date_ttl td:nth-child(odd) {
  background-color: #72a787;
  color: #fff;
  line-height: 1.2;
  padding: 14px;
}

.table_typeB tr.tr_ttl td:nth-child(even),
.table_typeB tr.tr_ttl td:nth-child(odd) {
  background-color: #aaa360;
  color: #fff;
}

.table_typeB tr.tr_ttl_error td:nth-child(even),
.table_typeB tr.tr_ttl_error td:nth-child(odd) {
  background-color: #c24c4c;
  color: #fff;
}

.table_typeB tr.no_input_qr_data td:nth-child(even),
.table_typeB tr.no_input_qr_data td:nth-child(odd) {
  background-color: #dff8e9;
  border-bottom: #fff solid 1px;
}

.table_typeB tr.no_rental_data td:nth-child(even),
.table_typeB tr.no_rental_data td:nth-child(odd) {
  background-color: #ffe8ea;
  border-bottom: #fff solid 1px;
}

.table_typeC {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

@media only screen and (max-width: 768px) {
  .table_typeC th,
  .table_typeC td {
    font-size: 1.2rem;
  }
}

.table_typeC tr th:last-child {
  width: 160px;
  text-align: right;
}

.table_typeC tr td:last-child {
  text-align: right;
}

.table_typeC th {
  background-color: #aaa360;
  color: #fff;
  padding: 8px;
}

.table_typeC tr th:nth-of-type(1) {
  text-align: left;
}

.table_typeC td {
  padding: 8px;
  background-color: #fff;
}

.table_typeC tr:nth-child(even) td {
  background-color: #fff;
}

.table_typeC tr:nth-child(odd) td {
  padding: 8px;
  background-color: #f9f9f9;
}

.table_typeC.table_type_img {
  table-layout: auto;
}

.table_typeC.bg_attention tr td:nth-child(even),
.table_typeC.bg_attention tr td:nth-child(odd) {
  background-color: #fff0c7;
  border-bottom: #fff solid 1px;
}

.table_typeC tr.bg_attention td:nth-child(even),
.table_typeC tr.bg_attention td:nth-child(odd) {
  background-color: #fff0c7;
  border-bottom: #fff solid 1px;
}

.table_typeC tr.bg_removed td:nth-child(even),
.table_typeC tr.bg_removed td:nth-child(odd) {
  background-color: #999;
  border-bottom: #fff solid 1px;
}

.table_typeC tr.bg_error td:nth-child(even),
.table_typeC tr.bg_error td:nth-child(odd) {
  background-color: #ffe8ea;
  border-bottom: #fff solid 1px;
}

.table_typeC tr.no_input_qr_date_ttl td:nth-child(even),
.table_typeC tr.no_input_qr_date_ttl td:nth-child(odd) {
  background-color: #72a787;
  color: #fff;
}

.table_typeC tr.tr_ttl td:nth-child(even),
.table_typeC tr.tr_ttl td:nth-child(odd) {
  background-color: #aaa360;
  color: #fff;
}

.table_typeC tr.no_input_qr_data td:nth-child(even),
.table_typeC tr.no_input_qr_data td:nth-child(odd) {
  background-color: #dff8e9;
  border-bottom: #fff solid 1px;
}

.table_typeC tr.no_rental_data td:nth-child(even),
.table_typeC tr.no_rental_data td:nth-child(odd) {
  background-color: #ffe8ea;
  border-bottom: #fff solid 1px;
}

.table_typeA tr td.cellDiff,
.table_typeB tr td.cellDiff,
.table_typeC tr td.cellDiff {
  background-color: #ffe8ea;
}

.nowrap {
  white-space: nowrap;
}

.scroll {
  overflow: auto;
}

.scroll .table_typeB tr th:nth-of-type(1),
.scroll .table_typeB tr td:nth-of-type(1) {
  position: sticky;
  position: -webkit-sticky;
  z-index: 1;
  left: 0;
}

.scroll .table_typeB tr th:nth-of-type(2),
.scroll .table_typeB tr td:nth-of-type(2) {
  position: sticky;
  position: -webkit-sticky;
  z-index: 1;
}

.scroll .table_typeB tr th:nth-of-type(1),
.scroll .table_typeB tr td:nth-of-type(1) {
  left: 0;
  width: 116px;
}

.scroll .table_typeB th:nth-of-type(2),
.scroll .table_typeB tr td:nth-of-type(2) {
  left: 116px;
  width: 108px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .scroll .table_typeB th:nth-of-type(2),
  .scroll .table_typeB tr td:nth-of-type(2) {
    left: 88px;
  }
}

@media only screen and (max-width: 768px) {
  .scroll .table_typeB th:nth-of-type(2),
  .scroll .table_typeB tr td:nth-of-type(2) {
    left: 64px;
  }
}

.scroll .table_typeB th {
  text-align: left;
}

.scroll .table_typeC tr th:nth-of-type(1),
.scroll .table_typeC tr td:nth-of-type(1) {
  position: sticky;
  position: -webkit-sticky;
  z-index: 1;
}

.scroll .table_typeC tr th:nth-of-type(1),
.scroll .table_typeC tr td:nth-of-type(1) {
  left: 0;
}

.scroll .table_typeA,
.scroll .table_typeB,
.scroll .table_typeC {
  width: auto;
  min-width: 100%;
}

.scroll .table_typeA td,
.scroll .table_typeB td,
.scroll .table_typeC td {
  white-space: nowrap;
}

.scroll .table_typeA th,
.scroll .table_typeB th,
.scroll .table_typeC th {
  white-space: nowrap;
}

.notice_list_img {
  max-width: 150px;
  max-height: 150px;
}

.notice_list_item {
  border-top: 1px solid #6a716d;
}

h1 {
  font-size: 2.4rem;
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 1.8rem;
  }
}

.title_m {
  background-color: #b9cfbe;
  font-size: 1.8rem;
  padding: 10px 20px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .title_m {
    font-size: 1.3rem;
    padding: 5px 10px;
  }
}

.title_s {
  font-size: 2rem;
  font-weight: bold;
}

.title_typeA {
  background-color: #ddd;
  font-size: 1.6rem;
  padding: 10px 20px;
}

@media only screen and (max-width: 768px) {
  .title_typeA {
    font-size: 1.3rem;
    padding: 5px 10px;
  }
}

.title_lend {
  margin: 0 0 20px 0;
  background-color: #ed6c00;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}

.title_lend_move {
  margin: 0 0 20px 0;
  background-color: #36829a;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}

.title_return {
  margin: 0 0 20px 0;
  background-color: #ef3900;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}

.title_return_move {
  margin: 0 0 20px 0;
  background-color: #195e90;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}

.title_detail {
  margin: 0 0 20px 0;
  background-color: #9b0900;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}

.title_detail_move {
  margin: 0 0 20px 0;
  background-color: #0b4066;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}

.title_qr_stock_detail {
  margin: 0 0 20px 0;
  background-color: #308d5a;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}

.title_delete {
  margin: 0 0 20px 0;
  background-color: #c24c4c;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}

.title_error {
  margin: 0 0 20px 0;
  background-color: #6a716d;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}

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

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

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

.ta_c,
.align_center {
  text-align: center;
}

.txt_m {
  font-size: 1.2rem;
}

.txt_ll {
  font-size: 2.4rem;
}

.txt_l {
  font-size: 2rem;
}

@media only screen and (max-width: 768px) {
  .txt_l {
    font-size: 1.6rem;
  }
}

.txt_m {
  font-size: 1.6rem;
}

.txt_s {
  font-size: 1.2rem;
}

@media only screen and (max-width: 768px) {
  .txt_s {
    font-size: 1rem;
  }
}

.txt_ss {
  font-size: 0.96rem;
}

.caution {
  color: #c24c4c;
  font-weight: bold;
}

.bgc_typeA {
  background-color: #c72525 !important;
}

/* 余白 */
@media only screen and (min-width: 1024px) {
  .mb_l {
    margin-bottom: 80px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mb_l {
    margin-bottom: 70px !important;
  }
}

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

@media only screen and (min-width: 1024px) {
  .mb_m {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mb_m {
    margin-bottom: 40px !important;
  }
}

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

@media only screen and (min-width: 1024px) {
  .mb_s {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mb_s {
    margin-bottom: 20px !important;
  }
}

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

@media only screen and (min-width: 1024px) {
  .pt_l {
    padding-top: 80px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pt_l {
    padding-top: 70px !important;
  }
}

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

@media only screen and (min-width: 1024px) {
  .pt_m {
    padding-top: 40px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pt_m {
    padding-top: 40px !important;
  }
}

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

@media only screen and (min-width: 1024px) {
  .pt_s {
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pt_s {
    padding-top: 20px !important;
  }
}

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

@media only screen and (min-width: 1024px) {
  .pb_l {
    padding-bottom: 80px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pb_l {
    padding-bottom: 70px !important;
  }
}

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

@media only screen and (min-width: 1024px) {
  .pb_m {
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pb_m {
    padding-bottom: 40px !important;
  }
}

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

@media only screen and (min-width: 1024px) {
  .pb_s {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pb_s {
    padding-bottom: 20px !important;
  }
}

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

.mt_0 {
  margin-top: 0rem !important;
}

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

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

.mt_15 {
  margin-top: 1.5rem !important;
}

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

.mt_25 {
  margin-top: 2.5rem !important;
}

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

.mt_35 {
  margin-top: 3.5rem !important;
}

.mt_40 {
  margin-top: 4rem !important;
}

.mt_45 {
  margin-top: 4.5rem !important;
}

.mt_50 {
  margin-top: 5rem !important;
}

.mt_55 {
  margin-top: 5.5rem !important;
}

.mt_60 {
  margin-top: 6rem !important;
}

.mt_65 {
  margin-top: 6.5rem !important;
}

.mt_70 {
  margin-top: 7rem !important;
}

.mt_75 {
  margin-top: 7.5rem !important;
}

.mt_80 {
  margin-top: 8rem !important;
}

.mt_85 {
  margin-top: 8.5rem !important;
}

.mt_90 {
  margin-top: 9rem !important;
}

.mt_95 {
  margin-top: 9.5rem !important;
}

.mt_100 {
  margin-top: 10rem !important;
}

.mb_0 {
  margin-bottom: 0rem !important;
}

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

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

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

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

.mb_25 {
  margin-bottom: 2.5rem !important;
}

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

.mb_35 {
  margin-bottom: 3.5rem !important;
}

.mb_40 {
  margin-bottom: 4rem !important;
}

.mb_45 {
  margin-bottom: 4.5rem !important;
}

.mb_50 {
  margin-bottom: 5rem !important;
}

.mb_55 {
  margin-bottom: 5.5rem !important;
}

.mb_60 {
  margin-bottom: 6rem !important;
}

.mb_65 {
  margin-bottom: 6.5rem !important;
}

.mb_70 {
  margin-bottom: 7rem !important;
}

.mb_75 {
  margin-bottom: 7.5rem !important;
}

.mb_80 {
  margin-bottom: 8rem !important;
}

.mb_85 {
  margin-bottom: 8.5rem !important;
}

.mb_90 {
  margin-bottom: 9rem !important;
}

.mb_95 {
  margin-bottom: 9.5rem !important;
}

.mb_100 {
  margin-bottom: 10rem !important;
}

.mr_0 {
  margin-right: 0rem !important;
}

.mr_5 {
  margin-right: 0.5rem !important;
}

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

.mr_15 {
  margin-right: 1.5rem !important;
}

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

.mr_25 {
  margin-right: 2.5rem !important;
}

.mr_30 {
  margin-right: 3rem !important;
}

.mr_35 {
  margin-right: 3.5rem !important;
}

.mr_40 {
  margin-right: 4rem !important;
}

.mr_45 {
  margin-right: 4.5rem !important;
}

.mr_50 {
  margin-right: 5rem !important;
}

.mr_55 {
  margin-right: 5.5rem !important;
}

.mr_60 {
  margin-right: 6rem !important;
}

.mr_65 {
  margin-right: 6.5rem !important;
}

.mr_70 {
  margin-right: 7rem !important;
}

.mr_75 {
  margin-right: 7.5rem !important;
}

.mr_80 {
  margin-right: 8rem !important;
}

.mr_85 {
  margin-right: 8.5rem !important;
}

.mr_90 {
  margin-right: 9rem !important;
}

.mr_95 {
  margin-right: 9.5rem !important;
}

.mr_100 {
  margin-right: 10rem !important;
}

.ml_0 {
  margin-left: 0rem !important;
}

.ml_5 {
  margin-left: 0.5rem !important;
}

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

.ml_15 {
  margin-left: 1.5rem !important;
}

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

.ml_25 {
  margin-left: 2.5rem !important;
}

.ml_30 {
  margin-left: 3rem !important;
}

.ml_35 {
  margin-left: 3.5rem !important;
}

.ml_40 {
  margin-left: 4rem !important;
}

.ml_45 {
  margin-left: 4.5rem !important;
}

.ml_50 {
  margin-left: 5rem !important;
}

.ml_55 {
  margin-left: 5.5rem !important;
}

.ml_60 {
  margin-left: 6rem !important;
}

.ml_65 {
  margin-left: 6.5rem !important;
}

.ml_70 {
  margin-left: 7rem !important;
}

.ml_75 {
  margin-left: 7.5rem !important;
}

.ml_80 {
  margin-left: 8rem !important;
}

.ml_85 {
  margin-left: 8.5rem !important;
}

.ml_90 {
  margin-left: 9rem !important;
}

.ml_95 {
  margin-left: 9.5rem !important;
}

.ml_100 {
  margin-left: 10rem !important;
}

.pt_0 {
  padding-top: 0rem !important;
}

.pt_5 {
  padding-top: 0.5rem !important;
}

.pt_10 {
  padding-top: 1rem !important;
}

.pt_15 {
  padding-top: 1.5rem !important;
}

.pt_20 {
  padding-top: 2rem !important;
}

.pt_25 {
  padding-top: 2.5rem !important;
}

.pt_30 {
  padding-top: 3rem !important;
}

.pt_35 {
  padding-top: 3.5rem !important;
}

.pt_40 {
  padding-top: 4rem !important;
}

.pt_45 {
  padding-top: 4.5rem !important;
}

.pt_50 {
  padding-top: 5rem !important;
}

.pt_55 {
  padding-top: 5.5rem !important;
}

.pt_60 {
  padding-top: 6rem !important;
}

.pt_65 {
  padding-top: 6.5rem !important;
}

.pt_70 {
  padding-top: 7rem !important;
}

.pt_75 {
  padding-top: 7.5rem !important;
}

.pt_80 {
  padding-top: 8rem !important;
}

.pt_85 {
  padding-top: 8.5rem !important;
}

.pt_90 {
  padding-top: 9rem !important;
}

.pt_95 {
  padding-top: 9.5rem !important;
}

.pt_100 {
  padding-top: 10rem !important;
}

.pb_0 {
  padding-bottom: 0rem !important;
}

.pb_5 {
  padding-bottom: 0.5rem !important;
}

.pb_10 {
  padding-bottom: 1rem !important;
}

.pb_15 {
  padding-bottom: 1.5rem !important;
}

.pb_20 {
  padding-bottom: 2rem !important;
}

.pb_25 {
  padding-bottom: 2.5rem !important;
}

.pb_30 {
  padding-bottom: 3rem !important;
}

.pb_35 {
  padding-bottom: 3.5rem !important;
}

.pb_40 {
  padding-bottom: 4rem !important;
}

.pb_45 {
  padding-bottom: 4.5rem !important;
}

.pb_50 {
  padding-bottom: 5rem !important;
}

.pb_55 {
  padding-bottom: 5.5rem !important;
}

.pb_60 {
  padding-bottom: 6rem !important;
}

.pb_65 {
  padding-bottom: 6.5rem !important;
}

.pb_70 {
  padding-bottom: 7rem !important;
}

.pb_75 {
  padding-bottom: 7.5rem !important;
}

.pb_80 {
  padding-bottom: 8rem !important;
}

.pb_85 {
  padding-bottom: 8.5rem !important;
}

.pb_90 {
  padding-bottom: 9rem !important;
}

.pb_95 {
  padding-bottom: 9.5rem !important;
}

.pb_100 {
  padding-bottom: 10rem !important;
}

.pr_0 {
  padding-right: 0rem !important;
}

.pr_5 {
  padding-right: 0.5rem !important;
}

.pr_10 {
  padding-right: 1rem !important;
}

.pr_15 {
  padding-right: 1.5rem !important;
}

.pr_20 {
  padding-right: 2rem !important;
}

.pr_25 {
  padding-right: 2.5rem !important;
}

.pr_30 {
  padding-right: 3rem !important;
}

.pr_35 {
  padding-right: 3.5rem !important;
}

.pr_40 {
  padding-right: 4rem !important;
}

.pr_45 {
  padding-right: 4.5rem !important;
}

.pr_50 {
  padding-right: 5rem !important;
}

.pr_55 {
  padding-right: 5.5rem !important;
}

.pr_60 {
  padding-right: 6rem !important;
}

.pr_65 {
  padding-right: 6.5rem !important;
}

.pr_70 {
  padding-right: 7rem !important;
}

.pr_75 {
  padding-right: 7.5rem !important;
}

.pr_80 {
  padding-right: 8rem !important;
}

.pr_85 {
  padding-right: 8.5rem !important;
}

.pr_90 {
  padding-right: 9rem !important;
}

.pr_95 {
  padding-right: 9.5rem !important;
}

.pr_100 {
  padding-right: 10rem !important;
}

.pl_0 {
  padding-left: 0rem !important;
}

.pl_5 {
  padding-left: 0.5rem !important;
}

.pl_10 {
  padding-left: 1rem !important;
}

.pl_15 {
  padding-left: 1.5rem !important;
}

.pl_20 {
  padding-left: 2rem !important;
}

.pl_25 {
  padding-left: 2.5rem !important;
}

.pl_30 {
  padding-left: 3rem !important;
}

.pl_35 {
  padding-left: 3.5rem !important;
}

.pl_40 {
  padding-left: 4rem !important;
}

.pl_45 {
  padding-left: 4.5rem !important;
}

.pl_50 {
  padding-left: 5rem !important;
}

.pl_55 {
  padding-left: 5.5rem !important;
}

.pl_60 {
  padding-left: 6rem !important;
}

.pl_65 {
  padding-left: 6.5rem !important;
}

.pl_70 {
  padding-left: 7rem !important;
}

.pl_75 {
  padding-left: 7.5rem !important;
}

.pl_80 {
  padding-left: 8rem !important;
}

.pl_85 {
  padding-left: 8.5rem !important;
}

.pl_90 {
  padding-left: 9rem !important;
}

.pl_95 {
  padding-left: 9.5rem !important;
}

.pl_100 {
  padding-left: 10rem !important;
}

@media only screen and (min-width: 1024px) {
  .pc_mb_0 {
    margin-bottom: 0rem !important;
  }
  .pc_mb_5 {
    margin-bottom: 0.5rem !important;
  }
  .pc_mb_10 {
    margin-bottom: 1rem !important;
  }
  .pc_mb_15 {
    margin-bottom: 1.5rem !important;
  }
  .pc_mb_20 {
    margin-bottom: 2rem !important;
  }
  .pc_mb_25 {
    margin-bottom: 2.5rem !important;
  }
  .pc_mb_30 {
    margin-bottom: 3rem !important;
  }
  .pc_mb_35 {
    margin-bottom: 3.5rem !important;
  }
  .pc_mb_40 {
    margin-bottom: 4rem !important;
  }
  .pc_mb_45 {
    margin-bottom: 4.5rem !important;
  }
  .pc_mb_50 {
    margin-bottom: 5rem !important;
  }
  .pc_mb_55 {
    margin-bottom: 5.5rem !important;
  }
  .pc_mb_60 {
    margin-bottom: 6rem !important;
  }
  .pc_mb_65 {
    margin-bottom: 6.5rem !important;
  }
  .pc_mb_70 {
    margin-bottom: 7rem !important;
  }
  .pc_mb_75 {
    margin-bottom: 7.5rem !important;
  }
  .pc_mb_80 {
    margin-bottom: 8rem !important;
  }
  .pc_mb_85 {
    margin-bottom: 8.5rem !important;
  }
  .pc_mb_90 {
    margin-bottom: 9rem !important;
  }
  .pc_mb_95 {
    margin-bottom: 9.5rem !important;
  }
  .pc_mb_100 {
    margin-bottom: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tb_mb_0 {
    margin-bottom: 0rem !important;
  }
  .tb_mb_5 {
    margin-bottom: 0.5rem !important;
  }
  .tb_mb_10 {
    margin-bottom: 1rem !important;
  }
  .tb_mb_15 {
    margin-bottom: 1.5rem !important;
  }
  .tb_mb_20 {
    margin-bottom: 2rem !important;
  }
  .tb_mb_25 {
    margin-bottom: 2.5rem !important;
  }
  .tb_mb_30 {
    margin-bottom: 3rem !important;
  }
  .tb_mb_35 {
    margin-bottom: 3.5rem !important;
  }
  .tb_mb_40 {
    margin-bottom: 4rem !important;
  }
  .tb_mb_45 {
    margin-bottom: 4.5rem !important;
  }
  .tb_mb_50 {
    margin-bottom: 5rem !important;
  }
  .tb_mb_55 {
    margin-bottom: 5.5rem !important;
  }
  .tb_mb_60 {
    margin-bottom: 6rem !important;
  }
  .tb_mb_65 {
    margin-bottom: 6.5rem !important;
  }
  .tb_mb_70 {
    margin-bottom: 7rem !important;
  }
  .tb_mb_75 {
    margin-bottom: 7.5rem !important;
  }
  .tb_mb_80 {
    margin-bottom: 8rem !important;
  }
  .tb_mb_85 {
    margin-bottom: 8.5rem !important;
  }
  .tb_mb_90 {
    margin-bottom: 9rem !important;
  }
  .tb_mb_95 {
    margin-bottom: 9.5rem !important;
  }
  .tb_mb_100 {
    margin-bottom: 10rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp_mb_0 {
    margin-bottom: 0rem !important;
  }
  .sp_mb_5 {
    margin-bottom: 0.5rem !important;
  }
  .sp_mb_10 {
    margin-bottom: 1rem !important;
  }
  .sp_mb_15 {
    margin-bottom: 1.5rem !important;
  }
  .sp_mb_20 {
    margin-bottom: 2rem !important;
  }
  .sp_mb_25 {
    margin-bottom: 2.5rem !important;
  }
  .sp_mb_30 {
    margin-bottom: 3rem !important;
  }
  .sp_mb_35 {
    margin-bottom: 3.5rem !important;
  }
  .sp_mb_40 {
    margin-bottom: 4rem !important;
  }
  .sp_mb_45 {
    margin-bottom: 4.5rem !important;
  }
  .sp_mb_50 {
    margin-bottom: 5rem !important;
  }
  .sp_mb_55 {
    margin-bottom: 5.5rem !important;
  }
  .sp_mb_60 {
    margin-bottom: 6rem !important;
  }
  .sp_mb_65 {
    margin-bottom: 6.5rem !important;
  }
  .sp_mb_70 {
    margin-bottom: 7rem !important;
  }
  .sp_mb_75 {
    margin-bottom: 7.5rem !important;
  }
  .sp_mb_80 {
    margin-bottom: 8rem !important;
  }
  .sp_mb_85 {
    margin-bottom: 8.5rem !important;
  }
  .sp_mb_90 {
    margin-bottom: 9rem !important;
  }
  .sp_mb_95 {
    margin-bottom: 9.5rem !important;
  }
  .sp_mb_100 {
    margin-bottom: 10rem !important;
  }
}

@media only screen and (min-width: 1024px) {
  .pc_mb_0 {
    margin-bottom: 0rem !important;
  }
  .pc_mb_5 {
    margin-bottom: 0.5rem !important;
  }
  .pc_mb_10 {
    margin-bottom: 1rem !important;
  }
  .pc_mb_15 {
    margin-bottom: 1.5rem !important;
  }
  .pc_mb_20 {
    margin-bottom: 2rem !important;
  }
  .pc_mb_25 {
    margin-bottom: 2.5rem !important;
  }
  .pc_mb_30 {
    margin-bottom: 3rem !important;
  }
  .pc_mb_35 {
    margin-bottom: 3.5rem !important;
  }
  .pc_mb_40 {
    margin-bottom: 4rem !important;
  }
  .pc_mb_45 {
    margin-bottom: 4.5rem !important;
  }
  .pc_mb_50 {
    margin-bottom: 5rem !important;
  }
  .pc_mb_55 {
    margin-bottom: 5.5rem !important;
  }
  .pc_mb_60 {
    margin-bottom: 6rem !important;
  }
  .pc_mb_65 {
    margin-bottom: 6.5rem !important;
  }
  .pc_mb_70 {
    margin-bottom: 7rem !important;
  }
  .pc_mb_75 {
    margin-bottom: 7.5rem !important;
  }
  .pc_mb_80 {
    margin-bottom: 8rem !important;
  }
  .pc_mb_85 {
    margin-bottom: 8.5rem !important;
  }
  .pc_mb_90 {
    margin-bottom: 9rem !important;
  }
  .pc_mb_95 {
    margin-bottom: 9.5rem !important;
  }
  .pc_mb_100 {
    margin-bottom: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tb_mb_0 {
    margin-bottom: 0rem !important;
  }
  .tb_mb_5 {
    margin-bottom: 0.5rem !important;
  }
  .tb_mb_10 {
    margin-bottom: 1rem !important;
  }
  .tb_mb_15 {
    margin-bottom: 1.5rem !important;
  }
  .tb_mb_20 {
    margin-bottom: 2rem !important;
  }
  .tb_mb_25 {
    margin-bottom: 2.5rem !important;
  }
  .tb_mb_30 {
    margin-bottom: 3rem !important;
  }
  .tb_mb_35 {
    margin-bottom: 3.5rem !important;
  }
  .tb_mb_40 {
    margin-bottom: 4rem !important;
  }
  .tb_mb_45 {
    margin-bottom: 4.5rem !important;
  }
  .tb_mb_50 {
    margin-bottom: 5rem !important;
  }
  .tb_mb_55 {
    margin-bottom: 5.5rem !important;
  }
  .tb_mb_60 {
    margin-bottom: 6rem !important;
  }
  .tb_mb_65 {
    margin-bottom: 6.5rem !important;
  }
  .tb_mb_70 {
    margin-bottom: 7rem !important;
  }
  .tb_mb_75 {
    margin-bottom: 7.5rem !important;
  }
  .tb_mb_80 {
    margin-bottom: 8rem !important;
  }
  .tb_mb_85 {
    margin-bottom: 8.5rem !important;
  }
  .tb_mb_90 {
    margin-bottom: 9rem !important;
  }
  .tb_mb_95 {
    margin-bottom: 9.5rem !important;
  }
  .tb_mb_100 {
    margin-bottom: 10rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp_mb_0 {
    margin-bottom: 0rem !important;
  }
  .sp_mb_5 {
    margin-bottom: 0.5rem !important;
  }
  .sp_mb_10 {
    margin-bottom: 1rem !important;
  }
  .sp_mb_15 {
    margin-bottom: 1.5rem !important;
  }
  .sp_mb_20 {
    margin-bottom: 2rem !important;
  }
  .sp_mb_25 {
    margin-bottom: 2.5rem !important;
  }
  .sp_mb_30 {
    margin-bottom: 3rem !important;
  }
  .sp_mb_35 {
    margin-bottom: 3.5rem !important;
  }
  .sp_mb_40 {
    margin-bottom: 4rem !important;
  }
  .sp_mb_45 {
    margin-bottom: 4.5rem !important;
  }
  .sp_mb_50 {
    margin-bottom: 5rem !important;
  }
  .sp_mb_55 {
    margin-bottom: 5.5rem !important;
  }
  .sp_mb_60 {
    margin-bottom: 6rem !important;
  }
  .sp_mb_65 {
    margin-bottom: 6.5rem !important;
  }
  .sp_mb_70 {
    margin-bottom: 7rem !important;
  }
  .sp_mb_75 {
    margin-bottom: 7.5rem !important;
  }
  .sp_mb_80 {
    margin-bottom: 8rem !important;
  }
  .sp_mb_85 {
    margin-bottom: 8.5rem !important;
  }
  .sp_mb_90 {
    margin-bottom: 9rem !important;
  }
  .sp_mb_95 {
    margin-bottom: 9.5rem !important;
  }
  .sp_mb_100 {
    margin-bottom: 10rem !important;
  }
}

/* 表示エリア */
.pc_only {
  display: block;
}

@media only screen and (max-width: 1024px) {
  .pc_only {
    display: none;
  }
}

.tablet_more {
  display: block;
}

@media only screen and (max-width: 768px) {
  .tablet_more {
    display: none;
  }
}

.tablet_under {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .tablet_under {
    display: block;
  }
}

.sp_only {
  display: none;
}

@media only screen and (max-width: 768px) {
  .sp_only {
    display: block;
  }
}

/* header */
#site_header {
  background-color: #53734d;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_logo {
  display: block;
  padding: 20px;
  display: flex;
  align-items: center;
  color: #fff;
  line-height: 1;
}

.header_logo img {
  width: 90px;
  margin-right: 10px;
}

#headFunc {
  color: #fff;
  padding: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#headFunc a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  margin-left: 5px;
  background-color: #fff;
  font-size: 1.6rem;
  color: #000;
  text-decoration: none;
  border-radius: 3px;
}

@media only screen and (max-width: 768px) {
  #headFunc a {
    width: 28px;
    height: 28px;
  }
}

#headFunc a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 768px) {
  #headFunc a {
    font-size: 1.4rem;
  }
  .header_logo {
    padding: 10px 16px;
  }
  #headFunc {
    padding: 12px;
  }
  .header_logo img {
    width: 70px;
  }
}

/* headMenu */
#headMenu h2 {
  background-color: #6a716d;
  font-size: 1.6rem;
  padding: 10px 16px;
  color: #fff;
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  #headMenu h2 {
    padding: 8px 12px;
  }
}

#headMenu ul {
  margin: 0;
  padding: 0px;
  border-radius: 3px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  #headMenu h2 {
    display: none;
  }
  #headMenu ul {
    display: block !important;
    line-height: 1;
  }
  #headMenu li a {
    border-bottom: solid 1px #f9f8ee;
    display: flex;
    align-items: center;
  }
  #headMenu li:last-child a {
    border: none;
  }
}

#headMenu li {
  list-style: none;
}

#headMenu li a {
  padding: 16px;
  text-decoration: none;
  display: block;
  color: #000;
  font-size: 1.4rem;
  background-color: #ffffff;
}

@media only screen and (max-width: 768px) {
  #headMenu li a {
    border-bottom: solid 1px #fff;
    background-color: #f4f4f2;
  }
}

#headMenu li a:hover {
  opacity: 0.6;
}

#headMenu li i {
  font-size: 1.4rem;
  margin-right: 6px;
  vertical-align: middle;
  margin-bottom: 4px;
}

@media only screen and (max-width: 768px) {
  #headMenu ul {
    display: none;
    border-radius: 0 0 2px 2px;
  }
  #headMenu li a {
    border-top: solid 1px #f2f2f2;
  }
  #headMenu h2 {
    position: relative;
    border-radius: 3px;
  }
  #headMenu h2::before {
    content: "\2b";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
  }
  #headMenu h2.active {
    border-radius: 2px 2px 0 0;
  }
  #headMenu h2.active::before {
    content: "\f068";
  }
  #headMenu h2:hover {
    opacity: 0.8;
  }
}

/* footer */
#copyright {
  text-align: center;
  padding: 10px;
}

/* form */
.editForm,
.ConfirmForm,
.inputForm {
  width: 100%;
  display: block;
}

.editForm .form_image input,
.ConfirmForm .form_image input,
.inputForm .form_image input {
  border: solid 1px transparent;
  padding-left: 0px;
}

.editForm .inputSupplement,
.ConfirmForm .inputSupplement,
.inputForm .inputSupplement {
  margin-top: 3px;
  font-size: 1.2rem;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .editForm .inputSupplement,
  .ConfirmForm .inputSupplement,
  .inputForm .inputSupplement {
    font-size: 1rem;
    line-height: 1.4;
    display: block;
  }
}

.editForm .input_tag,
.ConfirmForm .input_tag,
.inputForm .input_tag {
  width: 100%;
}

.editForm .input_tag .input_ss,
.ConfirmForm .input_tag .input_ss,
.inputForm .input_tag .input_ss {
  width: calc(50% - 3px);
  display: inline-block;
}

.editForm .iconMust,
.ConfirmForm .iconMust,
.inputForm .iconMust {
  padding: 3px;
  display: inline-block;
  background-color: #ed6c00;
  border-radius: 3px;
  font-weight: bold;
  color: #fff;
  line-height: 100%;
}

.editForm dt,
.ConfirmForm dt,
.inputForm dt {
  background-color: #f9f8ee;
}

.editForm dt,
.ConfirmForm dt,
.inputForm dt {
  border-top: 1px solid #f9f8ee;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.editForm dd,
.ConfirmForm dd,
.inputForm dd {
  border-top: 1px solid #f9f8ee;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.editForm dd .value_txt,
.ConfirmForm dd .value_txt,
.inputForm dd .value_txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .editForm .iconMust,
  .ConfirmForm .iconMust,
  .inputForm .iconMust {
    margin-top: -3px;
  }
  .editForm dl,
  .ConfirmForm dl,
  .inputForm dl {
    display: flex;
    flex-wrap: wrap;
    line-height: 1;
    justify-content: space-between;
  }
  .editForm dt,
  .editForm dd,
  .ConfirmForm dt,
  .ConfirmForm dd,
  .inputForm dt,
  .inputForm dd {
    margin-bottom: 1px;
    padding: 16px;
  }
  .editForm dt,
  .ConfirmForm dt,
  .inputForm dt {
    width: 200px;
    font-size: 1.4rem;
  }
  .editForm dd,
  .ConfirmForm dd,
  .inputForm dd {
    width: calc(100% - 200px);
  }
}

@media only screen and (max-width: 768px) {
  .editForm .iconMust,
  .ConfirmForm .iconMust,
  .inputForm .iconMust {
    margin: auto 0;
  }
  .editForm dt,
  .editForm dd,
  .ConfirmForm dt,
  .ConfirmForm dd,
  .inputForm dt,
  .inputForm dd {
    border-top: none;
  }
  .editForm dt,
  .editForm dd,
  .ConfirmForm dt,
  .ConfirmForm dd,
  .inputForm dt,
  .inputForm dd {
    padding: 8px 14px;
  }
}

.form_save_success {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #dff0e3;
  font-weight: bold;
  color: #53734d;
}

.form_save_error {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #ffe8ea;
  font-weight: bold;
  color: #c24c4c;
}

.search_candidacy ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  border-bottom: 0px;
}

.search_candidacy ul li {
  margin: 0;
  padding: 10px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.search_candidacy ul li:hover {
  background-color: #f5e9e3;
}

.box_typeA .search_candidacy li {
  background-color: #fff;
}

.event_display {
  width: 100px;
}

.dl_search dt {
  padding: 6px 10px;
  margin-bottom: 10px;
  background-color: #eee;
}

.dl_search dd {
  margin-bottom: 30px;
}

.dl_search .quantity {
  display: flex;
  align-items: center;
}

.dl_search .quantity .wave {
  margin: 0 10px;
}

textarea {
  padding: 10px;
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  min-height: 100px;
}

input,
select {
  min-height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  box-sizing: border-box;
  display: block;
  line-height: 38px;
  appearance: none;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: solid 1px rgba(0, 0, 0, 0.5);
  font-size: 16px;
}

input:hover,
select:hover {
  border: solid 1px rgba(0, 0, 0, 0.6);
}

select {
  background-image: url(/cmn/images/bg_select.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}

label {
  position: relative;
  margin-right: 16px;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
}

input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  min-height: 27px;
  margin: 0 4px 0 0;
  border: 2px solid #a5a5a5;
  border-radius: 2px;
  background: #fff;
  font-size: 1em;
  vertical-align: middle;
  cursor: pointer;
  appearance: auto;
}

.submitBtn,
.afterSubmitDisable {
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  padding-top: 14px;
  padding-bottom: 14px;
  border: none;
  letter-spacing: 2px;
  background-color: #000;
  color: #fff;
  border-radius: 100px;
  font-size: 1.4rem;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  font-family: "Zen Kaku Gothic New", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  font-weight: 500;
}

.submitBtn:hover,
.afterSubmitDisable:hover {
  opacity: 0.7;
  border: none;
}

.return-all-once-btn {
  background-color: #72a787;
}

.form_area textarea {
  width: 100%;
  height: 10em;
}

.inputError {
  width: 100%;
  display: block;
  color: #c24c4c;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 4px;
  font-size: 1.2rem;
}

.rental_send_before_msg {
  margin: 15px 0;
  padding: 15px;
  background-color: #72a787;
  color: #fff;
}

.form_area .form_half {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.form_area .form_half > span {
  width: calc(50% - 5px);
  display: block;
}

.form_area .form_check label {
  display: flex;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  line-height: 24px;
  margin-bottom: 3px;
}

.form_area .form_check > span {
  margin-bottom: 10px;
  display: block;
}

.form_area .form_check > span.check_inline {
  display: inline-block;
  margin: 0 25px 15px 0;
}

.form_area .form_check label input {
  accent-color: #8a8470;
  width: auto;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  min-height: auto;
}

.form_area .form_btn_typeA input {
  width: auto;
  padding: 0 20px;
}

.form_area .form_btn input:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* point */
.point_box {
  text-align: center;
  background-color: #eee;
  padding: 20px;
}

.point_txt {
  text-align: center;
  font-size: 3rem;
  margin-bottom: 2px;
  line-height: 1.2;
  font-weight: bold;
}

.point_txt .txt_m {
  display: inline-block;
  margin-left: 3px;
}

.point_deadline {
  font-weight: bold;
  margin-bottom: 0;
  color: #c24c4c;
}

/* paging */
.paging {
  text-align: center;
  margin-top: 20px;
}

.paging a {
  background-color: #000;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  margin-bottom: 2px;
}

.paging a:hover {
  opacity: 0.7;
}

.paging_current {
  background-color: #999;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  margin-bottom: 2px;
}

@media only screen and (max-width: 768px) {
  .paging a,
  .paging_current {
    font-size: 1.6rem;
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}

img.preview {
  max-width: 250px;
  max-height: 250px;
}

/* table */
.img_typeA {
  width: 100px;
  padding-top: 100px;
  position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .img_typeA {
    width: 60px;
    padding-top: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .img_typeA {
    width: 48px;
    padding-top: 48px;
  }
}

.item_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

#before_image .btn_typeA {
  margin: 10px 0;
}

@media only screen and (max-width: 1024px) {
  .editForm .img_typeA {
    width: 60%;
    padding-top: 60%;
    margin: 0 auto;
  }
}

/* #detailed_search */
#detailed_search h2 {
  position: relative;
  cursor: pointer;
  background-color: #b8cdbc;
}

#detailed_search h2:hover {
  opacity: 0.7;
}

#detailed_search h2::before {
  content: "\2b";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
}

#detailed_search h2.active::before {
  content: "\f068";
}

/* scan_qr */
.scan_qr {
  background-color: #ffefe2;
}

.scan_qr.move {
  background-color: #eef4f5;
}

.scan_qr_cont {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 20px;
}

.qr_stock_detail {
  background-color: #ebf5eb;
}

.scan_qe_input_kb {
  margin-top: 50px;
  padding: 20px;
  background-color: #fff;
}

#qr_ui_wrapper {
  margin: 0px auto 50px auto;
  padding: 0 15px;
  width: 100%;
  max-width: 640px;
  height: auto;
}

#qr_ui_msg {
  margin: 0px;
  padding: 10px;
  background-color: lightgray;
  text-align: center;
}

#qr_ui_canvas {
  width: 100%;
  height: auto;
  background-color: silver;
}

/* 貸出票 */
#lend_list {
  font-size: 12px;
}

#lend_list .lend_list_title_l {
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

#lend_list .lend_list_title_m {
  margin: 0 0 5px;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
}

#lend_list .lend_list_nowdate {
  display: block;
  text-align: right;
  margin-bottom: 15px;
}

#lend_list .lend_list_qr {
  width: 30mm;
  float: right;
}

#lend_list table.lend_list_customer_info,
#lend_list table.lend_list_item_list {
  width: 100%;
  margin-bottom: 20px;
  border: 2px solid #000;
}

#lend_list table.lend_list_customer_info tr,
#lend_list table.lend_list_item_list tr {
  page-break-inside: avoid;
}

#lend_list table.lend_list_customer_info th,
#lend_list table.lend_list_customer_info td,
#lend_list table.lend_list_item_list th,
#lend_list table.lend_list_item_list td {
  padding: 3px 8px;
}

#lend_list table.lend_list_customer_info th,
#lend_list table.lend_list_item_list th {
  font-weight: bold;
}

#lend_list table.lend_list_customer_info {
  width: calc(100% - 35mm);
}

#lend_list table.lend_list_customer_info th,
#lend_list table.lend_list_customer_info td {
  border-bottom: 1px solid #000;
}

#lend_list table.lend_list_customer_info th {
  width: 7em;
  white-space: nowrap;
}

#lend_list table.lend_list_item_list th,
#lend_list table.lend_list_item_list td {
  border: 1px solid #000;
  font-size: 11px;
}

#lend_list table.lend_list_item_list th:nth-child(1),
#lend_list table.lend_list_item_list td:nth-child(1) {
  width: 3em;
}

#lend_list table.lend_list_item_list th:nth-child(2),
#lend_list table.lend_list_item_list td:nth-child(2) {
  min-width: 15em;
}

#lend_list table.lend_list_item_list th:nth-child(3),
#lend_list table.lend_list_item_list td:nth-child(3) {
  min-width: 8em;
}

#lend_list table.lend_list_item_list th:nth-child(4),
#lend_list table.lend_list_item_list td:nth-child(4) {
  min-width: 6em;
}

#lend_list table.lend_list_item_list th:nth-child(5),
#lend_list table.lend_list_item_list td:nth-child(5) {
  width: 5em;
}

#lend_list table.lend_list_item_list th:nth-child(6),
#lend_list table.lend_list_item_list td:nth-child(6) {
  width: 15em;
}

#lend_list table.lend_list_item_list th {
  white-space: nowrap;
  text-align: center;
}

#lend_list .lend_list_caution {
  page-break-inside: avoid;
}

#lend_list .lend_list_caution ol {
  font-size: 10px;
  margin: 0 0 10px;
  padding: 0 0 0 1em;
}

#lend_list .lend_list_caution ol li {
  margin: 0;
  padding: 0;
}

.scrollBarHead {
  height: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
}

.scrollBarHead .scrollBarHeadInner {
  height: 1px;
}