@charset "UTF-8";
@media screen and (max-width: 767px) {
  /* line 30, app/assets/stylesheets/users/../common/base/_Variable.scss */
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  /* line 36, app/assets/stylesheets/users/../common/base/_Variable.scss */
  .sp {
    display: none !important;
  }
}

/* line 7, app/assets/stylesheets/users/../common/base/_Reset.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

/* line 30, app/assets/stylesheets/users/../common/base/_Reset.scss */
* {
  box-sizing: border-box;
}

/* line 34, app/assets/stylesheets/users/../common/base/_Reset.scss */
body {
  line-height: 1.0;
}

/* line 38, app/assets/stylesheets/users/../common/base/_Reset.scss */
button {
  background: none;
}

/* line 41, app/assets/stylesheets/users/../common/base/_Reset.scss */
button:hover {
  opacity: .7;
  cursor: pointer;
  transition: .4s ease-in-out;
}

/* line 48, app/assets/stylesheets/users/../common/base/_Reset.scss */
ul {
  list-style: none;
}

/* line 52, app/assets/stylesheets/users/../common/base/_Reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 57, app/assets/stylesheets/users/../common/base/_Reset.scss */
nav ul {
  list-style: none;
}

/* line 61, app/assets/stylesheets/users/../common/base/_Reset.scss */
blockquote, q {
  quotes: none;
}

/* line 65, app/assets/stylesheets/users/../common/base/_Reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

/* line 70, app/assets/stylesheets/users/../common/base/_Reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 79, app/assets/stylesheets/users/../common/base/_Reset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 86, app/assets/stylesheets/users/../common/base/_Reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 93, app/assets/stylesheets/users/../common/base/_Reset.scss */
del {
  text-decoration: line-through;
}

/* line 97, app/assets/stylesheets/users/../common/base/_Reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 102, app/assets/stylesheets/users/../common/base/_Reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 108, app/assets/stylesheets/users/../common/base/_Reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 117, app/assets/stylesheets/users/../common/base/_Reset.scss */
input, select {
  margin: 0;
  vertical-align: middle;
}

/* line 122, app/assets/stylesheets/users/../common/base/_Reset.scss */
button, input, select {
  border: none;
  outline: none;
}

/* line 127, app/assets/stylesheets/users/../common/base/_Reset.scss */
img {
  max-width: 100%;
}

/* line 131, app/assets/stylesheets/users/../common/base/_Reset.scss */
a {
  text-decoration: none;
}

/* line 134, app/assets/stylesheets/users/../common/base/_Reset.scss */
a:hover {
  opacity: .7;
  transition: .4s ease-in-out;
}

@use 'Variable' as *;
/* line 3, app/assets/stylesheets/users/../common/base/_Layout.scss */
.errorExplanation {
  max-width: 400px;
  color: #A70F0F;
  margin-bottom: 20px;
}

/* line 8, app/assets/stylesheets/users/../common/base/_Layout.scss */
.errorExplanation__message {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.7;
  margin-bottom: 8px;
}

/* line 15, app/assets/stylesheets/users/../common/base/_Layout.scss */
.errorExplanation__list {
  font-size: 12px;
  list-style: '・';
  margin-left: 11px;
}

/* Slider */
/* line 2, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 21, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* line 31, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-list:focus {
  outline: none;
}

/* line 35, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 41, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

/* line 51, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 61, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

/* line 68, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-track:after {
  clear: both;
}

/* line 72, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 77, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

/* line 85, app/assets/stylesheets/users/../common/slick/slick.scss */
[dir='rtl'] .slick-slide {
  float: right;
}

/* line 89, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-slide img {
  display: block;
}

/* line 93, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 97, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 101, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 105, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 109, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 117, app/assets/stylesheets/users/../common/slick/slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/slick.eot);
  src: url(/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/fonts/slick.woff) format("woff"), url(/fonts/slick.ttf) format("truetype"), url(/fonts/slick.svg#slick) format("svg");
}

/* Arrows */
/* line 17, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 55px;
  height: 55px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  /* line 17, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
  .slick-prev,
.slick-next {
    width: 35px;
    height: 35px;
  }
}

/* line 48, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

/* line 57, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

/* line 64, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

/* line 70, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-prev:before,
.slick-next:before {
  font-family: 'slick', serif;
  font-size: 56px;
  line-height: 1;
  opacity: .75;
  color: #D4D4D4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 767px) {
  /* line 70, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
  .slick-prev:before,
.slick-next:before {
    font-size: 38px;
  }
}

/* line 88, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-prev {
  left: -60px;
}

@media screen and (max-width: 767px) {
  /* line 88, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
  .slick-prev {
    left: 0;
  }
}

/* line 95, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-prev:before {
  content: '←';
}

/* line 100, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
[dir='rtl'] .slick-prev {
  right: -60px;
  left: auto;
}

@media screen and (max-width: 767px) {
  /* line 100, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
  [dir='rtl'] .slick-prev {
    left: 0;
  }
}

/* line 108, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
[dir='rtl'] .slick-prev:before {
  content: '→';
}

/* line 113, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-next {
  right: -60px;
}

@media screen and (max-width: 767px) {
  /* line 113, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
  .slick-next {
    right: 0;
  }
}

/* line 120, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-next:before {
  content: '→';
}

/* line 125, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
[dir='rtl'] .slick-next {
  right: auto;
  left: -60px;
}

@media screen and (max-width: 767px) {
  /* line 125, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
  [dir='rtl'] .slick-next {
    left: 0;
  }
}

/* line 133, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
/* line 139, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

/* line 144, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

/* line 159, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* line 172, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

/* line 190, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

/* line 195, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

/* line 200, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-dots li button:before {
  font-family: 'slick', serif;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 222, app/assets/stylesheets/users/../common/slick/slick-theme.scss */
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/* line 1, app/assets/stylesheets/users/../common/components/atoms/_ArrowButton.scss */
.arrowButton {
  display: flex;
  align-items: center;
  font-weight: bold;
}

/* line 6, app/assets/stylesheets/users/../common/components/atoms/_ArrowButton.scss */
.arrowButton.back {
  color: #A6826C;
}

/* line 9, app/assets/stylesheets/users/../common/components/atoms/_ArrowButton.scss */
.arrowButton.back:before {
  content: '';
  width: 5px;
  height: 10px;
  background: url(/assets/users/icon/back_arrow-969d8d1922027b2f73eb35a8ad85763498b1c31a699772dd6a08ede942346553.svg) no-repeat;
  margin-right: 10px;
}

/* line 1, app/assets/stylesheets/users/../common/components/atoms/_BasicHead.scss */
.basicHead {
  color: #A6826C;
  border-left: 1px solid #A6826C;
  padding-left: 16px;
}

/* line 6, app/assets/stylesheets/users/../common/components/atoms/_BasicHead.scss */
.basicHead.edit {
  display: flex;
  justify-content: space-between;
}

/* line 10, app/assets/stylesheets/users/../common/components/atoms/_BasicHead.scss */
.basicHead.edit > .generalButton {
  width: 160px;
  height: 40px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  /* line 10, app/assets/stylesheets/users/../common/components/atoms/_BasicHead.scss */
  .basicHead.edit > .generalButton {
    width: 100%;
    position: absolute;
    margin: auto;
    bottom: -70px;
    left: 0;
    right: 0;
  }
}

/* line 26, app/assets/stylesheets/users/../common/components/atoms/_BasicHead.scss */
.basicHead__title {
  font-size: 20px;
  margin-bottom: 6px;
}

/* line 31, app/assets/stylesheets/users/../common/components/atoms/_BasicHead.scss */
.basicHead__sub {
  font-size: 12px;
  margin-left: 6px;
}

/* line 1, app/assets/stylesheets/users/../common/components/atoms/_ColonText.scss */
.colonText {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/users/../common/components/atoms/_ColonText.scss */
  .colonText {
    font-size: 14px;
  }
}

/* line 9, app/assets/stylesheets/users/../common/components/atoms/_ColonText.scss */
.colonText > .right {
  font-family: Avenir, serif;
  font-weight: 500;
}

/* line 13, app/assets/stylesheets/users/../common/components/atoms/_ColonText.scss */
.colonText > .right:before {
  content: '：';
}

/* line 18, app/assets/stylesheets/users/../common/components/atoms/_ColonText.scss */
.colonText > .fontGothic {
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

/* line 1, app/assets/stylesheets/users/../common/components/atoms/_FormCheckbox.scss */
.formCheckBox {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 6, app/assets/stylesheets/users/../common/components/atoms/_FormCheckbox.scss */
.formCheckBox__item {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

/* line 12, app/assets/stylesheets/users/../common/components/atoms/_FormCheckbox.scss */
.formCheckBox__text {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
}

/* line 1, app/assets/stylesheets/users/../common/components/atoms/_FormRadio.scss */
.formRadio {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 6, app/assets/stylesheets/users/../common/components/atoms/_FormRadio.scss */
.formRadio__radio {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  position: relative;
}

/* line 15, app/assets/stylesheets/users/../common/components/atoms/_FormRadio.scss */
.formRadio__radio:before {
  content: '';
  width: 25px;
  height: 25px;
  display: block;
  background: #FFF;
  border: 1px solid #D4D4D4;
  border-radius: 50%;
}

/* line 25, app/assets/stylesheets/users/../common/components/atoms/_FormRadio.scss */
.formRadio__radio:after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 6px;
  top: 6px;
  background: #A6826C;
  transform: rotate(45deg);
  border-radius: 50%;
  opacity: 0;
}

/* line 39, app/assets/stylesheets/users/../common/components/atoms/_FormRadio.scss */
.formRadio__radio:checked:after {
  opacity: 1;
}

/* line 44, app/assets/stylesheets/users/../common/components/atoms/_FormRadio.scss */
.formRadio__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton {
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.textWhite {
  color: #FFF;
}

/* line 12, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.textBrown {
  color: #A6826C;
}

/* line 16, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.textBlack {
  color: #353547;
}

/* line 20, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.bgBlack {
  background: #353547;
}

/* line 24, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.bgBrown {
  background: #A6826C;
}

/* line 28, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.bgWhite {
  background: #FFF;
}

/* line 32, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.bgGray {
  background: #F7F7F7;
}

/* line 35, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.bgGray-5 {
  background: #ADADAD;
}

/* line 40, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.outlineBrown {
  border: 1px solid #A6826C;
}

/* line 44, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.outlineBlack {
  border: 1px solid #353547;
}

/* line 48, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.google:before {
  content: '';
  width: 23px;
  height: 22px;
  background: url(/assets/common/icon/google-9de92ebce7f3262bfd54a49b6437b89c5015eea94d51e4579e0417b607504bc6.svg);
  margin-right: 3px;
}

/* line 56, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.facebook:before {
  content: '';
  width: 22px;
  height: 22px;
  background: url(/assets/common/icon/facebook-0f8277a3a827c39feacfa95a1cb62c3a0153ae1827a8a61f67c1958485c1d838.svg);
  margin-right: 3px;
}

/* line 64, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.favorite, .generalButton.edit, .generalButton.search {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 72, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.favorite:before {
  content: '';
  width: 16px;
  height: 15px;
  background: url(/assets/common/icon/favorite-a2459a7567cec070c1b1a5e0219bce3ca84c7e20d99dfc9038a7743caaab3bda.svg);
  margin-right: 8px;
}

/* line 80, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.search:before {
  content: '';
  width: 16px;
  height: 15px;
  background: url(/assets/common/icon/search-c55f1eae70f077d099f6f166f0eb3020da63f708daffc0797d3d8357e7fef84f.svg);
  margin-right: 8px;
}

/* line 88, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton.edit:before {
  content: '';
  width: 16px;
  height: 15px;
  background: url(/assets/common/icon/pencil-679fff8219e9267446bdf262eed3e44d8c4a96cbc3c6db1de33ea6d9ef74b778.svg);
  margin-right: 8px;
}

/* line 96, app/assets/stylesheets/users/../common/components/atoms/_GeneralButton.scss */
.generalButton:disabled, .generalButton[disabled] {
  opacity: .4;
  cursor: not-allowed;
}

/* line 1, app/assets/stylesheets/users/../common/components/atoms/_GeneralTab.scss */
.generalTab {
  display: flex;
  padding: 0 25px;
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/users/../common/components/atoms/_GeneralTab.scss */
  .generalTab {
    display: block;
  }
}

/* line 9, app/assets/stylesheets/users/../common/components/atoms/_GeneralTab.scss */
.generalTab__item {
  width: 49%;
  height: 47px;
  line-height: 47px;
  border-bottom: 1px solid #DCCBAD;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  /* line 9, app/assets/stylesheets/users/../common/components/atoms/_GeneralTab.scss */
  .generalTab__item {
    width: 100%;
  }
}

/* line 22, app/assets/stylesheets/users/../common/components/atoms/_GeneralTab.scss */
.generalTab__item:first-child {
  margin-right: 1%;
}

/* line 26, app/assets/stylesheets/users/../common/components/atoms/_GeneralTab.scss */
.generalTab__item:hover {
  opacity: .7;
  cursor: pointer;
  transition: .4s ease-in-out;
}

/* line 32, app/assets/stylesheets/users/../common/components/atoms/_GeneralTab.scss */
.generalTab__item > .text {
  color: #887043;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

/* line 39, app/assets/stylesheets/users/../common/components/atoms/_GeneralTab.scss */
.generalTab__item > .text.active:after {
  content: '';
  width: 120%;
  height: 3px;
  border-bottom: 3px solid #887043;
  background: #887043;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: -8%;
  right: 0;
  bottom: -19px;
}

/* line 53, app/assets/stylesheets/users/../common/components/atoms/_GeneralTab.scss */
.generalTab__item > .text > .number {
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #FFF;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 12px;
  text-align: center;
  background: #A6826C;
  border-radius: 50%;
  display: inline-block;
  margin-left: 4px;
}

/* line 1, app/assets/stylesheets/users/../common/components/atoms/_Hamburger.scss */
.hamburger {
  width: 22px;
  height: 14px;
  cursor: pointer;
  position: relative;
}

/* line 7, app/assets/stylesheets/users/../common/components/atoms/_Hamburger.scss */
.hamburger__border {
  height: 2px;
  background: #A6826C;
  display: block;
  margin: auto;
  transition: .3s ease-in-out;
  position: absolute;
  right: 0;
}

/* line 16, app/assets/stylesheets/users/../common/components/atoms/_Hamburger.scss */
.hamburger__border:first-child {
  width: 100%;
  top: 0;
}

/* line 20, app/assets/stylesheets/users/../common/components/atoms/_Hamburger.scss */
.hamburger__border.show:first-child {
  width: 100%;
  bottom: 0;
  transform: rotate(45deg);
}

/* line 27, app/assets/stylesheets/users/../common/components/atoms/_Hamburger.scss */
.hamburger__border:nth-child(2) {
  width: 17px;
  bottom: 0;
  top: 0;
}

/* line 32, app/assets/stylesheets/users/../common/components/atoms/_Hamburger.scss */
.hamburger__border.show:nth-child(2) {
  display: none;
}

/* line 37, app/assets/stylesheets/users/../common/components/atoms/_Hamburger.scss */
.hamburger__border:last-child {
  width: 12px;
  bottom: 0;
}

/* line 41, app/assets/stylesheets/users/../common/components/atoms/_Hamburger.scss */
.hamburger__border.show:last-child {
  width: 100%;
  top: 0;
  transform: rotate(-45deg);
}

/* line 2, app/assets/stylesheets/users/../common/components/atoms/_ModalList.scss */
.modalList .modalList__item:not(:last-child) {
  border-bottom: 1px solid #D4D4D4;
}

/* line 6, app/assets/stylesheets/users/../common/components/atoms/_ModalList.scss */
.modalList .modalList__item > .link {
  height: 60px;
  line-height: 60px;
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 0 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 18, app/assets/stylesheets/users/../common/components/atoms/_ModalList.scss */
.modalList .modalList__item > .link:hover {
  opacity: .7;
  transition: .4s ease-in-out;
}

/* line 23, app/assets/stylesheets/users/../common/components/atoms/_ModalList.scss */
.modalList .modalList__item > .link:before {
  content: '';
  margin-right: 7px;
}

/* line 28, app/assets/stylesheets/users/../common/components/atoms/_ModalList.scss */
.modalList .modalList__item > .link.profile:before {
  width: 16px;
  height: 16px;
  background: url(/assets/common/icon/personal-f6c860f238daeb0c28b459a766f003c2ccb81c420a7bf7a889508ef445f34103.svg) no-repeat;
}

/* line 34, app/assets/stylesheets/users/../common/components/atoms/_ModalList.scss */
.modalList .modalList__item > .link.favorite:before {
  width: 18px;
  height: 17px;
  background: url(/assets/common/icon/favorite-a2459a7567cec070c1b1a5e0219bce3ca84c7e20d99dfc9038a7743caaab3bda.svg) no-repeat;
}

/* line 40, app/assets/stylesheets/users/../common/components/atoms/_ModalList.scss */
.modalList .modalList__item > .link.account:before {
  width: 18px;
  height: 17px;
  background: url(/assets/common/icon/account-450b1e342da426e41d961a076b857eea304097bca1713c2594811884f916de78.svg) no-repeat;
}

/* line 1, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
.monthTab {
  display: flex;
  align-items: center;
  list-style: none;
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
  .monthTab {
    flex-wrap: wrap;
    margin: 0 0 -8px 0;
  }
}

/* line 11, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
.monthTab__item {
  font-size: 16px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  text-align: center;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  /* line 11, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
  .monthTab__item {
    padding: 8px;
    margin: 0 0 8px 0;
    background: #E7E1DE;
  }
}

@media screen and (min-width: 768px) {
  /* line 11, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
  .monthTab__item {
    width: 88px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px 3px 0 0;
  }
}

/* line 30, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
.monthTab__item:not(:last-child) {
  margin-right: 4px;
}

/* line 34, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
.monthTab__item a {
  display: block;
}

/* line 38, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
.monthTab__item.common {
  color: #FFF;
  background: #979797;
}

/* line 42, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
.monthTab__item.common > a {
  color: #FFF;
  background: #353547;
}

@media screen and (min-width: 768px) {
  /* line 42, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
  .monthTab__item.common > a {
    border-radius: 5px;
  }
}

/* line 52, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
.monthTab__item.now {
  background: #E7E1DE;
  font-weight: bold;
}

/* line 56, app/assets/stylesheets/users/../common/components/atoms/_MonthTab.scss */
.monthTab__item.now > a {
  color: #353547;
}

/* line 2, app/assets/stylesheets/users/../common/components/atoms/_ProfileIcon.scss */
.profileIcon.default {
  background: url(/assets/users/icon/header_personal-5079338f23f8c1541b1b24eb5a141b6daf06915e856d1f43925359f2164edb16.svg) no-repeat;
  background-size: contain;
}

/* line 7, app/assets/stylesheets/users/../common/components/atoms/_ProfileIcon.scss */
.profileIcon.company {
  background: url(/assets/companies/icon/header_company-996fc89f445d4585b97dff2c34b27a265969190a9db376019b8fff98e0243ab7.svg) no-repeat;
  background-size: contain;
}

/* line 12, app/assets/stylesheets/users/../common/components/atoms/_ProfileIcon.scss */
.profileIcon > img {
  border-radius: 50%;
}

/* line 1, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock {
  background: #F7F7F7;
  padding: 15px 30px;
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
  .attendanceBlock {
    padding: 20px;
  }
}

/* line 9, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* line 18, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock__title:before {
  content: '';
  width: 19px;
  height: 19px;
  background: url(/assets/users/icon/baggage_time-1158a50b9f5c67207a87d2bfc0f0f5c6f44169bd2accfe227b325977eb24a152.svg) no-repeat;
  margin-right: 8px;
}

/* line 27, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
}

/* line 33, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock__textarea {
  width: 100%;
  height: 60px;
  padding: 10px;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  resize: none;
}

/* line 42, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock__flex {
  display: flex;
  flex-wrap: wrap;
}

/* line 46, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock__flex:not(:first-child) {
  margin-bottom: 10px;
}

/* line 50, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock__flex:first-child > .colonText {
  width: 40%;
}

/* line 54, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock__flex > .colonText:not(:last-child) {
  margin-right: 26px;
}

/* line 59, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
.attendanceBlock .generalButton {
  width: 150px;
  height: 40px;
  line-height: 40px;
  margin: 10px 0 0 278px;
}

@media screen and (max-width: 767px) {
  /* line 59, app/assets/stylesheets/users/../common/components/molecules/_AttendanceBlock.scss */
  .attendanceBlock .generalButton {
    width: 100%;
    margin: 20px 0 0;
  }
}

/* line 2, app/assets/stylesheets/users/../common/components/molecules/_AttendanceForCompanion.scss */
.attendanceForCompanion__wrap {
  padding-top: 12px;
}

/* line 5, app/assets/stylesheets/users/../common/components/molecules/_AttendanceForCompanion.scss */
.attendanceForCompanion__wrap:not(:last-of-type) {
  padding-bottom: 12px;
  border-bottom: 1px solid #A6826C;
}

/* line 10, app/assets/stylesheets/users/../common/components/molecules/_AttendanceForCompanion.scss */
.attendanceForCompanion__wrap:first-of-type > .title:before {
  content: 'Q1.';
}

/* line 14, app/assets/stylesheets/users/../common/components/molecules/_AttendanceForCompanion.scss */
.attendanceForCompanion__wrap:nth-of-type(2) > .title:before {
  content: 'Q2.';
}

/* line 18, app/assets/stylesheets/users/../common/components/molecules/_AttendanceForCompanion.scss */
.attendanceForCompanion__wrap:nth-of-type(3) > .title:before {
  content: 'Q3.';
}

/* line 22, app/assets/stylesheets/users/../common/components/molecules/_AttendanceForCompanion.scss */
.attendanceForCompanion__wrap:last-of-type > .title:before {
  content: 'Q4.';
}

/* line 26, app/assets/stylesheets/users/../common/components/molecules/_AttendanceForCompanion.scss */
.attendanceForCompanion__wrap > .title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}

/* line 33, app/assets/stylesheets/users/../common/components/molecules/_AttendanceForCompanion.scss */
.attendanceForCompanion__wrap > .title:before {
  font-weight: bold;
}

/* line 38, app/assets/stylesheets/users/../common/components/molecules/_AttendanceForCompanion.scss */
.attendanceForCompanion__wrap > .text {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/molecules/_AttendanceText.scss */
  .attendanceText {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  /* line 6, app/assets/stylesheets/users/../common/components/molecules/_AttendanceText.scss */
  .attendanceText:not(:first-of-type) {
    padding-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  /* line 12, app/assets/stylesheets/users/../common/components/molecules/_AttendanceText.scss */
  .attendanceText:not(:last-of-type) {
    padding-bottom: 10px;
    border-bottom: 1px solid #D4D4D4;
  }
}

/* line 19, app/assets/stylesheets/users/../common/components/molecules/_AttendanceText.scss */
.attendanceText__item {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

/* line 24, app/assets/stylesheets/users/../common/components/molecules/_AttendanceText.scss */
.attendanceText__item:not(:first-child) {
  margin: 0 0 0 20px;
}

@media screen and (max-width: 767px) {
  /* line 24, app/assets/stylesheets/users/../common/components/molecules/_AttendanceText.scss */
  .attendanceText__item:not(:first-child) {
    margin: 10px 0 0;
  }
}

/* line 32, app/assets/stylesheets/users/../common/components/molecules/_AttendanceText.scss */
.attendanceText__item > .bold {
  font-weight: bold;
}

/* line 1, app/assets/stylesheets/users/../common/components/molecules/_BasicInfoMenu.scss */
.basicInfoMenu {
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  padding: 12px 0;
}

/* line 6, app/assets/stylesheets/users/../common/components/molecules/_BasicInfoMenu.scss */
.basicInfoMenu__item {
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
  cursor: pointer;
}

/* line 14, app/assets/stylesheets/users/../common/components/molecules/_BasicInfoMenu.scss */
.basicInfoMenu__item > .link {
  color: #353547;
}

/* line 18, app/assets/stylesheets/users/../common/components/molecules/_BasicInfoMenu.scss */
.basicInfoMenu__item.active {
  position: relative;
}

/* line 21, app/assets/stylesheets/users/../common/components/molecules/_BasicInfoMenu.scss */
.basicInfoMenu__item.active > .link {
  color: #A6826C;
}

/* line 25, app/assets/stylesheets/users/../common/components/molecules/_BasicInfoMenu.scss */
.basicInfoMenu__item.active:before {
  content: '';
  height: 40px;
  border-left: 5px solid #A6826C;
  position: absolute;
  left: -3px;
}

/* line 34, app/assets/stylesheets/users/../common/components/molecules/_BasicInfoMenu.scss */
.basicInfoMenu__item.scout {
  padding-right: 20px;
}

/* line 37, app/assets/stylesheets/users/../common/components/molecules/_BasicInfoMenu.scss */
.basicInfoMenu__item.scout .generalButton {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 46, app/assets/stylesheets/users/../common/components/molecules/_BasicInfoMenu.scss */
.basicInfoMenu__item.scout .generalButton:after {
  content: '';
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.73977%202.37066C9.22427%201.91652%2010.0178%202.26016%2010.0178%202.92438V14.0776C10.0178%2014.7418%209.22488%2015.0855%208.73977%2014.6313L5.7423%2011.8227C5.54548%2011.6382%205.28589%2011.5356%205.01616%2011.5355H3.18745C2.66412%2011.5355%202.16222%2011.3276%201.79217%2010.9575C1.42212%2010.5875%201.21423%2010.0856%201.21423%209.56227V7.44213C1.21423%206.9188%201.42212%206.4169%201.79217%206.04685C2.16222%205.67681%202.66412%205.46891%203.18745%205.46891H5.01555C5.28573%205.46891%205.54559%205.3657%205.7423%205.18174L8.73977%202.37066ZM13.1409%203.14902C13.2316%203.06937%2013.3502%203.02897%2013.4707%203.03671C13.5911%203.04445%2013.7036%203.0997%2013.7833%203.19031C15.0762%204.65726%2015.7883%206.5462%2015.7857%208.50159C15.7857%2010.5367%2015.0292%2012.3958%2013.7833%2013.8123C13.7445%2013.8592%2013.6966%2013.8979%2013.6425%2013.926C13.5884%2013.9541%2013.5292%2013.9711%2013.4685%2013.9759C13.4077%2013.9807%2013.3466%2013.9733%2013.2888%2013.9541C13.231%2013.9349%2013.1776%2013.9042%2013.1318%2013.864C13.086%2013.8237%2013.0488%2013.7747%2013.0223%2013.7198C12.9958%2013.6649%2012.9807%2013.6053%2012.9777%2013.5444C12.9747%2013.4835%2012.9839%2013.4226%2013.0049%2013.3654C13.0258%2013.3082%2013.0581%2013.2557%2013.0997%2013.2112C14.2463%2011.9106%2014.8777%2010.2355%2014.8749%208.50159C14.8778%206.76767%2014.2464%205.09257%2013.0997%203.79199C13.0601%203.74707%2013.0298%203.6948%2013.0105%203.63817C12.9912%203.58154%2012.9832%203.52166%2012.9871%203.46195C12.9909%203.40223%2013.0064%203.34386%2013.0329%203.29017C13.0593%203.23647%2013.096%203.18851%2013.1409%203.14902ZM12.3571%205.0427C12.2847%204.94609%2012.1768%204.88221%2012.0572%204.86513C11.9377%204.84805%2011.8162%204.87917%2011.7196%204.95163C11.623%205.02409%2011.5591%205.13196%2011.5421%205.25152C11.525%205.37107%2011.5561%205.49251%2011.6286%205.58913C12.2596%206.42883%2012.6%207.45121%2012.5982%208.50159C12.5982%209.59445%2012.2375%2010.6023%2011.6286%2011.4141C11.5927%2011.4619%2011.5666%2011.5163%2011.5517%2011.5743C11.5369%2011.6322%2011.5336%2011.6925%2011.5421%2011.7517C11.5505%2011.8109%2011.5706%2011.8678%2011.601%2011.9193C11.6315%2011.9707%2011.6718%2012.0157%2011.7196%2012.0516C11.7675%2012.0874%2011.8219%2012.1135%2011.8798%2012.1284C11.9378%2012.1432%2011.998%2012.1465%2012.0572%2012.1381C12.1164%2012.1296%2012.1734%2012.1096%2012.2248%2012.0791C12.2763%2012.0486%2012.3212%2012.0083%2012.3571%2011.9605C13.1064%2010.9632%2013.5107%209.74903%2013.5089%208.50159C13.5108%207.25415%2013.1065%206.04%2012.3571%205.0427Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  margin-left: 5px;
  display: block;
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
  .bubbleContent {
    display: flex;
    align-items: center;
  }
}

/* line 7, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
.bubbleContent__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: bold;
  background: #F7F7F7;
  padding: 16px 20px;
  border-radius: 5px;
  position: relative;
}

@media screen and (max-width: 767px) {
  /* line 7, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
  .bubbleContent__title {
    line-height: 1.5;
    text-align: center;
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 768px) {
  /* line 7, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
  .bubbleContent__title {
    display: flex;
    align-items: center;
    margin-right: 30px;
  }
}

/* line 29, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
.bubbleContent__title:before {
  content: '';
  width: 27px;
  height: 27px;
  background: url(/assets/users/icon/light_bulb-329e674871bdcad8f54d745399491e0ae8ecdd34a84ef4cbc5f52e690df35ae6.svg) 50% 0 no-repeat;
  margin-right: 13px;
}

@media screen and (max-width: 767px) {
  /* line 29, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
  .bubbleContent__title:before {
    display: block;
    margin: 0 auto 5px;
  }
}

/* line 42, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
.bubbleContent__title:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #F7F7F7;
  position: absolute;
  right: -18px;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 767px) {
  /* line 42, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
  .bubbleContent__title:after {
    left: 0;
    right: 0;
    bottom: -14px;
  }
}

@media screen and (min-width: 768px) {
  /* line 42, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
  .bubbleContent__title:after {
    top: 0;
    transform: rotate(-90deg);
  }
}

/* line 66, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
.bubbleContent__title > .link {
  color: #353547;
  font-weight: bold;
  text-decoration: underline;
}

/* line 73, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
.bubbleContent > .generalButton {
  width: 180px;
  height: 50px;
  line-height: 50px;
}

@media screen and (max-width: 767px) {
  /* line 73, app/assets/stylesheets/users/../common/components/molecules/_BubbleContent.scss */
  .bubbleContent > .generalButton {
    width: 100%;
    display: block;
  }
}

/* line 2, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  /* line 2, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
  .feedBackSort__top {
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  /* line 2, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
  .feedBackSort__top {
    padding-left: 270px;
  }
}

/* line 15, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__top > .text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  /* line 24, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
  .feedBackSort__top > .text:not(:last-child) {
    margin-right: 10px;
  }
}

/* line 30, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__top > .text:after {
  font-weight: bold;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}

/* line 39, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__top > .text:first-child:after {
  content: '1';
}

/* line 43, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__top > .text:nth-child(2):after {
  content: '2';
}

/* line 47, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__top > .text:nth-child(3):after {
  content: '3';
  bottom: -9px;
}

/* line 52, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__top > .text:nth-child(4):after {
  content: '4';
}

/* line 56, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__top > .text:last-child:after {
  content: '5';
}

@media screen and (min-width: 768px) {
  /* line 62, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
  .feedBackSort__left {
    display: flex;
  }
}

/* line 67, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left:not(:last-child) {
  margin-bottom: 20px;
}

/* line 71, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left:nth-child(2) > .title:before {
  content: 'Q1.';
}

/* line 75, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left:nth-child(3) > .title:before {
  content: 'Q2.';
}

/* line 79, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left:nth-child(4) > .title:before {
  content: 'Q3.';
}

/* line 83, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left:last-child > .title:before {
  content: 'Q4.';
}

/* line 87, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left > .title {
  width: 270px;
  color: #353547;
  font-size: 14px;
  line-height: 1.5;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

@media screen and (max-width: 767px) {
  /* line 87, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
  .feedBackSort__left > .title {
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
  }
}

/* line 100, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left > .title:before {
  font-weight: bold;
}

/* line 105, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left > .formGroup {
  margin: 0 0 0 16px;
}

@media screen and (max-width: 767px) {
  /* line 105, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
  .feedBackSort__left > .formGroup {
    justify-content: space-between;
  }
}

/* line 113, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left > .formGroup > .formRadio__radio:nth-child(2) {
  margin-right: 45px;
}

/* line 116, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left > .formGroup > .formRadio__radio:nth-child(3) {
  margin-right: 34px;
}

/* line 119, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left > .formGroup > .formRadio__radio:nth-child(4) {
  margin-right: 34px;
}

/* line 122, app/assets/stylesheets/users/../common/components/molecules/_FeedBackSort.scss */
.feedBackSort__left > .formGroup > .formRadio__radio:nth-child(5) {
  margin-right: 48px;
}

/* line 1, app/assets/stylesheets/users/../common/components/molecules/_FormGroup.scss */
.formGroup {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -15px -10px;
}

/* line 6, app/assets/stylesheets/users/../common/components/molecules/_FormGroup.scss */
.formGroup .formCheckBox,
.formGroup .formRadio {
  margin: 0 0 15px 10px;
}

/* line 1, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
.headerMenu {
  display: flex;
  align-items: center;
}

/* line 5, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
.headerMenu__item {
  position: relative;
}

/* line 8, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
.headerMenu__item:not(:last-child) {
  margin-right: 15px;
}

/* line 12, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
.headerMenu__item .modal {
  position: absolute;
}

/* line 15, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
.headerMenu__item .modal.profile {
  right: 0;
  top: 46px;
}

/* line 22, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
.headerMenu .profileIcon {
  cursor: pointer;
}

/* line 27, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
.navigation {
  display: flex;
  margin-left: 70%;
}

@media screen and (max-width: 767px) {
  /* line 32, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
  .navigation {
    display: none;
  }
}

/* line 37, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
.headerMenu__item {
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, メイリオ, "MS P Gothic", sans-serif;
  font-weight: bold;
  line-height: 1;
  position: relative;
}

/* line 46, app/assets/stylesheets/users/../common/components/molecules/_HeaderMenu.scss */
.headerMenu__item a {
  display: inline-block;
  padding: 1em 1em;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  border: 1px solid #A6826C;
  color: #A6826C;
  position: relative;
  overflow: hidden;
}

/* line 2, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem > .wrapper {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  /* line 2, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem > .wrapper {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  /* line 10, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem > .wrapper .postalcode {
    width: 115px;
    height: 45px;
    line-height: 45px;
    margin-left: 41px;
  }
}

/* line 19, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem > .wrapper .font {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  /* line 26, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem > .wrapper .item:last-child {
    margin-top: 10px;
  }
}

/* line 33, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__title {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  /* line 33, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__title {
    width: 100%;
    display: flex;
  }
  /* line 43, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__title:not(.preview) {
    margin-bottom: 16px;
  }
}

/* line 48, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__title.preview {
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (min-width: 768px) {
  /* line 52, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__title.wide {
    margin-top: 8px;
  }
}

/* line 58, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__title.height {
  line-height: 1.5;
}

/* line 62, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__title.required:after {
  content: '*';
  color: #A70F0F;
}

/* line 68, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__subTitle {
  color: #353547;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  /* line 68, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__subTitle {
    display: block;
    margin-bottom: 8px;
  }
}

/* line 79, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__item {
  height: 45px;
  line-height: 45px;
  color: #353547;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  /* line 79, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__item {
    width: 100%;
  }
}

/* line 92, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__item.textarea {
  width: 500px;
  height: 150px;
  line-height: 1.0;
  padding: 10px;
  resize: none;
}

@media screen and (max-width: 767px) {
  /* line 92, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__item.textarea {
    width: 100%;
  }
}

/* line 104, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__item.middle {
  width: 220px;
}

@media screen and (max-width: 767px) {
  /* line 104, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__item.middle {
    width: 100%;
  }
}

/* line 112, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__item.middle2 {
  width: 148px;
}

@media screen and (max-width: 767px) {
  /* line 112, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__item.middle2 {
    width: 100%;
  }
}

/* line 120, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__item.wide {
  width: 495px;
}

/* line 124, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__item.wide2 {
  width: 497px;
}

/* line 128, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__item.wide3 {
  width: 695px;
}

/* line 132, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__item.wide4 {
  width: 440px;
}

@media screen and (max-width: 767px) {
  /* line 136, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__item.wide, .infoFormItem__item.wide2, .infoFormItem__item.wide3, .infoFormItem__item.wide4 {
    width: 100%;
  }
}

/* line 145, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__item.wide3 {
  width: 481px;
}

@media screen and (max-width: 767px) {
  /* line 145, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__item.wide3 {
    width: 100%;
  }
}

/* line 154, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__label {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  /* line 154, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
  .infoFormItem__label {
    display: block;
    margin-bottom: 5px;
  }
}

/* line 166, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__select {
  border-bottom: 1px solid #A6826C;
}

/* line 170, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__itemText {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

/* line 175, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
  text-align: center;
  margin-right: 10px;
}

/* line 182, app/assets/stylesheets/users/../common/components/molecules/_InfoFormItem.scss */
.infoFormItem__text .link {
  color: #A6826C;
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal {
  width: 262px;
  height: 300px;
  background: #FFF;
  box-shadow: 0 2px 7px rgba(166, 130, 108, 0.23);
  border-radius: 0 0 5px 5px;
}

/* line 8, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal.company {
  height: 188px;
}

/* line 12, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal.none {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: .15s ease;
}

/* line 19, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal__title {
  color: #353547;
  font-size: 20px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  padding: 20px 28px 11px;
}

/* line 27, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal__list > .item {
  height: 60px;
  line-height: 60px;
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  padding: 0 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 38, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal__list > .item:hover {
  opacity: .7;
  transition: .4s ease-in-out;
}

/* line 43, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal__list > .item:not(:last-child) {
  border-bottom: 1px solid #D4D4D4;
}

/* line 46, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal__list > .item:not(:last-child):before {
  content: '';
  margin-right: 7px;
}

/* line 52, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal__list > .item.profile:before {
  width: 16px;
  height: 16px;
  background: url(/assets/common/icon/personal-f6c860f238daeb0c28b459a766f003c2ccb81c420a7bf7a889508ef445f34103.svg) no-repeat;
}

/* line 58, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal__list > .item.favorite:before {
  width: 18px;
  height: 17px;
  background: url(/assets/common/icon/favorite-a2459a7567cec070c1b1a5e0219bce3ca84c7e20d99dfc9038a7743caaab3bda.svg) no-repeat;
}

/* line 64, app/assets/stylesheets/users/../common/components/molecules/_ProfileModal.scss */
.profileModal__list > .item.account:before {
  width: 18px;
  height: 17px;
  background: url(/assets/common/icon/account-450b1e342da426e41d961a076b857eea304097bca1713c2594811884f916de78.svg) no-repeat;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu {
  height: 100vh;
  padding: 40px 0;
  background: #E7E1DE;
}

@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  /* line 12, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu.fixed {
    position: sticky;
    top: 0;
    left: 0;
  }
}

/* line 20, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu.show {
  display: none;
}

@media screen and (max-width: 767px) {
  /* line 20, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu.show {
    padding: 0;
    display: block;
    background: #FFF;
    border-bottom: 1px solid #D4D4D4;
  }
}

/* line 31, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item {
  width: 100%;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  position: relative;
}

/* line 40, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item a {
  color: #353547;
}

/* line 44, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item:not(.active) {
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item:not(.active):hover {
  opacity: .7;
  transition: .4s ease-in-out;
}

@media screen and (min-width: 768px) {
  /* line 31, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item {
    padding-left: 30px;
  }
}

@media screen and (max-width: 767px) {
  /* line 57, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item:not(:last-child) {
    border-bottom: 1px solid #D4D4D4;
  }
}

@media screen and (min-width: 768px) {
  /* line 57, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  /* line 31, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item {
    height: 60px;
    line-height: 60px;
    padding-left: 60px;
    background: #FFF;
  }
}

/* line 74, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.active {
  display: flex;
}

@media screen and (min-width: 768px) {
  /* line 76, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active > a {
    color: #A6826C;
  }
}

@media screen and (min-width: 768px) {
  /* line 82, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active:after {
    content: '';
    width: 5px;
    height: 40px;
    position: absolute;
    right: -2px;
    background: #A6826C;
  }
}

/* line 93, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.active:before {
  display: block;
}

@media screen and (min-width: 768px) {
  /* line 97, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.home:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2217%22%20viewBox%3D%220%200%2020%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.6721%2010H17.0001V16C17.0001%2016.445%2016.8061%2017%2016.0001%2017H12.0001V11H8.00011V17H4.00011C3.19411%2017%203.00011%2016.445%203.00011%2016V10H1.32811C0.730106%2010%200.858106%209.676%201.26811%209.252L9.29211%201.22C9.48711%201.018%209.74311%200.917997%2010.0001%200.907997C10.2571%200.917997%2010.5131%201.017%2010.7081%201.22L18.7311%209.251C19.1421%209.676%2019.2701%2010%2018.6721%2010Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 768px) {
  /* line 103, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.job:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.5%202C8.18967%201.99984%207.88694%202.09593%207.63351%202.27503C7.38008%202.45413%207.18844%202.70742%207.085%203H5.5C5.10217%203%204.72064%203.15804%204.43934%203.43934C4.15803%203.72064%204%204.10218%204%204.5V8.256C4.83937%207.95889%205.74801%207.91746%206.61093%208.13697C7.47385%208.35648%208.25226%208.82704%208.84763%209.48912C9.44301%2010.1512%209.82859%2010.975%209.95557%2011.8563C10.0826%2012.7376%209.94524%2013.6368%209.561%2014.44L11.561%2016.44C11.7612%2016.6401%2011.9007%2016.8928%2011.9633%2017.1689C12.0259%2017.4449%2012.0092%2017.7331%2011.915%2018H14.5C14.8978%2018%2015.2794%2017.842%2015.5607%2017.5607C15.842%2017.2794%2016%2016.8978%2016%2016.5V4.5C16%204.10218%2015.842%203.72064%2015.5607%203.43934C15.2794%203.15804%2014.8978%203%2014.5%203H12.915C12.8116%202.70742%2012.6199%202.45413%2012.3665%202.27503C12.1131%202.09593%2011.8103%201.99984%2011.5%202H8.5ZM11.5%203C11.6326%203%2011.7598%203.05268%2011.8536%203.14645C11.9473%203.24022%2012%203.36739%2012%203.5C12%203.63261%2011.9473%203.75979%2011.8536%203.85355C11.7598%203.94732%2011.6326%204%2011.5%204H8.5C8.36739%204%208.24021%203.94732%208.14645%203.85355C8.05268%203.75979%208%203.63261%208%203.5C8%203.36739%208.05268%203.24022%208.14645%203.14645C8.24021%203.05268%208.36739%203%208.5%203H11.5ZM8.303%2014.596C8.83291%2013.8873%209.07474%2013.0043%208.9798%2012.1245C8.88486%2011.2447%208.46022%2010.4336%207.79132%209.85428C7.12242%209.27498%206.25893%208.97055%205.37462%209.00225C4.49031%209.03395%203.65083%209.39943%203.02513%2010.0251C2.39943%2010.6508%202.03395%2011.4903%202.00225%2012.3746C1.97055%2013.2589%202.27498%2014.1224%202.85428%2014.7913C3.43357%2015.4602%204.24473%2015.8849%205.1245%2015.9798C6.00426%2016.0747%206.88734%2015.8329%207.596%2015.303L10.146%2017.853C10.2398%2017.9469%2010.367%2017.9997%2010.4996%2017.9998C10.6323%2017.9999%2010.7596%2017.9473%2010.8535%2017.8535C10.9474%2017.7597%2011.0002%2017.6325%2011.0003%2017.4999C11.0004%2017.3672%2010.9478%2017.2399%2010.854%2017.146L8.304%2014.596H8.303ZM5.5%2015C4.83696%2015%204.20107%2014.7366%203.73223%2014.2678C3.26339%2013.7989%203%2013.163%203%2012.5C3%2011.837%203.26339%2011.2011%203.73223%2010.7322C4.20107%2010.2634%204.83696%2010%205.5%2010C6.16304%2010%206.79893%2010.2634%207.26777%2010.7322C7.73661%2011.2011%208%2011.837%208%2012.5C8%2013.163%207.73661%2013.7989%207.26777%2014.2678C6.79893%2014.7366%206.16304%2015%205.5%2015Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 768px) {
  /* line 109, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.profile:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%206C11%206.79565%2010.6839%207.55871%2010.1213%208.12132C9.55871%208.68393%208.79565%209%208%209C7.20435%209%206.44129%208.68393%205.87868%208.12132C5.31607%207.55871%205%206.79565%205%206C5%205.20435%205.31607%204.44129%205.87868%203.87868C6.44129%203.31607%207.20435%203%208%203C8.79565%203%209.55871%203.31607%2010.1213%203.87868C10.6839%204.44129%2011%205.20435%2011%206Z%22%20fill%3D%22%23A6826C%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%208C0%205.87827%200.842855%203.84344%202.34315%202.34315C3.84344%200.842855%205.87827%200%208%200C10.1217%200%2012.1566%200.842855%2013.6569%202.34315C15.1571%203.84344%2016%205.87827%2016%208C16%2010.1217%2015.1571%2012.1566%2013.6569%2013.6569C12.1566%2015.1571%2010.1217%2016%208%2016C5.87827%2016%203.84344%2015.1571%202.34315%2013.6569C0.842855%2012.1566%200%2010.1217%200%208ZM8%201C6.68178%201.00007%205.39037%201.37236%204.2744%202.07403C3.15844%202.77569%202.26328%203.77821%201.69196%204.96619C1.12065%206.15418%200.896386%207.47934%201.045%208.78916C1.19361%2010.099%201.70905%2011.3402%202.532%2012.37C3.242%2011.226%204.805%2010%208%2010C11.195%2010%2012.757%2011.225%2013.468%2012.37C14.2909%2011.3402%2014.8064%2010.099%2014.955%208.78916C15.1036%207.47934%2014.8794%206.15418%2014.308%204.96619C13.7367%203.77821%2012.8416%202.77569%2011.7256%202.07403C10.6096%201.37236%209.31822%201.00007%208%201Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 768px) {
  /* line 115, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.skill:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15%202.25H3C2.175%202.25%201.5%202.925%201.5%203.75V14.25C1.5%2015.075%202.175%2015.75%203%2015.75H15C15.825%2015.75%2016.5%2015.075%2016.5%2014.25V3.75C16.5%202.925%2015.825%202.25%2015%202.25ZM7.5%2012.75H3.75V11.25H7.5V12.75ZM7.5%209.75H3.75V8.25H7.5V9.75ZM7.5%206.75H3.75V5.25H7.5V6.75ZM11.115%2011.25L9%209.12L10.0575%208.0625L11.115%209.1275L13.4925%206.75L14.5575%207.815L11.115%2011.25Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 768px) {
  /* line 121, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.applied:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(/%23clip0_1026_11050)%22%3E%3Cpath%20d%3D%22M13.7109%203.28125H12.1875V12.1875C12.1875%2012.4361%2012.2863%2012.6746%2012.4621%2012.8504C12.6379%2013.0262%2012.8764%2013.125%2013.125%2013.125C13.3736%2013.125%2013.6121%2013.0262%2013.7879%2012.8504C13.9637%2012.6746%2014.0625%2012.4361%2014.0625%2012.1875V3.63281C14.0625%203.53957%2014.0255%203.45015%2013.9595%203.38422C13.8936%203.31829%2013.8042%203.28125%2013.7109%203.28125Z%22%20fill%3D%22%23A6826C%22%2F%3E%3Cpath%20d%3D%22M12.6313%2013.9966C12.2348%2013.8878%2011.8849%2013.6519%2011.6354%2013.3251C11.3859%2012.9983%2011.2505%2012.5987%2011.25%2012.1875V1.28906C11.25%201.19582%2011.213%201.1064%2011.147%201.04047C11.0811%200.974539%2010.9917%200.9375%2010.8984%200.9375H1.28906C1.19582%200.9375%201.1064%200.974539%201.04047%201.04047C0.974539%201.1064%200.9375%201.19582%200.9375%201.28906V12.4219C0.9375%2012.857%201.11035%2013.2743%201.41803%2013.582C1.7257%2013.8897%202.143%2014.0625%202.57812%2014.0625H12.6226C12.6309%2014.0628%2012.639%2014.06%2012.6454%2014.0547C12.6517%2014.0493%2012.6558%2014.0418%2012.6569%2014.0335C12.658%2014.0253%2012.656%2014.0169%2012.6513%2014.0101C12.6466%2014.0033%2012.6394%2013.9985%2012.6313%2013.9966ZM2.8125%206.09375V3.28125H5.625V6.09375H2.8125ZM9.375%2011.7188H2.8125V10.7813H9.375V11.7188ZM9.375%209.84375H2.8125V8.90625H9.375V9.84375ZM9.375%207.96875H2.8125V7.03125H9.375V7.96875ZM9.375%206.09375H6.5625V5.15625H9.375V6.09375ZM9.375%204.21875H6.5625V3.28125H9.375V4.21875Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 768px) {
  /* line 127, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.attendance:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.5%208.25C14.6175%208.25%2015.6525%208.6025%2016.5%209.195V6C16.5%205.1675%2015.8325%204.5%2015%204.5H12V3C12%202.1675%2011.3325%201.5%2010.5%201.5H7.5C6.6675%201.5%206%202.1675%206%203V4.5H3C2.1675%204.5%201.5075%205.1675%201.5075%206L1.5%2014.25C1.5%2015.0825%202.1675%2015.75%203%2015.75H8.76C8.37948%2014.9501%208.20768%2014.067%208.26061%2013.1828C8.31353%2012.2986%208.58946%2011.4422%209.06268%2010.6935C9.5359%209.9447%2010.191%209.32794%2010.9669%208.90068C11.7428%208.47343%2012.6142%208.24958%2013.5%208.25ZM7.5%203H10.5V4.5H7.5V3Z%22%20fill%3D%22%23A6826C%22%2F%3E%3Cpath%20d%3D%22M13.5%209.75C11.43%209.75%209.75%2011.43%209.75%2013.5C9.75%2015.57%2011.43%2017.25%2013.5%2017.25C15.57%2017.25%2017.25%2015.57%2017.25%2013.5C17.25%2011.43%2015.57%209.75%2013.5%209.75ZM14.7375%2015.2625L13.125%2013.65V11.25H13.875V13.3425L15.2625%2014.73L14.7375%2015.2625Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 768px) {
  /* line 133, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.account:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.00883%206.86602C8.48324%206.86602%207.99105%207.06993%207.6184%207.44258C7.2475%207.81524%207.04184%208.30743%207.04184%208.83301C7.04184%209.3586%207.2475%209.85079%207.6184%2010.2234C7.99105%2010.5943%208.48324%2010.8%209.00883%2010.8C9.53441%2010.8%2010.0266%2010.5943%2010.3993%2010.2234C10.7702%209.85079%2010.9758%209.3586%2010.9758%208.83301C10.9758%208.30743%2010.7702%207.81524%2010.3993%207.44258C10.2172%207.25917%2010.0006%207.11375%209.7619%207.01477C9.52321%206.91579%209.26723%206.86523%209.00883%206.86602ZM16.2563%2011.0057L15.1067%2010.0231C15.1612%209.68907%2015.1893%209.34805%2015.1893%209.0088C15.1893%208.66954%2015.1612%208.32676%2015.1067%207.99454L16.2563%207.01192C16.3431%206.93758%2016.4053%206.83856%2016.4345%206.72803C16.4637%206.6175%2016.4586%206.50071%2016.4198%206.39317L16.4039%206.34747C16.0876%205.46274%2015.6135%204.64266%2015.0047%203.92696L14.9731%203.89005C14.8992%203.80312%2014.8006%203.74064%2014.6905%203.71083C14.5804%203.68102%2014.4638%203.68528%2014.3561%203.72305L12.9288%204.23106C12.4014%203.79864%2011.8143%203.45762%2011.178%203.22032L10.902%201.72794C10.8812%201.61551%2010.8266%201.51208%2010.7456%201.43139C10.6646%201.3507%2010.561%201.29656%2010.4485%201.27618L10.401%201.26739C9.48695%201.10215%208.52367%201.10215%207.60961%201.26739L7.56215%201.27618C7.44964%201.29656%207.346%201.3507%207.265%201.43139C7.18399%201.51208%207.12945%201.61551%207.10863%201.72794L6.8309%203.22735C6.2006%203.46655%205.61343%203.80674%205.09242%204.23458L3.65453%203.72305C3.54689%203.68498%203.43022%203.68057%203.32001%203.7104C3.2098%203.74022%203.11128%203.80288%203.03754%203.89005L3.0059%203.92696C2.39821%204.64343%201.92427%205.4633%201.60668%206.34747L1.59086%206.39317C1.51176%206.6129%201.5768%206.85899%201.75434%207.01192L2.91801%208.00508C2.86352%208.33555%202.83715%208.67305%202.83715%209.00704C2.83715%209.34454%202.86352%209.68204%202.91801%2010.009L1.75785%2011.0022C1.67101%2011.0765%201.60885%2011.1755%201.57965%2011.286C1.55045%2011.3966%201.55559%2011.5134%201.59437%2011.6209L1.6102%2011.6666C1.92836%2012.5508%202.3977%2013.3682%203.00941%2014.0871L3.04105%2014.124C3.11498%2014.2109%203.2135%2014.2734%203.32364%2014.3032C3.43379%2014.3331%203.55038%2014.3288%203.65805%2014.291L5.09594%2013.7795C5.61977%2014.2102%206.20336%2014.5512%206.83441%2014.7867L7.11215%2016.2861C7.13297%2016.3986%207.18751%2016.502%207.26851%2016.5827C7.34952%2016.6634%207.45316%2016.7175%207.56566%2016.7379L7.61313%2016.7467C8.53618%2016.9128%209.48148%2016.9128%2010.4045%2016.7467L10.452%2016.7379C10.5645%2016.7175%2010.6681%2016.6634%2010.7491%2016.5827C10.8301%2016.502%2010.8847%2016.3986%2010.9055%2016.2861L11.1815%2014.7938C11.8178%2014.5547%2012.4049%2014.2154%2012.9323%2013.783L14.3596%2014.291C14.4672%2014.3291%2014.5839%2014.3335%2014.6941%2014.3037C14.8043%2014.2739%2014.9029%2014.2112%2014.9766%2014.124L15.0082%2014.0871C15.62%2013.3647%2016.0893%2012.5508%2016.4075%2011.6666L16.4233%2011.6209C16.4989%2011.4029%2016.4338%2011.1586%2016.2563%2011.0057ZM9.00883%2011.9232C7.30199%2011.9232%205.91859%2010.5399%205.91859%208.83301C5.91859%207.12618%207.30199%205.74278%209.00883%205.74278C10.7157%205.74278%2012.0991%207.12618%2012.0991%208.83301C12.0991%2010.5399%2010.7157%2011.9232%209.00883%2011.9232Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 768px) {
  /* line 139, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.useFlow:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.50004%201.0625C10.4727%201.0625%2012.3646%201.84615%2013.7595%203.24105C15.1544%204.63595%2015.9381%206.52784%2015.9381%208.50053C15.9381%2010.4732%2015.1544%2012.3651%2013.7595%2013.76C12.3646%2015.1549%2010.4727%2015.9386%208.50004%2015.9386C6.52735%2015.9386%204.63546%2015.1549%203.24056%2013.76C1.84566%2012.3651%201.06201%2010.4732%201.06201%208.50053C1.06201%206.52784%201.84566%204.63595%203.24056%203.24105C4.63546%201.84615%206.52735%201.0625%208.50004%201.0625ZM9.61567%205.62912C10.1682%205.62912%2010.6165%205.24556%2010.6165%204.67712C10.6165%204.10869%2010.1671%203.72513%209.61567%203.72513C9.06317%203.72513%208.61692%204.10869%208.61692%204.67712C8.61692%205.24556%209.06317%205.62912%209.61567%205.62912ZM9.81011%2011.6078C9.81011%2011.4941%209.84942%2011.1987%209.8271%2011.0309L8.95373%2012.036C8.77311%2012.2262%208.54679%2012.3579%208.44054%2012.3229C8.39234%2012.3051%208.35205%2012.2708%208.32693%2012.226C8.3018%2012.1812%208.29349%2012.1289%208.30348%2012.0785L9.75911%207.48C9.87811%206.89669%209.55086%206.36438%208.85704%206.29638C8.12498%206.29638%207.04761%207.03906%206.39204%207.9815C6.39204%208.09413%206.37079%208.37462%206.39311%208.5425L7.26542%207.53631C7.44604%207.34825%207.65642%207.21544%207.76267%207.25156C7.81502%207.27035%207.85791%207.30891%207.88214%207.35897C7.90638%207.40903%207.91002%207.4666%207.89229%207.51931L6.44942%2012.0955C6.28261%2012.631%206.59817%2013.1559%207.36317%2013.2749C8.48942%2013.2749%209.15454%2012.5503%209.81117%2011.6078H9.81011Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 768px) {
  /* line 145, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.contact:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.3334%205.65867V11.25C14.3334%2012.2167%2013.5501%2013%2012.5834%2013H3.41675C2.95262%2013%202.5075%2012.8156%202.17931%2012.4874C1.85112%2012.1592%201.66675%2011.7141%201.66675%2011.25V5.65867L7.79941%209.032C7.92441%209.10067%208.07608%209.10067%208.20075%209.032L14.3334%205.65833V5.65867ZM12.5834%203C13.0402%203.00004%2013.4789%203.17872%2013.8058%203.49786C14.1327%203.817%2014.3218%204.2513%2014.3327%204.708L8.00008%208.19133L1.66741%204.70767L1.66808%204.67767C1.68675%204.22642%201.87915%203.79986%202.20505%203.48719C2.53095%203.17452%202.96511%202.99996%203.41675%203H12.5834Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 768px) {
  /* line 151, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
  .sideMenu__item.active.scout:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.73977%202.37066C9.22427%201.91652%2010.0178%202.26016%2010.0178%202.92438V14.0776C10.0178%2014.7418%209.22488%2015.0855%208.73977%2014.6313L5.7423%2011.8227C5.54548%2011.6382%205.28589%2011.5356%205.01616%2011.5355H3.18745C2.66412%2011.5355%202.16222%2011.3276%201.79217%2010.9575C1.42212%2010.5875%201.21423%2010.0856%201.21423%209.56227V7.44213C1.21423%206.9188%201.42212%206.4169%201.79217%206.04685C2.16222%205.67681%202.66412%205.46891%203.18745%205.46891H5.01555C5.28573%205.46891%205.54559%205.3657%205.7423%205.18174L8.73977%202.37066ZM13.1409%203.14902C13.2316%203.06937%2013.3502%203.02897%2013.4707%203.03671C13.5911%203.04445%2013.7036%203.0997%2013.7833%203.19031C15.0762%204.65726%2015.7883%206.5462%2015.7857%208.50159C15.7857%2010.5367%2015.0292%2012.3958%2013.7833%2013.8123C13.7445%2013.8592%2013.6966%2013.8979%2013.6425%2013.926C13.5884%2013.9541%2013.5292%2013.9711%2013.4685%2013.9759C13.4077%2013.9807%2013.3466%2013.9733%2013.2888%2013.9541C13.231%2013.9349%2013.1776%2013.9042%2013.1318%2013.864C13.086%2013.8237%2013.0488%2013.7747%2013.0223%2013.7198C12.9958%2013.6649%2012.9807%2013.6053%2012.9777%2013.5444C12.9747%2013.4835%2012.9839%2013.4226%2013.0049%2013.3654C13.0258%2013.3082%2013.0581%2013.2557%2013.0997%2013.2112C14.2463%2011.9106%2014.8777%2010.2355%2014.8749%208.50159C14.8778%206.76767%2014.2464%205.09257%2013.0997%203.79199C13.0601%203.74707%2013.0298%203.6948%2013.0105%203.63817C12.9912%203.58154%2012.9832%203.52166%2012.9871%203.46195C12.9909%203.40223%2013.0064%203.34386%2013.0329%203.29017C13.0593%203.23647%2013.096%203.18851%2013.1409%203.14902ZM12.3571%205.0427C12.2847%204.94609%2012.1768%204.88221%2012.0572%204.86513C11.9377%204.84805%2011.8162%204.87917%2011.7196%204.95163C11.623%205.02409%2011.5591%205.13196%2011.5421%205.25152C11.525%205.37107%2011.5561%205.49251%2011.6286%205.58913C12.2596%206.42883%2012.6%207.45121%2012.5982%208.50159C12.5982%209.59445%2012.2375%2010.6023%2011.6286%2011.4141C11.5927%2011.4619%2011.5666%2011.5163%2011.5517%2011.5743C11.5369%2011.6322%2011.5336%2011.6925%2011.5421%2011.7517C11.5505%2011.8109%2011.5706%2011.8678%2011.601%2011.9193C11.6315%2011.9707%2011.6718%2012.0157%2011.7196%2012.0516C11.7675%2012.0874%2011.8219%2012.1135%2011.8798%2012.1284C11.9378%2012.1432%2011.998%2012.1465%2012.0572%2012.1381C12.1164%2012.1296%2012.1734%2012.1096%2012.2248%2012.0791C12.2763%2012.0486%2012.3212%2012.0083%2012.3571%2011.9605C13.1064%2010.9632%2013.5107%209.74903%2013.5089%208.50159C13.5108%207.25415%2013.1065%206.04%2012.3571%205.0427Z%22%20fill%3D%22%23A6826C%22%2F%3E%3C%2Fsvg%3E");
  }
}

/* line 158, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item:before {
  content: '';
  margin-right: 10px;
}

/* line 163, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.home:before {
  width: 20px;
  height: 17px;
  background: url(/assets/common/icon/home-57bcefb258fa21673cf9b6ec7bab2242c42cdbad54c8589e2800cc3f85fd032a.svg) 0 50% no-repeat;
}

/* line 169, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.job:before {
  width: 20px;
  height: 20px;
  background: url(/assets/users/icon/job-6beb79ecf3122e47e119659f84c7e6ef431ddf98a3c1aee0c9a5fac214f2d427.svg) 0 50% no-repeat;
}

/* line 175, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.profile:before {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  background: url(/assets/common/icon/personal-f6c860f238daeb0c28b459a766f003c2ccb81c420a7bf7a889508ef445f34103.svg) 0 50% no-repeat;
}

/* line 182, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.skill:before {
  width: 18px;
  height: 18px;
  background: url(/assets/users/icon/check-588a26520f2197c182511901fe9fb4b0526633c713c078d2863cc35061ec2b80.svg) 0 50% no-repeat;
}

/* line 188, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.applied:before {
  width: 15px;
  height: 15px;
  background: url(/assets/common/icon/applied-3c81f49491c6b83550128cddcc5b8bd97fdff28a8f5244e5f2d334e2c282f50c.svg) 0 50% no-repeat;
}

/* line 194, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.attendance:before {
  width: 18px;
  height: 18px;
  background: url(/assets/common/icon/attendance-7f06f591aafaaa16275c99bc1c735987971969bd13280e62201567a631a46be4.svg) 0 50% no-repeat;
}

/* line 200, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.account:before {
  width: 18px;
  height: 18px;
  background: url(/assets/common/icon/account-450b1e342da426e41d961a076b857eea304097bca1713c2594811884f916de78.svg) 0 50% no-repeat;
}

/* line 206, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.useFlow:before {
  width: 17px;
  height: 17px;
  background: url(/assets/common/icon/use_flow-a3019f3690fd722755580ab4fe3e6d5002004f40c435d23f4ad7b7cc119c5a3a.svg) 0 50% no-repeat;
}

/* line 212, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.contact:before {
  width: 16px;
  height: 16px;
  background: url(/assets/common/icon/mail-4c9f5d8ed4adbbdc61bc9eb3595c2ca6ece5a0c9baed619af6003244521d6fb2.svg) 0 50% no-repeat;
}

/* line 218, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.logout:before {
  width: 16px;
  height: 16px;
  background: url(/assets/users/icon/logout-63fb35a8b8ed407828340a674345c19f12572ffae334b0b118bc2d398107d8bd.svg) 0 50% no-repeat;
}

/* line 224, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.job2:before {
  width: 16px;
  height: 16px;
  background: url(/assets/companies/icon/document-22a6aa928d575a5eccf3ad74ff9b94faa8ac3bdd7224a2a0d941917e0e4ba315.svg) 0 50% no-repeat;
}

/* line 230, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.scout:before {
  width: 16px;
  height: 16px;
  background: url(/assets/companies/icon/scout-4a2a609556acb3887b42320bfa756932ea2e6cf09d82a75a0c5614379a347354.svg) 0 50% no-repeat;
}

/* line 236, app/assets/stylesheets/users/../common/components/molecules/_SideMenu.scss */
.sideMenu__item.policy {
  margin-left: 1em;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
.skillTableForm {
  display: flex;
}

@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
  .skillTableForm {
    display: block;
  }
}

/* line 10, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
.skillTableForm__title {
  width: 232px;
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
  background: #E7E1DE;
  padding: 16px 10px;
}

@media screen and (max-width: 767px) {
  /* line 10, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
  .skillTableForm__title {
    width: 100%;
  }
}

/* line 23, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
.skillTableForm__title.height {
  line-height: 1.5;
}

/* line 27, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
.skillTableForm__title .required {
  color: #A70F0F;
}

/* line 32, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
.skillTableForm__content {
  width: 734px;
  background: #F7F7F7;
  padding: 13px 10px;
}

@media screen and (max-width: 767px) {
  /* line 32, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
  .skillTableForm__content {
    width: 100%;
  }
}

/* line 41, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
.skillTableForm__content .textarea {
  width: 690px;
  height: 140px;
  border: 1px solid #D4D4D4;
  border-radius: 3px;
  padding: 10px;
  resize: none;
}

@media screen and (max-width: 767px) {
  /* line 41, app/assets/stylesheets/users/../common/components/molecules/_SkillTableForm.scss */
  .skillTableForm__content .textarea {
    width: 100%;
  }
}

/* line 2, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__background {
  width: 100vw;
  height: 140vh;
  background: rgba(0, 0, 0, 0.3);
}

/* line 8, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

/* line 17, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__propositionTitle {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  margin: 20px 0;
}

/* line 26, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 30px;
}

/* line 35, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__textarea {
  width: 100%;
  height: 172px;
  background: #F7F7F7;
  border: none;
  border-radius: 3px;
  resize: none;
}

/* line 45, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__select select {
  width: 100%;
  height: 30px;
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  border: 1px solid #A6826C;
  border-radius: 3px;
  margin-bottom: 20px;
}

/* line 56, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__select .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 61, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__select .wrapper .generalButton {
  width: 49%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  display: block;
}

/* line 68, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__select .wrapper .generalButton.back {
  width: 100%;
  height: 40px;
  line-height: 40px;
}

/* line 74, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__select .wrapper .generalButton:not(:last-child) {
  margin-left: 1%;
}

/* line 81, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal > .content {
  width: 539px;
  background: #FFF;
  border-radius: 5px;
  z-index: 10000000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 20px 42px;
  overflow-y: auto;
}

@media screen and (max-width: 767px) {
  /* line 81, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
  .applyModal > .content {
    width: 100%;
    padding: 15px 30px;
  }
}

/* line 100, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal > .content > .flexText {
  margin: 10px 0 -10px;
}

/* line 103, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal > .content > .flexText .flexText__text {
  margin-bottom: 10px;
}

/* line 109, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

/* line 115, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal__bottom > .generalButton {
  width: 220px;
  height: 50px;
  line-height: 50px;
}

@media screen and (max-width: 767px) {
  /* line 115, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
  .applyModal__bottom > .generalButton {
    width: 49%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}

/* line 130, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal .infoFormItem:first-of-type .infoFormItem__title {
  margin-right: 36px;
}

/* line 134, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
.applyModal .infoFormItem:last-of-type {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  /* line 137, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
  .applyModal .infoFormItem:last-of-type > .infoFormItem__title {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  /* line 143, app/assets/stylesheets/users/../common/components/organisms/_ApplyModal.scss */
  .applyModal .infoFormItem:last-of-type > .applyModal__textarea {
    height: 150px;
  }
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
  .attendanceContents {
    border: 1px solid #D4D4D4;
    border-radius: 0 0 5px 5px;
  }
}

/* line 7, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 100px;
}

@media screen and (min-width: 768px) {
  /* line 7, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
  .attendanceContents__wrap {
    padding: 30px 40px;
  }
}

/* line 18, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents__bottom {
  width: 100%;
}

@media screen and (max-width: 767px) {
  /* line 18, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
  .attendanceContents__bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}

/* line 29, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents__bottom > .bg {
  padding: 15px 0;
  background: #F7F7F7;
  border-radius: 0 0 5px 5px;
}

@media screen and (max-width: 767px) {
  /* line 29, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
  .attendanceContents__bottom > .bg {
    height: 80px;
    padding: 15px;
    box-shadow: 0px -2px 7px rgba(166, 130, 108, 0.23);
  }
}

/* line 40, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents__bottom > .bg > .generalButton {
  width: 345px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 49, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents__bottom > .bg > .generalButton:after {
  content: '';
  width: 16px;
  height: 15px;
  background: url(/assets/users/icon/pencil_white-016da173f47579449e5ffda1c4a72f0674c1d24063c23c3e1ec3090debc0b91b.svg);
  margin-left: 9px;
}

/* line 60, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents .wrap {
  margin: 20px 0 0;
}

@media screen and (max-width: 767px) {
  /* line 60, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
  .attendanceContents .wrap {
    margin: 0 0 20px;
  }
}

@media screen and (min-width: 768px) {
  /* line 67, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
  .attendanceContents .wrap .attendanceText:not(:last-child) {
    margin-bottom: 10px;
  }
}

/* line 74, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents .attendanceBlock {
  width: 488px;
}

@media screen and (max-width: 767px) {
  /* line 74, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
  .attendanceContents .attendanceBlock {
    width: 100%;
  }
}

/* line 81, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents .attendanceBlock.wide {
  width: 100%;
}

/* line 84, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents .attendanceBlock.wide .colonText {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  /* line 89, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
  .attendanceContents .attendanceBlock:not(:last-child) {
    margin-bottom: 20px;
  }
}

/* line 96, app/assets/stylesheets/users/../common/components/organisms/_AttendanceContents.scss */
.attendanceContents .attendanceWorkingTime {
  margin-bottom: 10px;
}

/* line 1, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents {
  padding: 30px 40px;
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents {
    border: 1px solid #D4D4D4;
    border-radius: 0 0 5px 5px;
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents {
    padding: 0 16px;
  }
}

/* line 15, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  /* line 15, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents__title {
    margin-bottom: 20px;
  }
}

/* line 26, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__title.required:after {
  content: '*';
  color: #A70F0F;
}

/* line 32, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__text {
  color: #A70F0F;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

/* line 37, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__text > .border {
  text-decoration: underline;
}

/* line 42, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__wrapper {
  margin-top: 30px;
}

/* line 45, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__wrapper.flex {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  /* line 45, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents__wrapper.flex {
    display: block;
  }
}

/* line 53, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__wrapper.flex:last-of-type {
  justify-content: space-between;
}

/* line 56, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__wrapper.flex:last-of-type > .generalButton {
  width: 180px;
  height: 40px;
  line-height: 40px;
  display: block;
}

@media screen and (max-width: 767px) {
  /* line 56, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents__wrapper.flex:last-of-type > .generalButton {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 15px;
  }
}

/* line 72, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__wrapper > .feedBackContents__title {
  margin: 0;
}

@media screen and (max-width: 767px) {
  /* line 72, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents__wrapper > .feedBackContents__title {
    margin-bottom: 20px;
  }
}

/* line 80, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__wrapper > .formGroup {
  align-items: center;
  margin: 0 0 0 22px;
}

/* line 84, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__wrapper > .formGroup > .formRadio__radio {
  margin: 0 10px;
}

/* line 89, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents__wrapper > .textArea {
  width: 600px;
  height: 172px;
  border: 1px solid #D4D4D4;
  border-radius: 3px;
  margin-top: 10px;
  resize: none;
}

@media screen and (max-width: 767px) {
  /* line 89, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents__wrapper > .textArea {
    width: 100%;
  }
}

/* line 104, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents > .wrapper:first-child {
  width: 600px;
}

@media screen and (max-width: 767px) {
  /* line 104, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents > .wrapper:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  /* line 113, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents > .wrapper:last-child {
    padding-top: 20px;
    border-top: 1px solid #D4D4D4;
  }
}

/* line 119, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
.feedBackContents > .wrapper:last-child .attendanceForCompanion {
  width: 344px;
}

@media screen and (max-width: 767px) {
  /* line 119, app/assets/stylesheets/users/../common/components/organisms/_FeedBackContents.scss */
  .feedBackContents > .wrapper:last-child .attendanceForCompanion {
    width: 100%;
  }
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/../common/components/organisms/_FormDetailItem.scss */
.formDetailItem {
  width: 630px;
}

@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/../common/components/organisms/_FormDetailItem.scss */
  .formDetailItem {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  /* line 10, app/assets/stylesheets/users/../common/components/organisms/_FormDetailItem.scss */
  .formDetailItem.edit {
    position: relative;
  }
}

/* line 16, app/assets/stylesheets/users/../common/components/organisms/_FormDetailItem.scss */
.formDetailItem .basicDetailImage {
  margin-bottom: 32px;
}

/* line 20, app/assets/stylesheets/users/../common/components/organisms/_FormDetailItem.scss */
.formDetailItem .basicHead + .formDetailItem__text {
  margin-bottom: 26px;
}

@media screen and (max-width: 767px) {
  /* line 20, app/assets/stylesheets/users/../common/components/organisms/_FormDetailItem.scss */
  .formDetailItem .basicHead + .formDetailItem__text {
    margin-bottom: 20px;
  }
}

/* line 28, app/assets/stylesheets/users/../common/components/organisms/_FormDetailItem.scss */
.formDetailItem__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

/* line 35, app/assets/stylesheets/users/../common/components/organisms/_FormDetailItem.scss */
.formDetailItem > .inputForm {
  margin-top: 26px;
}

/* line 39, app/assets/stylesheets/users/../common/components/organisms/_FormDetailItem.scss */
.formDetailItem__image {
  width: 115px;
  height: 115px;
  margin: 0 0 40px 12px;
}

/* line 1, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
.header {
  height: 60px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E8E0DC;
  padding: 0 30px;
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
  .header {
    height: 50px;
    padding: 0 16px;
  }
}

/* line 13, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
.header > .wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 19, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
.header > .wrapper .profileIcon {
  width: 40px;
  height: 40px;
}

/* line 23, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
.header > .wrapper .profileIcon img {
  width: 40px;
  height: 40px;
}

/* line 29, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
.header > .wrapper .profileModal {
  z-index: 4;
}

/* line 33, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
.header > .wrapper > .right {
  display: flex;
  align-items: center;
  position: relative;
}

/* line 38, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
.header > .wrapper > .right .hamburger {
  margin-left: 20px;
}

@media screen and (min-width: 768px) {
  /* line 38, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
  .header > .wrapper > .right .hamburger {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  /* line 48, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
  .header__logo {
    width: 143px;
  }
}

/* line 53, app/assets/stylesheets/users/../common/components/organisms/_Header.scss */
.header__logo a {
  display: block;
}

/* line 2, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup + .generalButton {
  height: 50px;
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  /* line 2, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup + .generalButton {
    width: 180px;
    margin: 42px 0 0 450px;
  }
}

@media screen and (max-width: 767px) {
  /* line 2, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup + .generalButton {
    width: 100%;
    font-size: 16px;
    margin: 30px auto 0;
  }
}

@media screen and (max-width: 767px) {
  /* line 17, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup + .generalButton.gray {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  /* line 17, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup + .generalButton.gray {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  /* line 28, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box {
    width: 630px;
  }
}

/* line 33, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box:not(.preview):not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  /* line 33, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box:not(.preview):not(:last-child) {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 767px) {
  /* line 48, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.basicInfo > .wrapper, .infoFormItemGroup__box.educational > .wrapper, .infoFormItemGroup__box.employment > .wrapper, .infoFormItemGroup__box.multipleWork > .wrapper, .infoFormItemGroup__box.selfIntroduce > .wrapper, .infoFormItemGroup__box.personalInfo > .wrapper, .infoFormItemGroup__box.account > .wrapper {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  /* line 53, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.basicInfo > .wrapper .infoFormItem__title, .infoFormItemGroup__box.educational > .wrapper .infoFormItem__title, .infoFormItemGroup__box.employment > .wrapper .infoFormItem__title, .infoFormItemGroup__box.multipleWork > .wrapper .infoFormItem__title, .infoFormItemGroup__box.selfIntroduce > .wrapper .infoFormItem__title, .infoFormItemGroup__box.personalInfo > .wrapper .infoFormItem__title, .infoFormItemGroup__box.account > .wrapper .infoFormItem__title {
    width: -moz-fit-content;
    width: fit-content;
  }
}

/* line 64, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.basicInfo:first-of-type .infoFormItem__title {
  margin: 0 94px 0 12px;
}

@media screen and (min-width: 768px) {
  /* line 64, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.basicInfo:first-of-type .infoFormItem__title {
    margin-right: 94px;
  }
}

/* line 73, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.basicInfo:nth-of-type(2) .infoFormItem__title {
  margin: 0 66px 0 12px;
}

@media screen and (min-width: 768px) {
  /* line 73, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.basicInfo:nth-of-type(2) .infoFormItem__title {
    margin-right: 66px;
  }
}

/* line 82, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.basicInfo:nth-of-type(3) .infoFormItem__title {
  margin: 0 66px 0 12px;
}

@media screen and (min-width: 768px) {
  /* line 82, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.basicInfo:nth-of-type(3) .infoFormItem__title {
    margin-right: 66px;
  }
}

/* line 91, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.basicInfo:nth-of-type(4) .infoFormItem__title {
  margin: 0 94px 0 12px;
}

@media screen and (min-width: 768px) {
  /* line 91, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.basicInfo:nth-of-type(4) .infoFormItem__title {
    margin-right: 94px;
  }
}

/* line 100, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.basicInfo:nth-of-type(5) .infoFormItem__title {
  margin: 0 94px 0 12px;
}

@media screen and (min-width: 768px) {
  /* line 100, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.basicInfo:nth-of-type(5) .infoFormItem__title {
    margin-right: 94px;
  }
}

/* line 109, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.basicInfo:nth-of-type(6) .infoFormItem__title {
  margin: 0 86px 0 12px;
}

@media screen and (min-width: 768px) {
  /* line 109, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.basicInfo:nth-of-type(6) .infoFormItem__title {
    margin-right: 86px;
  }
}

/* line 118, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.basicInfo:last-of-type .infoFormItem__title {
  margin: 0 66px 0 12px;
}

@media screen and (min-width: 768px) {
  /* line 118, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.basicInfo:last-of-type .infoFormItem__title {
    margin-right: 66px;
  }
}

@media screen and (min-width: 768px) {
  /* line 131, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:first-of-type .item:first-of-type {
    margin-left: 58px;
  }
}

@media screen and (min-width: 768px) {
  /* line 136, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:first-of-type .item:first-of-type .infoFormItem__item {
    margin-left: 22px;
  }
}

@media screen and (min-width: 768px) {
  /* line 143, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:first-of-type .item:last-child {
    margin-left: 20px;
  }
}

@media screen and (min-width: 768px) {
  /* line 148, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:first-of-type .item:last-child .infoFormItem__item {
    margin-left: 16px;
  }
}

@media screen and (min-width: 768px) {
  /* line 158, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:nth-of-type(2) .item:first-of-type {
    margin-left: 30px;
  }
}

@media screen and (min-width: 768px) {
  /* line 163, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:nth-of-type(2) .item:first-of-type .infoFormItem__item {
    margin-left: 8px;
  }
}

@media screen and (min-width: 768px) {
  /* line 170, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:nth-of-type(2) .item:last-child {
    margin-left: 17px;
  }
}

@media screen and (min-width: 768px) {
  /* line 175, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:nth-of-type(2) .item:last-child .infoFormItem__item {
    margin-left: 5px;
  }
}

@media screen and (min-width: 768px) {
  /* line 184, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:nth-of-type(3) .item {
    margin-left: 71px;
  }
}

/* line 191, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editBasicInfo:nth-of-type(4) .item {
  display: flex;
}

@media screen and (min-width: 768px) {
  /* line 191, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:nth-of-type(4) .item {
    margin-left: 71px;
  }
}

/* line 197, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editBasicInfo:nth-of-type(4) .item > *:first-child {
  max-width: 200px;
}

/* line 200, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editBasicInfo:nth-of-type(4) .item > *:last-child {
  width: 115px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
}

@media screen and (min-width: 768px) {
  /* line 212, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:nth-of-type(5) .item {
    margin-left: 97px;
  }
}

@media screen and (min-width: 768px) {
  /* line 219, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:nth-of-type(6) .formGroup {
    margin-left: 86px;
  }
}

@media screen and (min-width: 768px) {
  /* line 226, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editBasicInfo:last-of-type .formSelect {
    margin-left: 66px;
  }
}

/* line 231, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editBasicInfo:last-of-type .formSelect .formSelect__item:not(:first-child) {
  margin-left: 10px;
}

/* line 240, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.educational:first-of-type .infoFormItem__title, .infoFormItemGroup__box.educational:last-of-type .infoFormItem__title {
  margin: 0 39px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 240, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.educational:first-of-type .infoFormItem__title, .infoFormItemGroup__box.educational:last-of-type .infoFormItem__title {
    margin-right: 52px;
  }
}

/* line 250, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.educational:nth-of-type(2) .infoFormItem__title, .infoFormItemGroup__box.educational:nth-of-type(3) .infoFormItem__title {
  margin: 0 53px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 250, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.educational:nth-of-type(2) .infoFormItem__title, .infoFormItemGroup__box.educational:nth-of-type(3) .infoFormItem__title {
    margin-right: 66px;
  }
}

@media screen and (min-width: 768px) {
  /* line 263, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEducational:first-of-type .infoFormItem__title {
    width: 130px;
    margin-right: 80px;
  }
}

@media screen and (min-width: 768px) {
  /* line 271, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEducational:nth-of-type(2) .infoFormItem__title, .infoFormItemGroup__box.editEducational:nth-of-type(3) .infoFormItem__title {
    margin-right: 100px;
  }
}

@media screen and (min-width: 768px) {
  /* line 279, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEducational:last-of-type .infoFormItem__title {
    margin-right: 80px;
  }
}

/* line 289, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:first-of-type .infoFormItem__title {
  margin: 0 30px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 289, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:first-of-type .infoFormItem__title {
    margin-right: 35px;
  }
}

/* line 298, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:nth-of-type(2) .infoFormItem__title {
  margin: 0 44px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 298, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:nth-of-type(2) .infoFormItem__title {
    margin-right: 50px;
  }
}

/* line 307, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:nth-of-type(3) .infoFormItem__title {
  margin: 0 58px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 307, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:nth-of-type(3) .infoFormItem__title {
    margin-right: 63px;
  }
}

/* line 316, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:nth-of-type(4) .infoFormItem__title {
  margin: 0 58px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 316, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:nth-of-type(4) .infoFormItem__title {
    margin-right: 63px;
  }
}

/* line 325, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:nth-of-type(5) .infoFormItem__title {
  margin: 0 100px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 325, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:nth-of-type(5) .infoFormItem__title {
    margin-right: 104px;
  }
}

/* line 334, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:nth-of-type(6) .infoFormItem__title {
  margin: 0 100px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 334, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:nth-of-type(6) .infoFormItem__title {
    margin-right: 104px;
  }
}

/* line 343, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:nth-of-type(7) .infoFormItem__title {
  margin: 0 42px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 343, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:nth-of-type(7) .infoFormItem__title {
    margin-right: 46px;
  }
}

/* line 352, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:nth-of-type(8) .infoFormItem__title {
  margin: 0 42px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 352, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:nth-of-type(8) .infoFormItem__title {
    margin-right: 46px;
  }
}

/* line 361, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:nth-of-type(9) .infoFormItem__title {
  margin: 0 42px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 361, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:nth-of-type(9) .infoFormItem__title {
    margin-right: 46px;
  }
}

/* line 370, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment:nth-of-type(10) .infoFormItem__title {
  margin: 0 42px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 370, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment:nth-of-type(10) .infoFormItem__title {
    margin-right: 46px;
  }
}

/* line 378, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment.border {
  padding-top: 30px;
  border-top: 1px solid #D4D4D4;
}

/* line 383, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment.border .wrapper:not(:last-of-type) {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  /* line 383, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment.border .wrapper:not(:last-of-type) {
    margin-bottom: 25px;
  }
}

/* line 392, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment.border .wrapper:first-of-type .infoFormItem__title {
  margin: 0 42px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 392, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment.border .wrapper:first-of-type .infoFormItem__title {
    margin-right: 46px;
  }
}

/* line 401, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment.border .wrapper:nth-of-type(2) .infoFormItem__title {
  margin: 0 15px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 401, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment.border .wrapper:nth-of-type(2) .infoFormItem__title {
    margin-right: 25px;
  }
}

/* line 410, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment.border .wrapper:nth-of-type(3) .infoFormItem__title {
  margin: 0 42px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 410, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment.border .wrapper:nth-of-type(3) .infoFormItem__title {
    margin-right: 46px;
  }
}

/* line 419, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.employment.border .wrapper:last-of-type .infoFormItem__title {
  margin: 0 42px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 419, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.employment.border .wrapper:last-of-type .infoFormItem__title {
    margin-right: 46px;
  }
}

@media screen and (min-width: 768px) {
  /* line 433, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:first-of-type .infoFormItem__title {
    margin-right: 71px;
  }
}

@media screen and (min-width: 768px) {
  /* line 440, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(2) .infoFormItem__title {
    margin-right: 43px;
  }
}

@media screen and (min-width: 768px) {
  /* line 447, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(3) .infoFormItem__title {
    margin-right: 57px;
  }
}

@media screen and (min-width: 768px) {
  /* line 454, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(4) .infoFormItem__title {
    margin-right: 57px;
  }
}

@media screen and (min-width: 768px) {
  /* line 461, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(5) .infoFormItem__title {
    margin-right: 100px;
  }
}

@media screen and (min-width: 768px) {
  /* line 469, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(6) .infoFormItem__title {
    margin-right: 100px;
  }
}

/* line 475, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editEmployment:nth-of-type(6) .formBorderTextBox__text {
  margin-left: 6px;
}

@media screen and (min-width: 768px) {
  /* line 475, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(6) .formBorderTextBox__text {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  /* line 486, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(7) .infoFormItem__title {
    margin-right: 30px;
  }
}

/* line 492, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editEmployment:nth-of-type(7) .formBorderTextBox__text {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  /* line 492, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(7) .formBorderTextBox__text {
    display: inline-block;
  }
}

/* line 500, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editEmployment:nth-of-type(7) .formBorderTextBox__text + .formBorderTextBox__text {
  margin-left: 20px;
}

/* line 504, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editEmployment:nth-of-type(7) .formBorderTextBox__text .formBorderTextBox__item {
  margin: 0 6px;
}

@media screen and (min-width: 768px) {
  /* line 511, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(8) .infoFormItem__title {
    margin-right: 38px;
  }
}

@media screen and (min-width: 768px) {
  /* line 519, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(9) .infoFormItem__title {
    margin-right: 38px;
  }
}

/* line 525, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editEmployment:nth-of-type(9) .formSelect__item + .formSelect__item {
  margin-left: 16px;
}

@media screen and (min-width: 768px) {
  /* line 532, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editEmployment:nth-of-type(10) .infoFormItem__title {
    margin-right: 38px;
  }
}

/* line 538, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editEmployment:nth-of-type(10) .formSelect__item + .formSelect__item {
  margin-left: 16px;
}

@media screen and (min-width: 768px) {
  /* line 545, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.pastEmployment {
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  /* line 552, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.pastEmployment:first-of-type .infoFormItem__title {
    margin-right: 41px;
  }
}

@media screen and (min-width: 768px) {
  /* line 559, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.pastEmployment:nth-of-type(2) .infoFormItem__title {
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px) {
  /* line 566, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.pastEmployment:nth-of-type(3) .infoFormItem__title {
    margin-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  /* line 573, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.pastEmployment:last-of-type .infoFormItem__title {
    margin-right: 40px;
  }
}

/* line 583, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.multipleWork:first-of-type .infoFormItem__title {
  margin: 0 40px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 583, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWork:first-of-type .infoFormItem__title {
    margin-right: 59px;
  }
}

/* line 592, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.multipleWork:nth-of-type(2) .infoFormItem__title {
  margin: 0 54px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 592, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWork:nth-of-type(2) .infoFormItem__title {
    margin-right: 74px;
  }
}

/* line 601, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.multipleWork:nth-of-type(3) .infoFormItem__title {
  margin: 0 68px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 601, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWork:nth-of-type(3) .infoFormItem__title {
    margin-right: 88px;
  }
}

/* line 610, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.multipleWork:nth-of-type(4) .infoFormItem__title {
  margin: 0 68px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 610, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWork:nth-of-type(4) .infoFormItem__title {
    margin-right: 88px;
  }
}

/* line 619, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.multipleWork:nth-of-type(5) .infoFormItem__title {
  margin: 0 40px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 619, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWork:nth-of-type(5) .infoFormItem__title {
    margin-right: 59px;
  }
}

/* line 628, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.multipleWork:nth-of-type(6) .infoFormItem__title {
  margin: 0 11px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 628, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWork:nth-of-type(6) .infoFormItem__title {
    margin-right: 31px;
  }
}

/* line 637, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.multipleWork:nth-of-type(7) .infoFormItem__title {
  margin: 0 11px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 637, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWork:nth-of-type(7) .infoFormItem__title {
    margin-right: 31px;
  }
}

/* line 646, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.multipleWork:last-of-type .infoFormItem__title {
  margin: 0 40px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 646, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWork:last-of-type .infoFormItem__title {
    margin-right: 60px;
  }
}

@media screen and (min-width: 768px) {
  /* line 656, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editMultipleWork:first-of-type .infoFormItem__title {
    margin-right: 71px;
  }
}

@media screen and (min-width: 768px) {
  /* line 663, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  /* line 670, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal:first-of-type .infoFormItem__title {
    margin-right: 75px;
  }
}

@media screen and (min-width: 768px) {
  /* line 676, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal:first-of-type .infoFormItem__item {
    width: 440px;
  }
}

@media screen and (min-width: 768px) {
  /* line 685, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal:nth-of-type(2) .infoFormItem__title {
    margin-right: 91px;
  }
}

@media screen and (max-width: 767px) {
  /* line 691, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal:nth-of-type(2) .formSelect__item {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  /* line 699, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal:nth-of-type(3) .infoFormItem__title {
    margin-right: 91px;
  }
}

@media screen and (min-width: 768px) {
  /* line 706, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal:nth-of-type(4) .infoFormItem__title {
    margin-right: 63px;
  }
}

@media screen and (min-width: 768px) {
  /* line 713, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal:nth-of-type(5) .infoFormItem__title {
    margin-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  /* line 720, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal:nth-of-type(6) .infoFormItem__title {
    margin-right: 41px;
  }
}

@media screen and (min-width: 768px) {
  /* line 727, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.multipleWorkModal:nth-of-type(7) .infoFormItem__title {
    width: 73px;
    margin-right: 66px;
  }
}

/* line 739, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:first-of-type .infoFormItem__title {
  margin: 0 106px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 739, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:first-of-type .infoFormItem__title {
    margin-right: 106px;
  }
}

@media screen and (min-width: 768px) {
  /* line 747, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:first-of-type .infoFormItem__text {
    max-width: 450px;
    text-align: left;
    word-break: break-word;
    margin: 0;
  }
}

/* line 758, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:nth-of-type(2) .infoFormItem__title {
  margin: 0 97px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 758, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:nth-of-type(2) .infoFormItem__title {
    margin-right: 97px;
  }
}

/* line 767, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:nth-of-type(3) .infoFormItem__title {
  margin: 0 69px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 767, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:nth-of-type(3) .infoFormItem__title {
    margin-right: 69px;
  }
}

/* line 776, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:nth-of-type(4) .infoFormItem__title {
  margin: 0 69px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 776, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:nth-of-type(4) .infoFormItem__title {
    margin-right: 69px;
  }
}

/* line 785, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:nth-of-type(5) .infoFormItem__title {
  margin: 0 37px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 785, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:nth-of-type(5) .infoFormItem__title {
    margin-right: 37px;
  }
}

/* line 794, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:nth-of-type(6) .infoFormItem__title {
  margin: 0 50px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 794, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:nth-of-type(6) .infoFormItem__title {
    margin-right: 50px;
  }
}

/* line 803, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:nth-of-type(7) .infoFormItem__title {
  margin: 0 92px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 803, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:nth-of-type(7) .infoFormItem__title {
    margin-right: 92px;
  }
}

/* line 812, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:nth-of-type(8) .infoFormItem__title {
  margin: 0 49px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 812, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:nth-of-type(8) .infoFormItem__title {
    margin-right: 49px;
  }
}

/* line 821, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:nth-of-type(9) .infoFormItem__title {
  margin: 0 22px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 821, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:nth-of-type(9) .infoFormItem__title {
    margin-right: 22px;
  }
}

/* line 830, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.selfIntroduce:last-of-type .infoFormItem__title {
  margin: 0 50px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 830, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.selfIntroduce:last-of-type .infoFormItem__title {
    margin-right: 50px;
  }
}

/* line 843, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editSelfIntroduce:first-of-type .wrapper {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  /* line 843, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:first-of-type .wrapper {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  /* line 852, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:first-of-type .infoFormItem__title {
    margin-right: 75px;
  }
}

@media screen and (min-width: 768px) {
  /* line 860, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(2) .infoFormItem__title {
    margin-right: 68px;
  }
}

@media screen and (min-width: 768px) {
  /* line 867, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(3) .infoFormItem__title {
    margin-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  /* line 874, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(4) .infoFormItem__title {
    margin-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  /* line 881, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(5) .infoFormItem__title {
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  /* line 888, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(6) .infoFormItem__title {
    width: 170px;
    margin-right: 14px;
  }
}

@media screen and (min-width: 768px) {
  /* line 896, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(7) .infoFormItem__title {
    width: 98px;
    margin-right: 65px;
  }
}

@media screen and (min-width: 768px) {
  /* line 904, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(8) .infoFormItem__title {
    margin-right: 30px;
  }
}

@media screen and (min-width: 768px) {
  /* line 911, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(9) .infoFormItem__title {
    width: 80px;
    margin-right: 48px;
  }
}

@media screen and (min-width: 768px) {
  /* line 919, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(10) .infoFormItem__title {
    width: 104px;
    margin-right: 21px;
  }
}

@media screen and (min-width: 768px) {
  /* line 927, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(11) .infoFormItem__title {
    width: 104px;
    margin-right: 21px;
  }
}

@media screen and (min-width: 768px) {
  /* line 935, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(12) .infoFormItem__title {
    width: 104px;
    margin-right: 21px;
  }
}

@media screen and (min-width: 768px) {
  /* line 943, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(13) .infoFormItem__title {
    width: 104px;
    margin-right: 21px;
  }
}

@media screen and (min-width: 768px) {
  /* line 951, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editSelfIntroduce:nth-of-type(14) .infoFormItem__title {
    width: 104px;
    margin-right: 21px;
  }
}

/* line 963, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.personalInfo:first-of-type .infoFormItem__title {
  margin: 0 31px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 963, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.personalInfo:first-of-type .infoFormItem__title {
    margin-right: 31px;
  }
}

/* line 972, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.personalInfo:last-of-type .infoFormItem__title {
  margin: 0 59px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 972, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.personalInfo:last-of-type .infoFormItem__title {
    margin-right: 59px;
  }
}

/* line 984, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editPersonalInfo:first-of-type .infoFormItem__title {
  margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
  /* line 984, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editPersonalInfo:first-of-type .infoFormItem__title {
    width: 117px;
    margin-right: 68px;
  }
}

/* line 994, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editPersonalInfo:nth-of-type(2) .infoFormItem__title {
  margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
  /* line 994, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editPersonalInfo:nth-of-type(2) .infoFormItem__title {
    width: 86px;
    margin-right: 96px;
  }
}

/* line 1007, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.account:first-of-type .infoFormItem__title {
  margin: 0 73px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 1007, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.account:first-of-type .infoFormItem__title {
    margin-right: 73px;
  }
}

/* line 1016, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.account:nth-of-type(2) .infoFormItem__title {
  margin: 0 87px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 1016, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.account:nth-of-type(2) .infoFormItem__title {
    margin-right: 87px;
  }
}

/* line 1025, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.account:nth-of-type(3) .infoFormItem__title {
  margin: 0 73px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 1025, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.account:nth-of-type(3) .infoFormItem__title {
    margin-right: 73px;
  }
}

/* line 1034, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.account:nth-of-type(4) .infoFormItem__title {
  margin: 0 73px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 1034, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.account:nth-of-type(4) .infoFormItem__title {
    margin-right: 73px;
  }
}

/* line 1043, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.account:last-of-type .infoFormItem__title {
  margin: 0 73px 0 0;
}

@media screen and (min-width: 768px) {
  /* line 1043, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.account:last-of-type .infoFormItem__title {
    margin-right: 73px;
  }
}

/* line 1055, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editAccount:first-of-type .infoFormItem__title {
  margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
  /* line 1055, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editAccount:first-of-type .infoFormItem__title {
    width: 70px;
    margin-right: 112px;
  }
}

/* line 1065, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editAccount:nth-of-type(2) .infoFormItem__title {
  margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
  /* line 1065, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editAccount:nth-of-type(2) .infoFormItem__title {
    width: 55px;
    margin-right: 126px;
  }
}

/* line 1075, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editAccount:nth-of-type(3) .infoFormItem__title {
  margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
  /* line 1075, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editAccount:nth-of-type(3) .infoFormItem__title {
    width: 70px;
    margin-right: 110px;
  }
}

/* line 1085, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editAccount:nth-of-type(4) .infoFormItem__title {
  margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
  /* line 1085, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editAccount:nth-of-type(4) .infoFormItem__title {
    width: 70px;
    margin-right: 112px;
  }
}

/* line 1095, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
.infoFormItemGroup__box.editAccount:last-of-type .infoFormItem__title {
  margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
  /* line 1095, app/assets/stylesheets/users/../common/components/organisms/_InfoFormItemGroup.scss */
  .infoFormItemGroup__box.editAccount:last-of-type .infoFormItem__title {
    width: 70px;
    margin-right: 112px;
  }
}

@use '../../base/Variable' as *;
@media screen and (max-width: 767px) {
  /* line 4, app/assets/stylesheets/users/../common/components/organisms/_OpenItem.scss */
  .openItem__wrapper {
    width: 100%;
    padding: 40px 16px 0;
  }
}

@media screen and (min-width: 768px) {
  /* line 4, app/assets/stylesheets/users/../common/components/organisms/_OpenItem.scss */
  .openItem__wrapper {
    margin: 0 auto 0 30px;
    padding: 40px 0 100px;
  }
}

/* line 16, app/assets/stylesheets/users/../common/components/organisms/_OpenItem.scss */
.openItem .overlay {
  height: calc(100vh - 50px);
  overflow: hidden;
}

/* line 20, app/assets/stylesheets/users/../common/components/organisms/_OpenItem.scss */
.openItem .overlay__background {
  width: 100%;
  height: 100%;
  z-index: 3;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
  /* line 29, app/assets/stylesheets/users/../common/components/organisms/_OpenItem.scss */
  .openItem .sideMenu {
    width: 260px;
    position: fixed;
    z-index: 4;
    top: 50px;
    right: 0;
  }
}

@media screen and (min-width: 768px) {
  /* line 29, app/assets/stylesheets/users/../common/components/organisms/_OpenItem.scss */
  .openItem .sideMenu {
    min-width: 241px;
  }
}

/* line 1, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent {
  background-color: #FFF;
  padding: 24px 26px;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent {
    position: relative;
  }
}

/* line 11, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent > .wrapper {
  display: flex;
}

@media screen and (max-width: 767px) {
  /* line 11, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent > .wrapper {
    flex-direction: column;
  }
  /* line 15, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent > .wrapper > :first-child {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  /* line 11, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent > .wrapper {
    flex-direction: row;
    align-items: center;
  }
}

/* line 24, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent > .wrapper:not(:last-child) {
  margin-bottom: 25px;
}

/* line 29, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: bold;
  word-break: keep-all;
}

@media screen and (min-width: 768px) {
  /* line 29, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent__title {
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px) {
  /* line 40, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent__title.left {
    margin-left: 34px;
  }
}

@media screen and (min-width: 768px) {
  /* line 46, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent__title.skill {
    word-break: keep-all;
  }
}

/* line 53, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent .flexRowWrapper {
  display: flex;
  margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
  /* line 56, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent .flexRowWrapper > :first-child {
    margin-right: 30px;
  }
}

/* line 63, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent .formGroup {
  align-items: center;
}

/* line 67, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent .borderBottomFiled {
  border-bottom: 1px solid #A6826C;
}

@media screen and (min-width: 768px) {
  /* line 72, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent .selectField__industry {
    width: 300px;
  }
}

/* line 80, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent .numberField__unitPrice {
  width: 80px;
}

@media screen and (min-width: 768px) {
  /* line 80, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent .numberField__unitPrice {
    width: 120px;
  }
}

/* line 86, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent .numberField__workingHourPerMonth {
  width: 80px;
}

@media screen and (min-width: 768px) {
  /* line 86, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent .numberField__workingHourPerMonth {
    width: 120px;
  }
}

/* line 93, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent .numberField__contractPeriod {
  width: 80px;
}

@media screen and (min-width: 768px) {
  /* line 93, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent .numberField__contractPeriod {
    width: 60px;
  }
}

/* line 101, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent .generalButton {
  width: 220px;
  height: 40px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  /* line 101, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent .generalButton {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  /* line 101, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent .generalButton {
    position: absolute;
    right: 24px;
    bottom: 24px;
  }
}

/* line 116, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent .generalButton:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  /* line 121, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent .spDisplayNone {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  /* line 127, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
  .searchBoxContent .tabDisplayNone {
    display: none;
  }
}

/* line 134, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent details {
  position: relative;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 25px;
}

/* line 138, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent details > :last-child {
  padding-bottom: 15px;
}

/* line 142, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent details summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  margin-bottom: 10px;
}

/* line 148, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent details summary::-webkit-details-marker {
  display: none;
}

/* line 151, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent details summary::after {
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 1.5px #979797;
  border-right: solid 1.5px #979797;
  transform: rotate(135deg);
  position: absolute;
  right: 0;
  top: 2px;
}

/* line 163, app/assets/stylesheets/users/../common/components/organisms/_SearchBoxContent.scss */
.searchBoxContent details[open] summary::after {
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 1.5px #979797;
  border-right: solid 1.5px #979797;
  transform: rotate(-45deg);
  position: absolute;
  right: 0;
  top: 6px;
}

@use '../../base/Variable' as *;
@media screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
  .signBox {
    border: 1px solid #D4D4D4;
    border-radius: 5px;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  /* line 10, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
  .signBox.signUp {
    width: 539px;
  }
}

@media screen and (min-width: 768px) {
  /* line 16, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
  .signBox.pass {
    width: 539px;
    height: 397px;
  }
}

/* line 23, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__wrapper {
  width: 100%;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  /* line 23, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
  .signBox__wrapper {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    padding: 70px 0;
  }
}

/* line 34, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__wrapper .sns {
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 30px;
  padding-bottom: 34px;
  position: relative;
}

/* line 40, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__wrapper .sns:after {
  content: 'OR';
  width: 48px;
  height: 20px;
  color: #979797;
  font-family: Avenir, serif;
  font-size: 14px;
  text-align: center;
  background: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  top: 149px;
  margin: auto;
}

/* line 56, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__wrapper .sns .generalButton:last-child {
  margin-top: 20px;
}

/* line 62, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox .generalButton {
  width: 340px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  /* line 62, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
  .signBox .generalButton {
    width: 100%;
  }
}

/* line 76, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox .generalButton + .agreementCheckBox {
  margin-bottom: 26px;
}

/* line 81, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox .loginFormItem {
  margin-bottom: 10px;
}

/* line 84, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox .loginFormItem + .agreementCheckBox {
  margin-top: 20px;
}

/* line 87, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox .loginFormItem + .agreementCheckBox + .generalButton {
  margin-top: 20px;
}

/* line 93, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox .errorExplanation__message {
  text-align: center;
}

/* line 97, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox .agreementCheckBox {
  display: block;
}

@media screen and (max-width: 767px) {
  /* line 97, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
  .signBox .agreementCheckBox {
    line-height: 1.5;
    text-indent: -17px;
    text-align: center;
    margin-left: 18px;
  }
}

@media screen and (min-width: 768px) {
  /* line 97, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
  .signBox .agreementCheckBox {
    text-align: center;
  }
}

/* line 111, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox .agreementCheckBox + .generalButton {
  margin-top: 20px;
}

/* line 116, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  line-height: 1.5;
  text-align: center;
}

/* line 122, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__text + .loginFormItem {
  margin-top: 20px;
}

/* line 125, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__text + .loginFormItem + .generalButton {
  margin: 30px auto;
}

/* line 130, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__text.small {
  font-size: 14px;
}

/* line 135, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__linkText {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 140, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__linkText > .text {
  color: #A6826C;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 12px;
  text-decoration: underline;
}

/* line 146, app/assets/stylesheets/users/../common/components/organisms/_SignBox.scss */
.signBox__linkText > .text:not(:first-child) {
  margin-left: 20px;
}

/* line 2, app/assets/stylesheets/users/../common/components/organisms/_SkillCheckArea.scss */
.skillCheckArea + .skillCheckArea {
  margin-top: 20px;
}

/* line 6, app/assets/stylesheets/users/../common/components/organisms/_SkillCheckArea.scss */
.skillCheckArea__title {
  color: #353547;
  font-size: 18px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  margin-bottom: 20px;
}

/* line 14, app/assets/stylesheets/users/../common/components/organisms/_SkillCheckArea.scss */
.skillCheckArea > .skillTableForm:not(:last-child) {
  margin-bottom: 1px;
}

/* line 1, app/assets/stylesheets/users/../common/components/organisms/_Modal.scss */
.modalContainer {
  display: none;
}

/* line 3, app/assets/stylesheets/users/../common/components/organisms/_Modal.scss */
.modalContainer .modalWrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 50px 15px;
}

/* line 14, app/assets/stylesheets/users/../common/components/organisms/_Modal.scss */
.modalContainer .modalWrapper .modal {
  width: 100%;
  height: 100%;
  z-index: 3;
  overflow-y: scroll;
}

/* line 23, app/assets/stylesheets/users/../common/components/organisms/_Modal.scss */
.modalActive {
  display: block;
}

/* kaminariのページネーションのcss */
/* line 3, app/assets/stylesheets/users/../common/components/organisms/_Pagenation.scss */
.pagenationWarrper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 9, app/assets/stylesheets/users/../common/components/organisms/_Pagenation.scss */
.pagination {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

/* line 13, app/assets/stylesheets/users/../common/components/organisms/_Pagenation.scss */
.pagination span {
  width: 46px;
  height: 46px;
  border: 1px solid #A6826C;
  border-radius: 3px;
  font-size: 18px;
}

/* line 19, app/assets/stylesheets/users/../common/components/organisms/_Pagenation.scss */
.pagination span:not(:last-child) {
  margin-right: 10px;
}

/* line 22, app/assets/stylesheets/users/../common/components/organisms/_Pagenation.scss */
.pagination span a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A6826C;
}

/* line 32, app/assets/stylesheets/users/../common/components/organisms/_Pagenation.scss */
.pagination span.gap {
  width: 0;
  display: flex;
  align-items: center;
  margin-right: 20px;
  border: none;
  position: relative;
  top: -5px;
  color: #A6826C;
}

@media screen and (min-width: 768px) {
  /* line 32, app/assets/stylesheets/users/../common/components/organisms/_Pagenation.scss */
  .pagination span.gap {
    margin: 0 28px 0 8px;
  }
}

/* line 46, app/assets/stylesheets/users/../common/components/organisms/_Pagenation.scss */
.pagination span.current {
  background-color: #A6826C;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 55, app/assets/stylesheets/users/../common/components/organisms/_Pagenation.scss */
.pageEntriesInfo {
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex {
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  /* line 6, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex.applied {
    height: calc(100vh - 60px);
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) {
  /* line 14, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex.scouts .applyModal .content {
    height: 164px;
  }
}

/* line 21, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
.appliedDetailIndex .applyModal {
  position: fixed;
  z-index: 555555;
  top: -40px;
}

@media screen and (min-width: 768px) {
  /* line 27, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex > .openItem__wrapper {
    padding-right: 0;
  }
}

/* line 33, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
.appliedDetailIndex .arrowButton {
  margin-bottom: 16px;
}

/* line 37, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
.appliedDetailIndex > .right {
  margin: 30px 0 0 50px;
}

@media screen and (max-width: 767px) {
  /* line 37, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex > .right {
    display: none;
    margin-top: 40px;
  }
}

/* line 45, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
.appliedDetailIndex > .right > .jobDetailRightBox {
  margin-bottom: 20px;
}

/* line 50, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
.appliedDetailIndex > .flexText {
  margin: 10px 0;
}

@media screen and (max-width: 767px) {
  /* line 54, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex .jobDetail {
    padding-bottom: 160px;
  }
}

/* line 60, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
.appliedDetailIndex__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  /* line 60, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex__bottom {
    width: 100%;
    padding: 15px 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px -2px 7px rgba(166, 130, 108, 0.23);
  }
}

@media screen and (min-width: 768px) {
  /* line 60, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex__bottom {
    margin-top: 30px;
  }
}

/* line 81, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
.appliedDetailIndex__bottom > .generalButton {
  width: 220px;
  height: 50px;
  line-height: 50px;
}

@media screen and (max-width: 767px) {
  /* line 81, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex__bottom > .generalButton {
    width: 49%;
  }
}

@media screen and (min-width: 768px) {
  /* line 90, app/assets/stylesheets/users/../common/components/template/_AppliedDetailIndex.scss */
  .appliedDetailIndex__bottom > .generalButton:first-child {
    display: block;
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
  .accountIndex {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
  .accountIndex {
    padding-bottom: 100px;
  }
}

/* line 10, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* line 18, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex__wrapper .formDetailItem {
  position: relative;
}

@media screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
  .accountIndex__wrapper .formDetailItem {
    width: 1100px;
  }
}

/* line 25, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex__wrapper .formDetailItem:not(:last-child) {
  margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
  /* line 25, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
  .accountIndex__wrapper .formDetailItem:not(:last-child) {
    margin-bottom: 110px;
  }
}

/* line 33, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex__wrapper .formDetailItem .basicHead {
  margin-bottom: 30px;
}

/* line 37, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex__wrapper .formDetailItem > .generalButton {
  width: 160px;
  height: 40px;
  line-height: 40px;
}

@media screen and (min-width: 768px) {
  /* line 37, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
  .accountIndex__wrapper .formDetailItem > .generalButton {
    position: absolute;
    right: 0;
  }
}

/* line 49, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex__wrapper .formDetailItem .infoFormItemGroup .infoFormItem__item {
  width: 502px;
}

@media screen and (max-width: 767px) {
  /* line 49, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
  .accountIndex__wrapper .formDetailItem .infoFormItemGroup .infoFormItem__item {
    width: 100%;
  }
}

/* line 57, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex__wrapper .formDetailItem .infoFormItemGroup > .generalButton {
  width: 180px;
  height: 50px;
  line-height: 50px;
  margin: 40px 0 0 450px;
  display: block;
}

@media screen and (max-width: 767px) {
  /* line 57, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
  .accountIndex__wrapper .formDetailItem .infoFormItemGroup > .generalButton {
    width: 100%;
    font-size: 16px;
    margin: 30px auto 0;
  }
}

/* line 74, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl {
  overflow: hidden;
}

/* line 78, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl.long dt {
  width: 160px;
}

/* line 82, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl.long dd input {
  width: 523px;
}

/* line 87, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dt {
  width: 140px;
  font-weight: bold;
  float: left;
  margin-right: 37px;
}

/* line 93, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dt:not(:last-of-type) {
  margin-bottom: 20px;
}

/* line 97, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dt:after {
  color: #A70F0F;
  content: '*';
}

/* line 104, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd:not(:last-of-type) {
  margin-bottom: 20px;
}

/* line 108, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd.image {
  width: 300px;
  height: 167px;
}

/* line 113, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd.postal {
  display: flex;
}

@media screen and (max-width: 767px) {
  /* line 113, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
  .accountIndex dl dd.postal {
    width: 100%;
  }
}

/* line 118, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd.postal input {
  width: 200px;
}

@media screen and (max-width: 767px) {
  /* line 118, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
  .accountIndex dl dd.postal input {
    width: 169px;
  }
}

/* line 124, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd.postal .generalButton {
  width: 115px;
  height: 45px;
  display: flex;
  justify-content: center;
  margin-left: 14px;
}

/* line 130, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd.postal .generalButton:before {
  content: '';
}

/* line 137, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd.short .lastName {
  margin-right: 14px;
}

/* line 141, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd.short .firstName {
  margin-left: 27px;
}

/* line 145, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd.short .firstNameKana {
  margin-left: 14px;
}

/* line 149, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl dd.short input {
  width: 220px;
}

/* line 155, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex dl + .skillCheckArea {
  margin-top: 20px;
}

/* line 160, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex .buttonGroup {
  margin: 52px 0 0 340px;
  display: flex;
  align-items: center;
}

/* line 165, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex .buttonGroup .generalButton {
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  display: block;
}

/* line 172, app/assets/stylesheets/users/../common/components/template/_AccountIndex.scss */
.accountIndex .buttonGroup .generalButton:first-child {
  margin-right: 20px;
}

@use '../../base/Variable' as *;
@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
  .attendanceIndex {
    padding: 0 0 110px;
  }
}

@media screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
  .attendanceIndex {
    display: flex;
  }
}

/* line 12, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex .openItem__wrapper {
  position: relative;
}

@media screen and (min-width: 768px) {
  /* line 12, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
  .attendanceIndex .openItem__wrapper {
    width: 1100px;
  }
}

/* line 19, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex .openItem__wrapper > .generalButton {
  width: 138px;
  height: 40px;
  line-height: 40px;
  display: block;
}

@media screen and (min-width: 768px) {
  /* line 19, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
  .attendanceIndex .openItem__wrapper > .generalButton {
    position: absolute;
    right: 0;
  }
}

/* line 32, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex__calendar {
  width: -moz-fit-content;
  width: fit-content;
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  display: flex;
}

@media screen and (max-width: 767px) {
  /* line 32, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
  .attendanceIndex__calendar {
    width: 100%;
    margin: 20px 0;
  }
}

@media screen and (min-width: 768px) {
  /* line 32, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
  .attendanceIndex__calendar {
    position: absolute;
    right: 0;
    margin-top: 18px;
  }
}

/* line 51, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex__calendar > .item:not(:last-child) {
  margin-right: 4px;
}

/* line 55, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex__calendar > .item > a {
  color: #353547;
  padding: 8px;
  border: 1px solid #A6826C;
  border-radius: 5px;
}

/* line 64, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
}

/* line 69, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex__title.mb-30 {
  margin-bottom: 30px;
}

/* line 74, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex__link {
  color: #A6826C;
  text-decoration: underline;
  margin-top: 20px;
  display: block;
  position: absolute;
  right: 16px;
}

/* line 83, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex .generalTab {
  margin-top: 62px;
}

@media screen and (max-width: 767px) {
  /* line 83, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
  .attendanceIndex .generalTab {
    width: 100%;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  /* line 92, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
  .attendanceIndex .attendanceContents {
    margin-top: 20px;
  }
}

/* line 98, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex .attendanceTable {
  margin-top: 60px;
}

/* line 102, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
.attendanceIndex .monthTab {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  /* line 102, app/assets/stylesheets/users/../common/components/template/_AttendanceIndex.scss */
  .attendanceIndex .monthTab {
    margin: 20px 0;
  }
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
  .completionIndex {
    height: calc(100vh - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  /* line 9, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
  .completionIndex.apply, .completionIndex.skill {
    height: 100%;
    justify-content: flex-start;
    position: relative;
  }
}

/* line 18, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
.completionIndex__container {
  width: 642px;
}

@media screen and (max-width: 767px) {
  /* line 18, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
  .completionIndex__container {
    width: 100%;
    padding: 30px 30px 0;
  }
}

/* line 26, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
.completionIndex__container.apply, .completionIndex__container.skill {
  height: calc(100vh - 50px);
  margin: auto;
}

@media screen and (min-width: 768px) {
  /* line 26, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
  .completionIndex__container.apply, .completionIndex__container.skill {
    width: 530px;
    height: calc(100vh - 60px);
  }
}

/* line 38, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
.completionIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

/* line 46, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
.completionIndex__title.password:after {
  content: '';
  width: 60px;
  height: 60px;
  background: url(/assets/users/icon/lock-fe99c6a2fd1a8ca7eaa8058ddbaf6a501721959a5b4820bee2ec19892e4b5126.svg) 50% 0 no-repeat;
  display: block;
  margin: 22px auto 0;
}

/* line 55, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
.completionIndex__title.apply:after {
  content: '';
  width: 70px;
  height: 44px;
  background: url(/assets/users/icon/airplane-03817f32e2b78ebb173dfd84a5a1d9424534957579f8b7221f7532cb3d425b21.svg) 50% 0 no-repeat;
  display: block;
  margin: 22px auto 0;
}

/* line 64, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
.completionIndex__title.skill:after {
  content: '';
  width: 72px;
  height: 72px;
  background: url(/assets/users/icon/skill-0570619710ad51e6b54766e405b80c1d44fcfdb50d2e386519f69d00adf51dad.svg) 50% 0 no-repeat;
  display: block;
  margin: 22px auto 0;
}

/* line 74, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
.completionIndex__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

/* line 81, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
.completionIndex__text .link {
  color: #A6826C;
  text-decoration: underline;
}

/* line 87, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
.completionIndex .generalButton {
  width: 220px;
  height: 50px;
  line-height: 50px;
  margin: 30px auto 0;
  display: block;
}

@media screen and (max-width: 767px) {
  /* line 87, app/assets/stylesheets/users/../common/components/template/_CompletionIndex.scss */
  .completionIndex .generalButton {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/users/../common/components/template/_ContactIndex.scss */
  .contactIndex {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/template/_ContactIndex.scss */
  .contactIndex {
    display: flex;
    justify-content: space-between;
  }
}

/* line 11, app/assets/stylesheets/users/../common/components/template/_ContactIndex.scss */
.contactIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/users/../common/components/template/_ContactIndex.scss */
  .contactIndex .openItem__wrapper {
    width: 1100px;
  }
}

/* line 24, app/assets/stylesheets/users/../common/components/template/_ContactIndex.scss */
.contactIndex__text {
  margin-bottom: 30px;
}

/* line 27, app/assets/stylesheets/users/../common/components/template/_ContactIndex.scss */
.contactIndex__text > .text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

/* line 33, app/assets/stylesheets/users/../common/components/template/_ContactIndex.scss */
.contactIndex__text > .text:not(:last-child) {
  margin-bottom: 10px;
}

/* line 37, app/assets/stylesheets/users/../common/components/template/_ContactIndex.scss */
.contactIndex__text > .text > .link {
  color: #A6826C;
  text-decoration: underline;
}

@use '../../base/Variable' as *;
@media screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/users/../common/components/template/_SignInIndex.scss */
  .signInIndex {
    height: calc(100vh - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* line 11, app/assets/stylesheets/users/../common/components/template/_SignInIndex.scss */
.signInIndex__container {
  width: 539px;
}

@media screen and (max-width: 767px) {
  /* line 11, app/assets/stylesheets/users/../common/components/template/_SignInIndex.scss */
  .signInIndex__container {
    width: 100%;
    padding: 30px 30px 0;
  }
}

/* line 20, app/assets/stylesheets/users/../common/components/template/_SignInIndex.scss */
.signInIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}

/* line 27, app/assets/stylesheets/users/../common/components/template/_SignInIndex.scss */
.signInIndex__title.password:after {
  content: '';
  width: 60px;
  height: 60px;
  background: url(/common/img/icon/lock.svg) 50% 0 no-repeat;
  display: block;
  margin: 22px auto 0;
}

/* line 37, app/assets/stylesheets/users/../common/components/template/_SignInIndex.scss */
.signInIndex__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

/* line 45, app/assets/stylesheets/users/../common/components/template/_SignInIndex.scss */
.signInIndex .generalButton {
  width: 340px;
  height: 50px;
  line-height: 50px;
  margin: 30px auto 20px;
  display: block;
}

@media screen and (max-width: 767px) {
  /* line 45, app/assets/stylesheets/users/../common/components/template/_SignInIndex.scss */
  .signInIndex .generalButton {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/users/../common/components/template/_UsageFlowIndex.scss */
  .usageFlowIndex {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/../common/components/template/_UsageFlowIndex.scss */
  .usageFlowIndex {
    display: flex;
    justify-content: space-between;
  }
}

/* line 11, app/assets/stylesheets/users/../common/components/template/_UsageFlowIndex.scss */
.usageFlowIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/users/../common/components/template/_UsageFlowIndex.scss */
  .usageFlowIndex .openItem__wrapper {
    width: 1100px;
  }
}

/* line 24, app/assets/stylesheets/users/../common/components/template/_UsageFlowIndex.scss */
.usageFlowIndex__image {
  margin-bottom: 40px;
}

@use '../../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
.attendanceWorkingTime {
  display: flex;
  align-items: center;
}

/* line 7, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
.attendanceWorkingTime.edit {
  width: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  /* line 7, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
  .attendanceWorkingTime.edit {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  /* line 15, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
  .attendanceWorkingTime.edit:not(:first-of-type) {
    padding-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  /* line 21, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
  .attendanceWorkingTime.edit:not(:last-of-type) {
    padding-bottom: 20px;
    border-bottom: 1px solid #D4D4D4;
  }
}

/* line 28, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
.attendanceWorkingTime.edit .left {
  display: flex;
}

/* line 32, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
.attendanceWorkingTime.edit .attendanceBlock__textarea {
  width: 539px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  /* line 32, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
  .attendanceWorkingTime.edit .attendanceBlock__textarea {
    width: 100%;
    height: 60px;
    margin-top: 12px;
  }
}

/* line 44, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
.attendanceWorkingTime__number {
  width: 50px;
  margin-right: 10px;
}

/* line 49, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
.attendanceWorkingTime__calendar {
  width: 136px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  /* line 49, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
  .attendanceWorkingTime__calendar {
    width: 100px;
    margin-right: 16px;
    font-size: 11px;
  }
}

/* line 60, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
.attendanceWorkingTime__number, .attendanceWorkingTime__calendar {
  border-bottom: 1px solid #887043;
}

/* line 65, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
.attendanceWorkingTime__text {
  color: #353547;
  font-size: 16px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

/* line 70, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceWorkingTime.scss */
.attendanceWorkingTime__text > .bold {
  font-weight: bold;
}

@use '../../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceTable.scss */
.attendanceTable {
  width: 100%;
  border-radius: 5px;
}

/* line 7, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceTable.scss */
.attendanceTable tbody {
  border: 1px solid #979797;
}

/* line 11, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceTable.scss */
.attendanceTable th,
.attendanceTable td {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  padding: 16px;
}

/* line 18, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceTable.scss */
.attendanceTable th a,
.attendanceTable td a {
  color: #353547;
  font-weight: bold;
}

/* line 24, app/assets/stylesheets/users/components/atoms/attendance/_AttendanceTable.scss */
.attendanceTable .generalButton {
  width: 180px;
  height: 40px;
  line-height: 40px;
  display: block;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/atoms/_AppliedTab.scss */
.appliedTab {
  display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/components/atoms/_AppliedTab.scss */
  .appliedTab {
    display: block;
  }
}

/* line 11, app/assets/stylesheets/users/components/atoms/_AppliedTab.scss */
.appliedTab__item {
  width: 360px;
  color: #A6826C;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 1px solid #E7E1DE;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  /* line 11, app/assets/stylesheets/users/components/atoms/_AppliedTab.scss */
  .appliedTab__item {
    width: 100%;
    height: 36px;
    line-height: 36px;
  }
}

@media screen and (max-width: 767px) {
  /* line 28, app/assets/stylesheets/users/components/atoms/_AppliedTab.scss */
  .appliedTab__item:nth-child(2) {
    margin: 20px 0;
  }
}

/* line 34, app/assets/stylesheets/users/components/atoms/_AppliedTab.scss */
.appliedTab__item:not(.active):hover {
  cursor: pointer;
}

/* line 38, app/assets/stylesheets/users/components/atoms/_AppliedTab.scss */
.appliedTab__item.active {
  position: relative;
  border-bottom: 1px solid #A6826C;
}

/* line 42, app/assets/stylesheets/users/components/atoms/_AppliedTab.scss */
.appliedTab__item.active:after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 200px;
  border-bottom: 3px solid #A6826C;
}

/* line 51, app/assets/stylesheets/users/components/atoms/_AppliedTab.scss */
.appliedTab__item > .number {
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  background: #A6826C;
  display: inline-block;
  border-radius: 50%;
  margin-left: 4px;
}

@use '../../variable' as *;
/* line 3, app/assets/stylesheets/users/components/atoms/_CategoryList.scss */
.categoryList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/components/atoms/_CategoryList.scss */
  .categoryList {
    overflow: hidden;
  }
}

/* line 12, app/assets/stylesheets/users/components/atoms/_CategoryList.scss */
.categoryList__item {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #FFF;
  font-family: Yu Gothic, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, メイリオ, "MS P Gothic", sans-serif;
  font-size: 14px;
  background: #A6826C;
  padding: 4px 14px;
  border-radius: 37px;
  word-break: keep-all;
}

@media screen and (max-width: 767px) {
  /* line 12, app/assets/stylesheets/users/components/atoms/_CategoryList.scss */
  .categoryList__item {
    font-size: 12px;
  }
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/atoms/_CircleIcon.scss */
.circleIcon {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  display: block;
}

/* line 9, app/assets/stylesheets/users/components/atoms/_CircleIcon.scss */
.circleIcon.business {
  background: #E7E1DE url(/assets/users/icon/business_bag-e0b1b1e7b86bb5a132519066cac4c6087ef83d481e53765a4b712397c77f1cc1.svg) 50% 50% no-repeat;
}

/* line 12, app/assets/stylesheets/users/components/atoms/_CircleIcon.scss */
.circleIcon.bell {
  background: #E7E1DE url(/assets/users/icon/bell-3ce25d8b94ea8645542a1440bfc8cb0a732434cf5561ea9ccccfc9f07426e0e3.svg) 50% 50% no-repeat;
}

@use '../../../base/Variable' as *;
/* line 4, app/assets/stylesheets/users/components/atoms/Form/_FormBorderTextBox.scss */
.formBorderTextBox__item {
  border-bottom: 1px solid #A6826C;
}

/* line 7, app/assets/stylesheets/users/components/atoms/Form/_FormBorderTextBox.scss */
.formBorderTextBox__item.small {
  width: 80px;
}

/* line 11, app/assets/stylesheets/users/components/atoms/Form/_FormBorderTextBox.scss */
.formBorderTextBox__item.middle {
  width: 100px;
}

/* line 16, app/assets/stylesheets/users/components/atoms/Form/_FormBorderTextBox.scss */
.formBorderTextBox__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
  font-weight: bold;
}

@use '../../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/atoms/Form/_FormSelect.scss */
.formSelect {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

/* line 11, app/assets/stylesheets/users/components/atoms/Form/_FormSelect.scss */
.formSelect__item {
  color: #353547;
  border-bottom: 1px solid #A6826C;
  margin-right: 10px;
}

/* line 16, app/assets/stylesheets/users/components/atoms/Form/_FormSelect.scss */
.formSelect__item.small {
  width: 80px;
}

/* line 20, app/assets/stylesheets/users/components/atoms/Form/_FormSelect.scss */
.formSelect__item.wide {
  width: 400px;
}

@media screen and (max-width: 767px) {
  /* line 20, app/assets/stylesheets/users/components/atoms/Form/_FormSelect.scss */
  .formSelect__item.wide {
    width: 100%;
  }
}

/* line 28, app/assets/stylesheets/users/components/atoms/Form/_FormSelect.scss */
.formSelect__item.middle {
  width: 100px;
}

@use '../../../base/Variable' as *;
/* line 4, app/assets/stylesheets/users/components/atoms/Sign/_AgreementCheckBox.scss */
.agreementCheckBox:hover {
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/users/components/atoms/Sign/_AgreementCheckBox.scss */
.agreementCheckBox__checkbox {
  width: 25px;
  height: 25px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  text-align: center;
  position: relative;
  cursor: pointer;
}

/* line 17, app/assets/stylesheets/users/components/atoms/Sign/_AgreementCheckBox.scss */
.agreementCheckBox__checkbox:before {
  content: '';
  width: 25px;
  height: 25px;
  display: block;
  background: #FFF;
  border: 1px solid #D4D4D4;
}

/* line 26, app/assets/stylesheets/users/components/atoms/Sign/_AgreementCheckBox.scss */
.agreementCheckBox__checkbox:after {
  content: '';
  display: block;
  width: 8px;
  height: 16px;
  position: absolute;
  left: 10px;
  top: 2px;
  border-right: 1px solid #353547;
  border-bottom: 1px solid #353547;
  transform: rotate(45deg);
  opacity: 0;
}

/* line 40, app/assets/stylesheets/users/components/atoms/Sign/_AgreementCheckBox.scss */
.agreementCheckBox__checkbox:checked:after {
  opacity: 1;
}

/* line 45, app/assets/stylesheets/users/components/atoms/Sign/_AgreementCheckBox.scss */
.agreementCheckBox__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 12px;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  /* line 45, app/assets/stylesheets/users/components/atoms/Sign/_AgreementCheckBox.scss */
  .agreementCheckBox__text {
    font-size: 14px;
  }
}

/* line 55, app/assets/stylesheets/users/components/atoms/Sign/_AgreementCheckBox.scss */
.agreementCheckBox__text > .bold {
  color: #353547;
  font-weight: bold;
  text-decoration: underline;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/atoms/_GeneralCircle.scss */
.generalCircle {
  width: -moz-fit-content;
  width: fit-content;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 37px;
  padding: 0 14px;
}

/* line 11, app/assets/stylesheets/users/components/atoms/_GeneralCircle.scss */
.generalCircle.brown {
  color: #FFF;
  background: #A6826C;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  display: flex;
  align-items: center;
}

/* line 10, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList:before {
  content: '';
  margin-right: 7px;
}

/* line 15, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList.schedule:before {
  width: 15px;
  height: 15px;
  background: url(/assets/users/icon/calendar-c7311ec3be1010000ff59d0fb3c71033b42af06c9d3dd9c051af5999d48f0934.svg) no-repeat;
}

/* line 21, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList.remuneration:before {
  width: 16px;
  height: 12px;
  background: url(/assets/users/icon/money-b5094eff2cf8e1a80e2224003ea61f9e0613f36ccc8d9c8746517c0736f077d0.svg) no-repeat;
}

/* line 27, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList.baggage:before {
  width: 16px;
  height: 12px;
  background: url(/assets/users/icon/baggage-b2cf0c8560d76c521fd921713aa02e1440ee202126817d896bccc6232c3a9e44.svg) no-repeat;
}

/* line 33, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList.time:before {
  width: 17px;
  height: 17px;
  background: url(/assets/users/icon/time-d808e800f6e5c47a69fe03387f0ad2eb03e3bea7510b6a8a200615e4213b9886.svg) no-repeat;
}

/* line 39, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList.task:before {
  width: 16px;
  height: 20px;
  background: url(/assets/users/icon/task-c80c61bd317b3b668263a44ab2c5ba0862287bf06c6a9581cb3e9aa94548cdd1.svg) no-repeat;
}

/* line 45, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList.desktop:before {
  width: 14px;
  height: 12px;
  margin-right: 10px;
  background: url(/assets/users/icon/desktop-3ae838dfe6d0373243705b707251cec1a0adfad64751188a140078fb541be313.svg) no-repeat;
}

/* line 52, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList.handshake:before {
  width: 17px;
  height: 12px;
  background: url(/assets/users/icon/handshake-a2d7f28b3cb09c6e45b683817f6ac4e944e20e42389cc0135a36267aa3e3133a.svg) no-repeat;
}

/* line 58, app/assets/stylesheets/users/components/atoms/_ItemList.scss */
.itemList.comment:before {
  width: 18px;
  height: 18px;
  background: url(/assets/users/icon/comment-d4d09f7f103ca1735b145923a27b0020ad46a16684aab2e14cb5f7e3ec4f6916.svg) no-repeat;
}

/* line 1, app/assets/stylesheets/users/attendances.scss */
.month_tab {
  display: flex;
}

/* line 5, app/assets/stylesheets/users/attendances.scss */
.wrapRight {
  display: flex;
  justify-content: flex-end;
}

@use '../../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/molecules/Modal/_NoticeModal.scss */
.noticeModal {
  width: 500px;
  border-radius: 5px;
  box-shadow: 0 2px 7px rgba(166, 130, 108, 0.23);
}

/* line 8, app/assets/stylesheets/users/components/molecules/Modal/_NoticeModal.scss */
.noticeModal__content {
  padding: 10px 25px;
}

/* line 11, app/assets/stylesheets/users/components/molecules/Modal/_NoticeModal.scss */
.noticeModal__content:not(:last-child) {
  border-bottom: 1px solid #D4D4D4;
}

/* line 15, app/assets/stylesheets/users/components/molecules/Modal/_NoticeModal.scss */
.noticeModal__content > .title {
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* line 22, app/assets/stylesheets/users/components/molecules/Modal/_NoticeModal.scss */
.noticeModal__content > .title.required:after {
  content: '要対応';
  width: 64px;
  height: 22px;
  line-height: 22px;
  color: #A70F0F;
  text-align: center;
  border: 1px solid #A70F0F;
  border-radius: 3px;
  margin-left: 7px;
}

/* line 35, app/assets/stylesheets/users/components/molecules/Modal/_NoticeModal.scss */
.noticeModal__content > .text {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/molecules/_FlexText.scss */
.flexText {
  display: flex;
  flex-wrap: wrap;
}

/* line 7, app/assets/stylesheets/users/components/molecules/_FlexText.scss */
.flexText__text {
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  /* line 7, app/assets/stylesheets/users/components/molecules/_FlexText.scss */
  .flexText__text {
    line-height: 1.5;
  }
}

/* line 15, app/assets/stylesheets/users/components/molecules/_FlexText.scss */
.flexText__text:not(:last-child) {
  margin-right: 10px;
}

/* line 19, app/assets/stylesheets/users/components/molecules/_FlexText.scss */
.flexText__text.jobRange {
  color: #A6826C;
}

/* line 22, app/assets/stylesheets/users/components/molecules/_FlexText.scss */
.flexText__text.jobRange:before {
  content: '#';
}

@use '../../base/Variable' as *;
/* line 4, app/assets/stylesheets/users/components/molecules/_FormBorderTextBoxGroup.scss */
.formBorderTextBoxGroup .formBorderTextBox:last-child {
  margin-left: 20px;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/molecules/_FormModal.scss */
.formModal {
  width: 630px;
  box-shadow: 0 2px 7px rgba(166, 130, 108, 0.23);
  border-radius: 5px;
  position: relative;
  padding: 40px 30px;
}

@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/components/molecules/_FormModal.scss */
  .formModal {
    width: 100%;
    padding: 30px 20px;
  }
}

/* line 15, app/assets/stylesheets/users/components/molecules/_FormModal.scss */
.formModal__cross {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 12px;
  top: 10px;
  cursor: pointer;
}

/* line 23, app/assets/stylesheets/users/components/molecules/_FormModal.scss */
.formModal__cross:hover {
  opacity: .7;
  transition: 0.4s ease-in-out;
}

/* line 28, app/assets/stylesheets/users/components/molecules/_FormModal.scss */
.formModal__cross > a {
  width: 16px;
  height: 16px;
  color: #707070;
  font-size: 24px;
  display: block;
  margin-top: -6px;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/molecules/_FormSelectGroup.scss */
.formSelectGroup {
  display: flex;
}

/* line 6, app/assets/stylesheets/users/components/molecules/_FormSelectGroup.scss */
.formSelectGroup .formSelect:not(:last-of-type) {
  margin-right: 20px;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
.jobDetailList {
  margin: 0 0 -13px -13px;
}

/* line 6, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
.jobDetailList__item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 13px;
}

@media screen and (max-width: 767px) {
  /* line 6, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
  .jobDetailList__item {
    display: block;
  }
}

/* line 16, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
.jobDetailList__item:not(:last-child) {
  margin-bottom: 27px;
}

/* line 20, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
.jobDetailList__item > .itemList {
  min-width: 170px;
  color: #353547;
  font-size: 16px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  /* line 20, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
  .jobDetailList__item > .itemList {
    margin-bottom: 10px;
  }
}

/* line 34, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
.jobDetailList__item > .itemList.height {
  line-height: 1.5;
}

/* line 38, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
.jobDetailList__item > .itemList.speechBubble:before {
  width: 15px;
  height: 15px;
  background: url(/common/img/icon/speechBubble.svg) no-repeat;
}

/* line 45, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
.jobDetailList__item > .text {
  color: #353547;
  font-size: 16px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

/* line 50, app/assets/stylesheets/users/components/molecules/_JobDetailList.scss */
.jobDetailList__item > .text.height {
  line-height: 1.5;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/molecules/_JobDetailRightBox.scss */
.jobDetailRightBox {
  width: 280px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  padding: 30px 20px;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
}

/* line 10, app/assets/stylesheets/users/components/molecules/_JobDetailRightBox.scss */
.jobDetailRightBox > .categoryList {
  margin-bottom: 5px;
}

/* line 14, app/assets/stylesheets/users/components/molecules/_JobDetailRightBox.scss */
.jobDetailRightBox > .flexText {
  margin: 10px 0 -10px;
}

/* line 17, app/assets/stylesheets/users/components/molecules/_JobDetailRightBox.scss */
.jobDetailRightBox > .flexText .flexText__text {
  margin-bottom: 10px;
}

/* line 22, app/assets/stylesheets/users/components/molecules/_JobDetailRightBox.scss */
.jobDetailRightBox__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin: 20px 0;
}

/* line 31, app/assets/stylesheets/users/components/molecules/_JobDetailRightBox.scss */
.jobDetailRightBox__bottom .generalButton {
  width: 239px;
  height: 50px;
  line-height: 50px;
}

/* line 36, app/assets/stylesheets/users/components/molecules/_JobDetailRightBox.scss */
.jobDetailRightBox__bottom .generalButton:not(.favorite) {
  display: block;
  margin-bottom: 10px;
}

@use '../../base/Variable' as *;
/* line 4, app/assets/stylesheets/users/components/molecules/_LoginFormItem.scss */
.loginFormItem__title {
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}

/* line 11, app/assets/stylesheets/users/components/molecules/_LoginFormItem.scss */
.loginFormItem__title.required:after {
  content: '*';
  color: #A70F0F;
}

/* line 17, app/assets/stylesheets/users/components/molecules/_LoginFormItem.scss */
.loginFormItem__item {
  width: 400px;
  color: #979797;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  border-radius: 5px;
  background: #F7F7F7;
  padding: 12px 10px;
}

@media screen and (max-width: 767px) {
  /* line 17, app/assets/stylesheets/users/components/molecules/_LoginFormItem.scss */
  .loginFormItem__item {
    width: 100%;
  }
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/molecules/_PropositionsDetail.scss */
.propositionsDetail {
  display: flex;
}

/* line 6, app/assets/stylesheets/users/components/molecules/_PropositionsDetail.scss */
.propositionsDetail__title {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
  display: flex;
  align-items: center;
}

/* line 14, app/assets/stylesheets/users/components/molecules/_PropositionsDetail.scss */
.propositionsDetail__title > .big {
  font-family: Avenir, serif;
  font-size: 30px;
  font-weight: 500;
  margin: 0 10px 0 5px;
  display: block;
}

@media screen and (max-width: 767px) {
  /* line 14, app/assets/stylesheets/users/components/molecules/_PropositionsDetail.scss */
  .propositionsDetail__title > .big {
    font-size: 20px;
  }
}

@use '../../base/Variable' as *;
@media screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/users/components/molecules/_PropositionsDetailList.scss */
  .propositionsDetailList {
    max-width: 550px;
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px) {
  /* line 10, app/assets/stylesheets/users/components/molecules/_PropositionsDetailList.scss */
  .propositionsDetailList > .itemList {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  /* line 15, app/assets/stylesheets/users/components/molecules/_PropositionsDetailList.scss */
  .propositionsDetailList > .itemList:first-child, .propositionsDetailList > .itemList:nth-child(2) {
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 767px) {
  /* line 22, app/assets/stylesheets/users/components/molecules/_PropositionsDetailList.scss */
  .propositionsDetailList > .itemList:not(:last-child) {
    margin-bottom: 10px;
  }
}

@use '../../base/Variable' as *;
/* line 4, app/assets/stylesheets/users/components/molecules/_SimpleContent.scss */
.simpleContent__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  /* line 4, app/assets/stylesheets/users/components/molecules/_SimpleContent.scss */
  .simpleContent__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

/* line 18, app/assets/stylesheets/users/components/molecules/_SimpleContent.scss */
.simpleContent__wrapper > .text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

/* line 24, app/assets/stylesheets/users/components/molecules/_SimpleContent.scss */
.simpleContent__wrapper > .text:not(:last-child) {
  margin-bottom: 10px;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
.basicDetailImage {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
  .basicDetailImage {
    display: block;
  }
}

/* line 11, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
.basicDetailImage input[type=file] {
  display: none;
}

/* line 15, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
.basicDetailImage .profileIcon {
  width: 115px;
  height: 115px;
}

@media screen and (max-width: 767px) {
  /* line 15, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
  .basicDetailImage .profileIcon {
    width: 84px;
    height: 84px;
    margin: 20px 0;
  }
}

/* line 25, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
.basicDetailImage .profileIcon__text {
  line-height: 115px;
}

@media screen and (max-width: 767px) {
  /* line 25, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
  .basicDetailImage .profileIcon__text {
    line-height: 84px;
  }
}

@media screen and (min-width: 768px) {
  /* line 34, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
  .basicDetailImage__upload {
    margin-left: 20px;
  }
}

/* line 39, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
.basicDetailImage__upload .generalButton {
  width: 180px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 8px;
  display: block;
}

/* line 46, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
.basicDetailImage__upload .generalButton:before {
  content: '画像アップロード';
}

/* line 50, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
.basicDetailImage__upload .generalButton:hover {
  opacity: .7;
  transition: .4s ease-in-out;
}

/* line 56, app/assets/stylesheets/users/components/organisms/_BasicDetailImage.scss */
.basicDetailImage__upload .text {
  color: #353547;
  font-size: 14px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
}

@use '../../base/Variable' as *;
/* line 4, app/assets/stylesheets/users/components/organisms/_FormModalGroup.scss */
.formModalGroup .formModal:not(:first-of-type) {
  margin: 25px 0;
}

/* line 8, app/assets/stylesheets/users/components/organisms/_FormModalGroup.scss */
.formModalGroup__add {
  color: #A6826C;
  font-weight: bold;
  text-align: right;
  margin-top: 30px;
  display: block;
  cursor: pointer;
}

/* line 16, app/assets/stylesheets/users/components/organisms/_FormModalGroup.scss */
.formModalGroup__add:hover {
  opacity: .7;
  transition: .4s ease-in-out;
}

/* line 21, app/assets/stylesheets/users/components/organisms/_FormModalGroup.scss */
.formModalGroup__add:before {
  content: '+';
  margin-right: 7px;
  text-decoration: none;
}

/* line 27, app/assets/stylesheets/users/components/organisms/_FormModalGroup.scss */
.formModalGroup__add > .border {
  text-decoration: underline;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox {
  border: 1px solid #E7E1DE;
  border-radius: 5px;
  box-shadow: 0 2px 7px rgba(166, 130, 108, 0.23);
  padding: 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox {
    padding: 20px 15px;
  }
}

/* line 16, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox.beforeInterview:after, .jobBox.waitResult:after {
  width: 110px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  text-align: center;
  border-radius: 0 0 0 20px;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 30, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox.beforeInterview:after {
  content: '面談前';
  background: #353547;
}

/* line 37, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox.waitResult:after {
  content: '結果待ち';
  background: #A70F0F;
}

/* line 43, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox__day {
  color: #353547;
  font-size: 12px;
  font-family: Avenir, serif;
  display: block;
  margin-bottom: 7px;
}

@media screen and (max-width: 767px) {
  /* line 43, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox__day {
    margin-bottom: 10px;
  }
}

/* line 55, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox__title {
  width: -moz-fit-content;
  width: fit-content;
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  /* line 55, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox__title {
    max-width: 70%;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  /* line 67, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox .top {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  /* line 67, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox .top {
    margin-bottom: 12px;
  }
}

/* line 78, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox__image {
  width: 300px;
  height: 167px;
  background: red;
}

@media screen and (max-width: 767px) {
  /* line 78, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox__image {
    width: 30%;
    height: 55px;
    margin-left: 17px;
  }
}

@media screen and (min-width: 768px) {
  /* line 78, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox__image {
    display: block;
    position: absolute;
    right: 30px;
    top: 60px;
  }
}

/* line 97, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox__industry {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
}

/* line 103, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox__industry .bold {
  font-weight: bold;
}

/* line 108, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox .circleGroup {
  margin-bottom: -5px;
}

@media screen and (max-width: 767px) {
  /* line 108, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox .circleGroup {
    width: 100%;
  }
}

/* line 116, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox .flexText {
  max-width: 700px;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  /* line 116, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox .flexText {
    max-width: 100%;
  }
}

/* line 125, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox .content {
  border-bottom: 1px solid #D4D4D4;
  padding: 0 0 32px;
}

/* line 130, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0 0;
}

@media screen and (max-width: 767px) {
  /* line 130, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox .bottom {
    display: block;
  }
}

/* line 141, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox__appliedDate {
  display: flex;
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  /* line 141, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox__appliedDate {
    margin-bottom: 10px;
  }
}

/* line 151, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox__appliedDate > .title:after {
  content: '：';
}

/* line 156, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
.jobBox .generalOutLineButton {
  width: 220px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  /* line 156, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox .generalOutLineButton {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  /* line 167, app/assets/stylesheets/users/components/organisms/_JobBox.scss */
  .jobBox .itemList {
    width: 60%;
  }
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail {
  width: 781px;
  position: relative;
}

@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
  .jobDetail {
    width: 100%;
  }
}

/* line 11, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail:after {
  width: 110px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  color: #FFF;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 23, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail.waitResult:after {
  content: '選考待ち';
  background: #A70F0F;
}

/* line 28, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail__date {
  color: #353547;
  font-size: 14px;
  display: flex;
  align-items: baseline;
  margin-bottom: 17px;
}

/* line 35, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail__date > .day {
  font-family: Avenir, serif;
  font-weight: 500;
  margin-right: 10px;
}

/* line 41, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail__date > .id {
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
}

/* line 47, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  /* line 47, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
  .jobDetail__title {
    line-height: 1.5;
  }
}

/* line 58, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail__description {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 18px;
  margin-bottom: 17px;
}

/* line 65, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail > .colonText {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 71, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail__image {
  background: #979797;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  /* line 71, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
  .jobDetail__image {
    width: 100%;
    min-height: 191.67px;
  }
}

@media screen and (min-width: 768px) {
  /* line 71, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
  .jobDetail__image {
    width: 781px;
    height: 434px;
  }
}

/* line 86, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail .categoryList {
  margin-bottom: 10px;
}

/* line 90, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail .flexText {
  margin-bottom: 12px;
}

/* line 94, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail .simpleContent {
  padding: 30px 0 35px;
}

/* line 97, app/assets/stylesheets/users/components/organisms/_JobDetail.scss */
.jobDetail .simpleContent:not(:last-of-type) {
  border-bottom: 1px solid #D4D4D4;
}

@use '../../base/variable' as *;
@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel {
    min-width: 305px;
  }
}

@media screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel {
    max-width: 1112px;
    padding-left: 1px;
    padding-right: 1px;
  }
}

/* line 14, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .slick-track {
  padding-bottom: 20px;
}

/* line 18, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .slick-prev,
.jobListCarousel .slick-next {
  width: 55px;
  height: 55px;
  line-height: 55px;
  background: rgba(196, 196, 196, 0.6);
  z-index: 2;
  border: 1px solid #FFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  /* line 18, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel .slick-prev,
.jobListCarousel .slick-next {
    width: 35px;
    height: 35px;
  }
}

/* line 37, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .slick-prev:before,
.jobListCarousel .slick-next:before {
  content: '' !important;
  opacity: 1;
  width: 10px;
  height: 20px;
  display: block;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  /* line 37, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel .slick-prev:before,
.jobListCarousel .slick-next:before {
    width: 7px;
    height: 12px;
  }
}

/* line 51, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .slick-prev:hover, .jobListCarousel .slick-prev:focus,
.jobListCarousel .slick-next:hover,
.jobListCarousel .slick-next:focus {
  background: rgba(196, 196, 196, 0.6) !important;
}

/* line 56, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .slick-prev:hover,
.jobListCarousel .slick-next:hover {
  opacity: .7;
}

/* line 61, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .slick-prev {
  left: -2.5%;
}

@media screen and (max-width: 767px) {
  /* line 61, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel .slick-prev {
    left: -4%;
  }
}

/* line 68, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .slick-prev:before {
  background: url(/assets/users/icon/arrow_prev-4dea83930b2b5bc9c4462fe4e0f25f007f41e30ecf206ad98e35939b0680b35e.svg) no-repeat;
}

@media screen and (max-width: 767px) {
  /* line 68, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel .slick-prev:before {
    background-size: contain;
  }
}

/* line 77, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .slick-next {
  left: 97.5%;
}

@media screen and (max-width: 767px) {
  /* line 77, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel .slick-next {
    left: 95.8%;
  }
}

/* line 84, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .slick-next:before {
  background: url(/assets/users/icon/arrow_next-d33def83c3f909d84296dbecc06c2b5c04a8ba071f4f4a00ef2d5d24d1e111e1.svg) no-repeat;
}

@media screen and (max-width: 767px) {
  /* line 84, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel .slick-next:before {
    background-size: contain;
  }
}

/* line 93, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item {
  width: 363px;
  box-shadow: 0 2px 7px rgba(136, 112, 67, 0.23);
  border: 1px solid #E7E1DE;
  border-radius: 3px;
}

@media screen and (min-width: 768px) {
  /* line 99, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel__item + .jobListCarousel__item {
    margin: 0 5px;
  }
}

@media screen and (max-width: 767px) {
  /* line 93, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel__item {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  /* line 93, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel__item {
    height: 605px;
  }
}

/* line 113, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item > .image {
  width: 360px;
  height: 200px;
  background: #F7F7F7;
}

@media screen and (max-width: 767px) {
  /* line 113, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel__item > .image {
    width: 100%;
  }
}

/* line 123, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .slick-list {
  height: 491px;
}

/* line 127, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap {
  padding: 30px 16px;
}

@media screen and (max-width: 767px) {
  /* line 127, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel__item .wrap {
    padding: 20px 16px;
  }
}

/* line 134, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap > .categoryList {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  /* line 134, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel__item .wrap > .categoryList {
    min-height: 54px;
  }
}

/* line 142, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap > .createDay {
  font-family: Avenir, serif;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* line 149, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap > .title {
  height: 48px;
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}

/* line 158, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap > .industry {
  margin: 16px 0;
}

/* line 162, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap > .remuneration {
  margin-top: 10px;
}

/* line 166, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap > .colonText {
  font-size: 14px;
  margin: 10px auto 20px;
}

/* line 171, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap > .generalButton {
  width: 325px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  /* line 171, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel__item .wrap > .generalButton {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
}

/* line 183, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap > .generalButton:first-of-type {
  margin-bottom: 10px;
}

/* line 187, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel__item .wrap > .generalButton:not(.favorite) {
  display: block;
}

/* line 194, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
.jobListCarousel .button {
  width: 420px;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  display: block;
  margin: 40px auto 0;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  /* line 194, app/assets/stylesheets/users/components/organisms/_JobListCarousel.scss */
  .jobListCarousel .button {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    margin: 0 auto;
  }
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/organisms/_MembershipHeader.scss */
.membershipHeader {
  height: 100%;
  background: #FFF;
  padding: 30px 16px;
}

/* line 8, app/assets/stylesheets/users/components/organisms/_MembershipHeader.scss */
.membershipHeader__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  margin-bottom: 20px;
}

/* line 16, app/assets/stylesheets/users/components/organisms/_MembershipHeader.scss */
.membershipHeader__menu > .item {
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 25, app/assets/stylesheets/users/components/organisms/_MembershipHeader.scss */
.membershipHeader__menu > .item a {
  color: #353547;
}

/* line 29, app/assets/stylesheets/users/components/organisms/_MembershipHeader.scss */
.membershipHeader__menu > .item:hover {
  opacity: .7;
  cursor: pointer;
  transition: .4s ease-in-out;
}

/* line 35, app/assets/stylesheets/users/components/organisms/_MembershipHeader.scss */
.membershipHeader__menu > .item:not(:last-child) {
  border-bottom: 1px solid #D4D4D4;
}

/* line 39, app/assets/stylesheets/users/components/organisms/_MembershipHeader.scss */
.membershipHeader__menu > .item:after {
  content: '';
  width: 7px;
  height: 12px;
  padding-right: 10px;
  background: url(/common/img/icon/right_arrow.svg) no-repeat;
}

@use '../../base/Variable' as *;
/* line 3, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList {
  position: relative;
  padding: 30px;
  border: 1px solid #E7E1DE;
  box-shadow: 0 2px 7px rgba(166, 130, 108, 0.23);
  border-radius: 5px;
}

/* line 10, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList > .flexText {
  margin: 10px 0 -10px -6px;
}

/* line 13, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList > .flexText .flexText__text {
  margin: 0 0 10px 6px;
}

/* line 18, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__createdDay {
  color: #353547;
  font-family: Avenir, serif;
  font-size: 12px;
  margin-bottom: 7px;
}

/* line 25, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__tag {
  position: absolute;
  top: 0;
  right: 0;
  color: #FFF;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  min-width: 110px;
  padding: 0 18px 0 22px;
  border-bottom-left-radius: 20px;
}

/* line 38, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__tag.backgroundBrown {
  background-color: #A6826C;
}

/* line 41, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__tag.backgroundRed {
  background-color: #A70F0F;
}

/* line 44, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__tag.backgroundBlack {
  background-color: #353547;
}

/* line 49, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__title {
  max-width: 696px;
  color: #353547;
  font-size: 20px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
  margin: 10px 0;
}

/* line 58, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList > .propositionsDetailList {
  margin-top: 20px;
}

/* line 62, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__bottom {
  border-top: 1px solid #D4D4D4;
  margin-top: 30px;
  padding-top: 30px;
}

@media screen and (min-width: 768px) {
  /* line 62, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
  .propositionsList__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

/* line 73, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__bottom > .colonText {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  /* line 73, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
  .propositionsList__bottom > .colonText {
    margin-bottom: 10px;
  }
}

/* line 81, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__bottom > .flex {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  /* line 85, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
  .propositionsList__bottom > .flex.favorite {
    width: 460px;
  }
}

/* line 91, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
.propositionsList__bottom > .flex > .generalButton {
  width: 220px;
  height: 40px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  /* line 91, app/assets/stylesheets/users/components/organisms/_PropositionsList.scss */
  .propositionsList__bottom > .flex > .generalButton {
    width: 49%;
  }
}

@use '../../base/Variable' as *;
@media screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/users/components/template/_HomeIndex.scss */
  .homeIndex {
    display: flex;
    justify-content: space-between;
  }
}

/* line 9, app/assets/stylesheets/users/components/template/_HomeIndex.scss */
.homeIndex__content:not(:last-child) {
  margin-bottom: 71px;
}

/* line 13, app/assets/stylesheets/users/components/template/_HomeIndex.scss */
.homeIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* line 21, app/assets/stylesheets/users/components/template/_HomeIndex.scss */
.homeIndex .basicHead {
  margin-bottom: 30px;
}

@use '../../base/Variable' as *;
/* line 4, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
.inputFormIndex.register {
  width: -moz-fit-content;
  width: fit-content;
  margin: 40px auto 100px;
}

@media screen and (max-width: 767px) {
  /* line 4, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
  .inputFormIndex.register {
    width: 100%;
    padding: 0 16px;
  }
}

@media screen and (min-width: 768px) {
  /* line 14, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
  .inputFormIndex.login {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  /* line 14, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
  .inputFormIndex.login {
    padding-bottom: 100px;
  }
}

/* line 24, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
.inputFormIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* line 32, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
.inputFormIndex__wrapper {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  /* line 32, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
  .inputFormIndex__wrapper {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  /* line 40, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
  .inputFormIndex__wrapper .formDetailItem {
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  /* line 40, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
  .inputFormIndex__wrapper .formDetailItem {
    margin-right: 50px;
  }
}

/* line 49, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
.inputFormIndex__wrapper .formDetailItem .basicHead {
  margin-bottom: 30px;
}

/* line 55, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
.inputFormIndex__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 26px;
}

/* line 63, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
.inputFormIndex .basicInfoMenu {
  width: 280px;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (max-width: 767px) {
  /* line 63, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
  .inputFormIndex .basicInfoMenu {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  /* line 72, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
  .inputFormIndex .basicInfoMenu.submit {
    display: none;
  }
}

/* line 79, app/assets/stylesheets/users/components/template/_InputFormIndex.scss */
.inputFormIndex .postal {
  width: 115px;
  height: 45px;
  margin-left: 40px;
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/components/template/_NeedInitialSettingsIndex.scss */
  .needInitialSettingsIndex {
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  /* line 6, app/assets/stylesheets/users/components/template/_NeedInitialSettingsIndex.scss */
  .needInitialSettingsIndex .openItem__wrapper {
    width: 1100px;
  }
}

/* line 12, app/assets/stylesheets/users/components/template/_NeedInitialSettingsIndex.scss */
.needInitialSettingsIndex__text {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
  /* line 20, app/assets/stylesheets/users/components/template/_NeedInitialSettingsIndex.scss */
  .needInitialSettingsIndex__button {
    display: flex;
  }
}

/* line 25, app/assets/stylesheets/users/components/template/_NeedInitialSettingsIndex.scss */
.needInitialSettingsIndex__button > .generalButton {
  width: 160px;
  height: 30px;
  line-height: 30px;
  display: block;
}

@media screen and (max-width: 767px) {
  /* line 25, app/assets/stylesheets/users/components/template/_NeedInitialSettingsIndex.scss */
  .needInitialSettingsIndex__button > .generalButton {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
}

@media screen and (max-width: 767px) {
  /* line 37, app/assets/stylesheets/users/components/template/_NeedInitialSettingsIndex.scss */
  .needInitialSettingsIndex__button > .generalButton:not(:last-child) {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 768px) {
  /* line 37, app/assets/stylesheets/users/components/template/_NeedInitialSettingsIndex.scss */
  .needInitialSettingsIndex__button > .generalButton:not(:last-child) {
    margin-right: 16px;
  }
}

@use '../../base/Variable' as *;
@media screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
  .propositionsIndex {
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
  .propositionsIndex .openItem__wrapper {
    width: 1100px;
  }
}

/* line 14, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
.propositionsIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* line 22, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
.propositionsIndex .searchBoxContent {
  max-width: 1100px;
}

/* line 26, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
.propositionsIndex .propositionsDetail {
  margin: 30px 0;
}

/* line 30, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
.propositionsIndex .propositionsList:not(:last-child) {
  margin-bottom: 20px;
}

/* line 34, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
.propositionsIndex .pagenationContainer {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  /* line 34, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
  .propositionsIndex .pagenationContainer {
    margin-top: 70px;
  }
}

@media screen and (min-width: 768px) {
  /* line 39, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
  .propositionsIndex .pagenationContainer .spPagenation {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  /* line 44, app/assets/stylesheets/users/components/template/_PropositionsIndex.scss */
  .propositionsIndex .pagenationContainer .tabAndPcPagenation {
    display: none;
  }
}

@use '../../base/Variable' as *;
@media screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/users/components/template/_SignUpIndex.scss */
  .signUpIndex {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/users/components/template/_SignUpIndex.scss */
  .signUpIndex {
    height: calc(100vh - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* line 15, app/assets/stylesheets/users/components/template/_SignUpIndex.scss */
.signUpIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

/* line 24, app/assets/stylesheets/users/components/template/_SignUpIndex.scss */
.signUpIndex__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

@use '../../base/Variable' as *;
@media screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
  .skillCheckIndex {
    display: flex;
  }
}

/* line 8, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
.skillCheckIndex__title {
  color: #353547;
  font-size: 24px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  margin-bottom: 30px;
}

/* line 15, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
.skillCheckIndex__text {
  color: #353547;
  font-size: 16px;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  line-height: 1.5;
  margin-bottom: 20px;
}

/* line 23, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
.skillCheckIndex__subtitle {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 29, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
.skillCheckIndex__subtitle > .required {
  color: #A70F0F;
}

@media screen and (max-width: 767px) {
  /* line 29, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
  .skillCheckIndex__subtitle > .required {
    margin-top: 5px;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  /* line 39, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
  .skillCheckIndex .openItem__wrapper {
    position: relative;
  }
}

/* line 45, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
.skillCheckIndex .generalButton {
  height: 50px;
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  /* line 45, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
  .skillCheckIndex .generalButton {
    width: 180px;
    font-size: 18px;
    position: absolute;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  /* line 45, app/assets/stylesheets/users/components/template/_SkillCheckIndex.scss */
  .skillCheckIndex .generalButton {
    width: 100%;
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
  .skillDiagnoseIndex {
    display: flex;
  }
}

/* line 6, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
.skillDiagnoseIndex .arrowButton {
  margin-bottom: 20px;
}

/* line 10, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
.skillDiagnoseIndex__title {
  color: #353547;
  font-family: Yu Gothic, YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS P Gothic', sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  /* line 17, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
  .skillDiagnoseIndex .openItem__wrapper {
    width: 1100px;
  }
}

/* line 23, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
.skillDiagnoseIndex__wrapper {
  padding: 40px 0;
}

@media screen and (max-width: 767px) {
  /* line 23, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
  .skillDiagnoseIndex__wrapper {
    padding: 20px 16px;
  }
}

@media screen and (min-width: 768px) {
  /* line 23, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
  .skillDiagnoseIndex__wrapper {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
  }
}

/* line 37, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
.skillDiagnoseIndex .generalButton {
  height: 50px;
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  /* line 37, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
  .skillDiagnoseIndex .generalButton {
    width: 180px;
    font-size: 18px;
    position: absolute;
    right: 179px;
  }
}

@media screen and (max-width: 767px) {
  /* line 37, app/assets/stylesheets/users/components/template/_SkillDiagnoseIndex.scss */
  .skillDiagnoseIndex .generalButton {
    width: 100%;
    font-size: 16px;
  }
}