@charset "UTF-8";
/*color setting*/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

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

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}

.translate-middle-y {
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #356CB6 !important;
}

.border-secondary {
  border-color: #369456 !important;
}

.border-accent {
  border-color: #3da7c9 !important;
}

.border-success {
  border-color: #92def5 !important;
}

.border-info {
  border-color: #6481a7 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-white {
  border-color: #fff !important;
}

.border-dark {
  border-color: #262626 !important;
}

.border-dark-50 {
  border-color: #f2f2f2 !important;
}

.border-dark-100 {
  border-color: #d9d9d9 !important;
}

.border-dark-200 {
  border-color: #bfbfbf !important;
}

.border-0 {
  border-width: 0px !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.rounded-top-right {
  border-top-right-radius: 0.25rem !important;
}

.rounded-top-left {
  border-top-left-radius: 0.25rem !important;
}

.rounded-bottom-right {
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom-left {
  border-bottom-left-radius: 0.25rem !important;
}

hr {
  background-color: #ccc;
  width: 100%;
  position: relative;
}

hr.border-light {
  background-color: #ddd;
}

hr.b-dotted {
  border: 1px dotted;
}

hr.hr-less {
  position: relative;
  content: "";
  background: none;
  margin: 0;
}

hr.hr-less.hr-border-dotted::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  border-top: 1px dotted;
}

hr.hr-less.hr-border-shimz::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #304998;
}

hr.hr-less.hr-border-light::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #999;
}

hr.hr-less.hr-border-shimz.b-bold::after {
  height: 2px;
}

hr.hr-cre {
  position: relative;
  padding: 0;
  border: 0;
  margin-top: 0.6rem;
  width: 100px;
  height: 2px;
  top: 0%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #333;
}

hr.hr-cre-l {
  position: relative;
  padding: 0;
  border: 0;
  margin-top: 0.6rem;
  width: 100px;
  height: 2px;
  top: 0%;
  background-color: #333;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-1 {
  min-width: 1% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-10 {
  width: 10% !important;
}

.vw-15 {
  width: 15% !important;
}

.vw-20 {
  width: 20% !important;
}

.vw-25 {
  width: 25% !important;
}

.vw-50 {
  width: 50% !important;
}

.vw-75 {
  width: 75% !important;
}

.vw-80 {
  width: 80% !important;
}

.vw-85 {
  width: 85% !important;
}

.vw-90 {
  width: 90% !important;
}

.vw-100 {
  width: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-1 {
  height: 1px !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-10 {
  height: 10vh !important;
}

.vh-20 {
  height: 20vh !important;
}

.vh-30 {
  height: 30vh !important;
}

.vh-40 {
  height: 40vh !important;
}

.vh-50 {
  height: 50vh !important;
}

.vh-60 {
  height: 60vh !important;
}

.vh-70 {
  height: 70vh !important;
}

.vh-80 {
  height: 80vh !important;
}

.vh-90 {
  height: 90vh !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.min-h-1 {
  min-height: 1px;
}

@media (width < 768px) {
  .w-sm-100 {
    width: 100% !important;
  }
}
.va-t1 {
  vertical-align: 1px;
}

.va-t2 {
  vertical-align: 2px;
}

.va-t3 {
  vertical-align: 3px;
}

.va-t4 {
  vertical-align: 4px;
}

.va-b1 {
  vertical-align: -1px;
}

.va-b2 {
  vertical-align: -2px;
}

.va-b3 {
  vertical-align: -3px;
}

.va-b4 {
  vertical-align: -4px;
}

.va-b5 {
  vertical-align: -5px;
}

.va-b6 {
  vertical-align: -6px;
}

.va-b7 {
  vertical-align: -7px;
}

.va-b8 {
  vertical-align: -8px;
}

.vertical-baseline {
  vertical-align: baseline;
}

.vertical-top {
  vertical-align: top;
}

.vertical-middle {
  vertical-align: middle;
}

.vertical-bottom {
  vertical-align: bottom;
}

.vertical-sub {
  vertical-align: sub;
}

.vertical-text-top {
  vertical-align: top;
}

.vertical-text-bottom {
  vertical-align: text-bottom;
}

.bg-primary-100 {
  background-color: #f0f4fa !important;
}

.bg-primary-200 {
  background-color: #dce6f5 !important;
}

.bg-primary-300 {
  background-color: #b4cbe9 !important;
}

.bg-primary-400 {
  background-color: #8dafde !important;
}

.bg-primary,
.bg-primary-500 {
  background-color: #356CB6 !important;
}

.bg-primary-600 {
  background-color: #29558f !important;
}

.bg-primary-700 {
  background-color: #1e3d67 !important;
}

.bg-primary-800 {
  background-color: #122640 !important;
}

.bg-primary-900 {
  background-color: #070e18 !important;
}

.bg-primary-op50 {
  background-color: rgba(53, 108, 182, 0.5) !important;
}
.bg-primary-op75 {
  background-color: rgba(53, 108, 182, 0.75) !important;
}

.bg-secondary-100 {
  background-color: #d8f1e1 !important;
}

.bg-secondary-200 {
  background-color: #b3e3c3 !important;
}

.bg-secondary-300 {
  background-color: #8dd6a6 !important;
}

.bg-secondary-400 {
  background-color: #68c889 !important;
}

.bg-secondary,
.bg-secondary-500 {
  background-color: #369456 !important;
}

.bg-secondary-600 {
  background-color: #286f40 !important;
}

.bg-secondary-700 {
  background-color: #1b492b !important;
}

.bg-secondary-800 {
  background-color: #0d2415 !important;
}

.bg-secondary-900 {
  background-color: black !important;
}

.bg-secondary-op50 {
  background-color: rgba(54, 148, 86, 0.5) !important;
}
.bg-secondary-op75 {
  background-color: rgba(54, 148, 86, 0.75) !important;
}

.bg-accent-100 {
  background-color: white !important;
}

.bg-accent-200 {
  background-color: #ddeff5 !important;
}

.bg-accent-300 {
  background-color: #b5ddea !important;
}

.bg-accent-400 {
  background-color: #8dcbdf !important;
}

.bg-accent,
.bg-accent-500 {
  background-color: #3da7c9 !important;
}

.bg-accent-600 {
  background-color: #2e88a5 !important;
}

.bg-accent-700 {
  background-color: #23677d !important;
}

.bg-accent-800 {
  background-color: #184655 !important;
}

.bg-accent-900 {
  background-color: #0d252d !important;
}

.bg-accent-op50 {
  background-color: rgba(61, 167, 201, 0.5) !important;
}
.bg-accent-op75 {
  background-color: rgba(61, 167, 201, 0.75) !important;
}

.bg-success {
  background-color: #92def5 !important;
}

.bg-info {
  background-color: #6481a7 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-dark-50 {
  background-color: #f2f2f2 !important;
}

.bg-dark-100 {
  background-color: #d9d9d9 !important;
}

.bg-dark-200 {
  background-color: #bfbfbf !important;
}

.bg-dark-300 {
  background-color: #8c8c8c !important;
}

.bg-dark-400 {
  background-color: #595959 !important;
}

.bg-dark,
.bg-dark-500 {
  background-color: #262626 !important;
}
.bg-dark-op50,
.bg-dark-500-op50 {
  background-color: rgba(38, 38, 38, 0.5) !important;
}
.bg-dark-op75,
.bg-dark-500-op75 {
  background-color: rgba(38, 38, 38, 0.75) !important;
}

.bg-body {
  background-color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
}
.bg-white-op50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-white-op75 {
  background-color: rgba(255, 255, 255, 0.75) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fs-7 {
  font-size: 0.8rem !important;
}

.fs-8 {
  font-size: 0.6rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

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

.fw-bolder {
  font-weight: bolder !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

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

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

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

.text-primary {
  color: #356CB6 !important;
}

.text-primary-400 {
  color: #6594d2 !important;
}

.text-primary-300 {
  color: #8dafde !important;
}

.text-primary-200 {
  color: #b4cbe9 !important;
}

.text-primary-100 {
  color: #dce6f5 !important;
}

.text-secondary {
  color: #369456 !important;
}

.text-accent {
  color: #3da7c9 !important;
}

.text-success {
  color: #92def5 !important;
}

.text-info {
  color: #6481a7 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.text-light {
  color: #f8f9fa !important;
}

.text-gray {
  color: #262626 !important;
}

.text-gray-300 {
  color: #8c8c8c !important;
}

.text-gray-400 {
  color: #595959 !important;
}

.text-dark {
  color: #262626 !important;
}

.text-white {
  color: #fff !important;
}

.text-body {
  color: #262626 !important;
}

.text-muted {
  color: #369456 !important;
}

.text-reset {
  color: inherit !important;
}

.text-indent-0 {
  text-indent: 0 !important;
  padding-left: 0 !important;
}

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

.text-indent-2 {
  text-indent: -2em !important;
  padding-left: 2em !important;
}

.text-leading-0 {
  line-height: 0rem !important;
}

.text-leading-1 {
  line-height: 0.25rem !important;
}

.text-leading-2 {
  line-height: 0.5rem !important;
}

.text-leading-3 {
  line-height: 0.75rem !important;
}

.text-leading-4 {
  line-height: 1rem !important;
}

.text-leading-5 {
  line-height: 1.25rem !important;
}

.text-leading-6 {
  line-height: 1.5rem !important;
}

.text-leading-7 {
  line-height: 1.75rem !important;
}

.text-leading-8 {
  line-height: 2rem !important;
}

.text-leading-9 {
  line-height: 2.25rem !important;
}

.text-leading-10 {
  line-height: 2.5rem !important;
}

.text-leading-none {
  line-height: 1 !important;
}

.text-leading-tight {
  line-height: 1.25 !important;
}

.text-leading-snug {
  line-height: 1.375 !important;
}

.text-leading-normal {
  line-height: 1.5 !important;
}

.text-leading-relaxed {
  line-height: 1.625 !important;
}

.text-leading-loose {
  line-height: 2 !important;
}

.text-letterspacing-tighter {
  letter-spacing: -0.05em !important;
}

.text-letterspacing-tight {
  letter-spacing: -0.025em !important;
}

.text-letterspacing-normal {
  letter-spacing: 0em !important;
}

.text-letterspacing-wide {
  letter-spacing: 0.025em !important;
}

.text-letterspacing-wider {
  letter-spacing: 0.05em !important;
}

.text-letterspacing-widest {
  letter-spacing: 0.1em !important;
}

.text-letterspacing-sm {
  letter-spacing: 0.05em !important;
}

.text-letterspacing-md {
  letter-spacing: 0.075em !important;
}

.text-letterspacing-lg {
  letter-spacing: 0.1em !important;
}

.text-letterspacing-xl {
  letter-spacing: 0.15em !important;
}

.text-wrap {
  text-wrap: balance !important;
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-prewrap {
  white-space: pre-wrap !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-hover-underline {
  text-decoration: none !important;
}
.text-hover-underline:hover {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:begin:remove */
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
      user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
      user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.m-0px {
  margin: 0 !important;
}

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

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

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

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

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

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

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

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

.m-1px {
  margin: 1px !important;
}

.mt-1px {
  margin-top: 1px !important;
}

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

.ml-1px {
  margin-left: 1px !important;
}

.mr-1px {
  margin-right: 1px !important;
}

.ms-1px {
  margin-left: 1px !important;
}

.me-1px {
  margin-right: 1px !important;
}

.mx-1px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-1px {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.m-2px {
  margin: 2px !important;
}

.mt-2px {
  margin-top: 2px !important;
}

.mb-2px {
  margin-bottom: 2px !important;
}

.ml-2px {
  margin-left: 2px !important;
}

.mr-2px {
  margin-right: 2px !important;
}

.ms-2px {
  margin-left: 2px !important;
}

.me-2px {
  margin-right: 2px !important;
}

.mx-2px {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.my-2px {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.m-4px {
  margin: 4px !important;
}

.mt-4px {
  margin-top: 4px !important;
}

.mb-4px {
  margin-bottom: 4px !important;
}

.ml-4px {
  margin-left: 4px !important;
}

.mr-4px {
  margin-right: 4px !important;
}

.ms-4px {
  margin-left: 4px !important;
}

.me-4px {
  margin-right: 4px !important;
}

.mx-4px {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-4px {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.m-8px {
  margin: 8px !important;
}

.mt-8px {
  margin-top: 8px !important;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.ml-8px {
  margin-left: 8px !important;
}

.mr-8px {
  margin-right: 8px !important;
}

.ms-8px {
  margin-left: 8px !important;
}

.me-8px {
  margin-right: 8px !important;
}

.mx-8px {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-8px {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m-10px {
  margin: 10px !important;
}

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

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

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

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

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

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

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

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

.p-0px {
  padding: 0 !important;
}

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

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

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

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

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

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

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

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

.p-1px {
  padding: 1px !important;
}

.pt-1px {
  padding-top: 1px !important;
}

.pb-1px {
  padding-bottom: 1px !important;
}

.pl-1px {
  padding-left: 1px !important;
}

.pr-1px {
  padding-right: 1px !important;
}

.ps-1px {
  padding-left: 1px !important;
}

.pe-1px {
  padding-right: 1px !important;
}

.px-1px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-1px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.p-2px {
  padding: 2px !important;
}

.pt-2px {
  padding-top: 2px !important;
}

.pb-2px {
  padding-bottom: 2px !important;
}

.pl-2px {
  padding-left: 2px !important;
}

.pr-2px {
  padding-right: 2px !important;
}

.ps-2px {
  padding-left: 2px !important;
}

.pe-2px {
  padding-right: 2px !important;
}

.px-2px {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.py-2px {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.p-4px {
  padding: 4px !important;
}

.pt-4px {
  padding-top: 4px !important;
}

.pb-4px {
  padding-bottom: 4px !important;
}

.pl-4px {
  padding-left: 4px !important;
}

.pr-4px {
  padding-right: 4px !important;
}

.ps-4px {
  padding-left: 4px !important;
}

.pe-4px {
  padding-right: 4px !important;
}

.px-4px {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-4px {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.p-8px {
  padding: 8px !important;
}

.pt-8px {
  padding-top: 8px !important;
}

.pb-8px {
  padding-bottom: 8px !important;
}

.pl-8px {
  padding-left: 8px !important;
}

.pr-8px {
  padding-right: 8px !important;
}

.ps-8px {
  padding-left: 8px !important;
}

.pe-8px {
  padding-right: 8px !important;
}

.px-8px {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-8px {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.p-10px {
  padding: 10px !important;
}

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

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

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

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

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

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

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

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

.is-flex-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.order-first {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-last {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.ff-Meiryo {
  font-family: Meiryo, Arial, "Hiragino Kaku Gothic Pro W3", sans-serif !important;
}

.ff-MeiryoUI {
  font-family: MeiryoUI, Meiryo, Arial, "Hiragino Kaku Gothic Pro W3", sans-serif !important;
}

.ff-Yugo {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.ff-Yumin {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.ff-Noto {
  font-family: "Noto Sans JP", sans-serif !important;
}

.ff-BIZUDG {
  font-family: "BIZ UDGothic", Arial, "Hiragino Kaku Gothic Pro W3", sans-serif !important;
}

/*ボタン関連*/
.has-btn-pointer {
  cursor: pointer;
}

.btn-nondeco {
  text-decoration: none;
}
.btn-nondeco:hover {
  opacity: 0.9;
  text-decoration: none;
}

/*ボタン基礎設定*/
::-webkit-file-upload-button {
  touch-action: manipulation;
  -webkit-user-select: none;
          user-select: none;
  inline-size: -webkit-fit-content;
  inline-size: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button,
::file-selector-button {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

*:focus-visible {
  outline: 2px solid #eee;
  outline-offset: 2px;
}

/*ボタン関連
 ボタン縦サイズ関連
-- Bluma仕様に合わせてover write用 */
.button {
  text-decoration: none !important;
}
.button.tight {
  height: auto !important;
  line-height: 1 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.button.is-primary {
  color: #fff !important;
  background-color: #356CB6 !important;
  border: 1px solid #356CB6 !important;
}
.button.is-primary:hover {
  color: #fff !important;
  background-color: #29558f !important;
  border: 1px solid #5286cc !important;
}

.button.is-primary-link {
  color: #595959 !important;
  background-color: #dce6f5 !important;
  border: 1px solid #8dafde !important;
}
.button.is-primary-link:hover {
  color: #595959 !important;
  background-color: #b4cbe9 !important;
  border: 1px solid #8dafde !important;
}

.button.is-primary-out {
  color: #356CB6 !important;
  background-color: #fff !important;
  border: 1px solid #356CB6 !important;
}
.button.is-primary-out:hover {
  color: #29558f !important;
  background-color: #dce6f5 !important;
  border: 1px solid #356CB6 !important;
}

.button.is-secondary {
  color: #fff !important;
  background-color: #369456 !important;
  border: 1px solid #369456 !important;
}
.button.is-secondary:hover {
  color: #fff !important;
  background-color: #286f40 !important;
  border: 1px solid #44b96c !important;
}

.button.is-secondary-link {
  color: #595959 !important;
  background-color: #c5ead2 !important;
  border: 1px solid #7bcf97 !important;
}
.button.is-secondary-link:hover {
  color: #595959 !important;
  background-color: #a0dcb5 !important;
  border: 1px solid #7bcf97 !important;
}

.button.is-secondary-out {
  color: #369456 !important;
  background-color: #fff !important;
  border: 1px solid #369456 !important;
}
.button.is-secondary-out:hover {
  color: #286f40 !important;
  background-color: #c5ead2 !important;
  border: 1px solid #369456 !important;
}

.button.is-accent {
  color: #fff !important;
  background-color: #3da7c9 !important;
  border: 1px solid #3da7c9 !important;
}
.button.is-accent:hover {
  color: #fff !important;
  background-color: #2e88a5 !important;
  border: 1px solid #65b9d4 !important;
}

.button.is-accent-light {
  color: #fff !important;
  background-color: #2e88a5 !important;
  border: 1px solid #c9e6f0 !important;
}
.button.is-accent-light:hover {
  color: #fff !important;
  background-color: #184655 !important;
  border: 1px solid #c9e6f0 !important;
}

.button.is-accent-link {
  color: #595959 !important;
  background-color: #f1f8fb !important;
  border: 1px solid #a1d4e5 !important;
}
.button.is-accent-link:hover {
  color: #595959 !important;
  background-color: #c9e6f0 !important;
  border: 1px solid #a1d4e5 !important;
}

.button.is-accent-out {
  color: #3da7c9 !important;
  background-color: #fff !important;
  border: 1px solid #3da7c9 !important;
}
.button.is-accent-out:hover {
  color: #2e88a5 !important;
  background-color: #f1f8fb !important;
  border: 1px solid #3da7c9 !important;
}

.button.is-alert {
  color: #fff !important;
  background-color: #e97070 !important;
  border: 1px solid #e97070 !important;
}
.button.is-alert:hover {
  color: #fff !important;
  background-color: #e24444 !important;
  border: 1px solid #f09c9c !important;
}

.button.is-dark {
  color: #262626;
  background-color: #d9d9d9 !important;
  border: 1px solid #bfbfbf !important;
}
.button.is-dark:hover {
  color: #fff;
  background-color: #8c8c8c !important;
  border: 1px solid #bfbfbf !important;
}

.button.is-dark-link {
  color: #262626;
  background-color: #f2f2f2 !important;
  border: 1px solid #bfbfbf !important;
}
.button.is-dark-link:hover {
  background-color: #d9d9d9 !important;
}

.button.is-dark-out {
  color: #262626;
  background-color: #fff !important;
}
.button.is-dark-out:hover {
  background-color: #f2f2f2 !important;
}

.button.is-danger {
  color: #fff;
  background-color: #dc3545 !important;
  border: 1px solid #dc3545 !important;
}
.button.is-danger:hover {
  color: #fff;
  background-color: #961421 !important;
  border: 1px solid #961421 !important;
}

/* 
----------------------------------------
common-list使用
----------------------------------------
*/
ul, li {
  list-style: none;
}

ul.common-list li > * {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

ul.common-list li a {
  text-decoration: none;
  color: currentColor;
}
ul.common-list li a:hover {
  color: currentColor;
}

ul.common-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ddd;
}
ul.common-list li a:hover {
  text-decoration: underline;
}
ul.common-list.border-first li:first-child {
  border-top: 1px solid #ddd;
}

ul.common-list.list-height-none > li {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

ul.common-list.list-height-tight > li {
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
}

ul.common-list.list-height-snug > li {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

ul.common-list.list-height-normal > li {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

ul.common-list.list-height-relaxed > li {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

ul.common-list.list-height-loose > li {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

ul.common-list.list-style-arrow > li.list-style-none {
  padding-left: 1em;
  background: initial;
}

ul.common-list.list-style-chevron > li {
  position: relative;
  padding-left: 1em;
}
ul.common-list.list-style-chevron > li:before {
  position: absolute;
  left: 0;
  margin-right: 0.5em; /* アイコンとテキストの間隔を設定 */
  font-family: "Material Symbols Outlined";
  content: "\e5cc";
  line-height: 1em;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  font-size: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul.common-list.list-style-arrow > li {
  position: relative;
  padding-left: 1em;
}
ul.common-list.list-style-arrow > li:before {
  position: absolute;
  left: 0;
  margin-right: 0.5em; /* アイコンとテキストの間隔を設定 */
  font-family: "Material Symbols Outlined";
  content: "\e5df";
  line-height: 1em;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  font-size: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul.common-list .icon-chevron {
  position: relative;
  padding-left: 1em;
}
ul.common-list .icon-chevron:before {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 0.5em; /* アイコンとテキストの間隔を設定 */
  font-family: "Material Symbols Outlined";
  content: "\e5cc";
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  font-size: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul.common-list .icon-arrow {
  position: relative;
  padding-left: 1em;
}
ul.common-list .icon-arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 0.5em; /* アイコンとテキストの間隔を設定 */
  font-family: "Material Symbols Outlined";
  content: "\e5df";
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  font-size: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul.common-list.border-dotted li {
  border-bottom: 2px dotted #ddd;
}
ul.common-list.border-dotted.border-first li:first-child {
  border-top: 2px dotted #ddd;
}

ul.common-list.-noborder li {
  border: 0;
}

ul.common-list:not(.-noborde) li.-noborder {
  border: 0;
}

ul.common-list:not(.column) li {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.common-list:not(.column) li span.date {
  font-size: 0.9rem;
  margin-right: 1em;
}

ul.common-list.-column li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
}
ul.common-list.-column li span.date {
  font-size: 0.9rem;
}

/*GP top　お知らせエリア階層用*/
.list-newslist li {
  padding: 1rem 1.6rem;
  border-bottom: 1px dashed #595959;
}
.list-newslist li:first-child {
  border-top: 1px dashed #595959;
}
.list-newslist li a {
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #262626;
}
.list-newslist li a :hover {
  color: #595959;
}
.list-newslist li a span:first-child {
  padding-right: 2rem;
}
.list-newslist li a span:nth-child(2) {
  padding-right: 2rem;
}
.list-newslist li a span:nth-child(3) {
  padding-right: 3rem;
}

/*
----------------------------------------
アイコン設定
----------------------------------------
*/
.material-symbols-outlined {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.vpn-icon:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  top: -2px;
  content: "要VPN接続";
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 400;
  border-radius: 3px;
  background-color: #356CB6;
  padding: 2px 4px 1px;
  margin-left: 0.4rem;
  margin-right: 2px;
}

/* アイコンのサイズを変更するためのルール */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* 明るい背景の場合に黒色でアイコンを表示するためのルール */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* 暗い背景の場合に白色でアイコンを表示するためのルール */
.material-icons.md-light {
  color: rgb(255, 255, 255);
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

/*
----------------------------------------
画像用object-fit設定
----------------------------------------
*/
.img_fluid {
  max-width: 100%;
  height: auto;
}

.img_cover {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.img_cover_height {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.img_contain {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.img_contain_height {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.bnr-img_cover {
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

.bnr-img_contain {
  width: 100%;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* 
----------------------------------------
//INDEXページのremove・marge期間用
//※bluma.cssのimport次第削除
----------------------------------------
*/
.is-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.is-flex-direction-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.is-justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.is-justify-content-space-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  -webkit-box-pack: space-evenly !important;
  -ms-flex-pack: space-evenly !important;
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: start !important;
}

.is-justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: end !important;
}

.is-justify-content-left {
  -webkit-box-pack: left !important;
  -ms-flex-pack: left !important;
  justify-content: left !important;
}

.is-justify-content-right {
  -webkit-box-pack: right !important;
  -ms-flex-pack: right !important;
  justify-content: right !important;
}

.is-align-content-flex-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.is-align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.is-align-content-space-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.is-align-content-space-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  -ms-flex-line-pack: space-evenly !important;
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.is-align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: start !important;
}

.is-align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: end !important;
}

.is-align-content-baseline {
  -ms-flex-line-pack: baseline !important;
  align-content: baseline !important;
}

.is-align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.is-align-items-flex-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.is-align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.is-align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.is-align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
}

.is-align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: end !important;
}

.is-align-items-self-start {
  -webkit-box-align: self-start !important;
  -ms-flex-align: self-start !important;
  align-items: self-start !important;
}

.is-align-items-self-end {
  -webkit-box-align: self-end !important;
  -ms-flex-align: self-end !important;
  align-items: self-end !important;
}

.is-align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important;
}

.is-align-self-flex-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.is-align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

.is-align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.is-align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important;
}

.columns.is-mobile > .column.is-12 {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 100%;
}

.column.is-one-fifth {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 20%;
}

.columns.is-mobile > .column.is-12 {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 100%;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.875rem !important;
}

.is-size-8 {
  font-size: 0.75rem !important;
}

.is-size-9 {
  font-size: 0.5rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.875rem !important;
  }
  .is-size-8-mobile {
    font-size: 0.75rem !important;
  }
  .is-size-9-mobile {
    font-size: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.875rem !important;
  }
  .is-size-8-tablet {
    font-size: 0.75rem !important;
  }
  .is-size-9-tablet {
    font-size: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.875rem !important;
  }
  .is-size-8-touch {
    font-size: 0.75rem !important;
  }
  .is-size-9-touch {
    font-size: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.875rem !important;
  }
  .is-size-8-desktop {
    font-size: 0.75rem !important;
  }
  .is-size-9-desktop {
    font-size: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.875rem !important;
  }
  .is-size-8-widescreen {
    font-size: 0.75rem !important;
  }
  .is-size-9-widescreen {
    font-size: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.875rem !important;
  }
  .is-size-8-fullhd {
    font-size: 0.75rem !important;
  }
  .is-size-9-fullhd {
    font-size: 0.5rem !important;
  }
}
/* 
----------------------------------------
供用shadow 関連
----------------------------------------
*/
.is-shadow {
  -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
          box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
}

/* 
----------------------------------------
messeage box 関連
----------------------------------------
*/
.messeage-primary-box {
  background-color: #dce6f5;
  border: 1px solid #356CB6;
  line-height: 1.75;
}

.messeage-primary-out-box {
  border: 1px solid #356CB6;
  line-height: 1.75;
}

.messeage-secondary-box {
  background-color: #c5ead2;
  border: 1px solid #369456;
  line-height: 1.75;
}

.messeage-secondary-out-box {
  border: 1px solid #356CB6;
  line-height: 1.75;
}

.messeage-alert-box {
  background-color: #fadfdf;
  border: 1px solid #e97070;
  line-height: 1.75;
}

.messeage-alert-out-box {
  border: 1px solid #356CB6;
  line-height: 1.75;
}

.messeage-gray-box {
  background-color: #e6e6e6;
  line-height: 1.75;
}

.messeage-dark-box {
  background-color: #999;
  line-height: 1.75;
}

.messeage-box-radius {
  border-radius: 10px;
}

.messeage-box-style-dotted {
  border-style: dotted;
}

.messeage-box-line-3 {
  border-width: 3px;
}
/*# sourceMappingURL=utilities.css.map */