@charset "UTF-8";
/* =============================================================================
 * 管理画面用SCSS
 * ========================================================================== */
:root {
  --c-blue: #4666db;
  --c-orange: #dc7529;
  --c-pink: #ed4a95;
  --c-green: #38ba88;
  --c-darkgreen: #119164;
  --c-white: #fff;
  --c-black: #000;
  --c-lightblack: #212121;
  --c-gray: #6e6e6e;
  --c-leight-gray: #F7F7F7;
  --c-beige: #efeee3;
  --c-yellow: #62f468;
  --c-navy: #0f1f63;
  --font-color: var(--c-black);
  --link-color: var(--c-navy_2);
  --bg-gray: #F7F7F7;
  --bd-gray: #dcdcdc;
  --fs10: 0.625rem;
  --fs12: 0.75rem;
  --fs14: 0.875rem;
  --fs16: 1rem;
  --fs18: 1.125rem;
  --fs20: 1.25rem;
  --fs22: 1.375rem;
  --fs24: 1.5rem;
  --fs26: 1.625rem;
  --fs28: 1.75rem;
  --fs30: 1.875rem;
  --fs32: 2rem;
  --fs38: 2.375rem;
  --fs40: 2.5rem;
  --fs48: 3rem;
  --fs54: 3.375rem;
  --fs-bese: var(--fs16);
  --fs-default: var(--fs18);
  --fs-h1: var(--fs48);
  --fs-h2: var(--fs32);
  --fs-h3: var(--fs28);
  --fs-h4: var(--fs24);
  --fs-h5: var(--fs22);
  --fs-h6: var(--fs20);
  --entry-h2-fs: var(--fs32);
  --entry-h3-fs: var(--fs28);
  --entry-h4-fs: var(--fs24);
  --entry-h5-fs: var(--fs20);
  --entry-h6-fs: var(--fs18);
  --container-width-max: 1520px;
  --container-width-default: 1290px;
  --container-width-small: 1070px;
  --container-width: var(--container-width-default);
  --container-padding: 5rem;
  --contents-margin-3l: 15rem;
  --contents-margin-xl: 7.5rem;
  --contents-margin-l: 5rem;
  --contents-margin-m: 3.75rem;
  --contents-margin-s: 2.5rem;
  --contents-margin-xs: 1.875rem;
  --contents-margin-3s: 1.25rem;
  --grid-gap: 1.875rem;
  --btn-height: 54px;
  --btn-width: 320px;
  --icon-size: 16px;
  --btn-width: 320px;
  --zindex-header: 100;
  --zindex-drawer: 1000;
  --zindex-modal: 10000;
  --logo-aspect: 22/ 4.205;
  --img-radius: 60px;
  --bg-radius: 180px;
  --stripe-c1: var(--c-white);
  --stripe-c2: var(--c-navy_3);
  --stripe-size: 7px 10px;
  --stripe-gradient: linear-gradient(-55deg,var(--stripe-c1) calc(30% - 1px), var(--stripe-c2) 30%, var(--stripe-c2) calc(50% - 1px), var(--stripe-c1) 50%,var(--stripe-c1) calc(80% - 1px), var(--stripe-c2) 80%, var(--stripe-c2));
}
@media (max-width:1080px) {
  :root {
    --fs-default: var(--fs16);
  }
}
@media (max-width:1080px) {
  :root {
    --fs-h2: var(--fs24);
    --fs-h3: var(--fs22);
    --fs-h4: var(--fs20);
    --fs-h5: var(--fs18);
    --fs-h6: var(--fs16);
  }
}
@media (max-width:1619px) {
  :root {
    --container-width-default: 1180px;
  }
}
@media (max-width:1279px) {
  :root {
    --container-padding: 2.5rem;
  }
}
@media (max-width:991px) {
  :root {
    --container-padding: 2.5rem;
  }
}
@media (max-width:767px) {
  :root {
    --container-padding: 0.9375rem;
  }
}
@media (max-width:991px) {
  :root {
    --contents-margin-xl: 7.5rem;
    --contents-margin-xl: 5rem;
    --contents-margin-l: 3.125rem;
    --contents-margin-m: 1.875rem;
    --contents-margin-s: 1.25rem;
    --contents-margin-xs: 0.625rem;
    --contents-margin-3s: 0.3125rem;
  }
}
@media (max-width:991px) {
  :root {
    --grid-gap: 1.25rem;
  }
}
@media (max-width:767px) {
  :root {
    --grid-gap: 0.625rem;
  }
}
@media (max-width:991px) {
  :root {
    --btn-width: 280px;
  }
}
@media (max-width:767px) {
  :root {
    --btn-min-width: 280px;
  }
}
@media (max-width:1279px) {
  :root {
    --img-radius: 40px;
    --bg-radius: 120px;
  }
}
@media (max-width:991px) {
  :root {
    --img-radius: 30px;
    --bg-radius: 90px;
  }
}
@media (max-width:991px) {
  :root {
    --img-radius: 30px;
    --bg-radius: 60px;
  }
}

body {
  --bs-link-color: var(--c-blue);
}

/* =============================================================================
 * ベース
 * ========================================================================== */
body {
  font-size: 16px;
}

.main-logo {
  width: 12%;
}

a {
  color: var(--bs-link-color);
}

.box-block {
  --box-bd-color: var(--bd-gray);
  --box-bd-weight: 2px;
  --box-bg-color: var(--bg-gray);
  --box-radius: 10px;
  --box-title-color: var(--c-darkgreen);
  padding: 20px;
  border: var(--box-bd-weight) solid var(--box-bd-color);
  border-radius: var(--box-radius);
  background-color: var(--box-bg-color);
}
.box-block .box-title {
  color: var(--box-title-color);
  font-size: var(--fs16);
  font-weight: bold;
  border-bottom: 1px solid var(--box-bd-color);
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.box-block.flow-box {
  --box-bg-color: var(--c-white);
}

.form-group .control-label {
  --br-weight: 4px;
  position: relative;
  padding-left: calc(var(--br-weight) + 10px);
}
.form-group .control-label::before {
  content: "";
  background-color: var(--c-green);
  width: var(--br-weight);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.form-group .control-label .btn {
  line-height: 1.3;
  font-size: var(--fs12);
  font-weight: normal;
  padding: 5px 12px;
  margin-left: 16px;
}
.form-group .control-label .btn + .btn {
  margin-left: 8px;
}
.form-group .control-label + .form-control, .form-group .control-label + .form-select {
  margin-top: 10px;
}
.form-group + .form-group {
  margin-top: 25px;
}
.form-group .form-w50p {
  width: 50%;
}

.btn {
  --btn-bg-color: var(--c-orange);
  --btn-bd-color: var(--c-orange);
  --btn-color: var(--c-white);
  --btn-hover-bg-color: var(--c-orange);
  --btn-hover-bd-color: var(--c-orange);
  --btn-hover-color: var(--c-white);
  --btn-fs: var(--fs-default);
  --btn-icon-size: 16px;
}

.wrapper .btn {
  text-decoration: none;
  font-weight: 700;
  border-radius: 8px;
  min-height: 36px;
  white-space: normal;
  letter-spacing: 0.03em;
  text-align: center;
  padding: 5px 10px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.3em;
}
.wrapper .btn:focus, .wrapper .btn:disabled, .wrapper .btn:visited, .wrapper .btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.wrapper .btn:not(:disabled):not(.disabled):active, .wrapper .btn:not(:disabled):not(.disabled).active, .wrapper .btn:not(:disabled):not(.disabled):active:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.wrapper .btn:hover, .wrapper .btn:active, .wrapper .btn.touch {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.wrapper .btn, .wrapper .btn:focus, .wrapper .btn:disabled, .wrapper .btn:visited, .wrapper .btn:focus {
  background-color: var(--btn-bg-color);
  border: 1px solid var(--btn-bd-color);
  color: var(--btn-color);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.wrapper .btn:not(:disabled):not(.disabled):active, .wrapper .btn:not(:disabled):not(.disabled).active, .wrapper .btn:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.wrapper .btn:hover, .wrapper .btn:active, .wrapper .btn.touch, .wrapper .btn:hover:not(:disabled):not(.disabled) {
  background-color: var(--btn-bg-color);
  border: 1px solid var(--btn-bd-color);
  color: var(--btn-color);
  opacity: 0.7;
}
.wrapper .btn .icon {
  width: 16px;
  height: 16px;
  color: var(--icon-color);
}
.wrapper .btn.btn-full {
  width: 100%;
}
.wrapper .btn.btn-short {
  min-width: 80px;
}
.wrapper .btn.btn-w80p {
  width: 80%;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrapper .btn.btn-min-w100 {
  min-width: 100px;
}
.wrapper .btn.btn-large {
  min-height: 42px;
  font-size: var(--fs16);
  padding: 5px 10px;
}

.btn-blue, .btn-primary {
  --btn-bg-color: var(--c-green);
  --btn-bd-color: var(--c-green);
  --btn-color: var(--c-white);
  --icon-color: var(--c-white);
}

.btn-darkgreen, .btn-secondary {
  --btn-bg-color: var(--c-darkgreen);
  --btn-bd-color: var(--c-darkgreen);
  --btn-color: var(--c-white);
  --icon-color: var(--c-white);
}

.btn-green, .btn-success {
  --btn-bg-color: var(--c-blue);
  --btn-bd-color: var(--c-blue);
  --btn-color: var(--c-white);
  --icon-color: var(--c-white);
}

.btn-orange, .btn-warning {
  --btn-bg-color: var(--c-orange);
  --btn-bd-color: var(--c-orange);
  --btn-color: var(--c-white);
  --icon-color: var(--c-white);
}

.btn-pink, .btn-danger {
  --btn-bg-color: var(--c-pink);
  --btn-bd-color: var(--c-pink);
  --btn-color: var(--c-white);
  --icon-color: var(--c-white);
}

.btn-info {
  --btn-bg-color: var(--c-white);
  --btn-bd-color: var(--c-blue);
  --btn-color: var(--c-blue);
  --icon-color: var(--c-blue);
}

.btn-light {
  --btn-bg-color: var(--c-white);
  --btn-bd-color: var(--c-green);
  --btn-color: var(--c-green);
  --icon-color: var(--c-green);
}

.btn-dark {
  --btn-bg-color: var(--c-lightblack);
  --btn-bd-color: var(--c-lightblack);
  --btn-color: var(--c-white);
  --icon-color: var(--c-white);
}

.btn-arrow {
  --icon-size: 20px;
  --icon-offset: calc(var(--btn-height) / 3);
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 5px var(--btn-height) 5px calc(var(--btn-height) / 2);
}
.btn-arrow::before {
  content: "";
  position: absolute;
  right: var(--icon-offset);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: var(--icon-size);
  width: var(--icon-size);
  background-color: var(--btn-color);
  display: block;
  -webkit-mask-image: url(../img/common/arrow.svg);
          mask-image: url(../img/common/arrow.svg);
  -webkit-mask-position: center calc(50% - 3px);
          mask-position: center calc(50% - 3px);
  -webkit-mask-size: 18px auto;
          mask-size: 18px auto;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.btn-arrow:hover, .btn-arrow:active {
  --icon-color: var(--c-white);
}

@media (max-width:767px) {
  .btn-arrow {
    --icon-size: 0.875rem;
  }
}
.icon-mail::before {
  content: "";
  height: var(--btn-circle-size);
  width: var(--btn-circle-size);
  background-color: var(--btn-bg-color);
  display: block;
  -webkit-mask-image: url(../img/common/icon-mail.svg);
          mask-image: url(../img/common/icon-mail.svg);
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.btns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.btns-wrap.btns-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btns-wrap.btns-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.btns-wrap.btns-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.btns-wrap .btn {
  width: calc(33% - 20px);
}

@media (max-width:767px) {
  .btns-row {
    gap: 8px;
  }
  .btns-row .btn {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.drawer-btn {
  --drawer-btn-height: 50px;
  --bar-widht: 24px;
  --bar-height: 18px;
  width: 50px;
  height: var(--drawer-btn-height);
  position: relative;
  padding: 15px 0 14px;
  border: 0;
  background-color: transparent;
}
.drawer-btn .inner {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 100vmax;
  position: relative;
  background-color: var(--c-white);
}
.drawer-btn .icon-bar {
  position: absolute;
  display: block;
  border-top: 2px solid var(--c-navy);
  border-bottom: 2px solid var(--c-navy);
  border-left: 0;
  border-right: 0;
  width: var(--bar-widht);
  height: var(--bar-height);
  right: 9px;
  top: 5px;
  margin: 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  overflow: visible;
}
.drawer-btn .icon-bar::before, .drawer-btn .icon-bar::after {
  background-color: var(--c-navy);
  content: "";
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  display: block;
  position: absolute;
  height: 2px;
  width: var(--bar-widht);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
}
.drawer-btn:hover, .drawer-btn:active {
  opacity: 1;
}
.drawer-btn.active {
  opacity: 1;
}
.drawer-btn.active .drawer-btn-text.open {
  opacity: 0;
}
.drawer-btn.active .drawer-btn-text.close {
  opacity: 1;
}
.drawer-btn.active .icon-bar {
  border-top: 0;
  border-bottom: 0;
}
.drawer-btn.active .icon-bar::before {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-225deg);
          transform: translate(-50%, -50%) rotate(-225deg);
}
.drawer-btn.active .icon-bar::after {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}

.drawer-close-btn {
  --drawer-btn-size: 50px;
  --bar-widht: 24px;
  --bar-height: 18px;
  width: var(--drawer-btn-size);
  height: var(--drawer-btn-size);
  position: relative;
  padding: 0;
  border: 0;
  background-color: transparent;
}
.drawer-close-btn::before, .drawer-close-btn::after {
  content: "";
  background-color: var(--c-navy);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  display: block;
  position: absolute;
  height: 2px;
  width: var(--bar-widht);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
}
.drawer-close-btn::before {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-225deg);
          transform: translate(-50%, -50%) rotate(-225deg);
}
.drawer-close-btn::after {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}

.card-header {
  position: relative;
}
.card-header .card-title {
  --br-weight: 6px;
  position: relative;
  color: var(--c-brack);
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0;
  padding-left: calc(var(--br-weight) + 10px);
}
.card-header .card-title::before {
  content: "";
  background-color: var(--c-green);
  width: var(--br-weight);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.card-header::after {
  content: "";
  border-bottom: 1px solid var(--c-green);
  width: calc(100% - var(--bs-card-cap-padding-x) * 2);
  height: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: var(--bs-card-cap-padding-x);
}

.card-product-body {
  --inner-right-width: 360px;
  --gap-y: 20px;
  --gap-x: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap-x) var(--gap-y);
}
.card-product-body .inner-left {
  width: calc(100% - var(--inner-right-width) - var(--gap-x));
}
.card-product-body .inner-right {
  width: var(--inner-right-width);
}
.card-product-body .card-product-name {
  font-size: var(--fs16);
  border-bottom: 1px solid var(--c-green);
  padding-bottom: 5px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-product-body .card-product-name span:nth-child(1) {
  font-size: var(--fs24);
  margin-right: 10px;
}
.card-product-body h3 {
  --br-weight: 4px;
  font-size: var(--fs22);
  padding-left: calc(var(--br-weight) + 10px);
  position: relative;
}
.card-product-body h3::before {
  content: "";
  background-color: var(--c-green);
  width: var(--br-weight);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.heading-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.heading-step span {
  background-color: var(--c-green);
  border-radius: 8px;
  padding: 5px 10px;
  color: var(--c-white);
  display: inline-block;
}

.dashboard-menu {
  padding: 0;
  list-style: none;
}
.dashboard-menu .menu-child {
  list-style: none;
  padding-left: 22px;
}
.dashboard-menu > li {
  border-top: 1px solid var(--bd-gray);
  padding: 8px 0;
}
.dashboard-menu > li::marker {
  content: none;
}
.dashboard-menu > li a {
  --arrow-width: 8px;
  --arrow-height: 12px;
  --pading-y: 5px;
  font-size: var(--fs16);
  font-weight: bold;
  display: inline-block;
  padding: var(--pading-y) 0 var(--pading-y) calc(var(--arrow-width) + 10px);
  position: relative;
}
.dashboard-menu > li a::before {
  content: "";
  width: var(--arrow-width);
  height: 12px;
  background-color: var(--bs-link-color);
  display: inline-block;
  position: absolute;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(calc(var(--arrow-height) / -2));
          transform: translateY(calc(var(--arrow-height) / -2));
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.consider-panel2 .btn {
  border-radius: 5px;
  line-height: 1.3;
}
.consider-panel2 .btn.btn-sm {
  font-size: var(--fs12);
  font-weight: normal;
  padding: 5px 2px;
}

.flow-warp {
  background-color: var(--bg-gray);
  padding: 15px;
  margin-bottom: 30px;
  position: relative;
  border: 2px solid var(--bd-gray);
  border-radius: 10px;
}
.flow-warp .flow-label {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--bd-gray);
  border-radius: 5px 0 10px 0;
  padding: 2px 10px;
}
.flow-warp img {
  margin: 0 auto;
  display: block;
  vertical-align: top;
}

.news .news-list {
  height: 100px;
  overflow: scroll;
}

footer.l-footer {
  --bs-body-color: var(--c-white);
  background-color: var(--c-green);
  color: var(--bs-body-color);
  padding: 15px 15px;
}

/* =============================================================================
 * ユーティリティ
 * ========================================================================== */
/**
 * ボーダーをつける
 */
.db-solid-100 {
  border: 1px solid;
}

/**
 * 表示状態
 */
.hide {
  display: none;
}

/**
readonly
 */
[realonly] {
  background-color: #EEE !important;
}

/**
 * 幅指定
 */
.max-width-100 {
  max-width: 100px;
}

.max-width-200 {
  max-width: 200px;
}

/**
 * 枠付きエリア
 */
.with-border {
  border: 1px solid #999999;
  padding: 0.45em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:767px) {
  .mb-sp-0 {
    margin-bottom: 0px !important;
  }
  .mt-sp-0 {
    margin-top: 0px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-5 {
    margin-bottom: 5px !important;
  }
  .mt-sp-5 {
    margin-top: 5px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-10 {
    margin-bottom: 10px !important;
  }
  .mt-sp-10 {
    margin-top: 10px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-15 {
    margin-bottom: 15px !important;
  }
  .mt-sp-15 {
    margin-top: 15px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-20 {
    margin-bottom: 20px !important;
  }
  .mt-sp-20 {
    margin-top: 20px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-25 {
    margin-bottom: 25px !important;
  }
  .mt-sp-25 {
    margin-top: 25px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-30 {
    margin-bottom: 30px !important;
  }
  .mt-sp-30 {
    margin-top: 30px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-35 {
    margin-bottom: 35px !important;
  }
  .mt-sp-35 {
    margin-top: 35px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-40 {
    margin-bottom: 40px !important;
  }
  .mt-sp-40 {
    margin-top: 40px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-45 {
    margin-bottom: 45px !important;
  }
  .mt-sp-45 {
    margin-top: 45px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-50 {
    margin-bottom: 50px !important;
  }
  .mt-sp-50 {
    margin-top: 50px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-55 {
    margin-bottom: 55px !important;
  }
  .mt-sp-55 {
    margin-top: 55px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-60 {
    margin-bottom: 60px !important;
  }
  .mt-sp-60 {
    margin-top: 60px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-65 {
    margin-bottom: 65px !important;
  }
  .mt-sp-65 {
    margin-top: 65px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-70 {
    margin-bottom: 70px !important;
  }
  .mt-sp-70 {
    margin-top: 70px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-75 {
    margin-bottom: 75px !important;
  }
  .mt-sp-75 {
    margin-top: 75px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-80 {
    margin-bottom: 80px !important;
  }
  .mt-sp-80 {
    margin-top: 80px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-85 {
    margin-bottom: 85px !important;
  }
  .mt-sp-85 {
    margin-top: 85px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-90 {
    margin-bottom: 90px !important;
  }
  .mt-sp-90 {
    margin-top: 90px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-95 {
    margin-bottom: 95px !important;
  }
  .mt-sp-95 {
    margin-top: 95px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-100 {
    margin-bottom: 100px !important;
  }
  .mt-sp-100 {
    margin-top: 100px !important;
  }
}
.mb-xs {
  margin-bottom: 1.25rem !important;
}

.mt-xs {
  margin-top: 1.25rem !important;
}

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

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

.mb-m {
  margin-bottom: 3.75rem !important;
}

.mt-m {
  margin-top: 3.75rem !important;
}

.mb-l {
  margin-bottom: 6.25rem !important;
}

.mt-l {
  margin-top: 6.25rem !important;
}

.mb-xl {
  margin-bottom: 11.25rem !important;
}

.mt-xl {
  margin-top: 11.25rem !important;
}

@media (max-width:767px) {
  .mb-xs {
    margin-bottom: 0.625rem !important;
  }
  .mt-xs {
    margin-top: 0.625rem !important;
  }
  .mb-s {
    margin-bottom: 1.25rem !important;
  }
  .mt-s {
    margin-top: 1.25rem !important;
  }
  .mb-m {
    margin-bottom: 2.5rem !important;
  }
  .mt-m {
    margin-top: 2.5rem !important;
  }
  .mb-l {
    margin-bottom: 5rem !important;
  }
  .mt-l {
    margin-top: 5rem !important;
  }
  .mb-xl {
    margin-bottom: 7.5rem !important;
  }
  .mt-xl {
    margin-top: 7.5rem !important;
  }
}
/**
 * 下マージン
 */
.margin-bottom-020 {
  margin-bottom: 0.2rem;
}

.margin-bottom-025 {
  margin-bottom: 0.25rem;
}

.margin-bottom-030 {
  margin-bottom: 0.3rem;
}

.margin-bottom-050 {
  margin-bottom: 0.5rem;
}

.margin-bottom-070 {
  margin-bottom: 0.7rem;
}

.margin-bottom-075 {
  margin-bottom: 0.75rem;
}

.margin-bottom-080 {
  margin-bottom: 0.8rem;
}

.margin-bottom-090 {
  margin-bottom: 0.9rem;
}

.margin-bottom-100 {
  margin-bottom: 1rem;
}

.margin-bottom-120 {
  margin-bottom: 1.2rem;
}

.margin-bottom-125 {
  margin-bottom: 1.25rem;
}

.margin-bottom-130 {
  margin-bottom: 1.3rem;
}

.margin-bottom-150 {
  margin-bottom: 1.5rem;
}

.margin-bottom-160 {
  margin-bottom: 1.6rem;
}

.margin-bottom-175 {
  margin-bottom: 1.75rem;
}

.margin-bottom-180 {
  margin-bottom: 1.8rem;
}

.margin-bottom-200 {
  margin-bottom: 2rem;
}

.margin-bottom-225 {
  margin-bottom: 2.25rem;
}

.margin-bottom-250 {
  margin-bottom: 2.5rem;
}

.margin-bottom-300 {
  margin-bottom: 3rem;
}

.margin-bottom-350 {
  margin-bottom: 3.5rem;
}

.margin-bottom-400 {
  margin-bottom: 4rem;
}

.margin-bottom-450 {
  margin-bottom: 4.5rem;
}

.margin-bottom-500 {
  margin-bottom: 5rem;
}

.margin-bottom-550 {
  margin-bottom: 5.5rem;
}

.margin-bottom-600 {
  margin-bottom: 6rem;
}

.margin-bottom-650 {
  margin-bottom: 6.5rem;
}

.margin-bottom-700 {
  margin-bottom: 7rem;
}

.margin-bottom-750 {
  margin-bottom: 7.5rem;
}

.margin-bottom-800 {
  margin-bottom: 8rem;
}

.margin-bottom-850 {
  margin-bottom: 8.5rem;
}

/**
 * パディング
 */
.padding-020 {
  padding: 0.2rem;
}

.padding-025 {
  padding: 0.25rem;
}

.padding-030 {
  padding: 0.3rem;
}

.padding-050 {
  padding: 0.5rem;
}

.padding-070 {
  padding: 0.7rem;
}

.padding-075 {
  padding: 0.75rem;
}

.padding-080 {
  padding: 0.8rem;
}

.padding-090 {
  padding: 0.9rem;
}

.padding-100 {
  padding: 1rem;
}

.padding-120 {
  padding: 1.2rem;
}

.padding-125 {
  padding: 1.25rem;
}

.padding-130 {
  padding: 1.3rem;
}

.padding-150 {
  padding: 1.5rem;
}

.padding-160 {
  padding: 1.6rem;
}

.padding-175 {
  padding: 1.75rem;
}

.padding-180 {
  padding: 1.8rem;
}

.padding-200 {
  padding: 2rem;
}

.padding-225 {
  padding: 2.25rem;
}

.padding-250 {
  padding: 2.5rem;
}

.padding-300 {
  padding: 3rem;
}

.padding-350 {
  padding: 3.5rem;
}

.padding-400 {
  padding: 4rem;
}

.padding-450 {
  padding: 4.5rem;
}

.padding-500 {
  padding: 5rem;
}

.padding-550 {
  padding: 5.5rem;
}

.padding-600 {
  padding: 6rem;
}

.padding-650 {
  padding: 6.5rem;
}

.padding-700 {
  padding: 7rem;
}

.padding-750 {
  padding: 7.5rem;
}

.padding-800 {
  padding: 8rem;
}

.padding-850 {
  padding: 8.5rem;
}

/**
 * パディング下
 */
.padding-bottom-020 {
  padding-bottom: 0.2rem;
}

.padding-bottom-025 {
  padding-bottom: 0.25rem;
}

.padding-bottom-030 {
  padding-bottom: 0.3rem;
}

.padding-bottom-050 {
  padding-bottom: 0.5rem;
}

.padding-bottom-070 {
  padding-bottom: 0.7rem;
}

.padding-bottom-075 {
  padding-bottom: 0.75rem;
}

.padding-bottom-080 {
  padding-bottom: 0.8rem;
}

.padding-bottom-090 {
  padding-bottom: 0.9rem;
}

.padding-bottom-100 {
  padding-bottom: 1rem;
}

.padding-bottom-120 {
  padding-bottom: 1.2rem;
}

.padding-bottom-125 {
  padding-bottom: 1.25rem;
}

.padding-bottom-130 {
  padding-bottom: 1.3rem;
}

.padding-bottom-150 {
  padding-bottom: 1.5rem;
}

.padding-bottom-160 {
  padding-bottom: 1.6rem;
}

.padding-bottom-175 {
  padding-bottom: 1.75rem;
}

.padding-bottom-180 {
  padding-bottom: 1.8rem;
}

.padding-bottom-200 {
  padding-bottom: 2rem;
}

.padding-bottom-225 {
  padding-bottom: 2.25rem;
}

.padding-bottom-250 {
  padding-bottom: 2.5rem;
}

.padding-bottom-300 {
  padding-bottom: 3rem;
}

.padding-bottom-350 {
  padding-bottom: 3.5rem;
}

.padding-bottom-400 {
  padding-bottom: 4rem;
}

.padding-bottom-450 {
  padding-bottom: 4.5rem;
}

.padding-bottom-500 {
  padding-bottom: 5rem;
}

.padding-bottom-550 {
  padding-bottom: 5.5rem;
}

.padding-bottom-600 {
  padding-bottom: 6rem;
}

.padding-bottom-650 {
  padding-bottom: 6.5rem;
}

.padding-bottom-700 {
  padding-bottom: 7rem;
}

.padding-bottom-750 {
  padding-bottom: 7.5rem;
}

.padding-bottom-800 {
  padding-bottom: 8rem;
}

.padding-bottom-850 {
  padding-bottom: 8.5rem;
}

/**
* 表示状態
*/
.pc-visible {
  display: block;
}

.sp-visible {
  display: none;
}

@media (max-width:767px) {
  .pc-visible {
    display: none;
  }
  .sp-visible {
    display: block;
  }
}
h1.h1 {
  font-weight: bold;
  font-size: var(--fs32);
  border-bottom: 2px solid var(--c-green);
  padding-bottom: 0.25rem;
  margin-bottom: var(--contents-margin-s);
}

.control-label {
  font-weight: bold;
  font-size: 1.05rem;
}

.card-header {
  font-weight: bold;
  font-size: 1.15rem;
}

.consider-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 0vw;
  height: 100vh;
  z-index: 100000000;
  overflow-x: hidden;
}
.consider-panel .close-panel {
  padding: 0.2rem;
}

.consider-panel2 {
  position: fixed;
  right: 0;
  top: 50vh;
  width: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100000000;
  overflow-x: hidden;
  background-color: #ECEFF1 !important;
  padding: 7px;
  border: 1px solid #BBB;
  border-radius: 5px 0px 0px 5px;
  background-color: #EEE;
}
.consider-panel2 .btn {
  font-size: 10px;
  margin-bottom: 5px;
}

.wrapper .nav-tabs .nav-link {
  border-color: #efefef;
}

.dropdown .dropdown-menu.show {
  padding: 15px 0;
}
.dropdown .dropdown-menu.show .badge {
  display: block;
  width: calc(100% - var(--bs-dropdown-item-padding-x) * 2);
  margin-inline: auto;
  padding: 5px 5px;
}

.navbar-expand .navbar-nav .nav-link svg {
  width: 24px;
}

/* =============================================================================
 * ユーティリティ マージン
 * ========================================================================== */
/**
 * bootstrapのcolの高さを合わせる
 */
.row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/**
 * row flex
 */
.row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row-flex::before, .row-flex::after {
  content: none;
}

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

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

.justify-content-strat {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

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

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

.align-items-between {
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
}

.align-items-strat {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

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

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

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

.align-content-strat {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

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

/**
 * フォーム周り
 */
.form-group.has-error .help-block {
  color: #F00;
}

/* =============================================================================
 * ユーティリティ マージン
 * ========================================================================== */
/**
 * フォントサイズ
 */
.font-size-050 {
  font-size: 0.5rem;
}

.font-size-075 {
  font-size: 0.75rem;
}

.font-size-080 {
  font-size: 0.8rem;
}

.font-size-085 {
  font-size: 0.85rem;
}

.font-size-090 {
  font-size: 0.9rem;
}

.font-size-095 {
  font-size: 0.95rem;
}

.font-size-100 {
  font-size: 1rem;
}

.font-size-110 {
  font-size: 1.1rem;
}

.font-size-120 {
  font-size: 1.2rem;
}

.font-size-125 {
  font-size: 1.25rem;
}

.font-size-130 {
  font-size: 1.3rem;
}

.font-size-140 {
  font-size: 1.4rem;
}

.font-size-150 {
  font-size: 1.5rem;
}

.font-size-160 {
  font-size: 1.6rem;
}

.font-size-180 {
  font-size: 1.8rem;
}

.font-size-200 {
  font-size: 2rem;
}

/**
 * テキスト揃え
 */
.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

/**
 * 強制ワード絵ラップ
 */
.force-wrap {
  overflow-wrap: anywhere;
}

.fs-xs {
  font-size: 0.625rem !important;
}

.fs-s {
  font-size: 0.75rem !important;
}

.fs-m {
  font-size: 0.875rem !important;
}

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

.fs-xl {
  font-size: 1.125rem !important;
}

/**
 * フレームなし-1
 */
.main-noflame {
  padding: 20px;
}

.full-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 22222222222222223000000;
  font-weight: 1.25rem;
  opacity: 0.88;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
}
/*# sourceMappingURL=style.css.map */