@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

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

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

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
table,
section,
a,
span,
p {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
}

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

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

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

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

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

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

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

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

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

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

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

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

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

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  color: inherit;
}

/* Style select like a standard input */
select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

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

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

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

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  margin: 0;
  padding: 0;
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

figure {
  margin: 0;
  padding: 0;
}

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

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

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

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

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

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

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

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

html {
  font-size: 62.5%;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  line-height: 1.4;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
}
@media screen and (min-width: 768px) {
  a {
    -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
    transition: color 0.3s, background 0.3s, border 0.3s;
  }
  a:hover {
    text-decoration: underline;
  }
}

.container {
  width: 100%;
  max-width: 120rem;
  padding: 0 3rem;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .container {
    padding: 0 6rem;
  }
}

/*本文*/
.text {
  background: none;
  width: 100%;
  padding: 0;
  margin: 0 0 3rem;
  border: none;
  line-height: 1.7;
  color: #595757;
}
@media screen and (min-width: 768px) {
  .text.--big {
    font-size: 2.4rem;
  }
}

.textLink {
  color: #595757;
  text-decoration: underline;
}
.textLink:hover {
  color: #004bb1;
}

.c_white,
.c-white {
  color: #fff;
}

.text-small {
  font-size: 80%;
}

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

  ■汎用リスト

=====================================*/
.list01 {
  padding: 0;
  margin: 0 0 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 2rem);
  margin: 0 0 0 -1rem;
}
@media screen and (min-width: 768px) {
  .list01 {
    width: calc(100% + 3rem);
    margin: 0 0 0 -1.5rem;
  }
}
.list01 li {
  list-style: none;
  width: 100%;
  max-width: calc(50% - 2rem);
  margin: 0 1rem;
  padding: 0;
  border-bottom: 1px solid #C2D1D6;
}
@media screen and (min-width: 768px) {
  .list01 li {
    max-width: calc(50% - 3rem);
    margin: 0 1.5rem;
  }
}
.list01 li a {
  padding: 2rem 2rem 2rem 0;
  display: block;
  text-decoration: none;
  font-weight: bold;
  background-image: url(../img/icon_rightarrow02_blue.svg);
  background-repeat: no-repeat;
  background-position: center right;
}
@media screen and (min-width: 768px) {
  .list01 li a {
    padding: 2rem 3rem 2rem 0;
    background-position: center right 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .list01 li a:hover {
    opacity: 0.7;
  }
}

.textlink {
  text-decoration: underline;
}

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

.img {
  text-align: center;
  margin: 0 0 3rem;
  line-height: 1;
}

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

  ■ボタン1

=====================================*/
.btn-info,
.btn-info.active,
.btn-info.disabled,
.btn-info:active,
.btn-info[disabled] {
  border-color: #004bb1;
  background-color: #004bb1;
}

.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
  border-color: #0861dd;
  background-color: #0861dd;
}

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

  ■ボタン2

=====================================*/
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

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

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

　■ヘッダー

=====================================*/
.list-group.panel {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.list-group.panel .list-group-item {
  padding: 0;
  border-bottom: 1px solid #E6E9ED;
  border-radius: 0;
}
.list-group.panel .list-group-item a {
  display: block;
  padding: 1rem;
  border-radius: 0;
}
.list-group.panel .list-group-item a:hover {
  background-color: #E6E9ED;
  text-decoration: none;
}
.list-group.panel .list-group-item:first-child {
  border-top: 1px solid #E6E9ED;
}

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

　■フッター

=====================================*/
.panel.panel-default {
  border-color: #e6e9ed;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.panel.panel-default .panel-heading {
  color: #434a54;
  background-color: #e6e9ed;
  border-color: #e6e9ed;
}
.panel.panel-default .panel.panel-default {
  border: none;
  background-color: #fafafa;
  margin: 1.5rem 0;
}
.panel.panel-default .panel.panel-default .panel-heading {
  font-size: 1.7rem;
  font-weight: bold;
  color: #fff;
  background-color: #595757;
  border-radius: 0.5rem 0.5rem 0 0;
}
.panel.panel-default .panel.panel-default .panel-body {
  border: none;
  -webkit-box-shadow: 0 0 0.6rem 0.1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.6rem 0.1rem rgba(0, 0, 0, 0.1);
}
.panel ul {
  padding: 0;
  margin: 1rem 0;
}
.panel ul li {
  padding: 0;
  margin: 1rem 0;
  list-style: none;
}

.panel-body {
  padding: 1.5rem;
  border: 1px solid #E6E9ED;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.com-t {
  width: 100%;
  max-width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
  line-height: 1;
  margin: 14px 0;
  font-size: 13px;
  border-top: 1px solid #E6E9ED;
  border-left: 1px solid #E6E9ED;
  width: 100%;
  max-width: 1040px;
}
@media screen and (max-width: 767px) {
  .com-t {
    font-size: 13px;
  }
}
.com-t thead {
  /*
  position: sticky;
  top: 0;
  background-color: variable.$color-white;
  z-index: 1;
  */
}
.com-t thead tr th {
  text-align: center;
  background-color: #999999;
  color: #fff;
  border-bottom: 1px solid #eee;
}
.com-t thead tr .cell01 {
  width: 12%;
}
.com-t thead tr .cell02 {
  width: 20%;
}
.com-t thead tr .cell03 {
  width: 25%;
}
.com-t thead tr .cell04 {
  width: 12%;
}
.com-t thead tr .cell05 {
  width: 12%;
}
.com-t thead tr .cell06 {
  width: 5%;
}
.com-t thead tr td {
  padding: 5px 0.5rem;
  border-bottom: 1px solid #eee;
}
.com-t tbody {
  /*
  @include mixins.mq(max-xs) {
  display: block;
  max-height: 200px;
  overflow-y: auto;
  }
  */
}
.com-t tr {
  /*
  @include mixins.mq(max-xs) {
  display: table;
  table-layout: fixed;
  width: 100%;
  }
  */
}
.com-t tr th {
  padding: 12px 6px;
  border-right: 1px solid #E6E9ED;
  border-bottom: 1px solid #E6E9ED;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .com-t tr th {
    padding: 12px 6px;
  }
}
.com-t tr .th1 {
  font-size: 18px;
  font-weight: 700;
  padding: 14px 10px;
}
.com-t tr td {
  padding: 12px 6px;
  border-right: 1px solid #E6E9ED;
  border-bottom: 1px solid #E6E9ED;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .com-t tr td {
    padding: 12px 6px;
  }
}
.com-t tr td .red {
  color: #E4002B;
}
@media screen and (min-width: 768px) {
  .com-t tr td a:hover {
    opacity: 0.7;
  }
}

.btn {
  font-size: 12px;
  padding: 4px 8px;
}

.head_1 {
  font-size: 24px;
}
.head_1 span {
  margin-left: 15px;
}

.mid-t {
  height: 35px;
  padding: 4px;
}

.panel-title > a {
  color: #595757;
}

.stepper {
  width: 100%;
  max-width: 200px;
}

.alert-success {
  color: #fff;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px) {
  .xs_mt0 {
    margin-top: 0 !important;
  }
  .xs_mt10 {
    margin-top: 1rem !important;
  }
  .xs_mt15 {
    margin-top: 1.5rem !important;
  }
  .xs_mt20 {
    margin-top: 2rem !important;
  }
  .xs_mt25 {
    margin-top: 2.5rem !important;
  }
  .xs_mt30 {
    margin-top: 3rem !important;
  }
  .xs_mt40 {
    margin-top: 4rem !important;
  }
  .xs_mt50 {
    margin-top: 5rem !important;
  }
  .xs_mt60 {
    margin-top: 6rem !important;
  }
  .xs_mt70 {
    margin-top: 7rem !important;
  }
  .xs_mt80 {
    margin-top: 8rem !important;
  }
  .xs_mt90 {
    margin-top: 98rem !important;
  }
  .xs_mt100 {
    margin-top: 10rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sm_mt0 {
    margin-top: 0 !important;
  }
  .sm_mt10 {
    margin-top: 1rem !important;
  }
  .sm_mt15 {
    margin-top: 1.5rem !important;
  }
  .sm_mt20 {
    margin-top: 2rem !important;
  }
  .sm_mt25 {
    margin-top: 2.5rem !important;
  }
  .sm_mt30 {
    margin-top: 3rem !important;
  }
  .sm_mt40 {
    margin-top: 4rem !important;
  }
  .sm_mt50 {
    margin-top: 5rem !important;
  }
  .sm_mt60 {
    margin-top: 6rem !important;
  }
  .sm_mt70 {
    margin-top: 7rem !important;
  }
  .sm_mt80 {
    margin-top: 8rem !important;
  }
  .sm_mt90 {
    margin-top: 9rem !important;
  }
  .sm_mt100 {
    margin-top: 10rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .md_mt0 {
    margin-top: 0 !important;
  }
  .md_mt10 {
    margin-top: 1rem !important;
  }
  .md_mt15 {
    margin-top: 1.5rem !important;
  }
  .md_mt20 {
    margin-top: 2rem !important;
  }
  .md_mt25 {
    margin-top: 2.5rem !important;
  }
  .md_mt30 {
    margin-top: 3rem !important;
  }
  .md_mt40 {
    margin-top: 4rem !important;
  }
  .md_mt50 {
    margin-top: 5rem !important;
  }
  .md_mt60 {
    margin-top: 6rem !important;
  }
  .md_mt70 {
    margin-top: 7rem !important;
  }
  .md_mt80 {
    margin-top: 8rem !important;
  }
  .md_mt80 {
    margin-top: 8rem !important;
  }
  .md_mt100 {
    margin-top: 10rem !important;
  }
}
@media screen and (min-width: 1921px) {
  .lg_mt0 {
    margin-top: 0 !important;
  }
  .lg_mt10 {
    margin-top: 1rem !important;
  }
  .lg_mt15 {
    margin-top: 1.5rem !important;
  }
  .lg_mt20 {
    margin-top: 2rem !important;
  }
  .lg_mt25 {
    margin-top: 2.5rem !important;
  }
  .lg_mt30 {
    margin-top: 3rem !important;
  }
  .lg_mt40 {
    margin-top: 4rem !important;
  }
  .lg_mt50 {
    margin-top: 5rem !important;
  }
  .lg_mt60 {
    margin-top: 6rem !important;
  }
  .lg_mt70 {
    margin-top: 7rem !important;
  }
  .lg_mt80 {
    margin-top: 8rem !important;
  }
  .lg_mt90 {
    margin-top: 9rem !important;
  }
  .lg_mt100 {
    margin-top: 10rem !important;
  }
}
/*=================================
margin-bottom
=================================*/
.mb0 {
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px) {
  .xs_mb0 {
    margin-bottom: 0 !important;
  }
  .xs_mb10 {
    margin-bottom: 1rem !important;
  }
  .xs_mb15 {
    margin-bottom: 1.5rem !important;
  }
  .xs_mb20 {
    margin-bottom: 2rem !important;
  }
  .xs_mb25 {
    margin-bottom: 2.5rem !important;
  }
  .xs_mb30 {
    margin-bottom: 3rem !important;
  }
  .xs_mb40 {
    margin-bottom: 4rem !important;
  }
  .xs_mb50 {
    margin-bottom: 5rem !important;
  }
  .xs_mb60 {
    margin-bottom: 6rem !important;
  }
  .xs_mb70 {
    margin-bottom: 7rem !important;
  }
  .xs_mb80 {
    margin-bottom: 8rem !important;
  }
  .xs_mb90 {
    margin-bottom: 98rem !important;
  }
  .xs_mb100 {
    margin-bottom: 10rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sm_mb0 {
    margin-bottom: 0 !important;
  }
  .sm_mb10 {
    margin-bottom: 1rem !important;
  }
  .sm_mb15 {
    margin-bottom: 1.5rem !important;
  }
  .sm_mb20 {
    margin-bottom: 2rem !important;
  }
  .sm_mb25 {
    margin-bottom: 2.5rem !important;
  }
  .sm_mb30 {
    margin-bottom: 3rem !important;
  }
  .sm_mb40 {
    margin-bottom: 4rem !important;
  }
  .sm_mb50 {
    margin-bottom: 5rem !important;
  }
  .sm_mb60 {
    margin-bottom: 6rem !important;
  }
  .sm_mb70 {
    margin-bottom: 7rem !important;
  }
  .sm_mb80 {
    margin-bottom: 8rem !important;
  }
  .sm_mb90 {
    margin-bottom: 9rem !important;
  }
  .sm_mb100 {
    margin-bottom: 10rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .md_mb0 {
    margin-bottom: 0 !important;
  }
  .md_mb10 {
    margin-bottom: 1rem !important;
  }
  .md_mb15 {
    margin-bottom: 1.5rem !important;
  }
  .md_mb20 {
    margin-bottom: 2rem !important;
  }
  .md_mb25 {
    margin-bottom: 2.5rem !important;
  }
  .md_mb30 {
    margin-bottom: 3rem !important;
  }
  .md_mb40 {
    margin-bottom: 4rem !important;
  }
  .md_mb50 {
    margin-bottom: 5rem !important;
  }
  .md_mb60 {
    margin-bottom: 6rem !important;
  }
  .md_mb70 {
    margin-bottom: 7rem !important;
  }
  .md_mb80 {
    margin-bottom: 8rem !important;
  }
  .md_mb80 {
    margin-bottom: 8rem !important;
  }
  .md_mb100 {
    margin-bottom: 10rem !important;
  }
}
@media screen and (min-width: 1921px) {
  .lg_mb0 {
    margin-bottom: 0 !important;
  }
  .lg_mb10 {
    margin-bottom: 1rem !important;
  }
  .lg_mb15 {
    margin-bottom: 1.5rem !important;
  }
  .lg_mb20 {
    margin-bottom: 2rem !important;
  }
  .lg_mb25 {
    margin-bottom: 2.5rem !important;
  }
  .lg_mb30 {
    margin-bottom: 3rem !important;
  }
  .lg_mb40 {
    margin-bottom: 4rem !important;
  }
  .lg_mb50 {
    margin-bottom: 5rem !important;
  }
  .lg_mb60 {
    margin-bottom: 6rem !important;
  }
  .lg_mb70 {
    margin-bottom: 7rem !important;
  }
  .lg_mb80 {
    margin-bottom: 8rem !important;
  }
  .lg_mb90 {
    margin-bottom: 9rem !important;
  }
  .lg_mb100 {
    margin-bottom: 10rem !important;
  }
}
/*=================================
padding-top
=================================*/
.pt0 {
  padding-top: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px) {
  .xs_pt0 {
    padding-top: 0 !important;
  }
  .xs_pt10 {
    padding-top: 1rem !important;
  }
  .xs_pt15 {
    padding-top: 1.5rem !important;
  }
  .xs_pt20 {
    padding-top: 2rem !important;
  }
  .xs_pt25 {
    padding-top: 2.5rem !important;
  }
  .xs_pt30 {
    padding-top: 3rem !important;
  }
  .xs_pt40 {
    padding-top: 4rem !important;
  }
  .xs_pt50 {
    padding-top: 5rem !important;
  }
  .xs_pt60 {
    padding-top: 6rem !important;
  }
  .xs_pt70 {
    padding-top: 7rem !important;
  }
  .xs_pt80 {
    padding-top: 8rem !important;
  }
  .xs_pt90 {
    padding-top: 98rem !important;
  }
  .xs_pt100 {
    padding-top: 10rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sm_pt0 {
    padding-top: 0 !important;
  }
  .sm_pt10 {
    padding-top: 1rem !important;
  }
  .sm_pt15 {
    padding-top: 1.5rem !important;
  }
  .sm_pt20 {
    padding-top: 2rem !important;
  }
  .sm_pt25 {
    padding-top: 2.5rem !important;
  }
  .sm_pt30 {
    padding-top: 3rem !important;
  }
  .sm_pt40 {
    padding-top: 4rem !important;
  }
  .sm_pt50 {
    padding-top: 5rem !important;
  }
  .sm_pt60 {
    padding-top: 6rem !important;
  }
  .sm_pt70 {
    padding-top: 7rem !important;
  }
  .sm_pt80 {
    padding-top: 8rem !important;
  }
  .sm_pt90 {
    padding-top: 9rem !important;
  }
  .sm_pt100 {
    padding-top: 10rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .md_pt0 {
    padding-top: 0 !important;
  }
  .md_pt10 {
    padding-top: 1rem !important;
  }
  .md_pt15 {
    padding-top: 1.5rem !important;
  }
  .md_pt20 {
    padding-top: 2rem !important;
  }
  .md_pt25 {
    padding-top: 2.5rem !important;
  }
  .md_pt30 {
    padding-top: 3rem !important;
  }
  .md_pt40 {
    padding-top: 4rem !important;
  }
  .md_pt50 {
    padding-top: 5rem !important;
  }
  .md_pt60 {
    padding-top: 6rem !important;
  }
  .md_pt70 {
    padding-top: 7rem !important;
  }
  .md_pt80 {
    padding-top: 8rem !important;
  }
  .md_pt80 {
    padding-top: 8rem !important;
  }
  .md_pt100 {
    padding-top: 10rem !important;
  }
}
@media screen and (min-width: 1921px) {
  .lg_pt0 {
    padding-top: 0 !important;
  }
  .lg_pt10 {
    padding-top: 1rem !important;
  }
  .lg_pt15 {
    padding-top: 1.5rem !important;
  }
  .lg_pt20 {
    padding-top: 2rem !important;
  }
  .lg_pt25 {
    padding-top: 2.5rem !important;
  }
  .lg_pt30 {
    padding-top: 3rem !important;
  }
  .lg_pt40 {
    padding-top: 4rem !important;
  }
  .lg_pt50 {
    padding-top: 5rem !important;
  }
  .lg_pt60 {
    padding-top: 6rem !important;
  }
  .lg_pt70 {
    padding-top: 7rem !important;
  }
  .lg_pt80 {
    padding-top: 8rem !important;
  }
  .lg_pt90 {
    padding-top: 9rem !important;
  }
  .lg_pt100 {
    padding-top: 10rem !important;
  }
}
/*=================================
padding-bottom
=================================*/
.pb0 {
  padding-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px) {
  .xs_pb0 {
    padding-bottom: 0 !important;
  }
  .xs_pb10 {
    padding-bottom: 1rem !important;
  }
  .xs_pb15 {
    padding-bottom: 1.5rem !important;
  }
  .xs_pb20 {
    padding-bottom: 2rem !important;
  }
  .xs_pb25 {
    padding-bottom: 2.5rem !important;
  }
  .xs_pb30 {
    padding-bottom: 3rem !important;
  }
  .xs_pb40 {
    padding-bottom: 4rem !important;
  }
  .xs_pb50 {
    padding-bottom: 5rem !important;
  }
  .xs_pb60 {
    padding-bottom: 6rem !important;
  }
  .xs_pb70 {
    padding-bottom: 7rem !important;
  }
  .xs_pb80 {
    padding-bottom: 8rem !important;
  }
  .xs_pb90 {
    padding-bottom: 98rem !important;
  }
  .xs_pb100 {
    padding-bottom: 10rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sm_pb0 {
    padding-bottom: 0 !important;
  }
  .sm_pb10 {
    padding-bottom: 1rem !important;
  }
  .sm_pb15 {
    padding-bottom: 1.5rem !important;
  }
  .sm_pb20 {
    padding-bottom: 2rem !important;
  }
  .sm_pb25 {
    padding-bottom: 2.5rem !important;
  }
  .sm_pb30 {
    padding-bottom: 3rem !important;
  }
  .sm_pb40 {
    padding-bottom: 4rem !important;
  }
  .sm_pb50 {
    padding-bottom: 5rem !important;
  }
  .sm_pb60 {
    padding-bottom: 6rem !important;
  }
  .sm_pb70 {
    padding-bottom: 7rem !important;
  }
  .sm_pb80 {
    padding-bottom: 8rem !important;
  }
  .sm_pb90 {
    padding-bottom: 9rem !important;
  }
  .sm_pb100 {
    padding-bottom: 10rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .md_pb0 {
    padding-bottom: 0 !important;
  }
  .md_pb10 {
    padding-bottom: 1rem !important;
  }
  .md_pb15 {
    padding-bottom: 1.5rem !important;
  }
  .md_pb20 {
    padding-bottom: 2rem !important;
  }
  .md_pb25 {
    padding-bottom: 2.5rem !important;
  }
  .md_pb30 {
    padding-bottom: 3rem !important;
  }
  .md_pb40 {
    padding-bottom: 4rem !important;
  }
  .md_pb50 {
    padding-bottom: 5rem !important;
  }
  .md_pb60 {
    padding-bottom: 6rem !important;
  }
  .md_pb70 {
    padding-bottom: 7rem !important;
  }
  .md_pb80 {
    padding-bottom: 8rem !important;
  }
  .md_pb80 {
    padding-bottom: 8rem !important;
  }
  .md_pb100 {
    padding-bottom: 10rem !important;
  }
}
@media screen and (min-width: 1921px) {
  .lg_pb0 {
    padding-bottom: 0 !important;
  }
  .lg_pb10 {
    padding-bottom: 1rem !important;
  }
  .lg_pb15 {
    padding-bottom: 1.5rem !important;
  }
  .lg_pb20 {
    padding-bottom: 2rem !important;
  }
  .lg_pb25 {
    padding-bottom: 2.5rem !important;
  }
  .lg_pb30 {
    padding-bottom: 3rem !important;
  }
  .lg_pb40 {
    padding-bottom: 4rem !important;
  }
  .lg_pb50 {
    padding-bottom: 5rem !important;
  }
  .lg_pb60 {
    padding-bottom: 6rem !important;
  }
  .lg_pb70 {
    padding-bottom: 7rem !important;
  }
  .lg_pb80 {
    padding-bottom: 8rem !important;
  }
  .lg_pb90 {
    padding-bottom: 9rem !important;
  }
  .lg_pb100 {
    padding-bottom: 10rem !important;
  }
}
@media screen and (max-width: 767px) {
  .xs_ml0 {
    margin-left: 0 !important;
  }
}