#index #step_flg{display:flex;align-items:center;margin:0 auto 2em}#index #step_flg .step{width:10%;height:10%;border-radius:50%;background:#c2b7a5;display:flex;align-items:center;justify-content:center;position:relative}#index #step_flg .step:before{content:"";display:block;padding-top:100%}#index #step_flg .step span{color:#faf2e3;font-size:1.2em}#index #step_flg .step.active{background:#e16531}#index #step_flg>span{width:calc(60% / 4);height:7px;background:#c2b7a5}#index #flow .state_flg{color:#fff;font-weight:bold;padding:.4em 1em;border-radius:4px}#index #flow .state_flg.red{background:#d20101}#index #flow .state_flg.blue{background:#0645ad}#index #flow .state_flg.yellow{background:#e0c775}#application .tb-1 th{width:25%}#account .tb-1 .tr .th{width:25%}
.select-month { display: flex; }
.select-month .angle-arrow { width: 10%; transform: scale(1.5); }
.select-month .angle-arrow button { margin: auto; }
.select-month .current-month { width: 80%; text-align: center; font-size: 17px; font-weight: bold; }
.day-line { margin: 10px 5px; display: flex; }
.day-line .day-txt { width: 30%; }
.day-line .day-content { width: 70%; text-align: center; }
.day-line .day-content.is-selected button { color:  #0043ff; margin: auto; }
.holiday .day-txt { color:red; }
.holiday .day-content { background: #7c0202; text-align: center; color: #fff; font-weight: bold; }
.group-control { display: flex; }
.contact.list .finish { color: #0fb74a; }
.none-display { display: none; }
.overlay-snd { z-index: 99 !important; }
.none-click { pointer-events: none; }
.flex-table tr { display: flex !important; }
.flex-table tr th { text-align: center; }
.modal .modal_contents { overflow-y: auto; padding-bottom: 25px; }
.modal .modal_footer { margin: 10px 0; }
.modal .modal_footer button { margin: auto; }
.overlay.bg-2 { z-index: 100; }
.modal.modal-2 { z-index: 101; }
#logo span { font-weight: bold; font-size: 35px; font-family: "Zen Antique","MS PMincho","ＭＳ Ｐ明朝","HiraMinPro-W6","ヒラギノ明朝 Pro W6",serif; }
#logo div:nth-child(1) { transform: rotate3d(1, 1, 1, -10deg); }
#logo div:nth-child(2) { margin-left: 35px; margin-top: -25px; transform: rotate3d(1, 1, 1, -10deg); }
#logo div:nth-child(1) span:first-child { color: #6f5d99; }
#logo div:nth-child(1) span:nth-child(2) { color: #45aec4; }
#logo div:nth-child(1) span:nth-child(3) { color: #f8b149; }
#logo div:nth-child(1) span:nth-child(4) { color: #fdcc7d; font-size: 35px; }
#logo div:nth-child(2) span:nth-child(1) { color: #e38595; }
#logo div:nth-child(2) span:nth-child(2) { color: #98bc38; }
#logo div:nth-child(2) span:nth-child(3) { color: #27767a; }
.heigh45 { height: 45px; }
.btn-loader, .btn-loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  pointer-events: none;
}
.btn-loader {
  margin-top: -12px;
  margin-left: 15%;
  font-size: 10px;
  position: absolute;
  text-indent: -9999em;
  border-top: .4em solid rgba(255, 255, 255, 0.2);
  border-right: .4em solid rgba(255, 255, 255, 0.2);
  border-bottom: .4em solid rgba(255, 255, 255, 0.2);
  border-left: .4em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.attack-image .attack-image-name { display: block; }
.select-dropdown { position: absolute; z-index: 100; overflow-y: auto; }
.select-dropdown option { background: none; min-width: 50px; }

.step { display: flex; margin-bottom: 20px; }
.step .step-num { font-size: 27px; }
.step .step-num span { background: gray; border-radius: 50%; font-size: 30px; padding: 5px 17px; }
.step .step-num .step-status { border: 1px solid gray; position: relative; top: -50%; z-index: -1; }
.step .active span { background: #39e9ef; }
.step .active .step-status { border: 1px solid #39e9ef; }

.item-center { align-items: center; }
.backgroun-gray-1 { background: #b9b9b9 !important; }

.mr-70 { margin-left: 70%; }

.checkbox.list-item { width: 20%;}
.edit-area { background: #ffdfdf; padding: 10px; }

.explanation.red-border {
  border: 1px solid red;
  border-radius: 5px;
  padding: 10px;
  width: 85%;
  margin: 30px auto;
  background: white;
}

.wrap-text { overflow-wrap: anywhere; }

@media (max-width:414px) { 
  .checkbox.list-item { width: 40%;}
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}