@use "sass:math" {}/** variables **/
/** framework **/
body {
  font-family: 'Zen Kaku Gothic New', 'Klee One', 'Noto Serif JP', serif;
  font-weight: 400;
  color: #555; }

.master._wr {
  max-width: 1170px; }

.header {
  padding: 0.5rem; }

.header._wr {
  max-width: 1170px; }

.header img {
  width: 120px; }

.header_nav {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
  .header_nav #logout {
    cursor: pointer; }

/** common **/
.wa {
  width: auto; }

.w100 {
  width: 100%; }

.h100 {
  height: 100%; }

.vh100 {
  height: 100vh; }

.mvh100 {
  min-height: 100vh; }

.vw100 {
  width: 100vw; }

.mvw100 {
  min-width: 100vw; }

.w120p {
  width: 120px; }

.w240p {
  width: 240px; }

.w360p {
  width: 360px; }

.w480p {
  width: 480px; }

.w600p {
  width: 600px; }

.abs {
  position: absolute; }
  .abs.aic {
    top: 50%;
    transform: translateY(-50%); }
  .abs.jcc {
    left: 50%;
    transform: translateX(-50%); }
  .abs.aic.jcc {
    transform: translate(-50%, -50%); }

.rel {
  position: relative; }

.hidden {
  display: none; }

.ls1 {
  letter-spacing: 1px; }

.ls2 {
  letter-spacing: 2px; }

.ls3 {
  letter-spacing: 3px; }

.ls4 {
  letter-spacing: 4px; }

.mt025 {
  margin-top: 0.25rem; }

.mt05 {
  margin-top: 0.5rem; }

.mt075 {
  margin-top: 0.75rem; }

.mt1 {
  margin-top: 1rem; }

.mt1_5 {
  margin-top: 1.5rem; }

.mt2 {
  margin-top: 2rem; }

.mt2_5 {
  margin-top: 2.5rem; }

.mt3 {
  margin-top: 3rem; }

.mt3_5 {
  margin-top: 3.5rem; }

.mt4 {
  margin-top: 4rem; }

.mt4_5 {
  margin-top: 4.5rem; }

.mt5 {
  margin-top: 5rem; }

.mt5_5 {
  margin-top: 5.5rem; }

.mr025 {
  margin-right: 0.25rem; }

.mr05 {
  margin-right: 0.5rem; }

.mr075 {
  margin-right: 0.75rem; }

.mr1 {
  margin-right: 1rem; }

.mr1_5 {
  margin-right: 1.5rem; }

.mr2 {
  margin-right: 2rem; }

.mr2_5 {
  margin-right: 2.5rem; }

.mr3 {
  margin-right: 3rem; }

.mr3_5 {
  margin-right: 3.5rem; }

.mr4 {
  margin-right: 4rem; }

.mr4_5 {
  margin-right: 4.5rem; }

.mr5 {
  margin-right: 5rem; }

.mr5_5 {
  margin-right: 5.5rem; }

.mb025 {
  margin-bottom: 0.25rem; }

.mb05 {
  margin-bottom: 0.5rem; }

.mb075 {
  margin-bottom: 0.75rem; }

.mb1 {
  margin-bottom: 1rem; }

.mb1_5 {
  margin-bottom: 1.5rem; }

.mb2 {
  margin-bottom: 2rem; }

.mb2_5 {
  margin-bottom: 2.5rem; }

.mb3 {
  margin-bottom: 3rem; }

.mb3_5 {
  margin-bottom: 3.5rem; }

.mb4 {
  margin-bottom: 4rem; }

.mb4_5 {
  margin-bottom: 4.5rem; }

.mb5 {
  margin-bottom: 5rem; }

.mb5_5 {
  margin-bottom: 5.5rem; }

.ml025 {
  margin-left: 0.25rem; }

.ml05 {
  margin-left: 0.5rem; }

.ml075 {
  margin-left: 0.75rem; }

.ml1 {
  margin-left: 1rem; }

.ml1_5 {
  margin-left: 1.5rem; }

.ml2 {
  margin-left: 2rem; }

.ml2_5 {
  margin-left: 2.5rem; }

.ml3 {
  margin-left: 3rem; }

.ml3_5 {
  margin-left: 3.5rem; }

.ml4 {
  margin-left: 4rem; }

.ml4_5 {
  margin-left: 4.5rem; }

.ml5 {
  margin-left: 5rem; }

.ml5_5 {
  margin-left: 5.5rem; }

.mx025 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.my025 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.mxy025 {
  margin: 0.25rem; }

.mx05 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.my05 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.mxy05 {
  margin: 0.5rem; }

.mx075 {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }

.my075 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }

.mxy075 {
  margin: 0.75rem; }

.mx1 {
  margin-left: 1rem;
  margin-right: 1rem; }

.mx1_5 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.my1 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my1_5 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.mxy1 {
  margin: 1rem; }

.mxy1_5 {
  margin: 1.5rem; }

.mx2 {
  margin-left: 2rem;
  margin-right: 2rem; }

.mx2_5 {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

.my2 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.my2_5 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.mxy2 {
  margin: 2rem; }

.mxy2_5 {
  margin: 2.5rem; }

.mx3 {
  margin-left: 3rem;
  margin-right: 3rem; }

.mx3_5 {
  margin-left: 3.5rem;
  margin-right: 3.5rem; }

.my3 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.my3_5 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem; }

.mxy3 {
  margin: 3rem; }

.mxy3_5 {
  margin: 3.5rem; }

.mx4 {
  margin-left: 4rem;
  margin-right: 4rem; }

.mx4_5 {
  margin-left: 4.5rem;
  margin-right: 4.5rem; }

.my4 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.my4_5 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem; }

.mxy4 {
  margin: 4rem; }

.mxy4_5 {
  margin: 4.5rem; }

.mx5 {
  margin-left: 5rem;
  margin-right: 5rem; }

.mx5_5 {
  margin-left: 5.5rem;
  margin-right: 5.5rem; }

.my5 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

.my5_5 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem; }

.mxy5 {
  margin: 5rem; }

.mxy5_5 {
  margin: 5.5rem; }

.pt025 {
  padding-top: 0.25rem; }

.pt05 {
  padding-top: 0.5rem; }

.pt075 {
  padding-top: 0.75rem; }

.pt1 {
  padding-top: 1rem; }

.pt1_5 {
  padding-top: 1.5rem; }

.pt2 {
  padding-top: 2rem; }

.pt2_5 {
  padding-top: 2.5rem; }

.pt3 {
  padding-top: 3rem; }

.pt3_5 {
  padding-top: 3.5rem; }

.pt4 {
  padding-top: 4rem; }

.pt4_5 {
  padding-top: 4.5rem; }

.pt5 {
  padding-top: 5rem; }

.pt5_5 {
  padding-top: 5.5rem; }

.pr025 {
  padding-right: 0.25rem; }

.pr05 {
  padding-right: 0.5rem; }

.pr075 {
  padding-right: 0.75rem; }

.pr1 {
  padding-right: 1rem; }

.pr1_5 {
  padding-right: 1.5rem; }

.pr2 {
  padding-right: 2rem; }

.pr2_5 {
  padding-right: 2.5rem; }

.pr3 {
  padding-right: 3rem; }

.pr3_5 {
  padding-right: 3.5rem; }

.pr4 {
  padding-right: 4rem; }

.pr4_5 {
  padding-right: 4.5rem; }

.pr5 {
  padding-right: 5rem; }

.pr5_5 {
  padding-right: 5.5rem; }

.pb025 {
  padding-bottom: 0.25rem; }

.pb05 {
  padding-bottom: 0.5rem; }

.pb075 {
  padding-bottom: 0.75rem; }

.pb1 {
  padding-bottom: 1rem; }

.pb1_5 {
  padding-bottom: 1.5rem; }

.pb2 {
  padding-bottom: 2rem; }

.pb2_5 {
  padding-bottom: 2.5rem; }

.pb3 {
  padding-bottom: 3rem; }

.pb3_5 {
  padding-bottom: 3.5rem; }

.pb4 {
  padding-bottom: 4rem; }

.pb4_5 {
  padding-bottom: 4.5rem; }

.pb5 {
  padding-bottom: 5rem; }

.pb5_5 {
  padding-bottom: 5.5rem; }

.pl025 {
  padding-left: 0.25rem; }

.pl05 {
  padding-left: 0.5rem; }

.pl075 {
  padding-left: 0.75rem; }

.pl1 {
  padding-left: 1rem; }

.pl1_5 {
  padding-left: 1.5rem; }

.pl2 {
  padding-left: 2rem; }

.pl2_5 {
  padding-left: 2.5rem; }

.pl3 {
  padding-left: 3rem; }

.pl3_5 {
  padding-left: 3.5rem; }

.pl4 {
  padding-left: 4rem; }

.pl4_5 {
  padding-left: 4.5rem; }

.pl5 {
  padding-left: 5rem; }

.pl5_5 {
  padding-left: 5.5rem; }

.px025 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.py025 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.pxy025 {
  padding: 0.25rem; }

.px05 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.py05 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.pxy05 {
  padding: 0.5rem; }

.px075 {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.py075 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

.pxy075 {
  padding: 0.75rem; }

.px1 {
  padding-left: 1rem;
  padding-right: 1rem; }

.px1_5 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.py1 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py1_5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.pxy1 {
  padding: 1rem; }

.pxy1_5 {
  padding: 1.5rem; }

.px2 {
  padding-left: 2rem;
  padding-right: 2rem; }

.px2_5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.py2 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.py2_5 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.pxy2 {
  padding: 2rem; }

.pxy2_5 {
  padding: 2.5rem; }

.px3 {
  padding-left: 3rem;
  padding-right: 3rem; }

.px3_5 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.py3 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.py3_5 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

.pxy3 {
  padding: 3rem; }

.pxy3_5 {
  padding: 3.5rem; }

.px4 {
  padding-left: 4rem;
  padding-right: 4rem; }

.px4_5 {
  padding-left: 4.5rem;
  padding-right: 4.5rem; }

.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.py4_5 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem; }

.pxy4 {
  padding: 4rem; }

.pxy4_5 {
  padding: 4.5rem; }

.px5 {
  padding-left: 5rem;
  padding-right: 5rem; }

.px5_5 {
  padding-left: 5.5rem;
  padding-right: 5.5rem; }

.py5 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.py5_5 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem; }

.pxy5 {
  padding: 5rem; }

.pxy5_5 {
  padding: 5.5rem; }

.mxa {
  margin-left: auto;
  margin-right: auto; }

.mya {
  margin-top: auto;
  margin-bottom: auto; }

.mxya {
  margin: auto; }

.t0 {
  top: 0; }

.ta {
  top: auto; }

.mta {
  margin-top: auto; }

.r0 {
  right: 0; }

.ra {
  right: auto; }

.mra {
  margin-right: auto; }

.b0 {
  bottom: 0; }

.ba {
  bottom: auto; }

.mba {
  margin-bottom: auto; }

.l0 {
  left: 0; }

.la {
  left: auto; }

.mla {
  margin-left: auto; }

.fl {
  display: flex; }
  .fl.il {
    display: inline-flex; }
  .fl.aic {
    align-items: center; }
  .fl.aie {
    align-items: flex-end; }
  .fl.aistr {
    align-items: stretch; }
  .fl.jcc {
    justify-content: center; }
  .fl.jce {
    justify-content: flex-end; }
  .fl.jcse {
    justify-content: space-evenly; }
  .fl.cl {
    flex-direction: column; }
  .fl.wr {
    flex-wrap: wrap; }
  .fl .fl-1 {
    flex: 1; }
  .fl .fl-2 {
    flex: 2; }
  .fl .fl-3 {
    flex: 3; }
  .fl .fl-4 {
    flex: 4; }
  .fl .fl-5 {
    flex: 5; }

.ilfl {
  display: inline-flex; }
  .ilfl.il {
    display: inline-flex; }
  .ilfl.aic {
    align-items: center; }
  .ilfl.aie {
    align-items: flex-end; }
  .ilfl.aistr {
    align-items: stretch; }
  .ilfl.jcc {
    justify-content: center; }
  .ilfl.jce {
    justify-content: flex-end; }
  .ilfl.jcse {
    justify-content: space-evenly; }
  .ilfl.cl {
    flex-direction: column; }
  .ilfl.wr {
    flex-wrap: wrap; }
  .ilfl .fl-1 {
    flex: 1; }
  .ilfl .fl-2 {
    flex: 2; }
  .ilfl .fl-3 {
    flex: 3; }
  .ilfl .fl-4 {
    flex: 4; }
  .ilfl .fl-5 {
    flex: 5; }

._50 {
  font-size: 0.5rem; }

._56 {
  font-size: 0.56rem; }

._62 {
  font-size: 0.62rem; }

._68 {
  font-size: 0.68rem; }

._74 {
  font-size: 0.74rem; }

._80 {
  font-size: 0.8rem; }

._86 {
  font-size: 0.86rem; }

._92 {
  font-size: 0.92rem; }

._98 {
  font-size: 0.98rem; }

._100 {
  font-size: 1rem; }

._125 {
  font-size: 1.25rem; }

._150 {
  font-size: 1.5rem; }

._175 {
  font-size: 1.75rem; }

._200 {
  font-size: 2rem; }

._225 {
  font-size: 2.25rem; }

._250 {
  font-size: 2.5rem; }

._275 {
  font-size: 2.75rem; }

._300 {
  font-size: 3rem; }

.gr {
  display: grid; }
  .gr.acc {
    align-content: center; }
  .gr.jcc {
    justify-content: center; }
  .gr.ace {
    align-content: flex-end; }
  .gr.jce {
    justify-content: flex-end; }
  .gr.acse {
    align-content: space-evenly; }
  .gr.jcse {
    justify-content: space-evenly; }
  .gr.aic {
    align-items: center; }
  .gr.jic {
    justify-items: center; }
  .gr .asc {
    align-self: center; }
  .gr .jsc {
    justify-self: center; }
  .gr.aistr {
    align-items: stretch; }
  .gr.jistr {
    justify-items: stretch; }
  .gr .asstr {
    align-self: stretch; }
  .gr .jsstr {
    justify-self: stretch; }
  .gr.gtc1 {
    grid-template-columns: repeat(1, 1fr); }
  .gr .gc1 {
    grid-column: 1; }
  .gr .gc1_1 {
    grid-column: 1 / span 1; }
  .gr .gc1_2 {
    grid-column: 1 / span 2; }
  .gr .gc1_3 {
    grid-column: 1 / span 3; }
  .gr .gc1_4 {
    grid-column: 1 / span 4; }
  .gr .gc1_5 {
    grid-column: 1 / span 5; }
  .gr .gc1_6 {
    grid-column: 1 / span 6; }
  .gr .gc1_7 {
    grid-column: 1 / span 7; }
  .gr .gc1_8 {
    grid-column: 1 / span 8; }
  .gr .gc1_9 {
    grid-column: 1 / span 9; }
  .gr .gc1_10 {
    grid-column: 1 / span 10; }
  .gr .gc1_11 {
    grid-column: 1 / span 11; }
  .gr .gc1_12 {
    grid-column: 1 / span 12; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc2 {
    grid-template-columns: repeat(2, 1fr); }
  .gr .gc2 {
    grid-column: 2; }
  .gr .gc2_1 {
    grid-column: 2 / span 1; }
  .gr .gc2_2 {
    grid-column: 2 / span 2; }
  .gr .gc2_3 {
    grid-column: 2 / span 3; }
  .gr .gc2_4 {
    grid-column: 2 / span 4; }
  .gr .gc2_5 {
    grid-column: 2 / span 5; }
  .gr .gc2_6 {
    grid-column: 2 / span 6; }
  .gr .gc2_7 {
    grid-column: 2 / span 7; }
  .gr .gc2_8 {
    grid-column: 2 / span 8; }
  .gr .gc2_9 {
    grid-column: 2 / span 9; }
  .gr .gc2_10 {
    grid-column: 2 / span 10; }
  .gr .gc2_11 {
    grid-column: 2 / span 11; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc3 {
    grid-template-columns: repeat(3, 1fr); }
  .gr .gc3 {
    grid-column: 3; }
  .gr .gc3_1 {
    grid-column: 3 / span 1; }
  .gr .gc3_2 {
    grid-column: 3 / span 2; }
  .gr .gc3_3 {
    grid-column: 3 / span 3; }
  .gr .gc3_4 {
    grid-column: 3 / span 4; }
  .gr .gc3_5 {
    grid-column: 3 / span 5; }
  .gr .gc3_6 {
    grid-column: 3 / span 6; }
  .gr .gc3_7 {
    grid-column: 3 / span 7; }
  .gr .gc3_8 {
    grid-column: 3 / span 8; }
  .gr .gc3_9 {
    grid-column: 3 / span 9; }
  .gr .gc3_10 {
    grid-column: 3 / span 10; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc4 {
    grid-template-columns: repeat(4, 1fr); }
  .gr .gc4 {
    grid-column: 4; }
  .gr .gc4_1 {
    grid-column: 4 / span 1; }
  .gr .gc4_2 {
    grid-column: 4 / span 2; }
  .gr .gc4_3 {
    grid-column: 4 / span 3; }
  .gr .gc4_4 {
    grid-column: 4 / span 4; }
  .gr .gc4_5 {
    grid-column: 4 / span 5; }
  .gr .gc4_6 {
    grid-column: 4 / span 6; }
  .gr .gc4_7 {
    grid-column: 4 / span 7; }
  .gr .gc4_8 {
    grid-column: 4 / span 8; }
  .gr .gc4_9 {
    grid-column: 4 / span 9; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc5 {
    grid-template-columns: repeat(5, 1fr); }
  .gr .gc5 {
    grid-column: 5; }
  .gr .gc5_1 {
    grid-column: 5 / span 1; }
  .gr .gc5_2 {
    grid-column: 5 / span 2; }
  .gr .gc5_3 {
    grid-column: 5 / span 3; }
  .gr .gc5_4 {
    grid-column: 5 / span 4; }
  .gr .gc5_5 {
    grid-column: 5 / span 5; }
  .gr .gc5_6 {
    grid-column: 5 / span 6; }
  .gr .gc5_7 {
    grid-column: 5 / span 7; }
  .gr .gc5_8 {
    grid-column: 5 / span 8; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc6 {
    grid-template-columns: repeat(6, 1fr); }
  .gr .gc6 {
    grid-column: 6; }
  .gr .gc6_1 {
    grid-column: 6 / span 1; }
  .gr .gc6_2 {
    grid-column: 6 / span 2; }
  .gr .gc6_3 {
    grid-column: 6 / span 3; }
  .gr .gc6_4 {
    grid-column: 6 / span 4; }
  .gr .gc6_5 {
    grid-column: 6 / span 5; }
  .gr .gc6_6 {
    grid-column: 6 / span 6; }
  .gr .gc6_7 {
    grid-column: 6 / span 7; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc7 {
    grid-template-columns: repeat(7, 1fr); }
  .gr .gc7 {
    grid-column: 7; }
  .gr .gc7_1 {
    grid-column: 7 / span 1; }
  .gr .gc7_2 {
    grid-column: 7 / span 2; }
  .gr .gc7_3 {
    grid-column: 7 / span 3; }
  .gr .gc7_4 {
    grid-column: 7 / span 4; }
  .gr .gc7_5 {
    grid-column: 7 / span 5; }
  .gr .gc7_6 {
    grid-column: 7 / span 6; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc8 {
    grid-template-columns: repeat(8, 1fr); }
  .gr .gc8 {
    grid-column: 8; }
  .gr .gc8_1 {
    grid-column: 8 / span 1; }
  .gr .gc8_2 {
    grid-column: 8 / span 2; }
  .gr .gc8_3 {
    grid-column: 8 / span 3; }
  .gr .gc8_4 {
    grid-column: 8 / span 4; }
  .gr .gc8_5 {
    grid-column: 8 / span 5; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc9 {
    grid-template-columns: repeat(9, 1fr); }
  .gr .gc9 {
    grid-column: 9; }
  .gr .gc9_1 {
    grid-column: 9 / span 1; }
  .gr .gc9_2 {
    grid-column: 9 / span 2; }
  .gr .gc9_3 {
    grid-column: 9 / span 3; }
  .gr .gc9_4 {
    grid-column: 9 / span 4; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc10 {
    grid-template-columns: repeat(10, 1fr); }
  .gr .gc10 {
    grid-column: 10; }
  .gr .gc10_1 {
    grid-column: 10 / span 1; }
  .gr .gc10_2 {
    grid-column: 10 / span 2; }
  .gr .gc10_3 {
    grid-column: 10 / span 3; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc11 {
    grid-template-columns: repeat(11, 1fr); }
  .gr .gc11 {
    grid-column: 11; }
  .gr .gc11_1 {
    grid-column: 11 / span 1; }
  .gr .gc11_2 {
    grid-column: 11 / span 2; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtc12 {
    grid-template-columns: repeat(12, 1fr); }
  .gr .gc12 {
    grid-column: 12; }
  .gr .gc12_1 {
    grid-column: 12 / span 1; }
  .gr .gcfull {
    grid-column: 1 / -1; }
  .gr.gtr1 {
    grid-template-rows: repeat(1, 1fr); }
  .gr .gr1 {
    grid-row: 1; }
  .gr .gr1_1 {
    grid-row: 1 / span1; }
  .gr .gr1_2 {
    grid-row: 1 / span2; }
  .gr .gr1_3 {
    grid-row: 1 / span3; }
  .gr .gr1_4 {
    grid-row: 1 / span4; }
  .gr .gr1_5 {
    grid-row: 1 / span5; }
  .gr .gr1_6 {
    grid-row: 1 / span6; }
  .gr .grfull {
    grid-row: 1 / -1; }
  .gr.gtr2 {
    grid-template-rows: repeat(2, 1fr); }
  .gr .gr2 {
    grid-row: 2; }
  .gr .gr2_1 {
    grid-row: 2 / span1; }
  .gr .gr2_2 {
    grid-row: 2 / span2; }
  .gr .gr2_3 {
    grid-row: 2 / span3; }
  .gr .gr2_4 {
    grid-row: 2 / span4; }
  .gr .gr2_5 {
    grid-row: 2 / span5; }
  .gr .grfull {
    grid-row: 1 / -1; }
  .gr.gtr3 {
    grid-template-rows: repeat(3, 1fr); }
  .gr .gr3 {
    grid-row: 3; }
  .gr .gr3_1 {
    grid-row: 3 / span1; }
  .gr .gr3_2 {
    grid-row: 3 / span2; }
  .gr .gr3_3 {
    grid-row: 3 / span3; }
  .gr .gr3_4 {
    grid-row: 3 / span4; }
  .gr .grfull {
    grid-row: 1 / -1; }
  .gr.gtr4 {
    grid-template-rows: repeat(4, 1fr); }
  .gr .gr4 {
    grid-row: 4; }
  .gr .gr4_1 {
    grid-row: 4 / span1; }
  .gr .gr4_2 {
    grid-row: 4 / span2; }
  .gr .gr4_3 {
    grid-row: 4 / span3; }
  .gr .grfull {
    grid-row: 1 / -1; }
  .gr.gtr5 {
    grid-template-rows: repeat(5, 1fr); }
  .gr .gr5 {
    grid-row: 5; }
  .gr .gr5_1 {
    grid-row: 5 / span1; }
  .gr .gr5_2 {
    grid-row: 5 / span2; }
  .gr .grfull {
    grid-row: 1 / -1; }
  .gr.gtr6 {
    grid-template-rows: repeat(6, 1fr); }
  .gr .gr6 {
    grid-row: 6; }
  .gr .gr6_1 {
    grid-row: 6 / span1; }
  .gr .grfull {
    grid-row: 1 / -1; }
  .gr.gaf_r {
    grid-auto-flow: raw; }
  .gr.gaf_c {
    grid-auto-flow: column; }
  .gr.gaf_rd {
    grid-auto-flow: raw dense; }
  .gr.gaf_cd {
    grid-auto-flow: column dense; }

.gap0125 {
  gap: 0.125rem; }

.gap0375 {
  gap: 0.375rem; }

.gap05 {
  gap: 0.5rem; }

.gap0625 {
  gap: 0.625rem; }

.gap0875 {
  gap: 0.875rem; }

.gap1 {
  gap: 1rem; }

.gap1_25 {
  gap: 1.25rem; }

.gap1_5 {
  gap: 1.5rem; }

.gap1_75 {
  gap: 1.75rem; }

.gap2 {
  gap: 2rem; }

.gap2_25 {
  gap: 2.25rem; }

.gap2_5 {
  gap: 2.5rem; }

.gap2_75 {
  gap: 2.75rem; }

.gap3 {
  gap: 3rem; }

.gap3_25 {
  gap: 3.25rem; }

.gap3_5 {
  gap: 3.5rem; }

.gap3_75 {
  gap: 3.75rem; }

.gap4 {
  gap: 4rem; }

.gray, .grey {
  color: #888; }

.lgray, .lgrey {
  color: #aaa; }

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

.bbgrey2 {
  border-bottom: 2px solid #dee2e6; }

.scr_y {
  overflow-y: scroll; }

.scr_x {
  overflow-x: scroll; }

/** offset **/
h1 {
  margin-bottom: 0; }

h2 {
  margin-bottom: 0; }

h3 {
  margin-bottom: 0; }

h4 {
  margin-bottom: 0; }

h5 {
  margin-bottom: 0; }

h6 {
  margin-bottom: 0; }

label {
  margin-bottom: 0; }

ul {
  padding: 0;
  margin: 0;
  list-style: none; }

a {
  text-decoration: none;
  color: inherit; }

.bggreen {
  background-color: #20b2aa;
  color: white; }

.btn.green {
  background-color: #20b2aa;
  color: white; }
  .btn.green:active {
    color: white;
    background-color: #20b2aacf; }

h1.bd1 {
  border-bottom: 1px solid #20b2aa; }

h1.bd2 {
  border-bottom: 2px solid #20b2aa; }

h2.bd1 {
  border-bottom: 1px solid #20b2aa; }

h2.bd2 {
  border-bottom: 2px solid #20b2aa; }

h3.bd1 {
  border-bottom: 1px solid #20b2aa; }

h3.bd2 {
  border-bottom: 2px solid #20b2aa; }

h4.bd1 {
  border-bottom: 1px solid #20b2aa; }

h4.bd2 {
  border-bottom: 2px solid #20b2aa; }

h5.bd1 {
  border-bottom: 1px solid #20b2aa; }

h5.bd2 {
  border-bottom: 2px solid #20b2aa; }

h6.bd1 {
  border-bottom: 1px solid #20b2aa; }

h6.bd2 {
  border-bottom: 2px solid #20b2aa; }

.bgsmoke {
  background-color: #f5f5f5; }

.striped_rows .v-row:nth-child(even) {
  background-color: whitesmoke; }

footer.common_footer .els._wr {
  max-width: 1170px; }

ol.paren {
  list-style-type: none; }
  ol.paren > li {
    padding: 0;
    counter-increment: cnt;
    text-indent: -2em; }
    ol.paren > li:before {
      content: "( " counter(cnt) " ) "; }

ol.plane {
  list-style-type: none; }
  ol.plane > li {
    text-indent: -2em; }

ol.disc {
  list-style-type: disc; }
  ol.disc > li {
    text-indent: initial; }

ol.ind_init > li {
  text-indent: initial; }

/** sidebar **/
aside {
  min-width: 250px; }
  aside ._heading {
    border-bottom: 2px solid #20b2aa;
    font-weight: bold; }
  aside ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    aside ul li a {
      color: #678282; }

.aside ._cb.__wr .__name {
  cursor: pointer;
  background-color: #20b2aa;
  color: white; }
  .aside ._cb.__wr .__name:after {
    content: '\f0da';
    font-weight: bold;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    right: 0.75rem;
    top: 50%;
    transform: translate(0, -50%); }

.aside .cmpnys._wr {
  background-color: white;
  overflow-y: scroll;
  z-index: 10;
  transform: translateX(-100%);
  transition: all ease .35s; }
  .aside .cmpnys._wr.on {
    transform: translate(0); }
  .aside .cmpnys._wr ._label:not(:first-child) {
    border-top: 1px solid #e0e0e0; }
  .aside .cmpnys._wr .cmpny_item {
    cursor: pointer; }
    .aside .cmpnys._wr .cmpny_item:hover {
      background-color: #e0e0e0; }

.aside .screen {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9; }
  .aside .screen.on {
    display: block; }

/** back button **/
.back_btn {
  display: flex;
  align-items: center;
  margin-right: auto;
  padding: 0 1rem;
  color: #323232;
  cursor: pointer;
  border-radius: 0.5rem;
  line-height: 2rem; }
  .back_btn:before {
    content: '';
    transform: rotate(225deg);
    border-top: solid 1px #555;
    border-right: solid 1px #555;
    width: 8px;
    height: 8px;
    margin-right: 0.5rem; }
  .back_btn:hover {
    color: #1e46aa;
    background-color: #8ab2ff4d; }

.selectMultiple {
  position: relative;
  padding: 0; }
  .selectMultiple select {
    display: none; }
  .selectMultiple > div {
    position: relative;
    z-index: 2;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    width: 100%;
    font-size: 1rem;
    transition: box-shadow .3s ease;
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color); }
    .selectMultiple > div .arrow {
      right: 1px;
      top: 0;
      bottom: 0;
      cursor: pointer;
      width: 28px;
      position: absolute; }
      .selectMultiple > div .arrow:before, .selectMultiple > div .arrow:after {
        content: '';
        position: absolute;
        display: block;
        width: 2px;
        height: 8px;
        border-bottom: 8px solid #99A3BA;
        top: 43%;
        transition: all .3s ease; }
      .selectMultiple > div .arrow:before {
        right: 12px;
        transform: rotate(-130deg); }
      .selectMultiple > div .arrow:after {
        left: 9px;
        transform: rotate(130deg); }
    .selectMultiple > div span {
      color: #99A3BA;
      display: block;
      cursor: pointer;
      line-height: 28px;
      transition: all .3s ease; }
      .selectMultiple > div span.hide {
        opacity: 0;
        visibility: hidden;
        transform: translate(-4px, 0); }
    .selectMultiple > div a {
      position: relative;
      padding: 0 24px 6px 8px;
      line-height: 28px;
      color: #1E2330;
      display: inline-block;
      vertical-align: top;
      margin: 0 6px 0 0; }
      .selectMultiple > div a em {
        font-style: normal;
        display: block;
        white-space: nowrap; }
      .selectMultiple > div a:before {
        content: '';
        left: 0;
        top: 0;
        bottom: 6px;
        width: 100%;
        position: absolute;
        display: block;
        background: rgba(228, 236, 250, 0.7);
        z-index: -1;
        border-radius: 4px; }
      .selectMultiple > div a i {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 24px;
        height: 28px;
        display: block; }
        .selectMultiple > div a i:before, .selectMultiple > div a i:after {
          content: '';
          display: block;
          width: 2px;
          height: 10px;
          position: absolute;
          left: 50%;
          top: 50%;
          background: #4D18FF;
          border-radius: 1px; }
        .selectMultiple > div a i:before {
          transform: translate(-50%, -50%) rotate(45deg); }
        .selectMultiple > div a i:after {
          transform: translate(-50%, -50%) rotate(-45deg); }
      .selectMultiple > div a.notShown {
        opacity: 0;
        transition: opacity .3s ease; }
        .selectMultiple > div a.notShown:before {
          width: 28px;
          transition: width 0.45s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.2s; }
        .selectMultiple > div a.notShown i {
          opacity: 0;
          transition: all .3s ease .3s; }
        .selectMultiple > div a.notShown em {
          opacity: 0;
          transform: translate(-6px, 0);
          transition: all .4s ease .3s; }
        .selectMultiple > div a.notShown.shown {
          opacity: 1; }
          .selectMultiple > div a.notShown.shown:before {
            width: 100%; }
          .selectMultiple > div a.notShown.shown i {
            opacity: 1; }
          .selectMultiple > div a.notShown.shown em {
            opacity: 1;
            transform: translate(0, 0); }
      .selectMultiple > div a.remove:before {
        width: 28px;
        transition: width 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s; }
      .selectMultiple > div a.remove i {
        opacity: 0;
        transition: all .3s ease 0s; }
      .selectMultiple > div a.remove em {
        opacity: 0;
        transform: translate(-12px, 0);
        transition: all .4s ease 0s; }
      .selectMultiple > div a.remove.disappear {
        opacity: 0;
        transition: opacity .5s ease 0s; }
  .selectMultiple > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    z-index: 1;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 8px;
    transform: translate(0, 20px) scale(0.8);
    transform-origin: 0 0;
    filter: drop-shadow(0 12px 20px rgba(22, 42, 90, 0.08));
    transition: all 0.4s ease, transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44), filter 0.3s ease 0.2s; }
    .selectMultiple > ul li {
      color: #1E2330;
      background: #fff;
      padding: 12px 16px;
      cursor: pointer;
      overflow: hidden;
      position: relative;
      transition: background .3s ease, color .3s ease, transform .3s ease .3s, opacity .5s ease .3s, border-radius .3s ease .3s; }
      .selectMultiple > ul li:first-child {
        border-radius: 8px 8px 0 0; }
        .selectMultiple > ul li:first-child:last-child {
          border-radius: 8px; }
      .selectMultiple > ul li:last-child {
        border-radius: 0 0 8px 8px; }
        .selectMultiple > ul li:last-child:first-child {
          border-radius: 8px; }
      .selectMultiple > ul li:hover {
        background: #4D18FF;
        color: #fff; }
      .selectMultiple > ul li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6px;
        height: 6px;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        border-radius: 100%;
        transform: scale(1, 1) translate(-50%, -50%);
        transform-origin: 50% 50%; }
      .selectMultiple > ul li.beforeRemove {
        border-radius: 0 0 8px 8px; }
        .selectMultiple > ul li.beforeRemove:first-child {
          border-radius: 8px; }
      .selectMultiple > ul li.afterRemove {
        border-radius: 8px 8px 0 0; }
        .selectMultiple > ul li.afterRemove:last-child {
          border-radius: 8px; }
      .selectMultiple > ul li.remove {
        transform: scale(0);
        opacity: 0; }
        .selectMultiple > ul li.remove:after {
          animation: ripple .4s ease-out; }
      .selectMultiple > ul li.notShown {
        display: none;
        transform: scale(0);
        opacity: 0;
        transition: transform .35s ease, opacity .4s ease; }
        .selectMultiple > ul li.notShown.show {
          transform: scale(1);
          opacity: 1; }
  .selectMultiple.open > div .arrow:before {
    transform: rotate(-50deg); }
  .selectMultiple.open > div .arrow:after {
    transform: rotate(50deg); }
  .selectMultiple.open > ul {
    transform: translate(0, 12px) scale(1);
    opacity: 1;
    visibility: visible;
    filter: drop-shadow(0 16px 24px rgba(22, 42, 90, 0.16));
    z-index: 10; }

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1; }
  25% {
    transform: scale(30, 30);
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(50, 50); } }

/* ===
 <!-- dribbble -->
 <a class="dribbble" href="https://dribbble.com/shots/5112850-Multiple-select-animation-field" target="_blank"><img src="https://cdn.dribbble.com/assets/dribbble-ball-1col-dnld-e29e0436f93d2f9c430fde5f3da66f94493fdca66351408ab0f96e2ec518ab17.png" alt=""></a>
 @mixin == */
.img._wr {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  z-index: -30; }

.form._wr {
  width: 600px; }
  .form._wr ._bl {
    background-color: white;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
    .form._wr ._bl .row .required:after {
      content: '\2a';
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      color: #ff9797; }
    .form._wr ._bl .row .error {
      color: #ff9797; }
    .form._wr ._bl ._btn {
      background-color: white; }
  .form._wr ._sub .register {
    font-size: 1.25rem; }