@charset "UTF-8";
.rn3-baseContents {
  font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo,
    Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  line-height: 1.5;
}
button:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  border-color: #adb5c9;
}
.rn3-stage {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.rn3-button {
  display: block;
  width: 100%;
  height: 40px;
  padding: 11px 0 14px;
  text-align: center;
  line-height: 1;
  background-color: #fff;
  color: #606e85;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #8d949c;
  border-radius: 8px;
  text-decoration: none;
  outline: none;
}
.rn3-button .rn3-icon--consider {
  margin-top: -1px;
  margin-right: 5px;
}
.rn3-button--primary {
  border: 1px solid red;
  background-color: red;
  color: #fff;
}
.rn3-button--primary:hover {
  color: #fff;
  background-color: #ff4747;
}
.rn3-button--primary.rn3-button--shadow {
  box-shadow: 0 0 14px 0 rgba(234, 99, 99, 0.5);
}
.rn3-button--normal {
  border: 1px solid #adb5c9;
  color: #606e85;
}
.rn3-button--normal:hover {
  background-color: #f5f5fa;
  color: #606e85;
}
.rn3-button--normal.rn3-button--shadow {
  box-shadow: 0 0 14px 0 rgba(173, 181, 201, 0.4);
}
.rn3-button--considered {
  border: 1px solid #adb5c9;
  background-color: #fafaff;
  color: #979fa8;
}
.rn3-button--considered:hover {
  background-color: #f5f5fa;
  color: #979fa8;
}
.rn3-button--considered .rn3-icon--consider {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23979fa8%22%20transform%3D%22translate(1%202)%22%20d%3D%22M20.174%201.798a6.612%206.612%200%200%201%201.816%204.25c.104%202.047-.616%203.487-1.254%204.513-.743%201.195-2.698%203.49-4.753%205.585C13.473%2018.704%2011.799%2020%2011.009%2020c-.309%200-.833-.138-2.145-1.22-.79-.653-1.77-1.566-2.83-2.641C3.963%2014.034%202%2011.74%201.265%2010.56.316%209.041-.07%207.648.01%206.048a6.606%206.606%200%200%201%201.817-4.25C2.939.638%204.395%200%205.924%200c2.373%200%204.03%201.332%204.825%201.971.087.07.186.15.264.21.1-.07.233-.173.35-.263.87-.67%202.49-1.918%204.715-1.918%201.528%200%202.983.637%204.096%201.798z%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-button--xl {
  height: 60px;
  padding: 19px 0;
  font-size: 20px;
}
.rn3-button--l {
  height: 50px;
  padding: 17px 0;
  font-size: 14px;
}
.rn3-button--m {
  height: 40px;
  padding: 12px 0;
  font-size: 14px;
}
.rn3-button--s {
  height: 35px;
  padding: 10px 0 11px;
  font-size: 12px;
}
.rn3-tag {
  display: inline-block;
  padding: 3px 8px;
  line-height: 1;
  font-size: 10px;
  border-radius: 10px;
  text-align: center;
}
.rn3-tag--employType {
  background-color: #f2f4f6;
  color: #8d949c;
}
.rn3-tag--noExperience {
  padding: 3px 8px;
  background-color: #fff6ec;
  color: #fe961e;
}
.rn3-tag--newType {
  min-width: 0;
  padding: 3px 8px;
  background-color: #2e7fcf;
  color: #fff;
}
.rn3-tag--info {
  padding: 2px 8px;
  font-weight: 300;
  background-color: #ffeef3;
  color: #fd3846;
}
.rn3-icon {
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  word-wrap: normal;
  width: 18px;
  height: 18px;
}
.rn3-icon--consider {
  margin-right: 5px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0icmVkIiBkPSJNMjEuMTc0IDMuNzk4YTYuNjEyIDYuNjEyIDAgMDExLjgxNiA0LjI1Yy4xMDQgMi4wNDctLjYxNiAzLjQ4Ny0xLjI1NCA0LjUxMy0uNzQzIDEuMTk1LTIuNjk4IDMuNDktNC43NTMgNS41ODVDMTQuNDczIDIwLjcwNCAxMi43OTkgMjIgMTIuMDA5IDIyYy0uMzA5IDAtLjgzMy0uMTM4LTIuMTQ1LTEuMjItLjc5LS42NTMtMS43Ny0xLjU2Ni0yLjgzLTIuNjQxQzQuOTYzIDE2LjAzNCAzIDEzLjc0IDIuMjY1IDEyLjU2IDEuMzE2IDExLjA0MS45MyA5LjY0OCAxLjAxIDguMDQ4YTYuNjA2IDYuNjA2IDAgMDExLjgxNy00LjI1QzMuOTM5IDIuNjM4IDUuMzk1IDIgNi45MjQgMmMyLjM3MyAwIDQuMDMgMS4zMzIgNC44MjUgMS45NzEuMDg3LjA3LjE4Ni4xNS4yNjQuMjEuMS0uMDcuMjMzLS4xNzMuMzUtLjI2My44Ny0uNjcgMi40OS0xLjkxOCA0LjcxNS0xLjkxOCAxLjUyOCAwIDIuOTgzLjYzNyA0LjA5NiAxLjc5OHoiLz48L3N2Zz4=");
  background-size: 100%;
  background-position: 0 -1px;
  width: 16px;
  height: 14px;
}
.rn3-icon--job {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M17.867%206.267h3.956c1.264%200%202.177.929%202.177%202.193v3.117c-2.667%201.336-7.373%202.104-12%202.104s-9.333-.768-12-2.102V8.46c0-1.264.913-2.193%202.177-2.193h3.956V4.623C6.133%203.228%207.164%202%208.56%202h6.884c1.393%200%202.424%201.228%202.424%202.623v1.644zM8%206.267h8V4.623c0-.287-.27-.49-.557-.49H8.559c-.287%200-.559.203-.559.49v1.644zm5.6%208.717c4-.148%208.044-.848%2010.4-1.972v7.678c0%201.263-.913%201.576-2.177%201.576H2.177C.913%2022.266%200%2021.953%200%2020.69v-7.68c2.29%201.094%206.133%201.786%2010.133%201.96v.38c0%20.555.39%201.05.944%201.05h1.512c.554%200%201.011-.495%201.011-1.05v-.366z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.rn3-icon--job,
.rn3-icon--person {
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-icon--person {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23aaa%22%20transform%3D%22translate(1%201)%22%20d%3D%22M9.056%2012.358s1.008-.138%201.945-.138c.935%200%201.942.138%201.942.138%203.937.72%204.622%201.843%204.737%205.556a9.586%209.586%200%200%201-13.36%200c.116-3.71.801-4.836%204.736-5.556m1.945-9.078c3.026%200%203.548%201.868%203.548%204.173%200%202.302-1.59%204.169-3.548%204.169-1.961%200-3.55-1.867-3.55-4.17%200-2.304.52-4.172%203.55-4.172M11%200a11.011%2011.011%200%200%200-3.272.494A11.048%2011.048%200%200%200%20.864%206.717%2010.965%2010.965%200%200%200%20.001%2011a10.963%2010.963%200%200%200%201.878%206.15%2011.039%2011.039%200%200%200%205.85%204.355c.344.108.696.198%201.054.273.716.145%201.457.222%202.218.222%206.074%200%2011-4.925%2011-11%200-6.074-4.926-11-11-11%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-icon--area {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23aaa%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(3)%22%20d%3D%22M9%200C4.037%200%200%204.037%200%209c0%201.89.588%203.705%201.699%205.247l.236.33L8.4%2023.7a.748.748%200%200%200%201.2%200l6.384-9.013.315-.436A8.93%208.93%200%200%200%2018%209c0-4.963-4.037-9-9-9m0%204.715A4.29%204.29%200%200%200%204.713%209%204.29%204.29%200%200%200%209%2013.285%204.289%204.289%200%200%200%2013.285%209%204.289%204.289%200%200%200%209%204.715%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-icon--area,
.rn3-icon--yen {
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-icon--yen {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23aaa%22%20transform%3D%22translate(1%201)%22%20d%3D%22M11%200c6.075%200%2011%204.925%2011%2011s-4.925%2011-11%2011S0%2017.075%200%2011%204.925%200%2011%200zm4.085%204.9a1.052%201.052%200%200%200-1.449.334l-2.641%204.22-2.64-4.22a1.052%201.052%200%200%200-1.783%201.112l3.002%204.798H7.166a.75.75%200%200%200%200%201.5H9.92v1.649H7.166a.75.75%200%201%200%200%201.5l2.753-.001v1.299a1.05%201.05%200%201%200%202.102%200v-1.3l2.753.002a.75.75%200%200%200%200-1.5h-2.753v-1.65l2.753.001a.75.75%200%200%200%200-1.5h-2.358l3.003-4.798.058-.107a1.05%201.05%200%200%200-.392-1.34z%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-icon--clock {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23aaa%22%20transform%3D%22translate(1%201)%22%20d%3D%22M11%200c6.075%200%2011%204.925%2011%2011s-4.925%2011-11%2011S0%2017.075%200%2011%204.925%200%2011%200zm0%203.804a.76.76%200%200%200-.761.761v7.766c0%20.42.34.761.76.761.017%200%20.031-.004.047-.005.015.001.03.005.046.005h4.663a.76.76%200%200%200%200-1.521H11.76V4.565a.76.76%200%200%200-.76-.76z%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-icon--clock,
.rn3-icon--holiday {
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-icon--holiday {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23aaa%22%20transform%3D%22translate(1%201)%22%20d%3D%22M12.403%2018.907a.283.283%200%200%201%20.275.351l-.027.069-1.404%202.528a.283.283%200%200%201-.46.05l-.034-.05-1.404-2.528a.282.282%200%200%201%20.189-.414l.059-.006h2.806zm-8.186-3.39c.05%200%20.098.012.14.037l.06.045%201.984%201.985a.28.28%200%200%201-.067.449l-.055.022-2.78.795a.282.282%200%200%201-.36-.29l.011-.06.795-2.779a.282.282%200%200%201%20.272-.205zm13.566%200a.283.283%200%200%201%20.25.15l.022.054.795%202.78a.283.283%200%200%201-.271.36l-.04-.003-.039-.008-2.78-.795a.281.281%200%200%201-.166-.412l.045-.059%201.984-1.985a.285.285%200%200%201%20.2-.083zM11%204.078a6.92%206.92%200%201%201%200%2013.842A6.92%206.92%200%200%201%2011%204.08zm8.19%205.235c.03%200%20.062.005.093.016l.044.02%202.527%201.403a.282.282%200%200%201%20.05.459l-.05.035-2.527%201.403a.284.284%200%200%201-.28-.004.284.284%200%200%201-.133-.184l-.007-.059V9.597a.284.284%200%200%201%20.282-.283zm-16.38%200a.283.283%200%200%201%20.277.224l.006.059v2.806a.281.281%200%200%201-.282.283.282.282%200%200%201-.094-.016l-.044-.02-2.527-1.403a.283.283%200%200%201-.05-.46l.05-.034%202.527-1.404a.292.292%200%200%201%20.138-.035zm.612-6.175l.039.003.038.008%202.78.795a.281.281%200%200%201%20.16.425l-.038.046-1.984%201.985a.285.285%200%200%201-.27.074.283.283%200%200%201-.18-.141l-.022-.055-.795-2.78a.285.285%200%200%201%20.272-.361zm15.156%200c.074%200%20.146.03.2.084a.28.28%200%200%201%20.082.217l-.01.06-.795%202.779a.281.281%200%200%201-.412.167l-.06-.045L15.6%204.416a.283.283%200%200%201%20.067-.449l.055-.022%202.78-.795a.306.306%200%200%201%20.077-.01zM11%200c.082%200%20.16.036.212.096l.035.05%201.403%202.527a.282.282%200%200%201-.188.413l-.058.007H9.597a.283.283%200%200%201-.274-.351l.027-.069L10.753.145A.282.282%200%200%201%2011%200z%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-icon--clover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23aaa%22%20transform%3D%22translate(1%201)%22%20d%3D%22M11.025%2011.959c1.228%201.248%203.06%203.104%204.045%204.093l.522.523.099.099.058.057a3.095%203.095%200%201%201-4.409%204.347l-.366-.363-.357.359a3.098%203.098%200%200%201-4.378-.032%203.094%203.094%200%200%201%20.031-4.378l.195-.196.414-.414c.963-.959%202.867-2.838%204.146-4.095zM21.11%206.283a3.096%203.096%200%200%201-.03%204.378s-.137.135-.365.365l.335.334.024.024a3.096%203.096%200%201%201-4.41%204.347l-.263-.263-.203-.202a1151.24%201151.24%200%200%201-4.24-4.291%20947.994%20947.994%200%200%200%204.775-4.723%203.095%203.095%200%200%201%204.377.031zm-15.824-.03l.023.023.319.314c.83.82%202.998%202.982%204.397%204.385a993.279%20993.279%200%200%200-4.359%204.372l-.38.386a3.096%203.096%200%200%201-4.379-4.378l.362-.367-.307-.303-.055-.053a3.096%203.096%200%200%201%204.379-4.378zM15.746.907a3.094%203.094%200%200%201%200%204.379l-.05.051-.285.291c-.82.832-2.981%202.996-4.385%204.397-1.375-1.377-3.5-3.5-4.372-4.359l-.386-.38A3.096%203.096%200%200%201%2010.646.907l.025.024.342.337.33-.337.025-.025a3.096%203.096%200%200%201%204.378%200z%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-icon--clover,
.rn3-icon--diamond {
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-icon--diamond {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23aaa%22%20transform%3D%22rotate(45%2011.999%2011.999)%22%20d%3D%22M6.149%203.649h11.7a2.5%202.5%200%200%201%202.5%202.5v11.7a2.5%202.5%200%200%201-2.5%202.5h-11.7a2.5%202.5%200%200%201-2.5-2.5v-11.7a2.5%202.5%200%200%201%202.5-2.5z%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-icon--notificationPrimary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20fill-rule%3D%22evenodd%22%3E%20%3Cpath%20fill%3D%22%23f00%22%20d%3D%22M12%201c2.01%200%203.87.502%205.58%201.507a10.426%2010.426%200%200%201%203.913%203.914A10.818%2010.818%200%200%201%2023%2012c0%202.01-.502%203.87-1.507%205.58a10.426%2010.426%200%200%201-3.914%203.913A10.818%2010.818%200%200%201%2012%2023c-2.01%200-3.87-.502-5.58-1.507a10.623%2010.623%200%200%201-3.913-3.94A10.77%2010.77%200%200%201%201%2012c0-1.992.502-3.843%201.507-5.553a10.826%2010.826%200%200%201%203.94-3.94A10.77%2010.77%200%200%201%2012%201z%22%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2216.75%22%20r%3D%221.25%22%20fill%3D%22%23FFF%22%2F%3E%20%3Crect%20width%3D%222.5%22%20height%3D%227.5%22%20x%3D%2210.75%22%20y%3D%226.5%22%20fill%3D%22%23FFF%22%20rx%3D%221.25%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-icon--linkNewWindow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTMuMiA5Ljg3NXY4LjQ5OWwxMSAuMDAxVjIwLjVIMVY5Ljg3NWgyLjJ6TTIzIDMuNXYxMi43NUg1LjRWMy41SDIzem0tMi4yMDEgNC4yNUg3LjZ2Ni4zNzVoMTMuMTk5VjcuNzV6IiBmaWxsPSIjMDE2YmM0Ii8+PC9zdmc+);
}
.rn3-icon--linkNewWindow,
.rn3-icon--newWindow {
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-icon--newWindow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTMuMiA5Ljg3NXY4LjQ5OWwxMSAuMDAxVjIwLjVIMVY5Ljg3NWgyLjJ6TTIzIDMuNXYxMi43NUg1LjRWMy41SDIzem0tMi4yMDEgNC4yNUg3LjZ2Ni4zNzVoMTMuMTk5VjcuNzV6IiBmaWxsPSIjNjA2ZTg1Ii8+PC9zdmc+);
}
.rn3-icon--help {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIiB4PSIuNSIgeT0iLjUiIGZpbGw9IiNGRkYiIHN0cm9rZT0icmVkIiByeD0iNCIvPjxwYXRoIGZpbGw9InJlZCIgZD0iTTkuODUxIDE0LjY5N2gyLjQ5djIuNDE0aC0yLjQ5di0yLjQxNHpNNi44MDEgOC42OGMuMDY3LTEuNTg4LjYyMi0yLjcxMyAxLjY2My0zLjM3Ni42NTgtLjQyMyAxLjQ2NS0uNjM1IDIuNDIzLS42MzUgMS4yNTkgMCAyLjMwNS4zMDEgMy4xMzguOTAzLjgzMi42MDEgMS4yNDkgMS40OTMgMS4yNDkgMi42NzMgMCAuNzI1LS4xODEgMS4zMzQtLjU0MyAxLjgzLS4yMTIuMzAxLS42MTkuNjg1LTEuMjIgMS4xNTNsLS41OTQuNDZjLS4zMjMuMjUtLjUzNy41NDMtLjY0My44NzctLjA2Ny4yMTItLjEwMy41NC0uMTA4Ljk4Nkg5LjkxYy4wMzMtLjk0MS4xMjItMS41OTIuMjY3LTEuOTUxLjE0NS0uMzYuNTE4LS43NzMgMS4xMi0xLjI0bC42MS0uNDc3Yy4yLS4xNS4zNjItLjMxNS40ODQtLjQ5M2ExLjY4IDEuNjggMCAwMC4zMzQtMS4wMSAxLjk1IDEuOTUgMCAwMC0uMzcxLTEuMTU4Yy0uMjQ4LS4zNDgtLjctLjUyMi0xLjM1OC0uNTIyLS42NDYgMC0xLjEwNC4yMTQtMS4zNzUuNjQzLS4yNy40MjktLjQwNS44NzUtLjQwNSAxLjMzN0g2LjgwMnoiLz48L3N2Zz4=);
}
.rn3-icon--help,
.rn3-icon--likedSlide {
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-icon--likedSlide {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjAiIGhlaWdodD0iNTUiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMzUuMTc0IDE1Ljc5OGE2LjYxMiA2LjYxMiAwIDAxMS44MTYgNC4yNWMuMTA0IDIuMDQ3LS42MTYgMy40ODctMS4yNTQgNC41MTMtLjc0MyAxLjE5NS0yLjY5OCAzLjQ5LTQuNzUzIDUuNTg1QzI4LjQ3MyAzMi43MDQgMjYuNzk5IDM0IDI2LjAwOSAzNGMtLjMwOSAwLS44MzMtLjEzOC0yLjE0NS0xLjIyLS43OS0uNjUzLTEuNzctMS41NjYtMi44My0yLjY0MS0yLjA3Mi0yLjEwNS00LjAzNC00LjM5OS00Ljc3LTUuNTc4LS45NDgtMS41Mi0xLjMzNC0yLjkxMy0xLjI1NC00LjUxM2E2LjYwNiA2LjYwNiAwIDAxMS44MTctNC4yNUMxNy45MzkgMTQuNjM4IDE5LjM5NSAxNCAyMC45MjQgMTRjMi4zNzMgMCA0LjAzIDEuMzMyIDQuODI1IDEuOTcxLjA4Ny4wNy4xODYuMTUuMjY0LjIxLjEtLjA3LjIzMy0uMTczLjM1LS4yNjMuODctLjY3IDIuNDktMS45MTggNC43MTUtMS45MTggMS41MjggMCAyLjk4My42MzcgNC4wOTYgMS43OTh6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI0ZGMDAwNSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMCA0OFYwaDYwbC03Ljg5NSAyMy43NjZMNjAgNDh6Ii8+PHBhdGggZmlsbD0iI0M5MTAxNCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMCA0OGw3IDd2LTd6Ii8+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIvPjwvZz48L3N2Zz4=);
}
.rn3-icon--offer {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2FhYSIgZD0iTTIxLjI2NyA3LjYwN2wtNi40MTggNS45NGMtLjgwNS43NDYtMS44NjMgMS4xMTgtMi45MjEgMS4xMTgtMS4wNiAwLTIuMTE3LS4zNzItMi45MjItMS4xMTdMMi41ODggNy42MDdDMiA3LjA1MiAxLjU2IDYuMzQ1IDIuMSA1LjgwN2MuNTQtLjUzOSAxLjE1OS0uMjg5IDEuNDE0LS4wNTVsNi4zNDYgNS44NzJjMS4xNCAxLjA1NSAyLjk5NSAxLjA1NSA0LjEzMyAwbDYuNDItNS45NGMuNC0uNDU3IDEuMDQ0LS4zIDEuMzcgMCAuMzI0LjI5OC40NjguOTI0LS4xMDMgMS41MjZsLS40MTMuMzk3ek0yMS45MTIgM0gyLjA5QTIuMDkzIDIuMDkzIDAgMDAwIDUuMDk4djEzLjQ4OGMwIDEuMTU4Ljk0MiAyLjA5OCAyLjA4OSAyLjA5OGgxOS44MjNBMi4wOTIgMi4wOTIgMCAwMDI0IDE4LjU4NlY1LjA5OEMyNCAzLjkzOSAyMy4wNiAzIDIxLjkxMiAzIi8+PC9zdmc+);
}
.rn3-icon--calendar,
.rn3-icon--offer {
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-icon--calendar {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjMgOC44MjJ2MTEuNDQ1YTIgMiAwIDAxLTIgMkgzYTIgMiAwIDAxLTItMlY4LjgyMmgyMnpNNy4zMjIgMTYuMTU2SDQuNDU2YS40LjQgMCAwMC0uNC40djIuMTMzYzAgLjIyLjE3OS40LjQuNGgyLjg2NmEuNC40IDAgMDAuNC0uNHYtMi4xMzNhLjQuNCAwIDAwLS40LS40em02LjExMSAwaC0yLjg2NmEuNC40IDAgMDAtLjQuNHYyLjEzM2MwIC4yMi4xNzkuNC40LjRoMi44NjZhLjQuNCAwIDAwLjQtLjR2LTIuMTMzYS40LjQgMCAwMC0uNC0uNHptNi4xMTEgMGgtMi44NjZhLjQuNCAwIDAwLS40LjR2Mi4xMzNjMCAuMjIuMTc5LjQuNC40aDIuODY2YS40LjQgMCAwMC40LS40di0yLjEzM2EuNC40IDAgMDAtLjQtLjR6bS0xMi4yMjItNC44OUg0LjQ1NmEuNC40IDAgMDAtLjQuNFYxMy44YzAgLjIyLjE3OS40LjQuNGgyLjg2NmEuNC40IDAgMDAuNC0uNHYtMi4xMzNhLjQuNCAwIDAwLS40LS40em02LjExMSAwaC0yLjg2NmEuNC40IDAgMDAtLjQuNFYxMy44YzAgLjIyLjE3OS40LjQuNGgyLjg2NmEuNC40IDAgMDAuNC0uNHYtMi4xMzNhLjQuNCAwIDAwLS40LS40em02LjExMSAwaC0yLjg2NmEuNC40IDAgMDAtLjQuNFYxMy44YzAgLjIyLjE3OS40LjQuNGgyLjg2NmEuNC40IDAgMDAuNC0uNHYtMi4xMzNhLjQuNCAwIDAwLS40LS40ek02LjMxMSAxYS44LjggMCAwMS44Ljh2LjkxMWg4LjU1NVYxLjhhLjguOCAwIDAxLjgtLjhoLjg0NWEuOC44IDAgMDEuOC44di45MTFIMjEuNWExLjUgMS41IDAgMDExLjUgMS41VjcuNkgxVjQuMjExYTEuNSAxLjUgMCAwMTEuNS0xLjVoMi4xNjZWMS44YS44LjggMCAwMS44LS44aC44NDV6Ii8+PC9zdmc+);
}
.rn3-icon--exclamation {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABmxJREFUaAXtWmtsFFUUvjOzj+52d1vow9I2oS/KywJRiBgwKCrBKD8UW4EoGvwhasIPEpCQgkobRCmIDSUgSeXZhrZUEAIFUbFQKm0JNFCEClREoHYx7C77mt2dGecu3unM7uzsnd1aJGGTzT1zznfOvd/cu+e+FoBHnwf7BoiBqv7exq9LmJ7fFzB2+3DWbk9l79rMbJ9VBziOI9PSaDI5yUFazH2kwdgNSLJySNW65oGoOy4Cjg1V7zJXe97zne+aEPjjhlZNg6jMTLe2sKAVaDUVKVsqm9T4irExEeDf9hz6ZMtGuu1MijhYrLJ2zKhrlNnyZkptdavaGKoIuLdUP+Vt66jxNrfkcQyjti5FPEGSnG5CUTvl9pQMOdR4XREsMmITcFR8tdRdU/cZY7OTIv8BFymL2a8pyC1ObajZjxMci4CtdFW9u65xNhcIYOFxKlbCEBoNp318THlaY81KJRy0KTaITyDE3Q8Xd3qavi+KFui/sGtHjWxMP7R3tlJsxeFgX7qi6UE1Hjbaf+nya9aZr65VIhCxB+xln5e7tu1aDntBKYCcjc8qIOGF54AmNweQiUYQ6LkOfGfPAe/RHwHHsnIuEXUEQXCanOFz0384uEcOJNs4x/rKWa5tu/ezTpesXS4Q1FHDMkDSymUgYcbzspBA9xVgL1sD6FOnZe2RlKTREABacvyws6cvhmJkhxB9onWH2sbzMy1I3bM9YuNhxZrCApBSvRnoJ08KbYfiM+v2aAiTpUEOFEbAXv7FSl/n+WQ5sJLOvOh9QGVlKkHu27QakFS2IjouBMHcvD26d9K0WSFqICEAly3e4yeWhYJwng0vz8SBBTGavFygHVmIjReAFLk59DcpIeD4uHx94FqPQXDAFAiKAmSqulUFlZmBGb0fxvRZM/uenDqvXwOkPeDvvvq62IgrB5cV/gAuPIjjPB5VeAFsMn0gyLwg9ABXVWfyd13EGMRi936ZsVr7HzAkpvcvDFQ4hK9nIje2WIcsAgG79coi1uVWlTZREFj6L4RlOLFZInMOB2Cu35DocB842qe7TXc/i/ACAfbWrWKkjKX0/dKO7Uaf7oD7HGx8KJDKyngb6QQCjM2h/leFovCl5/BRADBnWc/BwyJP9SLPfQTyEghwTmciUsZS8hkC0M0tUV05lxt4jx2PilME+P1CyusnYHckKDphGN2N30VFefme4rzeqDglAOelhyC7QIC12TVIGWvpPcYv1vgfqNLHvf+gkhnP5vGYEFAgoLwzQHDlks8QwLl1W0SQ/3wX8LW2RbTjGjg+BSCsQIBMTlY3E6EIIaWzeidgb8vneMeadXFlH1QVYTA6kSwQICzm+AbmvxHh+Ob3zyi+UNI/NQNaRaoVHGUEIkFvQ2ph3BMmk4tXmpEhntK97wAg+I2M4ZWZgDAagf/Xy8CxuiKekFJfrfZvpBAIUMmWXl4Z11yAgsLStXtP8CvWDZRMEOA3FEsYQmR2dj1S/t9L5mbvdtRGoQeSUvIqPYnG8njWQygoLA0vzeB3Z9ODQ8jHLx1cu2oB5/OLITHJhF7nG0bmHwegM+gvWbzdmfPOn3RbR1ZMkUVOSZ8sB4lvzRVp+MUen0LvvDEfwFQbz0eTnXXqseYjU1AMYQhBhbYwX3bficA4pX7iE2GND8YuGgtMC4Q1GE4oeYzTuUlskBCwfFq6WJOfF+NO435Y3ZTJ4vgSWa9gkwAjPFDpabfSz5ysEZslBPgzGDZh2tQ1YoBquX+SDHdVsoWjwzUMuxCeE4kNEgLQkFS6dJVufJEwUYjBODLdEvmEXMkWLTaVnXkpo/3nA6G4MAIQoH/m6fmkKVHCNNQx0rPvzDng+mZnmNl/thM4q3eE6XEU8GCLu2eXPSOVZCFxsHiOFmEcw4vTQQL/hTNyMI3W1AH+dFtcBZYcPFrMzZmTfuxAnZxDRAIQbFtSesS1d98MOcfB0ukKR1SkNX27JFJ9igTgIdJDfbwOu2/opi/HJc4raYCXDpHewkDrYV26CePKot0NwHoVe0DcMMfaDR+5a+tXD8oVU35OSere2n3i+iPJ2ARggIf6kk/8BoLXrCdOVdHtHUPF+lhl7Wj+mtUyCNesoQ0MXnRf6Vnou9A1PqaL7oK8VqDXDf5FdygRmK2cVVuLg381uGsbzt5zyP/VwGy2kkbj5YH8q0FoWx49D/Yb+AdPjlleOI/rGgAAAABJRU5ErkJggg==");
  background-size: 100%;
  background-repeat: no-repeat;
}
.is-disabled > .rn3-icon--consider {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzk3OWZhOCIgZD0iTTIxLjE3NCAzLjc5OGE2LjYxMiA2LjYxMiAwIDAxMS44MTYgNC4yNWMuMTA0IDIuMDQ3LS42MTYgMy40ODctMS4yNTQgNC41MTMtLjc0MyAxLjE5NS0yLjY5OCAzLjQ5LTQuNzUzIDUuNTg1QzE0LjQ3MyAyMC43MDQgMTIuNzk5IDIyIDEyLjAwOSAyMmMtLjMwOSAwLS44MzMtLjEzOC0yLjE0NS0xLjIyLS43OS0uNjUzLTEuNzctMS41NjYtMi44My0yLjY0MUM0Ljk2MyAxNi4wMzQgMyAxMy43NCAyLjI2NSAxMi41NiAxLjMxNiAxMS4wNDEuOTMgOS42NDggMS4wMSA4LjA0OGE2LjYwNiA2LjYwNiAwIDAxMS44MTctNC4yNUMzLjkzOSAyLjYzOCA1LjM5NSAyIDYuOTI0IDJjMi4zNzMgMCA0LjAzIDEuMzMyIDQuODI1IDEuOTcxLjA4Ny4wNy4xODYuMTUuMjY0LjIxLjEtLjA3LjIzMy0uMTczLjM1LS4yNjMuODctLjY3IDIuNDktMS45MTggNC43MTUtMS45MTggMS41MjggMCAyLjk4My42MzcgNC4wOTYgMS43OTh6Ii8+PC9zdmc+");
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(36deg);
  }
  20% {
    transform: rotate(72deg);
  }
  30% {
    transform: rotate(108deg);
  }
  40% {
    transform: rotate(144deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(216deg);
  }
  70% {
    transform: rotate(252deg);
  }
  80% {
    transform: rotate(288deg);
  }
  90% {
    transform: rotate(324deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(36deg);
  }
  20% {
    transform: rotate(72deg);
  }
  30% {
    transform: rotate(108deg);
  }
  40% {
    transform: rotate(144deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(216deg);
  }
  70% {
    transform: rotate(252deg);
  }
  80% {
    transform: rotate(288deg);
  }
  90% {
    transform: rotate(324deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.kininaruSpinner {
  position: relative;
  display: block;
  text-align: center;
}
.kininaruSpinner:after {
  content: "\00a0";
}
.kininaruSpinner > svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: visible;
  -webkit-animation: spin 1s step-start infinite;
  animation: spin 1s step-start infinite;
}
.kininaruSpinner > svg > * {
  transform: translateZ(0);
  transform-origin: center;
  fill: rgba(96, 110, 133, 0.2);
}
.kininaruSpinner > svg > :first-child {
  fill: #606e85;
  transform: scale(1.05);
}
.rn3-jobCard {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  transition: color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
}
.rn3-jobCard:hover {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
}
.rn3-jobCard:nth-child(4n) {
  margin-right: 0;
}
.rn3-jobCard__link {
  color: #606e85;
  transition: color 0.2s ease;
}
.rn3-jobCard__link:hover {
  color: #8b98ad;
}
.rn3-jobCard__link:hover .rn3-jobCard__feature {
  opacity: 0.8;
}
.rn3-jobCard__flag {
  display: inline-block;
  width: 36px;
  height: 40px;
  position: absolute;
  top: -4px;
  left: 10px;
  z-index: 1;
  transform: translateZ(1px);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAzMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkYwMDA1IiBkPSJNMCAwaDI0djMwbC0xMi0zLjk0N0wwIDMweiIvPjxwYXRoIGZpbGw9IiNDOTEwMTQiIGQ9Ik0yNCAwbDMgM2gtM3oiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDcpIj48bWFzayBpZD0iYSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTEyLjM1MSAyLjIxNWEzLjg1NyAzLjg1NyAwIDAxMS4wNiAyLjQ4Yy4wNiAxLjE5NC0uMzYgMi4wMzMtLjczMiAyLjYzMi0uNDMzLjY5Ny0xLjU3MyAyLjAzNi0yLjc3MiAzLjI1OC0xLjQ2NSAxLjQ5Mi0yLjQ0MSAyLjI0OC0yLjkwMiAyLjI0OC0uMTggMC0uNDg2LS4wOC0xLjI1LS43MTFhMjMuMDYgMjMuMDYgMCAwMS0xLjY1MS0xLjU0MUMyLjg5NCA5LjM1MyAxLjc1IDguMDE1IDEuMzIgNy4zMjcuNzY4IDYuNDQuNTQyIDUuNjI4LjU4OSA0LjY5NWEzLjg1MyAzLjg1MyAwIDAxMS4wNi0yLjQ4Yy42NDktLjY3NiAxLjQ5OC0xLjA0OCAyLjM5LTEuMDQ4IDEuMzg0IDAgMi4zNS43NzYgMi44MTUgMS4xNS4wNS4wNC4xMDguMDg3LjE1NC4xMjIuMDU4LS4wNDEuMTM2LS4xMDEuMjAzLS4xNTQuNTA4LS4zOSAxLjQ1NC0xLjExOCAyLjc1MS0xLjExOC44OTEgMCAxLjc0LjM3MSAyLjM5IDEuMDQ4eiIvPjwvbWFzaz48ZyBmaWxsPSIjRkZGIiBtYXNrPSJ1cmwoI2EpIj48cGF0aCBkPSJNMCAwaDE0djE0SDB6Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-jobCard__feature {
  background-color: #e7ebf2;
  position: relative;
  width: 100%;
  border-radius: 12px 12px 0 0;
  transition: opacity 0.2s ease;
}
.rn3-jobCard__feature:before {
  content: "";
  display: block;
  padding-top: 135px;
}
.rn3-jobCard__featureThumb {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 225px;
  height: 135px;
  overflow: hidden;
  background-image: url(/rnc/parts/img/components/modules/img_no_image_white.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
}
.rn3-jobCard__featureThumbImg {
  display: block;
  height: 100%;
  width: auto;
  margin: auto;
}
.rn3-jobCard__badge {
  border-radius: 15px;
  box-shadow: 0 0 0 2px #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px;
  position: absolute;
  right: 12px;
  bottom: -8px;
  background-color: red;
  color: #fff;
  line-height: 1;
  z-index: 1;
}
.rn3-jobCard__badge--blue {
  background-color: #2e7fcf;
}
.rn3-jobCard__content {
  padding: 10px 10px 65px;
}
.rn3-jobCard__contentItem {
  display: flex;
  display: -ms-flexbox;
  min-width: 0;
  margin-top: 6px;
}
.rn3-jobCard__contentItem + .rn3-jobCard__contentItem {
  margin-top: 5px;
}
.rn3-jobCard__contentItemText {
  display: block;
  min-width: 0;
  font-size: 12px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  height: 18px;
}
.rn3-jobCard__contentItemText:not(:first-child) {
  margin-left: 10px;
}
.rn3-jobCard__contentHeading {
  height: 40px;
  font-size: 13px;
  font-weight: 700;
  word-break: break-all;
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 3em;
  text-align: justify;
  padding-right: 1em;
}
.rn3-jobCard__contentHeading:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
}
.rn3-jobCard__contentHeading:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 2.5em;
  margin-top: 0.2em;
  background: #fff;
  transition: all 0.2s ease;
}
.rn3-jobCard__contentHeading
  + .rn3-jobCard__contentItem
  .rn3-jobCard__contentItemText {
  margin: 0;
  font-size: 12px;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 18px;
}
.rn3-jobCard__contentHeading--m {
  font-size: 14px;
}
.rn3-jobCard__buttonGroup {
  width: calc(100% - 20px);
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  margin: auto;
}
.rn3-jobCard .rn3-button {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.rn3-jobCard .rn3-button .rn3-button__consider,
.rn3-jobCard .rn3-button .rn3-icon--consider {
  transition: background-image 0.2s ease;
}
@-webkit-keyframes content-fade-in-sideMenu {
  0% {
    display: none;
    visibility: visible;
    opacity: 0;
  }
  1% {
    display: block;
    visibility: visible;
    opacity: 0;
  }
  to {
    display: block;
    visibility: hidden;
    opacity: 1;
  }
}
@keyframes content-fade-in-sideMenu {
  0% {
    display: none;
    visibility: visible;
    opacity: 0;
  }
  1% {
    display: block;
    visibility: visible;
    opacity: 0;
  }
  to {
    display: block;
    visibility: hidden;
    opacity: 1;
  }
}
@-webkit-keyframes content-fade-out-sideMenu {
  0% {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  99% {
    display: block;
    visibility: visible;
    opacity: 0;
  }
  to {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes content-fade-out-sideMenu {
  0% {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  99% {
    display: block;
    visibility: visible;
    opacity: 0;
  }
  to {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}
@-webkit-keyframes content-scaleY {
  0% {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes content-scaleY {
  0% {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@-webkit-keyframes content-fade-in-comment {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes content-fade-in-comment {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
@-webkit-keyframes content-fade-in-icon {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 0.85;
  }
}
@keyframes content-fade-in-icon {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 0.85;
  }
}
@-webkit-keyframes content-fade-out-comment {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes content-fade-out-comment {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: hidden;
    opacity: 0;
  }
}
@-webkit-keyframes content-fade-out-icon {
  0% {
    visibility: visible;
    opacity: 0.85;
  }
  99% {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes content-fade-out-icon {
  0% {
    visibility: visible;
    opacity: 0.85;
  }
  99% {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: hidden;
    opacity: 0;
  }
}
.rn3-companyOfferBreadcrumbs {
  margin-top: 15px;
}
.rn3-companyOfferBreadcrumbs__item {
  display: inline-block;
}
.rn3-companyOfferBreadcrumbs__item:not(:first-child):before {
  content: ">";
}
.rn3-companyOfferBreadcrumbs__link {
  display: inline-block;
  color: #606e85;
}
.rn3-companyOfferBreadcrumbs__link:hover {
  color: #8b98ad;
}
.rn3-companyOfferInfo {
  margin-top: 30px;
  padding: 25px 22px;
  border-radius: 10px;
  position: relative;
}
.rn3-companyOfferInfo .rn3-icon {
  position: absolute;
  top: 7px;
  left: -6px;
  width: 60px;
  height: 55px;
}
.rn3-companyOfferInfo__message {
  display: inline-block;
}
.rn3-companyOfferInfo__messageHead {
  font-size: 18px;
  font-weight: 700;
}
.rn3-companyOfferInfo__messageLabel {
  display: inline-block;
  margin: 0 5px;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 13px;
  font-size: 16px;
  line-height: 1;
}
.rn3-companyOfferInfo__messageDescription {
  font-size: 14px;
  margin-top: 5px;
}
.rn3-companyOfferInfo__messageText {
  margin: 25px 50px 0 0;
  font-size: 14px;
  font-weight: 400;
}
.rn3-companyOfferInfo--mutual {
  background-color: #ffe4df;
}
.rn3-companyOfferInfo--mutual .rn3-companyOfferInfo__message {
  padding-left: 55px;
}
.rn3-companyOfferInfo--mutual .rn3-companyOfferInfo__messageLabel--entry {
  color: #f04f3b;
}
.rn3-companyOfferInfo--mutual .rn3-companyOfferInfo__messageLabel--interview {
  color: #25af8e;
  margin-left: 0;
}
.rn3-companyOfferInfo--unilateral {
  background-color: #e3f7f5;
}
.rn3-companyOfferInfo--unilateral .rn3-companyOfferInfo__messageLabel--entry {
  color: #25af8e;
}
.rn3-companyOfferInfo--unilateral
  .rn3-companyOfferInfo__messageLabel--interview {
  color: #f04f3b;
  margin-left: 0;
}
.rn3-companyOfferNote {
  margin-top: 15px;
}
.rn3-companyOfferNote__inner {
  position: relative;
  padding: 14px 15px;
  background-color: #ffeef3;
  border-radius: 8px;
}
.rn3-companyOfferNote__inner .rn3-icon {
  width: 22px;
  height: 22px;
}
.rn3-companyOfferNote__lead {
  font-size: 14px;
  color: red;
}
.rn3-companyOfferNote .rnn-note__desc {
  display: block;
  padding-top: 16px;
  margin-right: 10px;
  width: 35px;
  opacity: 0;
  position: absolute;
  right: -17px;
  z-index: 1;
}
.rn3-companyOfferNote .rnn-note__desc:before {
  content: "";
  opacity: 0.85;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  right: 11px;
  border-radius: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAgMTAiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAwaDEwdjEwSDB6Ii8+PHBhdGggaWQ9ImQiIGQ9Ik02Ljc4OSAzLjU3OEwxMCAxMEgwbDMuMjExLTYuNDIyYTIgMiAwIDAxMy41NzggMHoiLz48ZmlsdGVyIGlkPSJjIiB3aWR0aD0iNzQwJSIgaGVpZ2h0PSI3MTUuMyUiIHg9Ii0zMjAlIiB5PSItMjU1LjMlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxmZU9mZnNldCBkeT0iNCIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMTAiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjYikiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTApIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNjKSIgeGxpbms6aHJlZj0iI2QiLz48dXNlIGZpbGw9IiM2MDZFODUiIHhsaW5rOmhyZWY9IiNkIi8+PC9nPjwvZz48L3N2Zz4=);
  transform: rotate(180deg);
}
.rn3-companyOfferNote .rnn-note__desc .rnn-icon {
  display: none;
}
.rn3-companyOfferNote .rnn-note__desc p {
  display: none;
  width: 342px;
  padding: 10px;
  position: absolute;
  right: -10px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background-color: rgba(96, 110, 133, 0.85);
  border-radius: 10px;
  cursor: default;
}
.rn3-companyOfferNote__help {
  position: absolute;
  top: 12px;
  right: 17px;
  cursor: pointer;
}
.rn3-companyOfferNote__help .rnn-note__desc {
  opacity: 1;
}
.rn3-companyOfferNote__help .rnn-note__desc:before {
  -webkit-animation: content-fade-out-icon 0.2s ease-out;
  animation: content-fade-out-icon 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
}
.rn3-companyOfferNote__help .rnn-note__desc p {
  display: block;
  -webkit-animation: content-fade-out-comment 0.2s ease;
  animation: content-fade-out-comment 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
.rn3-companyOfferNote__help:hover .rnn-note__desc:before {
  -webkit-animation: content-fade-in-icon 0.2s ease;
  animation: content-fade-in-icon 0.2s ease;
  opacity: 0.85;
  visibility: visible;
}
.rn3-companyOfferNote__help:hover .rnn-note__desc p {
  -webkit-animation: content-fade-in-comment 0.2s ease;
  animation: content-fade-in-comment 0.2s ease;
  opacity: 1;
  visibility: visible;
}
.rn3-companyOfferBalloonKininaru {
  width: 180px;
  position: absolute;
  z-index: 2;
  left: -155px;
  top: 4px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.rn3-companyOfferBalloonKininaru.is-show {
  opacity: 1;
  left: -195px;
}
.rn3-companyOfferBalloonKininaru__inner {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  padding: 7px 10px;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background-color: #fa8da9;
  box-shadow: 0 2px 10px 0 rgba(220, 80, 80, 0.3);
}
.rn3-companyOfferBalloonKininaru__inner:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 20px;
  right: -13px;
  border-radius: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAgMTAiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAwaDEwdjEwSDB6Ii8+PHBhdGggaWQ9ImQiIGQ9Ik02Ljc4OSAzLjU3OEwxMCAxMEgwbDMuMjExLTYuNDIyYTIgMiAwIDAxMy41NzggMHoiLz48ZmlsdGVyIGlkPSJjIiB3aWR0aD0iNzQwJSIgaGVpZ2h0PSI3MTUuMyUiIHg9Ii0zMjAlIiB5PSItMjU1LjMlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxmZU9mZnNldCBkeT0iNCIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMTAiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjYikiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTApIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNjKSIgeGxpbms6aHJlZj0iI2QiLz48dXNlIGZpbGw9IiNmYThkYTkiIHhsaW5rOmhyZWY9IiNkIi8+PC9nPjwvZz48L3N2Zz4=);
  transform: rotate(-90deg);
}
.rn3-companyOfferBalloonApply__wrapper {
  width: 189px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 18px;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  height: 50px;
}
.rn3-companyOfferBalloonApply__wrapper.is-show {
  opacity: 1;
  top: -50px;
}
.rn3-companyOfferBalloonApply__wrapper--offer {
  width: 280px;
  left: -27.5px;
}
.rn3-companyOfferBalloonApply__wrapper--offer.is-show {
  opacity: 1;
  top: -65px;
}
.rn3-companyOfferBalloonApply__wrapper--offer.is-showBalloon {
  opacity: 1;
  top: -85px;
}
.rn3-companyOfferBalloonApply__inner {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  padding: 7px 10px;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background-color: #fa8da9;
  box-shadow: 0 2px 10px 0 rgba(220, 80, 80, 0.3);
}
.rn3-companyOfferBalloonApply__inner:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: calc(50% - 5px);
  bottom: -13px;
  border-radius: 3px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAgMTAiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAwaDEwdjEwSDB6Ii8+PHBhdGggaWQ9ImQiIGQ9Ik02Ljc4OSAzLjU3OEwxMCAxMEgwbDMuMjExLTYuNDIyYTIgMiAwIDAxMy41NzggMHoiLz48ZmlsdGVyIGlkPSJjIiB3aWR0aD0iNzQwJSIgaGVpZ2h0PSI3MTUuMyUiIHg9Ii0zMjAlIiB5PSItMjU1LjMlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxmZU9mZnNldCBkeT0iNCIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMTAiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjYikiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTApIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNjKSIgeGxpbms6aHJlZj0iI2QiLz48dXNlIGZpbGw9IiNmYThkYTkiIHhsaW5rOmhyZWY9IiNkIi8+PC9nPjwvZz48L3N2Zz4=);
}
.rn3-companyOfferBalloonApply__inner--offer {
  text-align: left;
}
.rn3-companyOfferHeadBottom {
  border-bottom: 1px solid #d2d7e1;
}
.rn3-companyOfferHeadWrapper {
  position: relative;
}
.rn3-companyOffer {
  padding-bottom: 60px;
}
.rn3-companyOffer__mpSummary .rn3-summary {
  margin-top: 25px;
  padding: 15px;
  border: 1px solid #d2d7e1;
  border-radius: 8px;
}
.rn3-companyOffer__mpSummary .rn3-summary__item {
  display: flex;
  align-items: center;
}
.rn3-companyOffer__mpSummary .rn3-summary__item:not(:first-child) {
  margin-top: 10px;
}
.rn3-companyOffer__mpSummary .rn3-summary__icon {
  width: 18px;
  min-width: 18px;
  margin-right: 5px;
}
.rn3-companyOffer__mpSummary .rn3-summary__lead {
  width: 80px;
  min-width: 80px;
  margin-right: 10px;
  line-height: 1.285;
  font-size: 14px;
  font-weight: 700;
}
.rn3-companyOffer__mpSummary .rn3-summary__text {
  line-height: 1.285;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rn3-companyOffer__mpContent {
  font-size: 14px;
}
.rn3-companyOfferHeader {
  margin-top: 30px;
}
.rn3-companyOfferHeader__main {
  overflow: hidden;
}
.rn3-companyOfferHeader__heading {
  font-size: 26px;
  font-weight: 700;
}
.rn3-companyOfferHeader .rn3-tag {
  margin: 5px 5px 0 0;
}
.rn3-companyOfferHeader__thumb {
  float: right;
  margin-left: 20px;
  width: 170px;
  height: 115px;
  position: relative;
}
.rn3-companyOfferHeader__thumbInner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  text-align: center;
  max-height: 107px;
}
.rn3-companyOfferHeader__thumbInnerImage {
  height: 100%;
  width: auto;
  margin: 0 auto;
  display: block;
  max-width: 100%;
  padding: 5px;
  border: 1px solid #e1e1e1;
}
.rn3-companyOfferHeader__text {
  margin-top: 10px;
  font-size: 14px;
}
.rn3-companyOfferHeader__companyLink {
  margin-left: 5px;
  color: #016bc4;
}
.rn3-companyOfferHeader__companyLink .rn3-icon {
  width: 15px;
  height: 15px;
  margin-top: 2px;
}
.rn3-companyOfferHeader__companyLink:hover .rn3-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzdjYWZmNCIgZD0iTTMuMiA5Ljg3NXY4LjQ5OWwxMSAuMDAxVjIwLjVIMVY5Ljg3NWgyLjJ6TTIzIDMuNXYxMi43NUg1LjRWMy41SDIzem0tMi4yMDEgNC4yNUg3LjZ2Ni4zNzVoMTMuMTk5VjcuNzV6Ii8+PC9zdmc+);
}
.rn3-companyOfferHeader__bottom {
  position: relative;
}
.rn3-companyOfferHeader__dateGroup {
  margin-top: 5px;
  min-height: 35px;
}
.rn3-companyOfferHeader__dateGroup--margin {
  margin-top: 31px;
}
.rn3-companyOfferHeader__deadlineGroup {
  position: relative;
  font-size: 18px;
  font-weight: 700;
}
.rn3-companyOfferHeader__deadlineGroup--barely {
  padding: 10px 0 2px;
}
.rn3-companyOfferHeader__deadlineText {
  padding-left: 25px;
}
.rn3-companyOfferHeader__deadlineText--barely {
  padding-left: 24px;
  color: red;
}
.rn3-companyOfferHeader__deadlineIcon {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 13px;
  left: 0;
}
.rn3-companyOfferHeader__deadline--emphasisNum {
  font-size: 26px;
  color: red;
}
.rn3-companyOfferHeader__deadline--emphasis {
  color: red;
}
.rn3-companyOfferHeader__period {
  font-size: 14px;
}
.rn3-companyOfferTabMenu {
  margin-top: 30px;
  text-align: left;
}
.rn3-companyOfferTabMenu__tabGroup {
  display: inline-block;
}
.rn3-companyOfferTabMenu__nav {
  text-align: left;
}
.rn3-companyOfferTabMenu__navItem {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
}
.rn3-companyOfferTabMenu__navItemLink {
  display: inline-block;
  max-width: 220px;
  white-space: nowrap;
  word-break: break-all;
  color: #606e85;
}
.rn3-companyOfferTabMenu__navItemLink--icon {
  margin-top: 2px;
}
.rn3-companyOfferTabMenu__navItemLink:hover {
  color: red;
  transition: all 0.2s ease;
}
.rn3-companyOfferTabMenu__navItemLink:hover
  .rn3-companyOfferTabMenu__navItemLink--icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTMuMiA5Ljg3NXY4LjQ5OWwxMSAuMDAxVjIwLjVIMVY5Ljg3NWgyLjJ6TTIzIDMuNXYxMi43NUg1LjRWMy41SDIzem0tMi4yMDEgNC4yNUg3LjZ2Ni4zNzVoMTMuMTk5VjcuNzV6IiBmaWxsPSJyZWQiLz48L3N2Zz4=);
}
.rn3-companyOfferTabMenu__navItem.is-left {
  position: absolute;
  right: 210px;
  bottom: 10px;
}
.rn3-companyOfferTabMenu__navItem.is-right {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.rn3-companyOfferTabMenu__navItem.rn3-companyOfferTabMenu__buttonWrapper--position {
  bottom: 20px;
  margin-right: 10px;
}
.rn3-companyOfferTabMenu__navItem:nth-child(5).is-left,
.rn3-companyOfferTabMenu__navItem:nth-child(6).is-left,
.rn3-companyOfferTabMenu__navItem:nth-child(6).is-right,
.rn3-companyOfferTabMenu__navItem:nth-child(7).is-right {
  top: 20px;
  height: 44px;
}
.rn3-companyOfferTabMenu__navItemText {
  display: block;
  margin: 0 5px;
  padding: 15px 25px 10px;
}
.rn3-companyOfferTabMenu__navItemText:hover {
  color: red;
}
.rn3-companyOfferTabMenu__navItemText--seminar:hover {
  border-color: #b2b2b2;
}
.rn3-companyOfferTabMenu__navItem .is-current {
  color: red;
  border-bottom: 2px solid red;
}
.rn3-companyOfferTabMenu__buttonWrapper {
  width: 200px;
  display: inline-block;
}
.rn3-companyOfferTabMenu__buttonWrapper:not(:first-child) {
  margin-left: 10px;
}
.rn3-companyOfferTabMenu__buttonWrapper .rn3-button {
  height: 44px;
  padding: 14px 0;
  font-size: 14px;
  font-weight: 700;
}
.rn3-companyOfferTabMenu__entryUpperAppeal {
  width: 430px;
  height: 110px;
  background-color: #ffeef3;
  position: absolute;
  right: 0;
  bottom: 10px;
  border-radius: 8px;
  text-align: center;
  padding-top: 10px;
}
.rn3-companyOfferTabMenu__entryUpperAppealText {
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
}
.rn3-companyOfferTabMenu__entryUpperAppealText--attention {
  color: red;
}
.rn3-companyOfferAnchorMenuTop {
  border-bottom: 1px solid;
  border-color: #d2d7e1;
  clear: both;
  transition: all 0.2s ease;
}
.rn3-companyOfferAnchorMenuTop__inner {
  padding: 15px 0;
}
.rn3-companyOfferAnchorMenuTop__list {
  position: relative;
  display: inline-block;
  margin-right: 25px;
  font-size: 14px;
}
.rn3-companyOfferAnchorMenuTop__link {
  color: #606e85;
  cursor: pointer;
}
.rn3-companyOfferAnchorMenuTop__link:after {
  content: "";
  display: inline-block;
  margin-top: -3px;
  width: 15px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzYwNmU4NSIgZD0iTTkuMjU4IDE3LjUwOGw1LjUxMy01LjUwNC01LjUxMy01LjUwM2EuODc0Ljg3NCAwIDAxMC0xLjI0My44NzguODc4IDAgMDExLjI0NiAwbDYuMTMyIDYuMTE5YS44NzYuODc2IDAgMDEuMjU4LjYyNi44OC44OCAwIDAxLS4yNTkuNjNsLTYuMTMxIDYuMTE3YS45MDYuOTA2IDAgMDEtMS4yNDcgMEEuODczLjg3MyAwIDAxOSAxOC4xMjlhLjg3NC44NzQgMCAwMS4yNTgtLjYyMnoiLz48L3N2Zz4=");
  background-size: 100%;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  vertical-align: middle;
}
.rn3-companyOfferAnchorMenuTop__link:hover {
  color: red;
}
.rn3-companyOfferAnchorMenuTop__link:hover:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0icmVkIiBkPSJNOS4yNTggMTcuNTA4bDUuNTEzLTUuNTA0LTUuNTEzLTUuNTAzYS44NzQuODc0IDAgMDEwLTEuMjQzLjg3OC44NzggMCAwMTEuMjQ2IDBsNi4xMzIgNi4xMTlhLjg3Ni44NzYgMCAwMS4yNTguNjI2Ljg4Ljg4IDAgMDEtLjI1OS42M2wtNi4xMzEgNi4xMTdhLjkwNi45MDYgMCAwMS0xLjI0NyAwQS44NzMuODczIDAgMDE5IDE4LjEyOWEuODc0Ljg3NCAwIDAxLjI1OC0uNjIyeiIvPjwvc3ZnPg==");
}
.rn3-companyOfferContent {
  position: relative;
  font-size: 0;
}
.rn3-companyOfferContent__snsButton {
  display: flex;
  display: -ms-flexbox;
  margin-top: 40px;
  position: absolute;
  right: -25px;
}
.rn3-companyOfferContent__snsButtonItem {
  font-size: 14px;
}
.rn3-companyOfferContent__snsButtonItem:not(:first-child) {
  padding-left: 5px;
}
.rn3-companyOfferContent__snsButton--under {
  margin-top: -20px;
}
.rn3-companyOfferContent__section {
  padding-top: 60px;
}
.rn3-companyOfferContent__section--first {
  padding-top: 40px;
}
.rn3-companyOfferContent__heading {
  font-size: 20px;
  font-weight: 700;
}
.rn3-companyOfferContent__inner {
  display: block;
  width: 730px;
}
.rn3-companyOfferContent__buttonGroupWrapper {
  border-bottom: 1px solid #e7ebf2;
}
.rn3-companyOfferContent__buttonGroup {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 0;
  padding-bottom: 30px;
}
.rn3-companyOfferContent__buttonGroupUnder {
  padding-bottom: 0;
  border-bottom: none;
}
.rn3-companyOfferContent__buttonGroup--balloonApplyArea {
  margin-top: 44px;
}
.rn3-companyOfferContent__buttonWrapper {
  display: inline-block;
  width: 225px;
  position: relative;
}
.rn3-companyOfferContent__buttonWrapper:not(:first-child) {
  margin-left: 10px;
}
.rn3-companyOfferContent__buttonWrapper .rn3-button {
  font-size: 14px;
}
.rn3-companyOfferContent__noEntry > p {
  line-height: 1.75;
  font-size: 14px;
  color: #383838;
}
.rn3-companyOfferSide {
  display: block;
  width: 230px;
  margin-left: 750px;
}
.rn3-companyOfferSide__buttonWrapper {
  width: 200px;
  padding-top: 10px;
  position: relative;
}
.rn3-companyOfferSide__menu {
  width: 230px;
  position: absolute;
  top: 80px;
  right: 0;
  border-radius: 6px;
  border: 1px solid #d2d7e1;
  background-color: #fff;
  transition: opacity 0.2s ease-in-out;
}
.rn3-companyOfferSide__menu.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-animation: content-fade-in-sideMenu 0.5s ease-in;
  animation: content-fade-in-sideMenu 0.5s ease-in;
}
.rn3-companyOfferSide__menu.is-hide {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: content-fade-out-sideMenu 0.5s ease-out;
  animation: content-fade-out-sideMenu 0.5s ease-out;
}
.rn3-companyOfferSide__menu.is-absolute {
  position: absolute;
  top: auto;
  bottom: 50px;
}
.rn3-companyOfferSide__menu.is-fixed {
  position: fixed;
  top: 65px;
  right: auto;
}
.rn3-companyOfferSide__menu.is-fixedOffer {
  position: fixed;
  top: 105px;
  right: auto;
}
.rn3-companyOfferSide__menuMain {
  padding: 16px;
}
.rn3-companyOfferSide__menuMainHeading {
  font-size: 16px;
}
.rn3-companyOfferSide__menuMainCompanyName {
  padding-top: 10px;
  font-size: 12px;
}
.rn3-companyOfferSide__menuAnchorItem {
  position: relative;
  border-top: 1px solid #d2d7e1;
}
.rn3-companyOfferSide__menuAnchorLink {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  height: 40px;
  padding-left: 15px;
  font-size: 14px;
  color: #606e85;
  cursor: pointer;
}
.rn3-companyOfferSide__menuAnchorLink:before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-left: 3px solid red;
  overflow: hidden;
  transform: scaleY(0);
  transition: all 0.2s ease;
}
.rn3-companyOfferSide__menuAnchorLink:hover {
  color: red;
}
.rn3-companyOfferSide__menuAnchor .is-current:before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-left: 3px solid red;
  overflow: hidden;
  -webkit-animation: content-scaleY 0.2s ease;
  animation: content-scaleY 0.2s ease;
}
.rn3-companyOfferSide__menuAnchor
  .is-current
  .rn3-companyOfferSide__menuAnchorLink {
  color: red;
}
.rn3-companyOfferSide__menuAnchorItem.is-current:last-child:before,
.rn3-companyOfferSide__menuAnchorItem:last-child
  .rn3-companyOfferSide__menuAnchorLink:before {
  border-radius: 0 0 0 5px;
}
.rn3-companyOfferSide__menu.is-patternBC {
  z-index: 2;
  top: 40px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(30, 55, 105, 0.2);
}
.rn3-companyOfferSide__menu.is-patternBC.is-fixed {
  transition: top 0.2s ease-in-out;
  top: 71px;
}
.rn3-companyOfferSide__menu.is-patternBC.is-fixed:before {
  background-color: #fff;
  width: 230px;
  height: 50px;
  display: block;
  content: "";
  margin-top: -51px;
}
.rn3-companyOfferSide__menu.is-patternBC.is-fixed:after {
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.8),
    hsla(0, 0%, 100%, 0)
  );
  width: 230px;
  height: 30px;
  content: "";
  position: absolute;
  bottom: -31px;
}
.rn3-companyOfferSide__menu.is-patternBC.is-fixed.isTabMenuHidden {
  transition: top 0.2s ease-in-out;
  top: 25px;
}
.rn3-companyOfferSide__menu.is-patternBC.isNoTransition {
  transition: none;
}
.rn3-companyOfferSide__menu.is-patternBC.isAdTransition {
  transition: top 0.2s ease-in-out;
}
.rn3-companyOfferSide__menu.is-patternBC.is-absolute {
  top: auto;
}
.rn3-companyOfferSide__menu.is-patternBC.is-absolute:before {
  background-color: #fff;
  width: 230px;
  height: 50px;
  display: block;
  content: "";
  margin-top: -51px;
}
.rn3-companyOfferRecruitment {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7ebf2;
}
.rn3-companyOfferRecruitment__head {
  padding-bottom: 10px;
}
.rn3-companyOfferRecruitment__headText {
  font-size: 14px;
  line-height: 1.75;
}
.rn3-companyOfferRecruitment__info {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e7ebf2;
}
.rn3-companyOfferRecruitment__heading {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  padding-left: 23px;
  text-indent: -23px;
}
.rn3-companyOfferRecruitment__headingIcon {
  margin-top: 2px;
  margin-right: 5px;
}
.rn3-companyOfferRecruitment__pr,
.rn3-companyOfferRecruitment__text {
  display: inline-block;
  vertical-align: top;
  width: 550px;
  font-size: 14px;
  line-height: 1.75;
}
.rn3-companyOfferRecruitment__prItem:not(:first-child) {
  margin-top: 5px;
}
.rn3-companyOfferRecruitment__prItemPhoto {
  width: auto;
  max-width: 100%;
}
.rn3-companyOfferInterview {
  margin-top: 15px;
  padding: 40px 0 0;
  border-top: 1px solid #e7ebf2;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}
.rn3-companyOfferInterview__heading {
  font-size: 16px;
  font-weight: 700;
}
.rn3-companyOfferInterview__info {
  margin-top: 10px;
}
.rn3-companyOfferInterview__item {
  position: relative;
  margin-top: 15px;
  padding: 0 0 15px 65px;
  font-size: 14px;
  line-height: 1.75;
  border-bottom: 1px solid #e7ebf2;
}
.rn3-companyOfferInterview__item:first-child {
  padding-top: 15px;
  border-top: 1px solid #e7ebf2;
}
.rn3-companyOfferInterview__item:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2FhYSIgZD0iTTEwLjA1NiAxMy4zNThzMS4wMDgtLjEzOCAxLjk0NS0uMTM4Yy45MzUgMCAxLjk0Mi4xMzggMS45NDIuMTM4IDMuOTM3LjcyIDQuNjIyIDEuODQzIDQuNzM3IDUuNTU2YTkuNTg2IDkuNTg2IDAgMDEtMTMuMzYgMGMuMTE2LTMuNzEuODAxLTQuODM2IDQuNzM2LTUuNTU2bTEuOTQ1LTkuMDc4YzMuMDI2IDAgMy41NDggMS44NjggMy41NDggNC4xNzMgMCAyLjMwMi0xLjU5IDQuMTY5LTMuNTQ4IDQuMTY5LTEuOTYxIDAtMy41NS0xLjg2Ny0zLjU1LTQuMTcgMC0yLjMwNC41Mi00LjE3MiAzLjU1LTQuMTcyTTEyIDFhMTEuMDExIDExLjAxMSAwIDAwLTMuMjcyLjQ5NCAxMS4wNDggMTEuMDQ4IDAgMDAtNi44NjQgNi4yMjNBMTAuOTY1IDEwLjk2NSAwIDAwMS4wMDEgMTJhMTAuOTYzIDEwLjk2MyAwIDAwMS44NzggNi4xNSAxMS4wMzkgMTEuMDM5IDAgMDA1Ljg1IDQuMzU1Yy4zNDQuMTA4LjY5Ni4xOTggMS4wNTQuMjczYTExLjE2IDExLjE2IDAgMDAyLjIxOC4yMjJjNi4wNzQgMCAxMS00LjkyNSAxMS0xMSAwLTYuMDc0LTQuOTI2LTExLTExLTExIi8+PC9zdmc+");
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
}
.rn3-companyOfferInterview__text {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}
.rn3-companyOfferInterviewToggle {
  position: relative;
  font-size: 14px;
  color: #016bc4;
}
.rn3-companyOfferInterviewToggle__more {
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #fff;
  box-shadow: 0 -18px 20px 17px #fff;
  transition: all 0.2s ease-in-out;
}
.rn3-companyOfferInterviewToggle.is-show
  .rn3-companyOfferInterviewToggle__more {
  margin-top: 20px;
  background: none;
  box-shadow: none;
}
.rn3-companyOfferInterviewToggle__text {
  cursor: pointer;
}
.rn3-companyOfferInterviewToggle__text:hover {
  color: #7caff4;
}
.rn3-companyOfferAcquire {
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e7ebf2;
}
.rn3-companyOfferAcquire.is-moreTopClose {
  margin-top: 60px;
}
.rn3-companyOfferAcquire.is-moreTopOpen {
  margin-top: 85px;
}
.rn3-companyOfferAcquire__heading {
  font-size: 16px;
  font-weight: 700;
}
.rn3-companyOfferAcquire__headText {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.75;
}
.rn3-companyOfferAcquire__info {
  display: inline-block;
  margin-top: 30px;
}
.rn3-companyOfferAcquire__info:after,
.rn3-companyOfferAcquire__info:before {
  display: table;
  content: "";
}
.rn3-companyOfferAcquire__item {
  width: 200px;
  display: inline-block;
  text-align: center;
  float: left;
}
.rn3-companyOfferAcquire__item:not(:first-child) {
  margin-left: 65px;
}
.rn3-companyOfferAcquire__thumb {
  width: auto;
  max-width: 200px;
  max-height: 150px;
}
.rn3-companyOfferAcquire__text {
  font-size: 12px;
  line-height: 1.75;
  text-align: left;
}
.rn3-companyOfferCompany {
  padding-top: 5px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e7ebf2;
}
.rn3-companyOfferCompany__seminar {
  margin-top: 15px;
  padding-bottom: 10px;
}
.rn3-companyOfferCompany__seminarText {
  padding: 15px;
  border-radius: 8px;
  background-color: #ffeef3;
  font-size: 14px;
}
.rn3-companyOfferCompany__seminarLink {
  color: #016bc4;
  padding-left: 5px;
}
.rn3-companyOfferCompany__seminarLinkIcon {
  width: 15px;
  margin-top: 2px;
}
.rn3-companyOfferCompany__seminarLink:hover
  .rn3-companyOfferCompany__seminarLinkIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzdjYWZmNCIgZD0iTTMuMiA5Ljg3NXY4LjQ5OWwxMSAuMDAxVjIwLjVIMVY5Ljg3NWgyLjJ6TTIzIDMuNXYxMi43NUg1LjRWMy41SDIzem0tMi4yMDEgNC4yNUg3LjZ2Ni4zNzVoMTMuMTk5VjcuNzV6Ii8+PC9zdmc+);
}
.rn3-companyOfferCompany__info {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e7ebf2;
}
.rn3-companyOfferCompany__info:first-child {
  padding-top: 10px;
}
.rn3-companyOfferCompany__heading {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
}
.rn3-companyOfferCompany__text {
  display: inline-block;
  vertical-align: top;
  width: 550px;
  font-size: 14px;
  line-height: 1.75;
}
.rn3-companyOfferCompany__link {
  color: #016bc4;
}
.rn3-companyOfferEntry {
  padding-top: 5px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e7ebf2;
}
.rn3-companyOfferEntry__note {
  margin-top: 15px;
  padding-bottom: 10px;
}
.rn3-companyOfferEntry__info {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e7ebf2;
}
.rn3-companyOfferEntry__info:first-child {
  padding-top: 10px;
}
.rn3-companyOfferEntry__heading {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
}
.rn3-companyOfferEntry__text {
  display: inline-block;
  vertical-align: top;
  width: 550px;
  font-size: 14px;
  line-height: 1.75;
}
.rn3-companyOfferEntry__link {
  color: #016bc4;
}
.rn3-companyOfferHelp {
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e7ebf2;
}
.rn3-companyOfferHelp__heading {
  margin-top: 44px;
  font-size: 16px;
  font-weight: 700;
}
.rn3-companyOfferHelp__text {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  width: 350px;
  font-size: 12px;
}
.rn3-companyOfferHelp__text:first-child {
  margin-right: 30px;
}
.rn3-companyOfferHelp__link {
  display: inline-block;
  width: auto;
  height: 30px;
  margin-top: 15px;
  padding: 8px 10px 10px;
  font-size: 12px;
}
.rn3-companyOfferTabMenuUnder {
  margin-top: 60px;
  border-top: 1px solid #d2d7e1;
}
.rn3-companyOfferTabMenuUnder__nav {
  text-align: left;
}
.rn3-companyOfferTabMenuUnder__navItem {
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
}
.rn3-companyOfferTabMenuUnder__navItemLink {
  display: block;
  max-width: 220px;
  white-space: nowrap;
  word-break: break-all;
  color: #606e85;
}
.rn3-companyOfferTabMenuUnder__navItemLink:hover {
  color: red;
  transition: all 0.2s ease;
}
.rn3-companyOfferTabMenuUnder__navItemLink--icon {
  position: absolute;
  top: 15px;
  right: 3px;
}
.rn3-companyOfferTabMenuUnder__navItemLink:hover
  .rn3-companyOfferTabMenuUnder__navItemLink--icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTMuMiA5Ljg3NXY4LjQ5OWwxMSAuMDAxVjIwLjVIMVY5Ljg3NWgyLjJ6TTIzIDMuNXYxMi43NUg1LjRWMy41SDIzem0tMi4yMDEgNC4yNUg3LjZ2Ni4zNzVoMTMuMTk5VjcuNzV6IiBmaWxsPSJyZWQiLz48L3N2Zz4=);
}
.rn3-companyOfferTabMenuUnder__navItemText {
  position: relative;
  display: block;
  margin: 0 5px;
  padding: 15px 25px 10px;
  line-height: 1;
}
.rn3-companyOfferTabMenuUnder__navItemText:hover {
  color: red;
}
.rn3-companyOfferTabMenuUnder__navItemText--seminar:hover {
  border-color: #b2b2b2;
}
.rn3-companyOfferTabMenuUnder__navItemText.is-current {
  color: red;
  border-top: 2px solid red;
}
.rn3-companyOfferTabMenuFloat {
  position: fixed;
  top: -47px;
  z-index: 2;
  width: 100%;
  height: 47px;
  background: #fff;
  border-bottom: 1px solid #d2d7e1;
  transition: top 0.2s ease-in-out;
  left: 0;
}
.rn3-companyOfferTabMenuFloat.is-show {
  top: 0;
}
.rn3-companyOfferTabMenuFloat.is-showOffer {
  top: 40px;
}
.rn3-companyOfferTabMenuFloat--tabGroup {
  width: 560px;
  display: inline-block;
}
.rn3-companyOfferTabMenuFloat__nav {
  text-align: left;
}
.rn3-companyOfferTabMenuFloat__navItem {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
}
.rn3-companyOfferTabMenuFloat__navItemLink {
  color: #606e85;
}
.rn3-companyOfferTabMenuFloat__navItemLink--icon {
  margin-top: 2px;
}
.rn3-companyOfferTabMenuFloat__navItemLink:hover {
  color: red;
  transition: all 0.2s ease;
}
.rn3-companyOfferTabMenuFloat__navItemLink:hover
  .rn3-companyOfferTabMenuFloat__navItemLink--icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTMuMiA5Ljg3NXY4LjQ5OWwxMSAuMDAxVjIwLjVIMVY5Ljg3NWgyLjJ6TTIzIDMuNXYxMi43NUg1LjRWMy41SDIzem0tMi4yMDEgNC4yNUg3LjZ2Ni4zNzVoMTMuMTk5VjcuNzV6IiBmaWxsPSJyZWQiLz48L3N2Zz4=);
}
.rn3-companyOfferTabMenuFloat__navItemText {
  display: block;
  margin: 0 5px;
  padding: 12px 25px 8px;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
  border-bottom: 2px solid;
  border-color: #fff;
}
.rn3-companyOfferTabMenuFloat__navItemText:hover {
  color: red;
}
.rn3-companyOfferTabMenuFloat__navItemText.is-current {
  color: red;
  border-bottom: 2px solid red;
}
.rn3-companyOfferRelation__list {
  margin-top: 25px;
}
.rn3-companyOfferRelation__item {
  position: relative;
  display: inline-block;
  width: 225px;
  height: 295px;
  margin-right: 26px;
  margin-bottom: 25px;
}
.rn3-companyOfferRelation__item:nth-child(4n) {
  margin-right: 0;
}
.rn3-companyOfferRelation__buttonWrapper {
  width: 165px;
}
.rn3-companyOfferResembleJobs {
  padding-bottom: 15px;
  border-bottom: 1px solid #e7ebf2;
}
.rn3-companyOfferResembleJobs__info {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e7ebf2;
  font-size: 0;
}
.rn3-companyOfferResembleJobs__info:first-child {
  margin-top: 20px;
}
.rn3-companyOfferResembleJobs__heading {
  display: inline-block;
  vertical-align: top;
  width: 165px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
}
.rn3-companyOfferResembleJobs__list {
  display: inline-block;
  vertical-align: top;
  width: 805px;
  line-height: 1.75;
}
.rn3-companyOfferResembleJobs__listItem {
  display: inline-block;
  position: relative;
  font-size: 14px;
}
.rn3-companyOfferResembleJobs__listItem:before {
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #383838;
}
.rn3-companyOfferResembleJobs__listItem:not(:first-child) {
  padding-left: 15px;
  margin-left: 10px;
}
.rn3-companyOfferResembleJobs__listItem:not(:first-child):before {
  content: ">";
}
.rn3-companyOfferResembleJobs__listItemSlash:not(:first-child):before {
  content: "/";
  color: #016bc4;
}
.rn3-companyOfferResembleJobs__text {
  font-size: 14px;
}
.rn3-companyOfferResembleJobs__link {
  color: #016bc4;
}
.rn3-companyOfferSearchMore {
  width: 200px;
  margin-top: 25px;
}
.rn3-companyOfferMessageLinkMore {
  width: 200px;
  margin: 40px auto 0;
}
.rn3-additionContentBox,
.rn3-massageImageBox {
  font-size: 14px;
  padding: 0 15px;
}
.is-order1 {
  order: 1;
}
.is-order2 {
  order: 2;
}
.is-order3 {
  order: 3;
}
.rn3-companyOfferN5Message {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}
.rn3-companyOfferN5Message:not(:first-child) {
  padding: 50px 15px 0;
}
.rn3-companyOfferN5Message:after {
  display: block;
  content: "";
  clear: both;
}
.rn3-companyOfferN5Message__thumb {
  width: auto;
  height: auto;
  max-width: 700px;
  max-height: 420px;
}
.rn3-companyOfferN5Message__thumb--leftThumb,
.rn3-companyOfferN5Message__thumb--rightThumb {
  max-width: 350px;
  max-height: 210px;
}
.rn3-companyOfferN5Message__imageWrapper {
  width: 100%;
  clear: both;
  margin: 0 auto;
  text-align: center;
}
.rn3-companyOfferN5Message__imageWrapper.is-beforeLoad
  .rn3-companyOfferN5Message__imageInner {
  display: flex;
  width: 100%;
  height: 420px;
  background-color: #e7ebf2;
}
.rn3-companyOfferN5Message__imageWrapper.is-beforeLoad
  .rn3-companyOfferN5Message__thumb {
  height: 45%;
  margin: auto;
}
.rn3-companyOfferN5Message__imageWrapper--bottomImage {
  width: 100%;
  padding-top: 20px;
}
.rn3-companyOfferN5Message__imageWrapper--leftImage {
  float: left;
  width: 350px;
  margin: 0 20px 15px 0;
}
.rn3-companyOfferN5Message__imageWrapper--rightImage {
  float: right;
  width: 350px;
  margin: 0 0 15px 20px;
}
.rn3-companyOfferN5Message__imageWrapper--leftImage.is-beforeLoad
  .rn3-companyOfferN5Message__imageInner,
.rn3-companyOfferN5Message__imageWrapper--rightImage.is-beforeLoad
  .rn3-companyOfferN5Message__imageInner {
  display: flex;
  width: 100%;
  height: 210px;
  background-color: #e7ebf2;
}
.rn3-companyOfferN5Message__imageWrapper--leftImage.is-beforeLoad
  .rn3-companyOfferN5Message__thumb,
.rn3-companyOfferN5Message__imageWrapper--rightImage.is-beforeLoad
  .rn3-companyOfferN5Message__thumb {
  height: 45%;
  margin: auto;
}
.rn3-companyOfferN5Message__heading {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
}
.rn3-companyOfferN5Message__heading--afterImage {
  display: block;
  padding-top: 20px;
}
.rn3-companyOfferN5Message__heading--leftHeading,
.rn3-companyOfferN5Message__heading--rightHeading {
  display: block;
}
.rn3-companyOfferN5Message__text {
  width: 100%;
  font-size: 14px;
  line-height: 1.75;
}
.rn3-companyOfferN5Message__text--afterHeading {
  display: block;
  padding-top: 15px;
}
.rn3-companyOfferN5Message__text--afterImage {
  display: block;
  padding-top: 30px;
}
.rn3-companyOfferN5Message__text p:not(:first-child) {
  margin-top: 24.5px;
}
.rn3-companyOfferN5Message__text p span {
  font-weight: 700;
}
.rn3-companyOfferN5Message--block {
  display: block;
}
.rn3-companyOfferN5MessageLinkMore {
  margin-top: 50px;
}
.rn3-companyOfferN5MessageLinkMore .rn3-button {
  width: 200px;
  margin: 0 auto;
  padding: 16px 0;
  font-size: 16px;
}
.rn3-companyOfferMessage {
  padding-bottom: 40px;
  border-bottom: 1px solid #e7ebf2;
}
.rn3-companyOfferMessage__heading {
  font-size: 20px;
  font-weight: 700;
}
.rn3-companyOfferMessage__wrapper {
  margin-top: 15px;
}
.rn3-companyOfferMessage__text {
  font-size: 14px;
  line-height: 1.75;
}
.rn3-companyOfferMessage--n4 .rn3-companyOfferMessage__thumb {
  width: auto;
  max-width: 240px;
  max-height: 320px;
  float: left;
  margin: 0 20px 10px 0;
}
.rn3-companyOfferMessage--n3 .rn3-companyOfferMessage__catch {
  width: 200px;
  font-size: 12px;
  line-height: 1.75;
}
.rn3-companyOfferMessage--n3 .rn3-companyOfferMessage__item {
  display: flex;
}
.rn3-companyOfferMessage--n3 .rn3-companyOfferMessage__item:not(:first-child) {
  margin-top: 15px;
}
.rn3-companyOfferMessage--n3
  .rn3-companyOfferMessage__item:nth-child(odd)
  .rn3-companyOfferMessage__catch {
  margin-right: 20px;
}
.rn3-companyOfferMessage--n3
  .rn3-companyOfferMessage__item:nth-child(2n)
  .rn3-companyOfferMessage__catch {
  margin-left: 20px;
}
.rn3-companyOfferMessage--n3 .rn3-companyOfferMessage__thumb {
  width: auto;
  max-width: 200px;
  max-height: 150px;
  padding-bottom: 5px;
}
.rn3-companyOfferMessage--n3 .rn3-companyOfferMessage__text {
  width: 510px;
}
.rn3-companyOfferMessagePhoto {
  padding-top: 15px;
  clear: both;
}
.rn3-companyOfferMessagePhoto__item {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.rn3-companyOfferMessagePhoto__item:not(:first-child) {
  margin-left: 65px;
}
.rn3-companyOfferMessagePhoto__itemThumb {
  display: block;
  width: auto;
  max-height: 150px;
  max-width: 200px;
}
.rn3-companyOfferMessagePhoto__itemText {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.75;
  text-align: left;
}
.rn3-directMessage {
  margin-top: 30px;
}
.rn3-directMessage .rn3-dmHead {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #d2d7e1;
  background-color: #fff;
}
.rn3-directMessage .rn3-dmHead__top {
  display: flex;
  justify-content: space-between;
}
.rn3-directMessage .rn3-dmHead__title {
  font-size: 14px;
  font-weight: 700;
  color: #383838;
}
.rn3-directMessage .rn3-dmHead__titleIcon {
  background-size: 17px;
  margin-top: 2px;
}
.rn3-directMessage .rn3-dmHead__days {
  min-width: 125px;
  font-size: 14px;
}
.rn3-directMessage .rn3-dmHead__readMessage {
  padding-top: 20px;
  font-size: 20px;
  font-weight: 700;
}
.rn3-directMessage .rn3-dmHead__info {
  margin-top: 17px;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}
.rn3-directMessage .rn3-dmHead__infoText {
  font-size: 14px;
  line-height: 1.75;
}
.rn3-directMessage .rn3-dmHead__infoWrapper {
  opacity: 0;
  padding-top: 20px;
  transition: opacity 0.2s ease-in-out;
}
.rn3-directMessage .rn3-dmHead__infoWrapper.is-show {
  opacity: 1;
}
.rn3-directMessage .rn3-dmHead__infoWrapper:after,
.rn3-directMessage .rn3-dmHead__infoWrapper:before {
  content: "";
  display: block;
}
.rn3-directMessage .rn3-dmHead__infoInner {
  float: left;
  font-size: 16px;
  font-weight: 700;
}
.rn3-directMessage .rn3-dmHead__infoInnerList {
  max-width: 600px;
  padding-top: 5px;
  font-size: 14px;
  font-weight: 400;
}
.rn3-directMessage .rn3-dmHead__infoInnerList:first-child {
  padding-top: 10px;
}
.rn3-directMessage .rn3-dmHead__infoInnerListLink:hover .rn3-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzdjYWZmNCIgZD0iTTMuMiA5Ljg3NXY4LjQ5OWwxMSAuMDAxVjIwLjVIMVY5Ljg3NWgyLjJ6TTIzIDMuNXYxMi43NUg1LjRWMy41SDIzem0tMi4yMDEgNC4yNUg3LjZ2Ni4zNzVoMTMuMTk5VjcuNzV6Ii8+PC9zdmc+);
}
.rn3-directMessage .rn3-dmHead__infoProfile {
  float: right;
  display: flex;
  justify-content: flex-start;
  min-width: 312px;
  max-width: 312px;
}
.rn3-directMessage .rn3-dmHead__infoProfileImg {
  width: 58px;
}
.rn3-directMessage .rn3-dmHead__infoProfileText {
  padding-left: 10px;
  max-width: 253px;
}
.rn3-directMessage .rn3-dmHead__infoProfileTitle {
  font-size: 14px;
}
.rn3-directMessage .rn3-dmHead__infoProfileName {
  font-size: 18px;
}
.rn3-directMessage .rn3-dmHead__infoProfileComment {
  font-size: 12px;
}
.rn3-directMessage .rn3-dmHead__toggle {
  margin-top: 10px;
  position: relative;
}
.rn3-directMessage .rn3-dmHead__toggle.is-open {
  margin-top: 30px;
}
.rn3-directMessage .rn3-dmHead__toggleMore {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 -5px 20px 20px #fff;
  transition: all 0.2s ease-in-out;
}
.rn3-directMessage .rn3-dmHead__toggleText {
  font-size: 14px;
  color: #016bc4;
  cursor: pointer;
}
.rn3-directMessage .rn3-dmHead__toggleText:hover {
  color: #7caff4;
}
.rn3-directMessage .rn3-dmBottom {
  margin-top: 10px;
  border-radius: 12px;
  border: 1px solid #d2d7e1;
  background-color: #fff;
}
.rn3-directMessage .rn3-dmBottom__title {
  position: relative;
  padding: 20px 0 20px 40px;
  font-size: 16px;
  color: #606e85;
  cursor: pointer;
}
.rn3-directMessage .rn3-dmBottom__title:hover {
  color: #8b98ad;
}
.rn3-directMessage .rn3-dmBottom__titleToggle {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 25px;
  left: 20px;
}
.rn3-directMessage .rn3-dmBottom__titleToggleButton {
  display: block;
}
.rn3-directMessage .rn3-dmBottom__titleToggleButton:after,
.rn3-directMessage .rn3-dmBottom__titleToggleButton:before {
  bottom: 0;
  content: "";
  height: 15px;
  width: 15px;
  margin: auto;
  position: absolute;
  top: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3QgZmlsbD0iIzYwNmU4NSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjMiIHg9IjUiIHk9IjExIiByeD0iMS41Ii8+PC9zdmc+);
  background-size: 120%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.rn3-directMessage .rn3-dmBottom__titleToggleButton:after {
  transform: rotate(-90deg);
  transition: transform 0.2s ease;
}
.rn3-directMessage .rn3-dmBottom__table {
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}
.rn3-directMessage
  .rn3-dmBottom.is-close
  .rn3-dmBottom__titleToggleButton:after {
  transform: rotate(0deg);
}
.rn3-directMessage .rn3-dmBottom__tableHead {
  font-size: 14px;
  font-weight: 700;
  color: #383838;
  background-color: #e7ebf2;
  border-top: 1px solid #d2d7e1;
  border-bottom: 1px solid #d2d7e1;
}
.rn3-directMessage .rn3-dmBottom__days {
  width: 182px;
  padding: 15px 20px;
  font-weight: 700;
}
.rn3-directMessage .rn3-dmBottom__name {
  width: 540px;
  padding: 15px 20px 15px 0;
  font-weight: 700;
}
.rn3-directMessage .rn3-dmBottom__venue {
  width: 256px;
  padding: 15px 20px 15px 0;
  font-weight: 700;
}
.rn3-directMessage .rn3-dmBottom__item {
  border-top: 1px solid #d2d7e1;
}
.rn3-directMessage .rn3-dmBottom__itemfirst-childe {
  border: none;
}
.rn3-directMessage .rn3-dmBottom__itemDays,
.rn3-directMessage .rn3-dmBottom__itemName,
.rn3-directMessage .rn3-dmBottom__itemVenue {
  font-size: 14px;
  padding: 15px 20px 15px 0;
  vertical-align: baseline;
}
.rn3-directMessage .rn3-dmBottom__itemDays {
  padding-left: 20px;
}
.rn3-directMessage .rn3-dmBottom__itemNameText {
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 3em;
  text-align: justify;
  padding-right: 1em;
}
.rn3-directMessage .rn3-dmBottom__itemNameText:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
}
.rn3-directMessage .rn3-dmBottom__itemNameText:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 2.5em;
  margin-top: 0.2em;
  background: #fff;
  transition: all 0.2s ease;
}
.rn3-directMessage .rn3-dmBottom__itemNameText:before {
  color: #016bc4;
}
.rn3-directMessage .rn3-dmBottom__itemNameText:hover:before,
.rn3-directMessage .rn3-dmBottom__itemNameText:hover a {
  color: #7caff4;
}
.rn3-directMessage .rn3-dmBottom__itemVenueText {
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 3em;
  text-align: justify;
  padding-right: 1em;
}
.rn3-directMessage .rn3-dmBottom__itemVenueText:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
}
.rn3-directMessage .rn3-dmBottom__itemVenueText:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 2.5em;
  margin-top: 0.2em;
  background: #fff;
  transition: all 0.2s ease;
}
.rn3-directMessage .rn3-dmBottom__itemEndReception {
  color: #bababa;
}
.rn3-companyOfferEmpty {
  font-size: 16px;
  text-align: center;
}
#rnn-massageArea {
  line-height: normal;
}
#rnn-massageArea b,
#rnn-massageArea h1,
#rnn-massageArea h2,
#rnn-massageArea h3,
#rnn-massageArea h4,
#rnn-massageArea h5,
#rnn-massageArea h6,
#rnn-massageArea strong {
  font-weight: 700;
}
#rnn-massageArea ul {
  list-style-type: disc;
}
#rnn-massageArea ol {
  list-style-type: decimal;
}
#rnn-massageArea ol ol {
  list-style: upper-alpha;
}
#rnn-massageArea ol ol ol {
  list-style: lower-roman;
}
#rnn-massageArea ol ol ol ol {
  list-style: lower-alpha;
}
#rnn-massageArea table {
  table-layout: auto;
  font-size: medium;
}
#rnn-massageArea th {
  font-weight: 700;
  text-align: center;
}
#rnn-massageArea caption,
#rnn-massageArea td,
#rnn-massageArea th {
  vertical-align: inherit;
}
#rnn-massageArea img {
  width: auto;
  height: auto;
  max-width: 100%;
}
#rnn-massageArea hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
#rnn-massageArea * {
  box-sizing: content-box;
  word-break: normal;
  word-wrap: normal;
}
#rnn-massageArea dl,
#rnn-massageArea menu,
#rnn-massageArea ol,
#rnn-massageArea p,
#rnn-massageArea pre,
#rnn-massageArea ul {
  margin: 1em 0;
}
#rnn-massageArea dd {
  margin: 0 0 0 40px;
}
#rnn-massageArea menu,
#rnn-massageArea ol,
#rnn-massageArea ul {
  padding: 0 0 0 40px;
}
#rnn-massageArea nav ol,
#rnn-massageArea nav ul {
  list-style: none;
  list-style-image: none;
}
#rnn-massageArea sub,
#rnn-massageArea sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#rnn-massageArea sub {
  bottom: -0.25em;
}
#rnn-massageArea sup {
  top: -0.5em;
}
#rnn-massageArea {
  text-align: center;
  font-size: 12px;
}
#rnn-massageArea #nsi-body h1,
#rnn-massageArea h2,
#rnn-massageArea h3 {
  margin: 0;
  border: 0;
}
#rnn-massageArea #nsi-body em,
#rnn-massageArea #nsi-body i {
  font-style: normal;
}
#rnn-massageArea #header_wrapper,
#rnn-massageArea #page_wrapper {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
#rnn-massageArea #page_wrapper .m3,
#rnn-massageArea #page_wrapper_950 .m3 {
  margin: 3px;
}
#rnn-massageArea #page_wrapper .m5,
#rnn-massageArea #page_wrapper_950 .m5 {
  margin: 5px;
}
#rnn-massageArea #page_wrapper .m7,
#rnn-massageArea #page_wrapper_950 .m7 {
  margin: 7px;
}
#rnn-massageArea #page_wrapper .m10,
#rnn-massageArea #page_wrapper_950 .m10 {
  margin: 10px;
}
#rnn-massageArea #page_wrapper .m12,
#rnn-massageArea #page_wrapper_950 .m12 {
  margin: 12px;
}
#rnn-massageArea #page_wrapper .m15,
#rnn-massageArea #page_wrapper_950 .m15 {
  margin: 15px;
}
#rnn-massageArea #page_wrapper .m20,
#rnn-massageArea #page_wrapper_950 .m20 {
  margin: 20px;
}
#rnn-massageArea #page_wrapper .m25,
#rnn-massageArea #page_wrapper_950 .m25 {
  margin: 25px;
}
#rnn-massageArea #page_wrapper .m30,
#rnn-massageArea #page_wrapper_950 .m30 {
  margin: 30px;
}
#rnn-massageArea #page_wrapper .m35,
#rnn-massageArea #page_wrapper_950 .m35 {
  margin: 35px;
}
#rnn-massageArea #page_wrapper .m40,
#rnn-massageArea #page_wrapper_950 .m40 {
  margin: 40px;
}
#rnn-massageArea #page_wrapper .mt3,
#rnn-massageArea #page_wrapper_950 .mt3 {
  margin-top: 3px;
}
#rnn-massageArea #page_wrapper .mt5,
#rnn-massageArea #page_wrapper_950 .mt5 {
  margin-top: 5px;
}
#rnn-massageArea #page_wrapper .mt7,
#rnn-massageArea #page_wrapper_950 .mt7 {
  margin-top: 7px;
}
#rnn-massageArea #page_wrapper .mt10,
#rnn-massageArea #page_wrapper_950 .mt10 {
  margin-top: 10px;
}
#rnn-massageArea #page_wrapper .mt12,
#rnn-massageArea #page_wrapper_950 .mt12 {
  margin-top: 12px;
}
#rnn-massageArea #page_wrapper .mt15,
#rnn-massageArea #page_wrapper_950 .mt15 {
  margin-top: 15px;
}
#rnn-massageArea #page_wrapper .mt20,
#rnn-massageArea #page_wrapper_950 .mt20 {
  margin-top: 20px;
}
#rnn-massageArea #page_wrapper .mt25,
#rnn-massageArea #page_wrapper_950 .mt25 {
  margin-top: 25px;
}
#rnn-massageArea #page_wrapper .mt30,
#rnn-massageArea #page_wrapper_950 .mt30 {
  margin-top: 30px;
}
#rnn-massageArea #page_wrapper .mt35,
#rnn-massageArea #page_wrapper_950 .mt35 {
  margin-top: 35px;
}
#rnn-massageArea #page_wrapper .mt40,
#rnn-massageArea #page_wrapper_950 .mt40 {
  margin-top: 40px;
}
#rnn-massageArea #page_wrapper .mb3,
#rnn-massageArea #page_wrapper_950 .mb3 {
  margin-bottom: 3px;
}
#rnn-massageArea #page_wrapper .mb5,
#rnn-massageArea #page_wrapper_950 .mb5 {
  margin-bottom: 5px;
}
#rnn-massageArea #page_wrapper .mb7,
#rnn-massageArea #page_wrapper_950 .mb7 {
  margin-bottom: 7px;
}
#rnn-massageArea #page_wrapper .mb10,
#rnn-massageArea #page_wrapper_950 .mb10 {
  margin-bottom: 10px;
}
#rnn-massageArea #page_wrapper .mb12,
#rnn-massageArea #page_wrapper_950 .mb12 {
  margin-bottom: 12px;
}
#rnn-massageArea #page_wrapper .mb15,
#rnn-massageArea #page_wrapper_950 .mb15 {
  margin-bottom: 15px;
}
#rnn-massageArea #page_wrapper .mb20,
#rnn-massageArea #page_wrapper_950 .mb20 {
  margin-bottom: 20px;
}
#rnn-massageArea #page_wrapper .mb25,
#rnn-massageArea #page_wrapper_950 .mb25 {
  margin-bottom: 25px;
}
#rnn-massageArea #page_wrapper .mb30,
#rnn-massageArea #page_wrapper_950 .mb30 {
  margin-bottom: 30px;
}
#rnn-massageArea #page_wrapper .mb35,
#rnn-massageArea #page_wrapper_950 .mb35 {
  margin-bottom: 35px;
}
#rnn-massageArea #page_wrapper .mb40,
#rnn-massageArea #page_wrapper_950 .mb40 {
  margin-bottom: 40px;
}
#rnn-massageArea #page_wrapper .ml3,
#rnn-massageArea #page_wrapper_950 .ml3 {
  margin-left: 3px;
}
#rnn-massageArea #page_wrapper .ml5,
#rnn-massageArea #page_wrapper_950 .ml5 {
  margin-left: 5px;
}
#rnn-massageArea #page_wrapper .ml7,
#rnn-massageArea #page_wrapper_950 .ml7 {
  margin-left: 7px;
}
#rnn-massageArea #page_wrapper .ml10,
#rnn-massageArea #page_wrapper_950 .ml10 {
  margin-left: 10px;
}
#rnn-massageArea #page_wrapper .ml12,
#rnn-massageArea #page_wrapper_950 .ml12 {
  margin-left: 12px;
}
#rnn-massageArea #page_wrapper .ml15,
#rnn-massageArea #page_wrapper_950 .ml15 {
  margin-left: 15px;
}
#rnn-massageArea #page_wrapper .ml20,
#rnn-massageArea #page_wrapper_950 .ml20 {
  margin-left: 20px;
}
#rnn-massageArea #page_wrapper .ml25,
#rnn-massageArea #page_wrapper_950 .ml25 {
  margin-left: 25px;
}
#rnn-massageArea #page_wrapper .ml30,
#rnn-massageArea #page_wrapper_950 .ml30 {
  margin-left: 30px;
}
#rnn-massageArea #page_wrapper .ml35,
#rnn-massageArea #page_wrapper_950 .ml35 {
  margin-left: 35px;
}
#rnn-massageArea #page_wrapper .ml40,
#rnn-massageArea #page_wrapper_950 .ml40 {
  margin-left: 40px;
}
#rnn-massageArea #page_wrapper .mr3,
#rnn-massageArea #page_wrapper_950 .mr3 {
  margin-right: 3px;
}
#rnn-massageArea #page_wrapper .mr5,
#rnn-massageArea #page_wrapper_950 .mr5 {
  margin-right: 5px;
}
#rnn-massageArea #page_wrapper .mr7,
#rnn-massageArea #page_wrapper_950 .mr7 {
  margin-right: 7px;
}
#rnn-massageArea #page_wrapper .mr10,
#rnn-massageArea #page_wrapper_950 .mr10 {
  margin-right: 10px;
}
#rnn-massageArea #page_wrapper .mr12,
#rnn-massageArea #page_wrapper_950 .mr12 {
  margin-right: 12px;
}
#rnn-massageArea #page_wrapper .mr15,
#rnn-massageArea #page_wrapper_950 .mr15 {
  margin-right: 15px;
}
#rnn-massageArea #page_wrapper .mr20,
#rnn-massageArea #page_wrapper_950 .mr20 {
  margin-right: 20px;
}
#rnn-massageArea #page_wrapper .mr25,
#rnn-massageArea #page_wrapper_950 .mr25 {
  margin-right: 25px;
}
#rnn-massageArea #page_wrapper .mr30,
#rnn-massageArea #page_wrapper_950 .mr30 {
  margin-right: 30px;
}
#rnn-massageArea #page_wrapper .mr35,
#rnn-massageArea #page_wrapper_950 .mr35 {
  margin-right: 35px;
}
#rnn-massageArea #page_wrapper .mr40,
#rnn-massageArea #page_wrapper_950 .mr40 {
  margin-right: 40px;
}
#rnn-massageArea #page_wrapper .p3,
#rnn-massageArea #page_wrapper_950 .p3 {
  padding: 3px;
}
#rnn-massageArea #page_wrapper .p5,
#rnn-massageArea #page_wrapper_950 .p5 {
  padding: 5px;
}
#rnn-massageArea #page_wrapper .p7,
#rnn-massageArea #page_wrapper_950 .p7 {
  padding: 7px;
}
#rnn-massageArea #page_wrapper .p10,
#rnn-massageArea #page_wrapper_950 .p10 {
  padding: 10px;
}
#rnn-massageArea #page_wrapper .p12,
#rnn-massageArea #page_wrapper_950 .p12 {
  padding: 12px;
}
#rnn-massageArea #page_wrapper .p15,
#rnn-massageArea #page_wrapper_950 .p15 {
  padding: 15px;
}
#rnn-massageArea #page_wrapper .p20,
#rnn-massageArea #page_wrapper_950 .p20 {
  padding: 20px;
}
#rnn-massageArea #page_wrapper .p25,
#rnn-massageArea #page_wrapper_950 .p25 {
  padding: 25px;
}
#rnn-massageArea #page_wrapper .p30,
#rnn-massageArea #page_wrapper_950 .p30 {
  padding: 30px;
}
#rnn-massageArea #page_wrapper .p35,
#rnn-massageArea #page_wrapper_950 .p35 {
  padding: 35px;
}
#rnn-massageArea #page_wrapper .p40,
#rnn-massageArea #page_wrapper_950 .p40 {
  padding: 40px;
}
#rnn-massageArea #page_wrapper .pt3,
#rnn-massageArea #page_wrapper_950 .pt3 {
  padding-top: 3px;
}
#rnn-massageArea #page_wrapper .pt5,
#rnn-massageArea #page_wrapper_950 .pt5 {
  padding-top: 5px;
}
#rnn-massageArea #page_wrapper .pt7,
#rnn-massageArea #page_wrapper_950 .pt7 {
  padding-top: 7px;
}
#rnn-massageArea #page_wrapper .pt10,
#rnn-massageArea #page_wrapper_950 .pt10 {
  padding-top: 10px;
}
#rnn-massageArea #page_wrapper .pt12,
#rnn-massageArea #page_wrapper_950 .pt12 {
  padding-top: 12px;
}
#rnn-massageArea #page_wrapper .pt15,
#rnn-massageArea #page_wrapper_950 .pt15 {
  padding-top: 15px;
}
#rnn-massageArea #page_wrapper .pt20,
#rnn-massageArea #page_wrapper_950 .pt20 {
  padding-top: 20px;
}
#rnn-massageArea #page_wrapper .pt25,
#rnn-massageArea #page_wrapper_950 .pt25 {
  padding-top: 25px;
}
#rnn-massageArea #page_wrapper .pt30,
#rnn-massageArea #page_wrapper_950 .pt30 {
  padding-top: 30px;
}
#rnn-massageArea #page_wrapper .pt35,
#rnn-massageArea #page_wrapper_950 .pt35 {
  padding-top: 35px;
}
#rnn-massageArea #page_wrapper .pt40,
#rnn-massageArea #page_wrapper_950 .pt40 {
  padding-top: 40px;
}
#rnn-massageArea #page_wrapper .pb3,
#rnn-massageArea #page_wrapper_950 .pb3 {
  padding-bottom: 3px;
}
#rnn-massageArea #page_wrapper .pb5,
#rnn-massageArea #page_wrapper_950 .pb5 {
  padding-bottom: 5px;
}
#rnn-massageArea #page_wrapper .pb7,
#rnn-massageArea #page_wrapper_950 .pb7 {
  padding-bottom: 7px;
}
#rnn-massageArea #page_wrapper .pb10,
#rnn-massageArea #page_wrapper_950 .pb10 {
  padding-bottom: 10px;
}
#rnn-massageArea #page_wrapper .pb12,
#rnn-massageArea #page_wrapper_950 .pb12 {
  padding-bottom: 12px;
}
#rnn-massageArea #page_wrapper .pb15,
#rnn-massageArea #page_wrapper_950 .pb15 {
  padding-bottom: 15px;
}
#rnn-massageArea #page_wrapper .pb20,
#rnn-massageArea #page_wrapper_950 .pb20 {
  padding-bottom: 20px;
}
#rnn-massageArea #page_wrapper .pb25,
#rnn-massageArea #page_wrapper_950 .pb25 {
  padding-bottom: 25px;
}
#rnn-massageArea #page_wrapper .pb30,
#rnn-massageArea #page_wrapper_950 .pb30 {
  padding-bottom: 30px;
}
#rnn-massageArea #page_wrapper .pb35,
#rnn-massageArea #page_wrapper_950 .pb35 {
  padding-bottom: 35px;
}
#rnn-massageArea #page_wrapper .pb40,
#rnn-massageArea #page_wrapper_950 .pb40 {
  padding-bottom: 40px;
}
#rnn-massageArea #page_wrapper .pl3,
#rnn-massageArea #page_wrapper_950 .pl3 {
  padding-left: 3px;
}
#rnn-massageArea #page_wrapper .pl5,
#rnn-massageArea #page_wrapper_950 .pl5 {
  padding-left: 5px;
}
#rnn-massageArea #page_wrapper .pl7,
#rnn-massageArea #page_wrapper_950 .pl7 {
  padding-left: 7px;
}
#rnn-massageArea #page_wrapper .pl10,
#rnn-massageArea #page_wrapper_950 .pl10 {
  padding-left: 10px;
}
#rnn-massageArea #page_wrapper .pl12,
#rnn-massageArea #page_wrapper_950 .pl12 {
  padding-left: 12px;
}
#rnn-massageArea #page_wrapper .pl15,
#rnn-massageArea #page_wrapper_950 .pl15 {
  padding-left: 15px;
}
#rnn-massageArea #page_wrapper .pl20,
#rnn-massageArea #page_wrapper_950 .pl20 {
  padding-left: 20px;
}
#rnn-massageArea #page_wrapper .pl25,
#rnn-massageArea #page_wrapper_950 .pl25 {
  padding-left: 25px;
}
#rnn-massageArea #page_wrapper .pl30,
#rnn-massageArea #page_wrapper_950 .pl30 {
  padding-left: 30px;
}
#rnn-massageArea #page_wrapper .pl35,
#rnn-massageArea #page_wrapper_950 .pl35 {
  padding-left: 35px;
}
#rnn-massageArea #page_wrapper .pl40,
#rnn-massageArea #page_wrapper_950 .pl40 {
  padding-left: 40px;
}
#rnn-massageArea #page_wrapper .pr3,
#rnn-massageArea #page_wrapper_950 .pr3 {
  padding-right: 3px;
}
#rnn-massageArea #page_wrapper .pr5,
#rnn-massageArea #page_wrapper_950 .pr5 {
  padding-right: 5px;
}
#rnn-massageArea #page_wrapper .pr7,
#rnn-massageArea #page_wrapper_950 .pr7 {
  padding-right: 7px;
}
#rnn-massageArea #page_wrapper .pr10,
#rnn-massageArea #page_wrapper_950 .pr10 {
  padding-right: 10px;
}
#rnn-massageArea #page_wrapper .pr12,
#rnn-massageArea #page_wrapper_950 .pr12 {
  padding-right: 12px;
}
#rnn-massageArea #page_wrapper .pr15,
#rnn-massageArea #page_wrapper_950 .pr15 {
  padding-right: 15px;
}
#rnn-massageArea #page_wrapper .pr20,
#rnn-massageArea #page_wrapper_950 .pr20 {
  padding-right: 20px;
}
#rnn-massageArea #page_wrapper .pr25,
#rnn-massageArea #page_wrapper_950 .pr25 {
  padding-right: 25px;
}
#rnn-massageArea #page_wrapper .pr30,
#rnn-massageArea #page_wrapper_950 .pr30 {
  padding-right: 30px;
}
#rnn-massageArea #page_wrapper .pr35,
#rnn-massageArea #page_wrapper_950 .pr35 {
  padding-right: 35px;
}
#rnn-massageArea #page_wrapper .pr40,
#rnn-massageArea #page_wrapper_950 .pr40 {
  padding-right: 40px;
}
#rnn-massageArea #page_wrapper .fs10,
#rnn-massageArea #page_wrapper_950 .fs10 {
  font-size: 10px;
}
#rnn-massageArea #page_wrapper .fs11,
#rnn-massageArea #page_wrapper_950 .fs11 {
  font-size: 11px;
  font-family: MS UI Gothic;
}
#rnn-massageArea #page_wrapper .fs12,
#rnn-massageArea #page_wrapper_950 .fs12 {
  font-size: 12px;
}
#rnn-massageArea #page_wrapper .fs13,
#rnn-massageArea #page_wrapper_950 .fs13 {
  font-size: 13px;
}
#rnn-massageArea #page_wrapper .fs14,
#rnn-massageArea #page_wrapper_950 .fs14 {
  font-size: 14px;
}
#rnn-massageArea #page_wrapper .fs15,
#rnn-massageArea #page_wrapper_950 .fs15 {
  font-size: 15px;
}
#rnn-massageArea #page_wrapper .fs16,
#rnn-massageArea #page_wrapper_950 .fs16 {
  font-size: 16px;
}
#rnn-massageArea #page_wrapper .fs18,
#rnn-massageArea #page_wrapper_950 .fs18 {
  font-size: 18px;
}
#rnn-massageArea #page_wrapper .fs20,
#rnn-massageArea #page_wrapper_950 .fs20 {
  font-size: 20px;
}
#rnn-massageArea #page_wrapper .ff_mug,
#rnn-massageArea #page_wrapper_950 .ff_mug {
  font-family: MS UI Gothic;
}
#rnn-massageArea #page_wrapper .fwb,
#rnn-massageArea #page_wrapper_950 .fwb {
  font-weight: 700;
}
#rnn-massageArea #page_wrapper .tac,
#rnn-massageArea #page_wrapper_950 .tac {
  text-align: center;
}
#rnn-massageArea #page_wrapper .tal,
#rnn-massageArea #page_wrapper_950 .tal {
  text-align: left;
}
#rnn-massageArea #page_wrapper .tar,
#rnn-massageArea #page_wrapper_950 .tar {
  text-align: right;
}
#rnn-massageArea #page_wrapper .casette_topline {
  border-top: 1px solid #b5b1ad;
}
#rnn-massageArea #page_wrapper .title_dotline_b {
  border-bottom: 1px dotted #666;
}
#rnn-massageArea #nsi-body .headerdate,
#rnn-massageArea #nsi-header .headerdate {
  font-family: Arial, Helvetica black, "sans-serif black";
  font-size: 18px;
  font-weight: 700;
  color: #9e210b;
}
#rnn-massageArea #nsi-body form {
  margin: 0;
  border: 0;
}
#rnn-massageArea #nsi-body input,
#rnn-massageArea textarea {
  font-family: MS Gothic;
}
#rnn-massageArea #nsi-body .msgtab {
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  color: #fff;
}
#rnn-massageArea #nsi-body .kyujin-icon,
#rnn-massageArea #nsi-body .msg-icon {
  vertical-align: middle;
}
#rnn-massageArea #nsi-body img.outline {
  border-style: solid;
  border-color: #918985;
}
#rnn-massageArea #nsi-body .category {
  line-height: 200%;
  font-weight: 700;
  font-size: 12px;
  font-family: MS UI Gothic;
}
#rnn-massageArea #nsi-body .X {
  font-size: 12px;
  line-height: 120%;
}
#rnn-massageArea #nsi-body .Y {
  border: 1px solid #918985;
}
#rnn-massageArea #nsi-body .Z {
  position: absolute;
  visibility: hidden;
  background-color: #ecebea;
  z-index: 2;
}
#rnn-massageArea .QWZ08-120 {
  font-size: 8px;
}
#rnn-massageArea .QWZ08-120,
#rnn-massageArea .QWZ10-120 {
  font-weight: 400;
  line-height: 120%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ10-120 {
  font-size: 10px;
}
#rnn-massageArea .QWZ10-120-B {
  font-weight: 700;
  font-size: 10px;
  line-height: 120%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ10-130 {
  font-weight: 400;
  font-size: 10px;
  line-height: 130%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ10-130-B {
  font-weight: 700;
  font-size: 10px;
  line-height: 130%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ10-140 {
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ10-140-B {
  font-weight: 700;
  font-size: 10px;
  line-height: 140%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ10-150 {
  font-weight: 400;
  font-size: 10px;
  line-height: 150%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ10-150-B {
  font-weight: 700;
  font-size: 10px;
  line-height: 150%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ11-120 {
  font-weight: 400;
  font-size: 11px;
  line-height: 120%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ11-120-B {
  font-weight: 700;
  font-size: 11px;
  line-height: 120%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ11-130 {
  font-weight: 400;
  font-size: 11px;
  line-height: 130%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ11-130-B {
  font-weight: 700;
  font-size: 11px;
  line-height: 130%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ11-140 {
  font-weight: 400;
  font-size: 11px;
  line-height: 140%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ11-140-B {
  font-weight: 700;
  font-size: 11px;
  line-height: 140%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ11-150 {
  font-weight: 400;
  font-size: 11px;
  line-height: 150%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ11-150-B {
  font-weight: 700;
  font-size: 11px;
  line-height: 150%;
  font-family: MS UI Gothic;
}
#rnn-massageArea .QWZ12-120 {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
}
#rnn-massageArea .QWZ12-120-B {
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
}
#rnn-massageArea .QWZ12-130 {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
}
#rnn-massageArea .QWZ12-130-B {
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
}
#rnn-massageArea .QWZ12-140 {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
}
#rnn-massageArea .QWZ12-140-B {
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
}
#rnn-massageArea .QWZ12-150 {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
}
#rnn-massageArea .QWZ12-150-B {
  font-weight: 700;
  font-size: 12px;
  line-height: 150%;
}
#rnn-massageArea .QWZ12-160 {
  font-weight: 400;
  font-size: 12px;
  line-height: 160%;
}
#rnn-massageArea .QWZ13-120 {
  font-weight: 400;
  font-size: 13px;
  line-height: 120%;
}
#rnn-massageArea .QWZ13-120-B {
  font-weight: 700;
  font-size: 13px;
  line-height: 120%;
}
#rnn-massageArea .QWZ13-130 {
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
}
#rnn-massageArea .QWZ13-130-B {
  font-weight: 700;
  font-size: 13px;
  line-height: 130%;
}
#rnn-massageArea .QWZ13-140 {
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
}
#rnn-massageArea .QWZ13-140-B {
  font-weight: 700;
  font-size: 13px;
  line-height: 140%;
}
#rnn-massageArea .QWZ13-150 {
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
}
#rnn-massageArea .QWZ13-150-B {
  font-weight: 700;
  font-size: 13px;
  line-height: 150%;
}
#rnn-massageArea .QWZ14-120 {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
}
#rnn-massageArea .QWZ14-120-B {
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
}
#rnn-massageArea .QWZ14-130 {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
#rnn-massageArea .QWZ14-130-B {
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
}
#rnn-massageArea .QWZ14-140 {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
#rnn-massageArea .QWZ14-140-B {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
}
#rnn-massageArea .QWZ14-150 {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}
#rnn-massageArea .QWZ14-150-B {
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
}
#rnn-massageArea .QWZ15-120 {
  font-weight: 400;
  font-size: 15px;
  line-height: 120%;
}
#rnn-massageArea .QWZ15-120-B {
  font-weight: 700;
  font-size: 15px;
  line-height: 120%;
}
#rnn-massageArea .QWZ15-130 {
  font-weight: 400;
  font-size: 15px;
  line-height: 130%;
}
#rnn-massageArea .QWZ15-130-B {
  font-weight: 700;
  font-size: 15px;
  line-height: 130%;
}
#rnn-massageArea .QWZ15-140 {
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
#rnn-massageArea .QWZ15-140-B {
  font-weight: 700;
  font-size: 15px;
  line-height: 140%;
}
#rnn-massageArea .QWZ15-150 {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
}
#rnn-massageArea .QWZ15-150-B {
  font-weight: 700;
  font-size: 15px;
  line-height: 150%;
}
#rnn-massageArea .QWZ16-120 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}
#rnn-massageArea .QWZ16-120-B {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
}
#rnn-massageArea .QWZ16-130 {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
#rnn-massageArea .QWZ16-130-B {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
}
#rnn-massageArea .QWZ16-140 {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}
#rnn-massageArea .QWZ16-140-B {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
}
#rnn-massageArea .QWZ16-150 {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
#rnn-massageArea .QWZ16-150-B {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
}
#rnn-massageArea .QWZ17-120 {
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
}
#rnn-massageArea .QWZ17-120-B {
  font-weight: 700;
  font-size: 17px;
  line-height: 120%;
}
#rnn-massageArea .QWZ17-130 {
  font-weight: 400;
  font-size: 17px;
  line-height: 130%;
}
#rnn-massageArea .QWZ17-130-B {
  font-weight: 700;
  font-size: 17px;
  line-height: 130%;
}
#rnn-massageArea .QWZ17-140 {
  font-weight: 400;
  font-size: 17px;
  line-height: 140%;
}
#rnn-massageArea .QWZ17-140-B {
  font-weight: 700;
  font-size: 17px;
  line-height: 140%;
}
#rnn-massageArea .QWZ17-150 {
  font-weight: 400;
  font-size: 17px;
  line-height: 150%;
}
#rnn-massageArea .QWZ17-150-B {
  font-weight: 700;
  font-size: 17px;
  line-height: 150%;
}
#rnn-massageArea .QWZ18-120 {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}
#rnn-massageArea .QWZ18-120-B {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
}
#rnn-massageArea .QWZ18-130 {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
}
#rnn-massageArea .QWZ18-130-B {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
}
#rnn-massageArea .QWZ18-140 {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
}
#rnn-massageArea .QWZ18-140-B {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
}
#rnn-massageArea .QWZ18-150 {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
}
#rnn-massageArea .QWZ18-150-B {
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
}
#rnn-massageArea .QWZ20-120 {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
}
#rnn-massageArea .s1 {
  font-size: 9px;
}
#rnn-massageArea .s1,
#rnn-massageArea .s2 {
  font-weight: 400;
  line-height: 120%;
  font-style: normal;
  font-family: MS PGothic, Osaka;
}
#rnn-massageArea .s2 {
  font-size: 10px;
}
#rnn-massageArea .s3 {
  font-size: 12px;
}
#rnn-massageArea .s3,
#rnn-massageArea .s4 {
  font-weight: 400;
  line-height: 120%;
  font-style: normal;
  font-family: MS PGothic, Osaka;
}
#rnn-massageArea .s4 {
  font-size: 14px;
}
#rnn-massageArea .s5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  font-style: normal;
  font-family: MS PGothic, Osaka;
}
#rnn-massageArea .outline1 {
  margin: 0;
}
#rnn-massageArea .outline1,
#rnn-massageArea .outline1_hight {
  border: 1px solid #999;
  font-family: ＭＳ Ｐゴシック, Osaka;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
#rnn-massageArea .outline1_hight {
  text-decoration: none;
  height: 18px;
  line-height: normal;
  position: relative;
}
#rnn-massageArea .s3b {
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  font-style: normal;
  font-family: MS PGothic, Osaka;
}
#rnn-massageArea .date {
  font-family: Arial black, Helvetica black, "sans-serif black";
  font-size: 20px;
  font-weight: 700;
}
#rnn-massageArea .outline1_hight_send {
  border: 1px solid #999;
  font-family: ＭＳ Ｐゴシック, Osaka;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  height: 18px;
  line-height: normal;
  position: relative;
  background-color: #d9d9d9;
  text-align: center;
  z-index: auto;
}
#rnn-massageArea .s3wide {
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-family: MS PGothic, Osaka;
}
#rnn-massageArea p {
  line-height: 150%;
}
#rnn-massageArea .font1 {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-style: normal;
}
#rnn-massageArea .font2 {
  font-weight: 700;
  font-size: 10px;
  line-height: 120%;
  font-style: normal;
}
#rnn-massageArea .font3 {
  font-weight: 400;
}
#rnn-massageArea .font3,
#rnn-massageArea .font4 {
  font-size: 12px;
  line-height: 120%;
  font-style: normal;
}
#rnn-massageArea .font4 {
  font-weight: 700;
}
#rnn-massageArea .font5 {
  font-weight: 700;
  font-size: 15px;
  line-height: 120%;
  font-style: normal;
}
#rnn-massageArea .font6 {
  font-size: 10px;
}
#rnn-massageArea .font6,
#rnn-massageArea .font7 {
  font-weight: 400;
  line-height: 120%;
  font-style: normal;
}
#rnn-massageArea .font7 {
  font-size: 20px;
}
#rnn-massageArea .font8 {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  font-style: normal;
}
#rnn-massageArea .font9 {
  font-size: 11px;
}
#rnn-massageArea .font9,
#rnn-massageArea .font10 {
  font-weight: 400;
  line-height: 120%;
  font-style: normal;
}
#rnn-massageArea .font10 {
  font-size: 8px;
}
#rnn-massageArea p.percent {
  line-height: 140%;
}
#rnn-massageArea .login_name {
  background-color: #666;
  font-size: 12px;
  color: #fff;
}
#rnn-massageArea .header_title {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  font-style: normal;
  background-color: #dbdbdb;
}
#rnn-massageArea .header_directory {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-style: normal;
  background-color: #dbdbdb;
}
#rnn-massageArea .font_14px {
  font-size: 14px;
  line-height: 120%;
}
#rnn-massageArea .font_12px {
  font-size: 12px;
  line-height: 120%;
}
#rnn-massageArea .font_10px {
  font-family: MS UI Gothic, MS PGothic, Osaka;
  font-size: 10px;
  line-height: 120%;
}
#rnn-massageArea .s4b {
  font-style: normal;
  font-family: MS PGothic, Osaka;
}
#rnn-massageArea .font_14pxb,
#rnn-massageArea .s4b {
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
}
#rnn-massageArea .cm_font {
  font-size: 10pt;
}
#rnn-massageArea .cm_errmsg_font {
  font-size: 10pt;
  color: #c00;
  font-weight: 700;
}
#rnn-massageArea .table_solid_line {
  border-collapse: collapse;
  padding: 0;
  border: 1px solid #000;
  background-color: #fff;
}
#rnn-massageArea .td_solid_line_0 {
  padding: 0;
  border: 0 solid #000;
}
#rnn-massageArea .td_solid_line_head {
  padding: 2px;
  border: 1px solid #000;
  background-color: #ccf;
}
#rnn-massageArea .td_solid_line {
  padding: 2px;
  border: 1px solid #000;
  background-color: #fff;
}
#rnn-massageArea .td_solid_line_sec {
  padding: 2px;
  border: 1px solid #000;
  background-color: #ffc;
}
#rnn-massageArea .table_solid_line2 {
  border-collapse: collapse;
  padding: 0;
  border: 1px solid #dedede;
  background-color: #fff;
}
#rnn-massageArea .td_solid_line_head2 {
  padding: 2px;
  border: 1px solid #dedede;
  background-color: #ccf;
}
#rnn-massageArea .td_solid_line2 {
  padding: 2px;
  border: 1px solid #dedede;
  background-color: #fff;
}
#rnn-massageArea .toFtcls {
  font-size: 10px;
  color: #666;
  text-decoration: none;
  line-height: 100%;
  text-align: center;
  font-family: ＭＳ ゴシック, Osaka－等幅;
}
#rnn-massageArea .paging_decoration {
  margin: 2px 0;
  font-size: 12px;
  line-height: 140%;
}
#rnn-massageArea .paging_decoration .paging_active {
  font-weight: 700;
  background-color: #918985;
  color: #fff;
}
#rnn-massageArea .paging_decoration .nolink_back {
  padding: 3px 5px 1px 14px;
  border: 1px solid #918985;
  background: #fff
    url(data:image/gif;base64,R0lGODlhCQBkAMQAAP////Lx8Ovq6eTj4uTi4eTi4tfU09HOzMrGxcnFxLu3tLCqqK6opqiin6mioJmTj5aPjJWOi5WOipaOi5SNipSNiZWNipSMiZOMiJOLh5KLh5OLiJKKhpKKh5GJhf///yH5BAUUAB8ALAAAAAAJAGQAAAVwICSOZDlOaJpGbOu6i8FKtHQAA21ZjgAAhR0F8fsVKJRKw/cjVCqXaKIZrV4YAUIUw+U+FNyNeEwujzPodFrDbrc78HicQ6/b73WPfs/v+/+AgYKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2SIQA7)
    no-repeat 0 0;
  color: #999;
}
#rnn-massageArea .paging_decoration .nolink_next {
  padding: 3px 14px 1px 5px;
  border: 1px solid #918985;
  background: #fff
    url(data:image/gif;base64,R0lGODlhCQBkAMQAAP////Lx8Ovq6eTj4uTi4eTi4tfU09HOzMrGxcnFxLu3tLCqqK6opqiin6mioJmTj5aPjJWOi5WOipaOi5SNipSNiZWNipSMiZOMiJOLh5KLh5OLiJKKhpKKh5GJhf///yH5BAUUAB8ALAAAAAAJAGQAAAVxICSOZDlOaJpGbOtGxvJK0gAcNG1ZBQAIjh2F0vMBEJRKhWAUNCqXCxOQiFoJAYb1gsEoHt3wZkwum8mZtFqtabvdnbhczqnb73i7Z8/v+/+AgYKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2ekyEAOw==)
    no-repeat 100% 0;
  color: #999;
}
#rnn-massageArea .center_box {
  _text-align: center;
}
#rnn-massageArea .mha,
#rnn-massageArea .srch_panel_mha {
  margin-left: auto;
  margin-right: auto;
}
#rnn-massageArea .srch_panel_mha {
  width: 545px;
}
#rnn-massageArea .hit_number {
  font-size: 16px;
  font-weight: 700;
  color: #c00;
}
#rnn-massageArea .paging_box {
  margin-bottom: 10px;
}
#rnn-massageArea .paging_box .paging_list .current,
#rnn-massageArea .paging_box li a {
  padding: 2px 4px;
}
#rnn-massageArea .paging_box .no_link,
#rnn-massageArea .paging_box .paging_list li,
#rnn-massageArea .paging_box .paging_nav {
  border: 1px solid #918985;
}
#rnn-massageArea .paging_box .paging_list .current {
  background: #918985;
  color: #fff;
  font-weight: 700;
}
#rnn-massageArea .paging_box .paging_list li {
  float: left;
  margin-right: 5px;
}
#rnn-massageArea .paging_box .no_link {
  color: #999;
}
#rnn-massageArea .paging_box .paging_prev {
  margin-right: 5px;
  padding-left: 9px;
  background: url(data:image/gif;base64,R0lGODlhCQBkAMQAAP////Lx8Ovq6eTj4uTi4eTi4tfU09HOzMrGxcnFxLu3tLCqqK6opqiin6mioJmTj5aPjJWOi5WOipaOi5SNipSNiZWNipSMiZOMiJOLh5KLh5OLiJKKhpKKh5GJhf///yH5BAUUAB8ALAAAAAAJAGQAAAVwICSOZDlOaJpGbOu6i8FKtHQAA21ZjgAAhR0F8fsVKJRKw/cjVCqXaKIZrV4YAUIUw+U+FNyNeEwujzPodFrDbrc78HicQ6/b73WPfs/v+/+AgYKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2SIQA7)
    no-repeat left 2px #918985;
}
#rnn-massageArea .paging_box .paging_next {
  padding-right: 9px;
  background: url(data:image/gif;base64,R0lGODlhCQBkAMQAAP////Lx8Ovq6eTj4uTi4eTi4tfU09HOzMrGxcnFxLu3tLCqqK6opqiin6mioJmTj5aPjJWOi5WOipaOi5SNipSNiZWNipSMiZOMiJOLh5KLh5OLiJKKhpKKh5GJhf///yH5BAUUAB8ALAAAAAAJAGQAAAVxICSOZDlOaJpGbOtGxvJK0gAcNG1ZBQAIjh2F0vMBEJRKhWAUNCqXCxOQiFoJAYb1gsEoHt3wZkwum8mZtFqtabvdnbhczqnb73i7Z8/v+/+AgYKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2ekyEAOw==)
    no-repeat right 2px #918985;
}
#rnn-massageArea .paging_box .paging_nav_inner {
  display: block;
  background: #fff;
}
#rnn-massageArea .hit_link {
  margin-bottom: 10px;
  background: url(data:image/gif;base64,R0lGODlhCgAHAIAAAAAAALFNPCH5BAUUAAAALAAAAAAKAAcAAAIODI4Ym7qcnnSv1QYMPgUAOw==)
    no-repeat scroll 0 0.25em;
  padding-left: 1em;
}
#rnn-massageArea .left_like_kyujin {
  float: left;
  padding: 3px 0 !important;
  font-weight: 700;
}
#rnn-massageArea .demo_inc {
  background-color: #d5e4f7;
  text-align: center;
  color: #999;
  line-height: 30px;
  font-size: 12px;
  margin: 0 !important;
}
#rnn-massageArea .fg_req {
  color: red;
  font-size: 12px;
  font-weight: 400;
}
.rn3-companyOfferLead {
  margin-top: 60px;
  padding: 31px 30px 29px;
  background-color: #feeef2;
  justify-content: center;
  display: flex;
}
.rn3-companyOfferLead__register {
  margin-right: 40px;
}
.rn3-companyOfferLead__title {
  font-weight: 700;
  font-size: 18px;
  color: #383838;
  text-align: center;
}
.rn3-companyOfferLead__text {
  font-size: 14px;
  text-align: center;
  color: #383838;
  margin-top: 5px;
}
.rn3-companyOfferLead__button {
  width: 260px;
  padding: 10px 10px 9px;
  border-radius: 8px;
  color: #fff;
  margin-top: 9px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.rn3-companyOfferLead__login .rn3-companyOfferLead__button {
  background-color: #6b9ac4;
}
.rn3-companyOfferLead__register .rn3-companyOfferLead__button {
  background-color: red;
}
.rn3-companyOfferLead__register .rn3-companyOfferLead__button:hover {
  color: #fff;
  background-color: #ff4747;
}
.rn3-companyOfferLead__login .rn3-companyOfferLead__button:hover {
  color: #fff;
  background-color: #88b2d8;
}
.rn3-companyOfferLead__buttonDecoration {
  background-color: #fff;
  padding: 1px 5px;
  border-radius: 4px;
  color: #ff0005;
  font-size: 10px;
  font-weight: 700;
  margin-left: 5px;
  margin-bottom: 2px;
}
.rnn-header__lead {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}
.rnn-header__leadButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 103px;
  padding: 7px 7px 7px 8px;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.rnn-header__leadButton--register {
  background-color: red;
  margin-right: 10px;
  cursor: pointer;
}
.rnn-header__leadButton--register:hover {
  color: #fff;
  background-color: #ff4747;
}
.rnn-header__leadButton--login {
  background-color: #6b9ac4;
  cursor: pointer;
}
.rnn-header__leadButton--login:hover {
  color: #fff;
  background-color: #88b2d8;
}
.rnn-header__leadButtonDeco {
  background-color: #fff;
  color: red;
  padding: 1px 5px;
  margin-left: 4px;
  font-size: 10px;
  border-radius: 4px;
}
.rn3-topSummaryWrapper {
  border: 1px solid #d8dce5;
  border-radius: 8px;
  margin-top: 25px;
  padding: 15px;
  width: 100%;
}
.rn3-topSummaryElement {
  display: flex;
  margin-top: 9px;
}
.rn3-topSummaryElement:first-child {
  margin-top: 0;
}
.rn3-topSummaryIcon {
  background-size: cover;
  flex: 0 0 18px;
  height: 18px;
  margin-right: 5px;
}
.rn3-topSummaryIcon--job {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMTMuMDFjMi4yOSAxLjA5NCA2LjEzMyAxLjc4NiAxMC4xMzMgMS45NnYuMzhjMCAuNTU1LjM5IDEuMDUuOTQ0IDEuMDVoMS41MTJjLjU1NCAwIDEuMDExLS40OTUgMS4wMTEtMS4wNXYtLjM2NmM0LS4xNDggOC4wNDQtLjg0OCAxMC40LTEuOTcydjcuNjc4YzAgMS4yNjMtLjkxMyAxLjU3Ni0yLjE3NyAxLjU3NkgyLjE3N0MuOTEzIDIyLjI2NiAwIDIxLjk1MyAwIDIwLjY5ek04LjU1OSAyaDYuODg0YzEuMzM3IDAgMi4zNCAxLjEzMiAyLjQxOSAyLjQ1NmwuMDA1LjE2N3YxLjY0NGgzLjk1NmMxLjIwOSAwIDIuMDk3Ljg1IDIuMTcyIDIuMDNMMjQgOC40NnYzLjExN2MtMi42NjcgMS4zMzYtNy4zNzMgMi4xMDQtMTIgMi4xMDQtNC40NjcgMC05LjAwOS0uNzE2LTExLjcxNy0xLjk2NkwwIDExLjU3OVY4LjQ2YzAtMS4yMDkuODM2LTIuMTEyIDIuMDE0LTIuMTg4bC4xNjMtLjAwNWgzLjk1NlY0LjYyM2MwLTEuMzQuOTUtMi41MjQgMi4yNi0yLjYxN0w4LjU2IDJoNi44ODR6bTYuODg0IDIuMTMzSDguNTU5Yy0uMjU1IDAtLjQ5OC4xNi0uNTUuMzk3TDggNC42MjN2MS42NDRoOFY0LjYyM2MwLS4yODctLjI3LS40OS0uNTU3LS40OXoiIGZpbGw9IiNhYWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}
.rn3-topSummaryIcon--area {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDBDNy4wMzcgMCAzIDQuMDM3IDMgOWMwIDEuODkuNTg4IDMuNzA1IDEuNjk5IDUuMjQ3bC4yMzYuMzNMMTEuNCAyMy43YS43NDguNzQ4IDAgMDAxLjIgMGw2LjM4NC05LjAxMy4zMTUtLjQzNkE4LjkzIDguOTMgMCAwMDIxIDljMC00Ljk2My00LjAzNy05LTktOW0wIDQuNzE1QTQuMjkgNC4yOSAwIDAwNy43MTMgOSA0LjI5IDQuMjkgMCAwMDEyIDEzLjI4NSA0LjI4OSA0LjI4OSAwIDAwMTYuMjg1IDkgNC4yODkgNC4yODkgMCAwMDEyIDQuNzE1IiBmaWxsPSIjYWFhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
}
.rn3-topSummaryIcon--income {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDFjNi4wNzUgMCAxMSA0LjkyNSAxMSAxMXMtNC45MjUgMTEtMTEgMTFTMSAxOC4wNzUgMSAxMiA1LjkyNSAxIDEyIDF6bTQuMDg1IDQuOWExLjA1MiAxLjA1MiAwIDAwLTEuNDQ5LjMzNGwtMi42NDEgNC4yMi0yLjY0LTQuMjJhMS4wNTIgMS4wNTIgMCAwMC0xLjc4MyAxLjExMmwzLjAwMiA0Ljc5OEg4LjE2NmEuNzUuNzUgMCAwMDAgMS41aDIuNzU0djEuNjQ5SDguMTY2YS43NS43NSAwIDEwMCAxLjVsMi43NTMtLjAwMXYxLjI5OWExLjA1MSAxLjA1MSAwIDEwMi4xMDIgMHYtMS4zbDIuNzUzLjAwMmEuNzUuNzUgMCAwMDAtMS41aC0yLjc1M3YtMS42NWwyLjc1My4wMDFhLjc1Ljc1IDAgMDAwLTEuNWgtMi4zNThsMy4wMDMtNC43OTguMDU4LS4xMDdhMS4wNSAxLjA1IDAgMDAtLjM5Mi0xLjM0eiIgZmlsbD0iI2FhYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}
.rn3-topSummaryIcon--holiday {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjQwMyAxOS45MDdhLjI4My4yODMgMCAwMS4yNDguNDJsLTEuNDA0IDIuNTI4YS4yODMuMjgzIDAgMDEtLjQ5NCAwbC0xLjQwNC0yLjUyOGEuMjgyLjI4MiAwIDAxLjI0OC0uNDJ6bS04LjE4Ni0zLjM5Yy4wNzQgMCAuMTQ2LjAyOC4yLjA4MmwxLjk4NCAxLjk4NWEuMjgyLjI4MiAwIDAxLS4xMjIuNDcxbC0yLjc4Ljc5NWEuMjgyLjI4MiAwIDAxLS4yNzctLjA3Mi4yODQuMjg0IDAgMDEtLjA3Mi0uMjc3bC43OTUtMi43OGEuMjgyLjI4MiAwIDAxLjI3Mi0uMjA1em0xMy41NjYgMGEuMjgyLjI4MiAwIDAxLjI3MS4yMDVsLjc5NiAyLjc3OWEuMjgzLjI4MyAwIDAxLS4zNS4zNDlsLTIuNzgtLjc5NWEuMjgxLjI4MSAwIDAxLS4xMjEtLjQ3MWwxLjk4NC0xLjk4NWEuMjg1LjI4NSAwIDAxLjItLjA4M3pNMTIgNS4wNzhhNi45MjEgNi45MjEgMCAxMTAgMTMuODQyIDYuOTIgNi45MiAwIDAxMC0xMy44NHptOC4xOSA1LjIzNWMuMDQ2IDAgLjA5NC4wMTIuMTM3LjAzNWwyLjUyNyAxLjQwNGEuMjgyLjI4MiAwIDAxMCAuNDk0bC0yLjUyNyAxLjQwM2EuMjg0LjI4NCAwIDAxLS4yOC0uMDA0LjI4My4yODMgMCAwMS0uMTQtLjI0M3YtMi44MDVhLjI4NC4yODQgMCAwMS4yODItLjI4M3ptLTE2LjM4IDBhLjI4My4yODMgMCAwMS4yODMuMjgzdjIuODA2YS4yODEuMjgxIDAgMDEtLjI4Mi4yODMuMjg0LjI4NCAwIDAxLS4xMzgtLjAzNmwtMi41MjctMS40MDJBLjI4NC4yODQgMCAwMTEgMTJjMC0uMTAyLjA1Ni0uMTk3LjE0Ni0uMjQ3bDIuNTI3LTEuNDA0YS4yOTIuMjkyIDAgMDEuMTM4LS4wMzV6bS42MTItNi4xNzVjLjAyNiAwIC4wNTIuMDA0LjA3Ny4wMTFsMi43OC43OTVhLjI4MS4yODEgMCAwMS4xMjIuNDcxTDUuNDE3IDcuNDAxYS4yODUuMjg1IDAgMDEtLjI3LjA3NC4yODIuMjgyIDAgMDEtLjIwMi0uMTk2bC0uNzk1LTIuNzhhLjI4NS4yODUgMCAwMS4yNzItLjM2MXptMTUuMTU2IDBjLjA3NCAwIC4xNDYuMDMuMi4wODRhLjI4LjI4IDAgMDEuMDcyLjI3N2wtLjc5NSAyLjc3OWEuMjgxLjI4MSAwIDAxLS40NzEuMTIybC0xLjk4NS0xLjk4NWEuMjgzLjI4MyAwIDAxLjEyMi0uNDdsMi43OC0uNzk2YS4zMDYuMzA2IDAgMDEuMDc3LS4wMXpNMTIgMWMuMTAzIDAgLjE5Ny4wNTYuMjQ3LjE0NWwxLjQwMyAyLjUyOGEuMjgyLjI4MiAwIDAxLS4yNDYuNDJoLTIuODA3YS4yODMuMjgzIDAgMDEtLjI0Ny0uNDJsMS40MDMtMi41MjhBLjI4Mi4yODIgMCAwMTEyIDF6IiBmaWxsPSIjYWFhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
}
.rn3-topSummaryTitle {
  flex: 0 0 80px;
  font-size: 14px;
  font-weight: 700;
  margin-right: 9px;
}
.rn3-topSummaryText {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.svg-icon {
  display: inline-block;
}
.svg-icon use {
  pointer-events: none;
}
.svg-fill > svg {
  fill: currentColor;
  stroke: none;
}
.svg-up {
  transform: rotate(-90deg);
}
.svg-right {
  transform: rotate(0deg);
}
.svg-down {
  transform: rotate(90deg);
}
.svg-left {
  transform: rotate(180deg);
}
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.modal__close:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.modalWrapper {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  overflow: hidden auto;
  overflow-x: scroll;
  position: fixed;
  top: 0;
  width: 100%;
}
.contentWrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  border-radius: 8px;
  color: #262626;
  margin: auto;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}
.fade-enter .contentWrap,
.fade-leave-to .contentWrap {
  transform: translateY(-20px);
}
.fade-enter-to .contentWrap,
.fade-leave .contentWrap {
  transform: translate(0);
}
.errorModal[data-v-ba668f46] {
  box-sizing: border-box;
  position: relative;
  min-width: 467px;
  display: inline-block;
  vertical-align: middle;
  padding: 40px;
  background-color: #fff;
  border-radius: 12px;
}
.errorModal__message[data-v-ba668f46] {
  margin: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: #ff0005;
}
.modal {
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  perspective: 1000px;
  position: fixed;
  top: 0;
  transition: all 0.2s ease;
  width: 100%;
  z-index: 10;
}
.modal.fade-enter,
.modal.fade-leave-active {
  opacity: 0;
}
.backdrop {
  background-color: rgba(96, 110, 133, 0.7);
  align-items: safe center;
  overflow: hidden;
}
.backdrop,
.modalWrapper.is-scroll {
  display: flex;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.modalWrapper.is-scroll {
  align-items: center;
  overflow: hidden auto;
  overflow-x: scroll;
}
.modalWrapper.modalWrapper--center {
  align-items: center;
}
.modal__close[data-v-f7c4fcde] {
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.modal__close[data-v-f7c4fcde]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.contentWrap[data-v-f7c4fcde] {
  width: 710px;
  max-height: 80vh;
  height: 280px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  padding: 40px;
  border-radius: 12px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #262626;
  margin: auto;
  overflow: hidden;
  transition: all 0.3s ease;
}
.fade-enter .contentWrap[data-v-f7c4fcde],
.fade-leave-to .contentWrap[data-v-f7c4fcde] {
  transform: translateY(-20px);
}
.fade-enter-to .contentWrap[data-v-f7c4fcde],
.fade-leave .contentWrap[data-v-f7c4fcde] {
  transform: translate(0);
}
.apModal__inner[data-v-f7c4fcde] {
  width: 595px;
  margin: 5px auto 0;
}
.closeIcon[data-v-f7c4fcde] {
  position: absolute;
  top: 10px;
  right: 10px;
}
.title[data-v-f7c4fcde] {
  width: 630px;
  height: 50px;
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  color: #383838;
  font-weight: 700;
  line-height: 50px;
  background-color: #e3f7f5;
  border-radius: 8px;
}
.title > span[data-v-f7c4fcde] {
  color: #25af8e;
  margin-right: 10px;
  padding: 6px 10px 6px 14px;
  background-color: #fff;
  border-radius: 15px;
  font-size: 16px;
}
.message[data-v-f7c4fcde] {
  margin: 20px 0;
  text-align: center;
}
.text[data-v-f7c4fcde] {
  font-size: 14px;
}
.text--bold[data-v-f7c4fcde] {
  font-weight: 700;
}
.text[data-v-f7c4fcde]:nth-child(3) {
  margin-top: 10px;
}
.rn3-button[data-v-f7c4fcde] {
  width: 160px;
  margin: 0 auto;
}
.rn3-suguOuboBadge[data-v-569a1cd0] {
  position: relative;
}
.rn3-suguOuboBadge__inner[data-v-569a1cd0] {
  width: 128px;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  pointer-events: none;
  border: 2px solid #fff;
  border-radius: 16px;
  padding: 2px 0;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #fa8da9;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
}
.fade-enter-active[data-v-569a1cd0] {
  transition: all 0.5s ease-in-out 2s;
}
.fade-enter[data-v-569a1cd0] {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.fade-enter-to[data-v-569a1cd0] {
  opacity: 1;
  visibility: visible;
}
.modal__close[data-v-0a8be46f] {
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.modal__close[data-v-0a8be46f]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.contentWrap[data-v-0a8be46f] {
  width: 795px;
  min-width: 795px;
  height: 452px;
  background-color: #fcf4f4;
  padding: 45px 105px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 8px;
  color: #262626;
  margin: auto;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}
.fade-enter .contentWrap[data-v-0a8be46f],
.fade-leave-to .contentWrap[data-v-0a8be46f] {
  transform: translateY(-20px);
}
.fade-enter-to .contentWrap[data-v-0a8be46f],
.fade-leave .contentWrap[data-v-0a8be46f] {
  transform: translate(0);
}
.rn3-unauthorized[data-v-0a8be46f] {
  min-width: 585px;
  height: 362px;
}
.rn3-unauthorized__iconHeart[data-v-0a8be46f] {
  margin-right: 2px;
}
.rn3-unauthorized__title[data-v-0a8be46f] {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
.rn3-unauthorized__content[data-v-0a8be46f] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.rn3-unauthorized__imgKininaru[data-v-0a8be46f] {
  height: 150px;
  margin-bottom: 10px;
}
.rn3-unauthorized__imgKininaruImage[data-v-0a8be46f] {
  width: auto;
  height: 100%;
}
.rn3-unauthorized__text[data-v-0a8be46f] {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.rn3-unauthorized__areaAction[data-v-0a8be46f] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.rn3-unauthorized__regist[data-v-0a8be46f] {
  align-items: center;
  background-color: red;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 50px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 20px;
  transition: background-color 0.2s ease;
  width: 335px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}
.rn3-unauthorized__regist[data-v-0a8be46f]:hover {
  background-color: #ff4747;
}
.rn3-unauthorized__badge[data-v-0a8be46f] {
  background-color: #fff;
  border-radius: 4px;
  color: red;
  font-size: 10px;
  font-weight: 700;
  margin-left: 5px;
  padding: 3px 5px;
}
.rn3-unauthorized__login[data-v-0a8be46f] {
  color: #5899f0;
  font-size: 14px;
  font-weight: 700;
  transition: color 0.2s ease;
}
.rn3-unauthorized__login[data-v-0a8be46f]:hover {
  color: #7caff4;
}
.modal__close[data-v-913d9990] {
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.modal__close[data-v-913d9990]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.modalWrapper[data-v-913d9990] {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}
.contentWrap[data-v-913d9990] {
  width: 465px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  padding: 40px;
  border-radius: 12px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #262626;
  margin: auto;
  overflow: hidden;
  transition: all 0.3s ease;
}
.fade-enter .contentWrap[data-v-913d9990],
.fade-leave-to .contentWrap[data-v-913d9990] {
  transform: translateY(-20px);
}
.fade-enter-to .contentWrap[data-v-913d9990],
.fade-leave .contentWrap[data-v-913d9990] {
  transform: translate(0);
}
.errorModal[data-v-913d9990] {
  width: 100%;
}
.errorModal__close[data-v-913d9990] {
  position: absolute;
  top: 12px;
  right: 10px;
}
.errorModal__text[data-v-913d9990] {
  font-size: 14px;
  line-height: 1.5;
  color: #ff0005;
  text-align: center;
}
.modal__close[data-v-1b27962e] {
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.modal__close[data-v-1b27962e]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.contentWrap[data-v-1b27962e] {
  width: 478px;
  min-height: 360px;
  padding: 0;
  box-shadow: 2px 0 20px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #fef4f4;
  border-radius: 12px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #383838;
  margin: auto;
  overflow: hidden;
  transition: all 0.3s ease;
}
.fade-enter .contentWrap[data-v-1b27962e],
.fade-leave-to .contentWrap[data-v-1b27962e] {
  transform: translateY(-20px);
}
.fade-enter-to .contentWrap[data-v-1b27962e],
.fade-leave .contentWrap[data-v-1b27962e] {
  transform: translate(0);
}
.rn3-viewCountAppeal[data-v-1b27962e] {
  margin-top: 35px;
}
.rn3-viewCountAppeal__title[data-v-1b27962e] {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}
.rn3-viewCountAppeal__text[data-v-1b27962e] {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
.rn3-viewCountAppeal__image[data-v-1b27962e] {
  width: 200px;
  margin: 18px auto 0;
  padding-bottom: 15px;
}
.rn3-viewCountAppeal__buttonWrapper[data-v-1b27962e] {
  width: 300px;
  margin: 0 auto;
  position: relative;
}
.rn3-viewCountAppeal__registerText[data-v-1b27962e] {
  font-size: 14px;
}
.rn3-button--padding[data-v-1b27962e] {
  padding-right: 36px;
}
.rn3-button--top[data-v-1b27962e] {
  margin-top: 14px;
}
.rn3-viewCountAppeal__buttonBadge[data-v-1b27962e] {
  color: red;
  background-color: #fff;
  width: 30px;
  height: 17px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: 11px;
  right: 84px;
  border-radius: 4px;
  padding: 3px;
}
.rn3-viewCountAppeal__loginLink[data-v-1b27962e] {
  margin: 17px auto 0;
  padding-bottom: 36px;
  font-size: 14px;
  color: #016bc4;
  font-weight: 700;
}
.modal__close[data-v-67d7a5e1] {
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.modal__close[data-v-67d7a5e1]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.baseContentsNoNotoSans[data-v-67d7a5e1] {
  font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo,
    Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  line-height: 1.5;
}
.rn3-oneTap[data-v-67d7a5e1] {
  padding: 40px 68px;
  text-align: center;
}
.rn3-oneTap__title[data-v-67d7a5e1] {
  line-height: 1.35;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #383838;
}
.rn3-oneTap__body[data-v-67d7a5e1] {
  margin-top: 30px;
  text-align: center;
}
.rn3-oneTap__action[data-v-67d7a5e1] {
  margin-top: 12px;
  text-align: center;
}
.rn3-oneTap__imgWrapper[data-v-67d7a5e1] {
  width: 303px;
  height: 117px;
  margin-left: 26px;
  margin-top: 20px;
}
.rn3-oneTapPolicy[data-v-67d7a5e1] {
  margin-top: 20px;
}
.rn3-oneTapConfirmResume[data-v-67d7a5e1] {
  margin-top: 20px;
  line-height: 1;
}
.rn3-oneTapLink[data-v-67d7a5e1] {
  font-size: 14px;
  line-height: 1;
  color: #016bc4;
}
.rn3-oneTapPolicy > .rn3-oneTapLink[data-v-67d7a5e1] {
  font-size: 12px;
}
.rn3-oneTapLink__icon[data-v-67d7a5e1] {
  display: inline-block;
  width: 14px;
  height: 14px;
  color: #016bc4;
  margin-left: 1px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzAxNmJjNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMy4yIDkuODc1djguNDk5bDExIC4wMDFWMjAuNUgxVjkuODc1aDIuMnpNMjMgMy41djEyLjc1SDUuNFYzLjVIMjN6bS0yLjIwMSA0LjI1SDcuNnY2LjM3NWgxMy4xOTlWNy43NXoiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.rn3-oneTapModalButton[data-v-67d7a5e1] {
  display: inline-block;
  width: 340px;
  border-radius: 8px;
  text-align: center;
  line-height: 1;
  padding: 18px 0;
  font-size: 14px;
  font-weight: 700;
  transition: background-color 0.2s ease;
  cursor: pointer;
  outline: none;
  background-color: red;
  color: #fff;
}
.rn3-oneTapModalButton[data-v-67d7a5e1]:hover {
  background-color: #ff4747;
}
.rn3-oneTapModalButton.is-disable[data-v-67d7a5e1] {
  pointer-events: none;
}
.modal__close[data-v-008c9ab4] {
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.modal__close[data-v-008c9ab4]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.contentWrap[data-v-008c9ab4] {
  padding: 0;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 12px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #262626;
  margin: auto;
  overflow: hidden;
  transition: all 0.3s ease;
}
.fade-enter .contentWrap[data-v-008c9ab4],
.fade-leave-to .contentWrap[data-v-008c9ab4] {
  transform: translateY(-20px);
}
.fade-enter-to .contentWrap[data-v-008c9ab4],
.fade-leave .contentWrap[data-v-008c9ab4] {
  transform: translate(0);
}
.rn3-oneTap[data-v-008c9ab4] {
  padding: 35px 68px 40px;
}
.rn3-oneTap__title[data-v-008c9ab4] {
  line-height: 1.35;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #383838;
}
.rn3-oneTap__body[data-v-008c9ab4] {
  margin-top: 30px;
  text-align: center;
}
.rn3-oneTap__action[data-v-008c9ab4] {
  margin-top: 10px;
  text-align: center;
}
.rn3-oneTapPolicy[data-v-008c9ab4] {
  margin-top: 30px;
}
.rn3-oneTapLink[data-v-008c9ab4] {
  font-size: 14px;
  line-height: 1;
  color: #016bc4;
}
.rn3-oneTapLink__icon[data-v-008c9ab4] {
  display: inline-block;
  width: 14px;
  height: 14px;
  color: #016bc4;
  margin-left: 1px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzAxNmJjNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMy4yIDkuODc1djguNDk5bDExIC4wMDFWMjAuNUgxVjkuODc1aDIuMnpNMjMgMy41djEyLjc1SDUuNFYzLjVIMjN6bS0yLjIwMSA0LjI1SDcuNnY2LjM3NWgxMy4xOTlWNy43NXoiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.rn3-oneTapPolicy > .rn3-oneTapLink[data-v-008c9ab4] {
  font-size: 12px;
}
.rn3-oneTapModalButton[data-v-008c9ab4] {
  display: inline-block;
  width: 340px;
  border-radius: 8px;
  text-align: center;
  line-height: 1;
  padding: 18px 0;
  font-size: 14px;
  font-weight: 700;
  transition: background-color 0.2s ease;
  cursor: pointer;
  outline: none;
  background-color: red;
  color: #fff;
}
.rn3-oneTapModalButton[data-v-008c9ab4]:hover {
  background-color: #ff4747;
}
.rn3-oneTapModalButton.is-disable[data-v-008c9ab4] {
  pointer-events: none;
}
.rn3-requiredCountBalloon__wrapper[data-v-1e9c2379] {
  width: 112px;
  position: absolute;
  z-index: 1;
  top: -21px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  pointer-events: none;
}
.rn3-requiredCountBalloon__inner[data-v-1e9c2379] {
  border: 2px solid #fff;
  border-radius: 12px;
  padding: 2px 0;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #fa8da9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rn3-requiredCountBalloon__text[data-v-1e9c2379] {
  position: relative;
  z-index: 1;
}
.fade-enter-active[data-v-1e9c2379] {
  transition: all 0.5s ease-in-out 2s;
}
.fade-enter[data-v-1e9c2379] {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.fade-enter-to[data-v-1e9c2379] {
  opacity: 1;
  visibility: visible;
}
.slide-enter-active[data-v-b652be18],
.slide-leave-active[data-v-b652be18] {
  transform: translate(0);
  transition: transform 0.3s ease;
}
.slide-enter[data-v-b652be18],
.slide-leave-to[data-v-b652be18] {
  transform: translateY(-100vh) translateY(0);
}
.speedApZero[data-v-b652be18] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 67px;
  left: 50%;
  width: 400px;
  height: 50px;
  margin-left: -200px;
  padding: 0 15px;
  background-color: #e3f7f5;
  box-shadow: 0 2px 10px 0 #bdd5d3;
  border-radius: 8px;
  font-size: 14px;
  z-index: 10;
  transition: all 0.3s ease;
}
.speedApZero__text[data-v-b652be18] {
  font-weight: 700;
}
.speedApZero__text span[data-v-b652be18] {
  display: inline-block;
  height: 22px;
  margin-right: 5px;
  padding: 0 5px 0 10px;
  background-color: #fff;
  border-radius: 12px;
  color: #25af8e;
}
.speedApZero__action[data-v-b652be18] {
  display: flex;
  align-items: center;
  line-height: 1;
}
.speedApZero__scroll[data-v-b652be18] {
  margin-right: 5px;
}
.speedApZero__action:hover > .speedApZero__scroll[data-v-b652be18] {
  color: #7caff4 !important;
}
@-webkit-keyframes spin-data-v-43ee1f82 {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(36deg);
  }
  20% {
    transform: rotate(72deg);
  }
  30% {
    transform: rotate(108deg);
  }
  40% {
    transform: rotate(144deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(216deg);
  }
  70% {
    transform: rotate(252deg);
  }
  80% {
    transform: rotate(288deg);
  }
  90% {
    transform: rotate(324deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes spin-data-v-43ee1f82 {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(36deg);
  }
  20% {
    transform: rotate(72deg);
  }
  30% {
    transform: rotate(108deg);
  }
  40% {
    transform: rotate(144deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(216deg);
  }
  70% {
    transform: rotate(252deg);
  }
  80% {
    transform: rotate(288deg);
  }
  90% {
    transform: rotate(324deg);
  }
  to {
    transform: rotate(1turn);
  }
}
svg[data-v-43ee1f82] {
  overflow: visible;
  -webkit-animation: spin-data-v-43ee1f82 1s step-start infinite;
  animation: spin-data-v-43ee1f82 1s step-start infinite;
}
svg > [data-v-43ee1f82] {
  transform: translateZ(0);
  transform-origin: center;
  fill: currentColor;
  opacity: 0.2;
}
svg > [data-v-43ee1f82]:first-child {
  opacity: 1;
  transform: scale(1.05);
}
.rn3-button[data-v-0aabcbf8] {
  display: block;
  width: 100%;
  height: 40px;
  padding: 11px 0 14px;
  text-align: center;
  line-height: 1;
  background-color: #fff;
  color: #606e85;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #8d949c;
  border-radius: 8px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.rn3-button__consider[data-v-0aabcbf8] {
  margin-right: 5px;
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0icmVkIiBkPSJNMjEuMTc0IDMuNzk4YTYuNjEyIDYuNjEyIDAgMDExLjgxNiA0LjI1Yy4xMDQgMi4wNDctLjYxNiAzLjQ4Ny0xLjI1NCA0LjUxMy0uNzQzIDEuMTk1LTIuNjk4IDMuNDktNC43NTMgNS41ODVDMTQuNDczIDIwLjcwNCAxMi43OTkgMjIgMTIuMDA5IDIyYy0uMzA5IDAtLjgzMy0uMTM4LTIuMTQ1LTEuMjItLjc5LS42NTMtMS43Ny0xLjU2Ni0yLjgzLTIuNjQxQzQuOTYzIDE2LjAzNCAzIDEzLjc0IDIuMjY1IDEyLjU2IDEuMzE2IDExLjA0MS45MyA5LjY0OCAxLjAxIDguMDQ4YTYuNjA2IDYuNjA2IDAgMDExLjgxNy00LjI1QzMuOTM5IDIuNjM4IDUuMzk1IDIgNi45MjQgMmMyLjM3MyAwIDQuMDMgMS4zMzIgNC44MjUgMS45NzEuMDg3LjA3LjE4Ni4xNS4yNjQuMjEuMS0uMDcuMjMzLS4xNzMuMzUtLjI2My44Ny0uNjcgMi40OS0xLjkxOCA0LjcxNS0xLjkxOCAxLjUyOCAwIDIuOTgzLjYzNyA0LjA5NiAxLjc5OHoiLz48L3N2Zz4=");
  background-size: 100%;
  background-position: 0 -1px;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  word-wrap: normal;
}
.rn3-button .rn3-icon--consider[data-v-0aabcbf8] {
  margin-right: 5px;
}
.rn3-button--primary[data-v-0aabcbf8] {
  border: 1px solid red;
  background-color: red;
  color: #fff;
}
.rn3-button--primary[data-v-0aabcbf8]:hover {
  color: #fff;
  background-color: #ff4747;
}
.rn3-button--primary.rn3-button--shadow[data-v-0aabcbf8] {
  box-shadow: 0 0 14px 0 rgba(234, 99, 99, 0.5);
}
.rn3-button--normal[data-v-0aabcbf8] {
  border: 1px solid #adb5c9;
  color: #606e85;
}
.rn3-button--normal[data-v-0aabcbf8]:hover {
  background-color: #f5f5fa;
  color: #606e85;
}
.rn3-button--normal.rn3-button--shadow[data-v-0aabcbf8] {
  box-shadow: 0 0 14px 0 rgba(173, 181, 201, 0.4);
}
.rn3-button--considered[data-v-0aabcbf8] {
  border: 1px solid #adb5c9;
  background-color: #fafaff;
  color: #979fa8;
}
.rn3-button--considered[data-v-0aabcbf8]:hover {
  background-color: #f5f5fa;
  color: #979fa8;
}
.rn3-button--considered .rn3-button__consider[data-v-0aabcbf8],
.rn3-button--considered .rn3-icon--consider[data-v-0aabcbf8] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23979fa8%22%20transform%3D%22translate(1%202)%22%20d%3D%22M20.174%201.798a6.612%206.612%200%200%201%201.816%204.25c.104%202.047-.616%203.487-1.254%204.513-.743%201.195-2.698%203.49-4.753%205.585C13.473%2018.704%2011.799%2020%2011.009%2020c-.309%200-.833-.138-2.145-1.22-.79-.653-1.77-1.566-2.83-2.641C3.963%2014.034%202%2011.74%201.265%2010.56.316%209.041-.07%207.648.01%206.048a6.606%206.606%200%200%201%201.817-4.25C2.939.638%204.395%200%205.924%200c2.373%200%204.03%201.332%204.825%201.971.087.07.186.15.264.21.1-.07.233-.173.35-.263.87-.67%202.49-1.918%204.715-1.918%201.528%200%202.983.637%204.096%201.798z%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-button--inactive[data-v-0aabcbf8] {
  border: 1px solid #d8d8d8 !important;
  background-color: #d8d8d8 !important;
  color: #fff !important;
}
.rn3-button--inactive .rn3-button__consider[data-v-0aabcbf8],
.rn3-button--inactive .rn3-icon--consider[data-v-0aabcbf8] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMjAuMTc0IDEuNzk4YTYuNjEyIDYuNjEyIDAgMDExLjgxNiA0LjI1Yy4xMDQgMi4wNDctLjYxNiAzLjQ4Ny0xLjI1NCA0LjUxMy0uNzQzIDEuMTk1LTIuNjk4IDMuNDktNC43NTMgNS41ODVDMTMuNDczIDE4LjcwNCAxMS43OTkgMjAgMTEuMDA5IDIwYy0uMzA5IDAtLjgzMy0uMTM4LTIuMTQ1LTEuMjItLjc5LS42NTMtMS43Ny0xLjU2Ni0yLjgzLTIuNjQxQzMuOTYzIDE0LjAzNCAyIDExLjc0IDEuMjY1IDEwLjU2LjMxNiA5LjA0MS0uMDcgNy42NDguMDEgNi4wNDhhNi42MDYgNi42MDYgMCAwMTEuODE3LTQuMjVDMi45MzkuNjM4IDQuMzk1IDAgNS45MjQgMGMyLjM3MyAwIDQuMDMgMS4zMzIgNC44MjUgMS45NzEuMDg3LjA3LjE4Ni4xNS4yNjQuMjEuMS0uMDcuMjMzLS4xNzMuMzUtLjI2My44Ny0uNjcgMi40OS0xLjkxOCA0LjcxNS0xLjkxOCAxLjUyOCAwIDIuOTgzLjYzNyA0LjA5NiAxLjc5OHoiLz48L2RlZnM+PHVzZSBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMikiIHhsaW5rOmhyZWY9IiNhIi8+PC9zdmc+");
}
.rn3-button--xl[data-v-0aabcbf8] {
  height: 60px;
  padding: 18px 0 20px;
  font-size: 20px;
}
.rn3-button--l[data-v-0aabcbf8] {
  height: 50px;
  padding: 15px 0 17px;
  font-size: 16px;
}
.rn3-button--m[data-v-0aabcbf8] {
  height: 40px;
  padding: 11px 0 13px;
  font-size: 14px;
}
.rn3-button--s[data-v-0aabcbf8] {
  height: 35px;
  padding: 10px 0 12px;
  font-size: 12px;
}
.rn3-cassetteRecommendSidebar__item[data-v-0aabcbf8] {
  position: relative;
  visibility: hidden;
}
.rn3-cassetteRecommendSidebar__item.is-show[data-v-0aabcbf8] {
  visibility: visible;
}
.rn3-cassetteRecommendSidebar__item.is-lastItemDisplay[data-v-0aabcbf8] {
  border-bottom: 1px solid rgba(30, 55, 105, 0.2);
}
.rn3-cassetteRecommendSidebar__detailLink[data-v-0aabcbf8] {
  border-top: 1px solid rgba(30, 55, 105, 0.2);
  display: block;
  padding: 20px 15px 62px;
}
.rn3-cassetteRecommendSidebar__detailLink[data-v-0aabcbf8]:hover {
  background-color: rgba(242, 244, 246, 0.5);
  cursor: pointer;
}
.rn3-cassetteRecommendSidebar__detailLink.isHoverCassette[data-v-0aabcbf8]:hover {
  background-color: transparent;
}
.rn3-cassetteRecommendSidebar__detailLink--padding[data-v-0aabcbf8] {
  padding-bottom: 68px;
}
.rn3-cassetteRecommendSidebar__flagFavorite[data-v-0aabcbf8] {
  left: 15px;
  position: absolute;
  top: -4px;
  width: 35px;
  height: 40px;
  z-index: 1;
  display: inline-block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjAwOGgzMXYzOGwtMTUuMzQ5LTUtMTUuNjUxIDV2LTM4eiIgZmlsbD0icmVkIi8+PHBhdGggZD0iTTMxIC4wMDhsNCA0aC00di00eiIgZmlsbD0iI0M5MTAxNCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjEuOTk4IDExLjY5OGE0LjY4MyA0LjY4MyAwIDAxMS4yODcgMy4wMTFjLjA3MyAxLjQ1LS40MzcgMi40Ny0uODg5IDMuMTk3LS41MjYuODQ2LTEuOTEgMi40NzItMy4zNjcgMy45NTYtMS43NzggMS44MTEtMi45NjMgMi43My0zLjUyMiAyLjczLS4yMiAwLS41OS0uMDk4LTEuNTItLjg2NGEyNy45ODcgMjcuOTg3IDAgMDEtMi4wMDQtMS44NzFjLTEuNDY4LTEuNDkxLTIuODU4LTMuMTE2LTMuMzc5LTMuOTUxLS42NzItMS4wNzctLjk0NS0yLjA2NC0uODg4LTMuMTk3YTQuNjc5IDQuNjc5IDAgMDExLjI4Ni0zLjAxYy43ODgtLjgyMiAxLjgyLTEuMjc0IDIuOTAyLTEuMjc0IDEuNjgxIDAgMi44NTUuOTQzIDMuNDE4IDEuMzk2bC4xODcuMTQ5Yy4wNzEtLjA1LjE2Ni0uMTIzLjI0OC0uMTg3LjYxNi0uNDc0IDEuNzY0LTEuMzU4IDMuMzQtMS4zNTggMS4wODIgMCAyLjExMy40NTEgMi45MDEgMS4yNzN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.rn3-cassetteRecommendSidebar__flagFavorite--kininaru[data-v-0aabcbf8] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgyNy4wNzd2MzJMMTMuNjcgMjYuMTA1IDAgMzJWMHoiIGZpbGw9InJlZCIvPjxwYXRoIGQ9Ik0yNy4wNzcgMEwzMiA0LjkyM2gtNC45MjNWMHoiIGZpbGw9IiNDOTEwMTQiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjE4NCA4LjQ5YTQuMDY5IDQuMDY5IDAgMDExLjExOCAyLjYxN2MuMDY0IDEuMjYtLjM4IDIuMTQ1LS43NzIgMi43NzctLjQ1Ny43MzUtMS42NiAyLjE0OC0yLjkyNSAzLjQzNy0xLjU0NSAxLjU3NC0yLjU3NSAyLjM3MS0zLjA2IDIuMzcxLS4xOTEgMC0uNTE0LS4wODUtMS4zMi0uNzVhMjQuMjk3IDI0LjI5NyAwIDAxLTEuNzQyLTEuNjI2QzkuMjA3IDE2LjAyMSA4IDE0LjYxIDcuNTQ3IDEzLjg4NGMtLjU4My0uOTM2LS44MjEtMS43OTMtLjc3MS0yLjc3N0E0LjA2NSA0LjA2NSAwIDAxNy44OTMgOC40OWMuNjg1LS43MTMgMS41OC0xLjEwNiAyLjUyMi0xLjEwNiAxLjQ2IDAgMi40OC44MiAyLjk3IDEuMjEzLjA1My4wNDMuMTEzLjA5Mi4xNjIuMTI5LjA2MS0uMDQzLjE0My0uMTA3LjIxNS0uMTYyLjUzNS0uNDEyIDEuNTMyLTEuMTggMi45MDEtMS4xOC45NCAwIDEuODM2LjM5MiAyLjUyIDEuMTA2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  top: -6px;
  width: 32px;
  height: 32px;
}
.rn3-cassetteRecommendSidebar__label[data-v-0aabcbf8] {
  width: 39px;
  height: 16px;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  padding: 1px 4px;
  font-size: 10px;
  margin-right: 5px;
  line-height: 1.5;
  background-color: #2e7fcf;
  color: #fff;
  position: absolute;
  bottom: -8px;
  left: 5px;
}
.rn3-cassetteRecommendSidebar__label--newItem[data-v-0aabcbf8] {
  left: 0;
  bottom: -6px;
}
.rn3-cassetteRecommendSidebar__label--newItem.isHaveFlagFavorite[data-v-0aabcbf8] {
  left: 37px;
  bottom: -6px;
}
.rn3-cassetteRecommendSidebar__jobInfo[data-v-0aabcbf8] {
  align-items: center;
  display: flex;
  position: relative;
  margin-bottom: 11px;
}
.rn3-cassetteRecommendSidebar__jobName[data-v-0aabcbf8] {
  line-height: 1.5em;
  max-height: 3em;
  overflow: hidden;
  padding-right: 1em;
  position: relative;
  text-align: justify;
  color: #606e85;
  flex: 1;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 21px;
}
.rn3-cassetteRecommendSidebar__jobName[data-v-0aabcbf8]:before {
  bottom: 0;
  content: "\002026";
  position: absolute;
  right: 0;
}
.rn3-cassetteRecommendSidebar__jobName[data-v-0aabcbf8]:after {
  content: "";
  height: 2.5em;
  margin-top: 0.2em;
  position: absolute;
  right: 0;
  transition: all 0.2s ease;
  width: 1em;
}
.rn3-cassetteRecommendSidebar__jobName[data-v-0aabcbf8]:before {
  display: none;
}
.rn3-cassetteRecommendSidebar__imageJob[data-v-0aabcbf8] {
  height: 120px;
  width: 200px;
  background-color: #e7ebf2;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAB5CAYAAAB8zm5OAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASPSURBVHgB7d1tc5pKGMbxBTSKGjPJTL//x+uLntOT2ig+IBxuMmmVhwswSjv4/81kOlZkEvUadu9ddr2v31apA1DJdwBqERBAICCAQEAAgYAAAgEBBAICCAQEEAgIIBAQQCAggEBAAIGAAAIBAQQCAggEBBAICCAQEEAgIIBAQACBgAACAQEEAgIIBAQQCAggEBBAICCAQEAAgYAAAgEBBAICCCOHq1nMJtnPg+vb8Zi4f39sXJKw1cu1cQW5onA6dn9CEPhuFPBR3gLvKiAQEEAgIIBAJ/2K3jY7F07GeZ8g8L2z5+I4cUla3Yl+GAdnj/eHY+VxVee1Y/eHuPY1+BwCckXR9pD/PD1O86CcWq23lV/iwPfdl5f5r8dWkfqeVaSqWIXMKmWn6o7FddDEAgQCAggEBBAICCAQEECgitUTq2oVy7nG887Ltl5Wxq2bz/Uw5uPqG+94T9rO0/I9r1TKxZ9DEwsQCAgg0MTqiY2wH5Ok9P/WB5mHv/scNh1lE+0rz2F9kKp+DG6HgPQk2h1qp5qcBiRNUve2qQ7IYuYISM9oYgECAQEEAgII9EFaGI/80oCeYv0KDAMBaWADfE+LqcN9IiANinfwXep5Gbo2q/LYXYNfXhaVz13pV0EHBKQn1kQLWn7BA5Lw16CxDAgEpEHKaoV3jSZWg80uzvoFezcaBaVRbJsSso4Ola97Xk7z13x4/Rm5w6E81STI2l0vT7Nfj98XbYgqzzkPx24W9r+06T0jIA3SNHWr9S6vZhUDYvOmquZXvT9XeJzUHVu+iNefk6tZ32hiAQIBAQQCAgj0QQbOOvY2BnPM+kC7fcweIh0RkE+wOVd192f4hblbNp+r8hwV+3rUnbPLHC877/NjmFXSfr8mr5CtovxftENAPsEqW20XY3ict5vPZV/s07LvJfxsJP5lOctLyKVzL0NC0gF9kAF6nE1K4fhgIWHyZXsEZGDaXNWsCceAYzsEZGAWYbs1tWxxOp9JkY3og9xYl/07nrJO9Wdm8tqVIWg5ZdiKCHb8dhc71CMgN9bnzk+Th24fpy2HSkA0mlgDMh51WxKIraOb8Q4NSNfWWUBAGvEODYjHYhFXxzs6ILbbbZFN139f9jStOJ6dcZsQkAGxIBT93OzcdDLKn0sL95PYcqjQCMiAvO+Zfn5VsHJuvmBE1kE5vYjYTVlVgcI5AjIw/60iF8d6npWF4/tr5NCMcZCBsWbUP69rN5+O3aywU1W+cvx27zbRgdt3WyIgA7XOmk/2c7rfoQUH3dDEAgTv67cV19oTNni2nE9Ki1VbJ/eSgbUupdRLNsdpOv/H7233fxwb7ib88bblPpECmlgFYVYS7TqnSbn1jlBtz28hCRoOtb+9bnere0UTCxAICCAQEEAgIAXW6T3e4dI4Nn4S00EvoYoFCFxBAIGAAAIBAQQCAggEBBAICCAQEEAgIIBAQACBgAACAQEEAgIIBAQQCAggEBBAICCAQEAAgYAAAgEBBAICCAQEEAgIIBAQQCAggEBAAIGAAAIBAQQCAggEBBAICCAQEADAZf4HJygmNZCxGuoAAAAASUVORK5CYII=);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.rn3-cassetteRecommendSidebar__image[data-v-0aabcbf8] {
  display: block;
  height: 100%;
  margin: auto;
  width: auto;
  max-width: 100%;
}
.rn3-cassetteRecommendSidebar__companyName[data-v-0aabcbf8] {
  color: #606e85;
  font-size: 14px;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  margin-top: 6px;
}
.rn3-cassetteRecommendSidebar__info[data-v-0aabcbf8] {
  align-items: center;
  color: #606e85;
  display: flex;
  font-size: 12px;
  line-height: 1.5;
  min-height: 18px;
  margin-top: 3px;
}
.rn3-cassetteRecommendSidebar__info.isNotHaveClosingDate[data-v-0aabcbf8] {
  margin-bottom: 7px;
}
.rn3-cassetteRecommendSidebar__info.isNotHaveClosingDate.isHaveCallOut[data-v-0aabcbf8] {
  margin-bottom: 25px;
}
.rn3-cassetteRecommendSidebar__icon[data-v-0aabcbf8] {
  display: flex;
  height: 14px;
  width: 14px;
}
.rn3-cassetteRecommendSidebar__content[data-v-0aabcbf8] {
  margin-left: 5px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rn3-cassetteRecommendSidebar__closingDate[data-v-0aabcbf8] {
  align-items: center;
  color: red;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 7px;
  line-height: 1;
}
.rn3-cassetteRecommendSidebar__closingDate.rn3-cassetteRecommendSidebar__closingDate--gray[data-v-0aabcbf8] {
  color: #606e85;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px;
  margin-top: 13px;
}
.rn3-cassetteRecommendSidebar__closingDate.isShowCallOut[data-v-0aabcbf8] {
  margin-bottom: 25px;
}
.rn3-cassetteRecommendSidebar__closingSubDate[data-v-0aabcbf8] {
  color: red;
  font-weight: 700;
}
.rn3-cassetteRecommendSidebar__buttonAction[data-v-0aabcbf8] {
  align-items: center;
  display: flex;
  left: 15px;
  position: absolute;
  bottom: 19px;
  right: 15px;
}
.rn3-cassetteRecommendSidebar__buttonAction--bottom[data-v-0aabcbf8] {
  bottom: 25px;
}
.rn3-closingDate__icon[data-v-0aabcbf8] {
  margin: 0 5px 0 0;
}
.rn3-cassetteRecommendSidebar__suguOuboBadge[data-v-0aabcbf8] {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
}
.cassetteRecommendSidebar__suguOuboApproachBadge[data-v-0aabcbf8] {
  display: flex;
  justify-content: center;
  position: relative;
  top: 16px;
  margin-left: calc(50% + 5px);
  margin-top: -24px;
}
.rn3-cassetteRecommendSidebar__entryBtn[data-v-0aabcbf8] {
  align-items: center;
  background: red;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.rn3-cassetteRecommendSidebar__entryBtn[data-v-0aabcbf8]:hover {
  background-color: #ff4747;
  color: #fff;
}
.rn3-cassetteRecommendSidebar__observePoint[data-v-0aabcbf8] {
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.rn3-cassetteRecommendSidebar__kininaruButton[data-v-0aabcbf8] {
  padding: 13px 12px 12px 13px;
  justify-content: center;
}
.rn3-cassetteRecommendSidebar_kininaruContent[data-v-0aabcbf8] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rn3-cassetteRecommendSidebar__kininaruIcon[data-v-0aabcbf8] {
  margin-right: 5px;
  line-height: 1;
  display: inline-block;
  color: red;
  transition: color 0.2s ease;
}
.rn3-cassetteRecommendSidebar__kininaruIcon > .svg-icon[data-v-0aabcbf8] {
  margin-top: -2px;
}
.rn3-cassetteRecommendSidebar__kininaruText[data-v-0aabcbf8] {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  color: #606e85;
}
.rn3-suguOuboBadge[data-v-0aabcbf8] {
  position: relative;
}
.rn3-suguOuboBadge__inner[data-v-0aabcbf8] {
  width: 132px;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  pointer-events: none;
  border: 2px solid #fff;
  border-radius: 16px;
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #fa8da9;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.fade-enter-active[data-v-0aabcbf8] {
  transition: all 0.5s ease-in-out 0.5s;
}
.fade-enter[data-v-0aabcbf8] {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.fade-enter-to[data-v-0aabcbf8] {
  opacity: 1;
  visibility: visible;
}
.rn3-recommendRealtimeI2ASidebar[data-v-7288282a] {
  width: 230px;
  position: absolute;
}
.rn3-recommendRealtimeI2ASidebar__title[data-v-7288282a] {
  color: #383838;
  font-size: 18px;
  margin-bottom: 17px;
  font-weight: 700;
  padding-left: 7px;
  line-height: 1;
  visibility: hidden;
}
.rn3-recommendRealtimeI2ASidebar__title.is-show[data-v-7288282a] {
  visibility: visible;
}
.rn3-recommendRealtimeI2ASidebar__subTitle[data-v-7288282a] {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 7px;
  padding-right: 12px;
}
.emailInput[data-v-31a1ae56] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.emailInput__backButton[data-v-31a1ae56] {
  position: absolute;
  top: 22px;
  left: 22px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.emailInput__backButton[data-v-31a1ae56]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.emailInput__backButton--transition[data-v-31a1ae56] {
  pointer-events: none;
}
.emailInput__img[data-v-31a1ae56] {
  width: 127px;
  height: 90px;
}
.emailInput__img img[data-v-31a1ae56] {
  height: 100%;
  width: 100%;
}
.emailInput__registerArea[data-v-31a1ae56] {
  position: relative;
  margin-top: 10px;
}
.emailInput__registerArea.is-float[data-v-31a1ae56]:after {
  content: "";
  width: 159px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 2;
}
.emailInput__input[data-v-31a1ae56] {
  padding: 10px 11px;
  border-radius: 8px;
  width: 300px;
  height: 40px;
  color: #383838;
  border: 1px solid #adb5c9;
  font-size: 14px;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}
.emailInput__input[data-v-31a1ae56]:hover {
  border: 1px solid #abb3c1;
}
.emailInput__input[data-v-31a1ae56]:active {
  box-shadow: 0 2px 10px 0 rgba(112, 116, 154, 0.16);
  border: 1px solid #d2d7e1;
}
.emailInput__input[data-v-31a1ae56]:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #fff;
}
.emailInput__placeholder[data-v-31a1ae56] {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  color: #979fa8;
}
.emailInput__placeholderWrap[data-v-31a1ae56] {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 10px;
  background-color: transparent;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 3;
  line-height: 1.5;
}
.emailInput__placeholderWrap.is-float[data-v-31a1ae56] {
  top: 0;
  left: 15px;
}
.emailInput__placeholderWrap.is-float
  .emailInput__placeholder[data-v-31a1ae56] {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 10px;
  color: #606e85;
}
.emailInput__error[data-v-31a1ae56] {
  color: red;
  line-height: 1.5;
  margin-top: 10px;
  font-size: 12px;
  text-align: left;
  width: 300px;
  min-height: 18px;
}
.emailInput__login[data-v-31a1ae56] {
  margin-top: 18px;
  color: #016bc4;
  font-size: 12px;
  font-weight: 700;
  transition: color 0.2s ease;
}
.emailInput__login[data-v-31a1ae56]:hover {
  color: #7caff4;
}
.emailInput__title[data-v-31a1ae56] {
  margin-top: 20px;
  line-height: 1.5;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #383838;
}
.emailInput__action[data-v-31a1ae56] {
  margin-top: 10px;
  text-align: center;
}
.emailInput__button[data-v-31a1ae56] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 39px;
  border-radius: 8px;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  transition: background-color 0.2s ease;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: red;
  color: #fff;
  padding: 12px 0 10px;
}
.emailInput__button[data-v-31a1ae56]:hover {
  background-color: #ff4747;
}
.emailInput__badge[data-v-31a1ae56] {
  font-size: 10px;
  color: red;
  background: #fff;
  border-radius: 4px;
  margin-left: 5px;
  padding: 1px 5px 0;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 2px;
}
.emailConfirm[data-v-94af3568] {
  text-align: center;
  width: 380px;
}
.emailConfirm__title[data-v-94af3568] {
  line-height: 1.5;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #383838;
}
.emailConfirm__confirmEmail[data-v-94af3568] {
  padding: 10px;
  margin: 10px 40px 0;
  background-color: #ffeef3;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
}
.emailConfirm__authCharacter[data-v-94af3568] {
  background-color: #e7ebf2;
  padding: 10px 0;
  margin-top: 15px;
}
.authCharacter__title[data-v-94af3568] {
  font-size: 12px;
  line-height: 1.5;
  color: #000;
  text-align: center;
  font-weight: 700;
}
.authCharacter__image[data-v-94af3568] {
  width: 160px;
  height: 40px;
  margin: 5px auto 0;
}
.authCharacter__note[data-v-94af3568] {
  font-size: 10px;
  line-height: 1.5;
  margin-top: 5px;
  color: #383838;
  text-align: center;
}
.authCharacter__input[data-v-94af3568] {
  margin: 5px auto 0;
  border-radius: 8px;
  font-size: 14px;
  width: 160px;
  height: 45px;
  color: #383838;
  border: 1px solid #adb5c9;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}
.authCharacter__input[data-v-94af3568]:hover {
  border: 1px solid #abb3c1;
}
.authCharacter__input[data-v-94af3568]:active {
  box-shadow: 0 2px 10px 0 rgba(112, 116, 154, 0.16);
  border: 1px solid #d2d7e1;
}
.emailConfirm__policy[data-v-94af3568] {
  font-size: 10px;
  margin-top: 15px;
  color: #383838;
}
.emailConfirm__iconPolicy[data-v-94af3568] {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 1px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjggMS43NUgxMS41VjguMTI1SDIuN1YxLjc1aDEuMXptMCAyLjEyNWg2LjZ2My4xODhIMy44VjMuODc0ek0uNSA0LjkzOGgxLjF2NC4yNWg1LjV2MS4wNjJILjVWNC45Mzd6IiBmaWxsPSIjMDE2QkM0Ii8+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.emailConfirm__policyLink[data-v-94af3568] {
  line-height: 1.5;
  color: #016bc4;
  transition: color 0.2s ease;
  margin-right: 3px;
}
.emailConfirm__policyLink[data-v-94af3568]:hover {
  color: #7caff4;
}
.emailConfirm__policyLink:hover .emailConfirm__iconPolicy[data-v-94af3568] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjggMS43NUgxMS41VjguMTI1SDIuN1YxLjc1aDEuMXptMCAyLjEyNWg2LjZ2My4xODhIMy44VjMuODc0ek0uNSA0LjkzOGgxLjF2NC4yNWg1LjV2MS4wNjJILjVWNC45Mzd6IiBmaWxsPSIjN2NhZmY0Ii8+PC9zdmc+");
}
.emailConfirm__policyLink[data-v-94af3568]:last-child {
  display: inline-block;
  margin-top: 7px;
}
.emailConfirm__action[data-v-94af3568] {
  margin-top: 15px;
  text-align: center;
}
.emailConfirm__button[data-v-94af3568] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 39px;
  border-radius: 8px;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  transition: background-color 0.2s ease;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: red;
  color: #fff;
  padding: 12px 0 10px;
  margin: 0 auto;
}
.emailConfirm__button[data-v-94af3568]:hover {
  background-color: #ff4747;
}
.emailConfirm__button--transition[data-v-94af3568] {
  pointer-events: none;
}
.emailConfirm__badge[data-v-94af3568] {
  font-size: 10px;
  color: red;
  background: #fff;
  border-radius: 4px;
  margin-left: 5px;
  padding: 1px 5px 0;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 2px;
}
.emailConfirm__note[data-v-94af3568] {
  color: #383838;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 8px;
  padding: 0 40px;
  text-align: left;
}
.emailRegisterModal[data-v-03f7b617] {
  overflow: hidden;
  width: 380px;
}
.emailRegisterModalSlider[data-v-03f7b617] {
  display: flex;
  transition: transform 0.3s;
}
.emailRegisterModalSlider--resizing[data-v-03f7b617] {
  transition: none;
}
.emailRegisterModalSlider__item[data-v-03f7b617] {
  flex: 0 0 auto;
  margin-right: 80px;
  width: 380px;
}
.emailRegisterInput__backButton[data-v-03f7b617] {
  position: absolute;
  top: 22px;
  left: 22px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.emailRegisterInput__backButton[data-v-03f7b617]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.emailRegisterModalWrap .modalWrapper {
  overflow-x: hidden;
}
[data-v-42afd1d4] .emailRegisterModal__button:focus {
  border: 1px solid red;
}
.modal__close[data-v-4f3cb9e6] {
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.modal__close[data-v-4f3cb9e6]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
[data-v-4f3cb9e6] .modalWrapper {
  overflow: auto;
}
.emailRegisterModal[data-v-4f3cb9e6] {
  padding: 40px 0 30px;
  text-align: center;
  width: 480px;
}
.emailRegisterModal.isCharAuthDisp[data-v-4f3cb9e6] {
  padding-bottom: 20px;
}
.emailRegisterModal__title[data-v-4f3cb9e6] {
  line-height: 1.5;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.emailRegisterModal__policy[data-v-4f3cb9e6] {
  margin-top: 10px;
}
.emailRegisterModal__policy span[data-v-4f3cb9e6] {
  color: #383838;
}
.emailRegisterModal__policyLink[data-v-4f3cb9e6] {
  font-size: 12px;
  line-height: 1.5;
  color: #2f7fce;
  transition: color 0.2s ease;
}
.emailRegisterModal__policyLink[data-v-4f3cb9e6]:hover {
  color: #7caff4;
}
.emailRegisterModal__action[data-v-4f3cb9e6] {
  margin-top: 10px;
  text-align: center;
}
.emailRegisterModal__button[data-v-4f3cb9e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 270px;
  height: 40px;
  margin: 0 auto;
  border-radius: 8px;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  transition: background-color 0.2s ease;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: red;
  color: #fff;
}
.emailRegisterModal__button[data-v-4f3cb9e6]:hover {
  background-color: #ff4747;
}
.emailRegisterModal__note[data-v-4f3cb9e6] {
  color: #383838;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 10px;
  padding: 0 65px;
  text-align: left;
}
.authCharacter[data-v-4f3cb9e6] {
  background-color: #e7ebf2;
  padding: 10px 0 15px;
  margin-top: 20px;
}
.authCharacter__title[data-v-4f3cb9e6] {
  font-size: 12px;
  line-height: 1.5;
  color: #000;
  text-align: center;
  font-weight: 700;
}
.authCharacter__image[data-v-4f3cb9e6] {
  width: 200px;
  height: 50px;
  margin: 10px auto 0;
}
.authCharacter__note[data-v-4f3cb9e6] {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 10px;
  color: #000;
  text-align: center;
}
.authCharacter__input[data-v-4f3cb9e6] {
  margin: 10px auto 0;
  border-radius: 8px;
  font-size: 14px;
  width: 200px;
  height: 45px;
  color: #383838;
  border: 1px solid #adb5c9;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}
.authCharacter__input[data-v-4f3cb9e6]:hover {
  border: 1px solid #8b98ad;
}
.authCharacter__input[data-v-4f3cb9e6]:focus {
  box-shadow: 0 2px 10px 0 rgba(112, 116, 154, 0.16);
}
.emailFloat[data-v-500f7215] {
  background-color: #ffeded;
  padding: 10px 0;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.emailFloat__text[data-v-500f7215] {
  color: #222;
  line-height: 1;
  margin-right: 20px;
  font-weight: 700;
  font-size: 14px;
  margin-top: 15px;
}
.emailFloat__text[data-v-500f7215]::-webkit-input-placeholder {
  color: #979fa8;
}
.emailFloat__text[data-v-500f7215]:-ms-input-placeholder {
  color: #979fa8;
}
.emailFloat__text[data-v-500f7215]::-ms-input-placeholder {
  color: #979fa8;
}
.emailFloat__text[data-v-500f7215]::placeholder {
  color: #979fa8;
}
.emailFloat__registerArea[data-v-500f7215] {
  position: relative;
}
.emailFloat__registerArea.is-float[data-v-500f7215]:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 2;
}
.emailFloat__input[data-v-500f7215] {
  padding: 12px 120px 12px 8px;
  border-radius: 6px;
  width: 400px;
  height: 45px;
  color: #383838;
  border: 1px solid #adb5c9;
  font-size: 14px;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}
.emailFloat__input[data-v-500f7215]:hover {
  border: 1px solid #8b98ad;
}
.emailFloat__input[data-v-500f7215]:focus {
  box-shadow: 0 2px 10px 0 rgba(112, 116, 154, 0.16);
}
.emailFloat__input[data-v-500f7215]:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #fff;
}
.emailFloat__placeholder[data-v-500f7215] {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  color: #979fa8;
}
.emailFloat__placeholderWrap[data-v-500f7215] {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 8px;
  background-color: transparent;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 3;
}
.emailFloat__placeholderWrap.is-float[data-v-500f7215] {
  top: 0;
  left: 15px;
}
.emailFloat__placeholderWrap.is-float
  .emailFloat__placeholder[data-v-500f7215] {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 10px;
}
.emailFloat__action[data-v-500f7215] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
}
.emailFloat__registerButton[data-v-500f7215] {
  border-radius: 4px;
  background-color: red;
  width: 104px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  outline: none;
  border: none;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.emailFloat__registerButton[data-v-500f7215]:hover {
  background-color: #ff4747;
}
.emailFloat__close[data-v-500f7215] {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.emailFloat__close[data-v-500f7215]:hover {
  color: #8b98ad;
  opacity: 0.8;
}
.emailFloat__error[data-v-500f7215] {
  color: red;
  line-height: 1.5;
  margin-top: 5px;
  font-size: 12px;
}
.emailFloatWrap[data-v-6384b2c1] {
  position: fixed;
  bottom: -100px;
  z-index: 5;
  width: 100%;
  min-width: 980px;
  transition: bottom 0.2s ease-in-out;
}
.emailFloatWrap.is-float[data-v-6384b2c1] {
  bottom: 0;
}
.emailRegister[data-v-1d983a92] {
  width: 450px;
  margin: 0 auto;
}
.emailRegister__input[data-v-1d983a92] {
  padding: 10px;
  border-radius: 6px;
  width: 100%;
  height: 40px;
  color: #383838;
  border: 1px solid #b4b4b4;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}
.emailRegister__input[data-v-1d983a92]:hover {
  border: 1px solid #8b98ad;
}
.emailRegister__input[data-v-1d983a92]:focus {
  box-shadow: 0 2px 10px 0 rgba(112, 116, 154, 0.16);
}
.emailRegister__input[data-v-1d983a92]::-webkit-input-placeholder {
  color: #979fa8;
}
.emailRegister__input[data-v-1d983a92]:-ms-input-placeholder {
  color: #979fa8;
}
.emailRegister__input[data-v-1d983a92]::-ms-input-placeholder {
  color: #979fa8;
}
.emailRegister__input[data-v-1d983a92]::placeholder {
  color: #979fa8;
}
.emailRegister__input[data-v-1d983a92]:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #fff;
}
.emailRegister__error[data-v-1d983a92] {
  color: red;
  line-height: 1.5;
  margin-top: 5px;
  font-size: 12px;
}
.emailRegister__policy[data-v-1d983a92] {
  margin-top: 10px;
  text-align: center;
}
.emailRegister__policyLink[data-v-1d983a92] {
  font-size: 12px;
  line-height: 1.5;
  color: #2f7fce;
  transition: color 0.2s ease;
}
.emailRegister__policyLink[data-v-1d983a92]:hover {
  color: #7caff4;
}
.emailRegister__action[data-v-1d983a92] {
  margin-top: 10px;
}
.emailRegister__button[data-v-1d983a92] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  transition: background-color 0.2s ease;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: red;
  color: #fff;
}
.emailRegister__button[data-v-1d983a92]:hover {
  background-color: #ff4747;
}
.emailRegister__note[data-v-1d983a92] {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #383838;
}
.emailRegister__login[data-v-1d983a92] {
  margin-top: 20px;
}
.emailRegister__loginText[data-v-1d983a92] {
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  color: #383838;
}
.emailRegister__loginLink[data-v-1d983a92] {
  font-size: 12px;
  line-height: 1.5;
  color: #2f7fce;
  transition: color 0.2s ease;
}
.emailRegister__loginLink[data-v-1d983a92]:hover {
  color: #7caff4;
}
.authCharacter[data-v-1d983a92] {
  margin-top: 10px;
}
.authCharacter + .emailRegister__policy[data-v-1d983a92] {
  margin-top: 20px;
}
.authCharacter__title[data-v-1d983a92] {
  color: #383838;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.authCharacter__note[data-v-1d983a92] {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}
.authCharacter__area[data-v-1d983a92] {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.authCharacter__image[data-v-1d983a92] {
  width: 200px;
  height: 50px;
  margin: 0 5px;
}
.authCharacter__input[data-v-1d983a92] {
  border-radius: 8px;
  margin: 0 5px;
  font-size: 14px;
  width: 200px;
  height: 50px;
  color: #383838;
  border: 1px solid #b4b4b4;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}
.authCharacter__input[data-v-1d983a92]:hover {
  border: 1px solid #8b98ad;
}
.authCharacter__input[data-v-1d983a92]:focus {
  box-shadow: 0 2px 10px 0 rgba(112, 116, 154, 0.16);
}
.emailRegisterWrap[data-v-10fe219f] {
  margin-top: 20px;
}
.emailRegisterMessage[data-v-10fe219f] {
  color: red;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
}
.emailRegisterWrap[data-v-10fe219f] .emailRegister {
  margin: 20px auto 0;
}
.rn3-button[data-v-71659a4e] {
  display: block;
  width: 100%;
  height: 40px;
  padding: 11px 0 14px;
  text-align: center;
  line-height: 1;
  background-color: #fff;
  color: #606e85;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #8d949c;
  border-radius: 8px;
  text-decoration: none;
  outline: none;
}
.rn3-button .rn3-icon--consider[data-v-71659a4e] {
  margin-top: -1px;
  margin-right: 5px;
}
.rn3-button--primary[data-v-71659a4e] {
  border: 1px solid red;
  background-color: red;
  color: #fff;
}
.rn3-button--primary[data-v-71659a4e]:hover {
  color: #fff;
  background-color: #ff4747;
}
.rn3-button--primary.rn3-button--shadow[data-v-71659a4e] {
  box-shadow: 0 0 14px 0 rgba(234, 99, 99, 0.5);
}
.rn3-button--normal[data-v-71659a4e] {
  border: 1px solid #adb5c9;
  color: #606e85;
}
.rn3-button--normal[data-v-71659a4e]:hover {
  background-color: #f5f5fa;
  color: #606e85;
}
.rn3-button--normal.rn3-button--shadow[data-v-71659a4e] {
  box-shadow: 0 0 14px 0 rgba(173, 181, 201, 0.4);
}
.rn3-button--considered[data-v-71659a4e] {
  border: 1px solid #adb5c9;
  background-color: #fafaff;
  color: #979fa8;
}
.rn3-button--considered[data-v-71659a4e]:hover {
  background-color: #f5f5fa;
  color: #979fa8;
}
.rn3-button--considered .rn3-icon--consider[data-v-71659a4e] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23979fa8%22%20transform%3D%22translate(1%202)%22%20d%3D%22M20.174%201.798a6.612%206.612%200%200%201%201.816%204.25c.104%202.047-.616%203.487-1.254%204.513-.743%201.195-2.698%203.49-4.753%205.585C13.473%2018.704%2011.799%2020%2011.009%2020c-.309%200-.833-.138-2.145-1.22-.79-.653-1.77-1.566-2.83-2.641C3.963%2014.034%202%2011.74%201.265%2010.56.316%209.041-.07%207.648.01%206.048a6.606%206.606%200%200%201%201.817-4.25C2.939.638%204.395%200%205.924%200c2.373%200%204.03%201.332%204.825%201.971.087.07.186.15.264.21.1-.07.233-.173.35-.263.87-.67%202.49-1.918%204.715-1.918%201.528%200%202.983.637%204.096%201.798z%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-button--xl[data-v-71659a4e] {
  height: 60px;
  padding: 19px 0;
  font-size: 20px;
}
.rn3-button--l[data-v-71659a4e] {
  height: 50px;
  padding: 17px 0;
  font-size: 14px;
}
.rn3-button--m[data-v-71659a4e] {
  height: 40px;
  padding: 12px 0;
  font-size: 14px;
}
.rn3-button--s[data-v-71659a4e] {
  height: 35px;
  padding: 10px 0 11px;
  font-size: 12px;
}
.rn3-tag[data-v-71659a4e] {
  display: inline-block;
  padding: 3px 8px;
  line-height: 1;
  font-size: 10px;
  border-radius: 10px;
  text-align: center;
}
.rn3-tag--employType[data-v-71659a4e] {
  background-color: #f2f4f6;
  color: #8d949c;
}
.rn3-tag--noExperience[data-v-71659a4e] {
  padding: 3px 8px;
  background-color: #fff6ec;
  color: #fe961e;
}
.rn3-tag--newType[data-v-71659a4e] {
  min-width: 0;
  padding: 3px 8px;
  background-color: #2e7fcf;
  color: #fff;
}
.rn3-tag--info[data-v-71659a4e] {
  padding: 2px 8px;
  font-weight: 300;
  background-color: #ffeef3;
  color: #fd3846;
}
.rn3-tag[data-v-71659a4e] {
  font-size: 12px;
  padding: 3px 5px;
}
.rn3-tag--employType[data-v-71659a4e] {
  margin-right: 4px;
  border: 1px solid rgba(187, 202, 217, 0.2);
  background-clip: padding-box;
}
.rn3-tag--noExperience[data-v-71659a4e] {
  border: 1px solid rgba(255, 209, 157, 0.2);
  background-clip: padding-box;
}
.rn3-comparisonTable[data-v-71659a4e] {
  display: flex;
  margin-top: 25px;
}
.rn3-comparisonTable__cassette[data-v-71659a4e] {
  height: 100%;
  width: 210px;
  padding: 10px 10px 20px;
  border-radius: 8px;
  flex: 0 0 auto;
}
.rn3-comparisonTable__cassette--own[data-v-71659a4e] {
  background-color: #e7ebf2;
  margin-left: 0;
  position: relative;
  margin-right: 10px;
}
.rn3-comparisonTable__cassette--checkOffer[data-v-71659a4e] {
  display: block;
  color: #383838;
}
.rn3-comparisonTable__cassette--checkOffer[data-v-71659a4e]:hover {
  background-color: #f5f5fa;
}
.rn3-comparisonTable__top[data-v-71659a4e] {
  padding-top: 5px;
}
.rn3-comparisonTable__imgWrap[data-v-71659a4e] {
  height: 90px;
  width: 150px;
  margin: 0 auto;
  overflow: hidden;
}
.rn3-comparisonTable__img[data-v-71659a4e] {
  display: block;
  height: 100%;
  width: auto;
  margin: auto;
}
.rn3-comparisonTable__ownLabelWrap[data-v-71659a4e] {
  border-radius: 15px;
  background-color: #fa8da9;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  margin: auto;
  width: 90px;
  height: 18px;
}
.rn3-comparisonTable__ownLabel[data-v-71659a4e] {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: center;
}
.rn3-comparisonTable__column[data-v-71659a4e] {
  border-top: 1px solid #d2d7e1;
  padding-top: 15px;
  height: 85px;
}
.rn3-comparisonTable__column--locale[data-v-71659a4e],
.rn3-comparisonTable__column--occupation[data-v-71659a4e] {
  height: 67px;
}
.rn3-comparisonTable__column--labelWrap[data-v-71659a4e] {
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rn3-comparisonTable__column--bottom[data-v-71659a4e] {
  font-size: 14px;
  height: 41px;
  padding-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rn3-comparisonTable__icon[data-v-71659a4e] {
  margin-right: 5px;
  margin-bottom: 2.4px;
}
.rn3-comparisonTable__text[data-v-71659a4e] {
  font-size: 12px;
}
.rn3-comparisonTable__text--center[data-v-71659a4e] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
}
.rn3-comparisonTable__ellipsis[data-v-71659a4e] {
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 1.5em;
  text-align: justify;
  padding-right: 1em;
}
.rn3-comparisonTable__ellipsis[data-v-71659a4e]:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
  color: #000;
}
.rn3-comparisonTable__ellipsis[data-v-71659a4e]:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1.5em;
  margin-top: 0.2em;
  background: #fff;
  transition: all 0.2s ease;
  transition: unset;
}
.rn3-comparisonTable__ellipsis--twoLine[data-v-71659a4e] {
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 3em;
  text-align: justify;
  padding-right: 1em;
}
.rn3-comparisonTable__ellipsis--twoLine[data-v-71659a4e]:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
  color: #000;
}
.rn3-comparisonTable__ellipsis--twoLine[data-v-71659a4e]:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 3em;
  margin-top: 0.2em;
  background: #fff;
  transition: all 0.2s ease;
  transition: unset;
}
.rn3-comparisonTable__cassette--own
  .rn3-comparisonTable__ellipsis[data-v-71659a4e] {
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 1.5em;
  text-align: justify;
  padding-right: 1em;
}
.rn3-comparisonTable__cassette--own
  .rn3-comparisonTable__ellipsis[data-v-71659a4e]:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
  color: #000;
}
.rn3-comparisonTable__cassette--own
  .rn3-comparisonTable__ellipsis[data-v-71659a4e]:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1.5em;
  margin-top: 0.2em;
  background: #e7ebf2;
  transition: all 0.2s ease;
}
.rn3-comparisonTable__cassette--own
  .rn3-comparisonTable__ellipsis--twoLine[data-v-71659a4e] {
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 3em;
  text-align: justify;
  padding-right: 1em;
}
.rn3-comparisonTable__cassette--own
  .rn3-comparisonTable__ellipsis--twoLine[data-v-71659a4e]:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
  color: #000;
}
.rn3-comparisonTable__cassette--own
  .rn3-comparisonTable__ellipsis--twoLine[data-v-71659a4e]:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 3em;
  margin-top: 0.2em;
  background: #e7ebf2;
  transition: all 0.2s ease;
}
.rn3-comparisonTable__companyName[data-v-71659a4e] {
  font-size: 12px;
  margin-top: 15px;
  height: 51px;
}
.rn3-comparisonTable__closingDate[data-v-71659a4e] {
  text-align: center;
  color: #606e85;
}
.rn3-comparisonTable__closingEmphasis[data-v-71659a4e] {
  text-align: center;
  font-weight: 700;
  color: red;
}
.rn3-comparisonTable__buttonWrap[data-v-71659a4e] {
  height: 40px;
  margin: 0 auto;
}
.rn3-comparisonTable__buttonWrap--padding[data-v-71659a4e] {
  border-top: 1px solid #d2d7e1;
  height: 62px;
  display: flex;
  align-items: flex-end;
}
.rn3-button[data-v-71659a4e] {
  margin: 0 auto;
  width: 150px;
}
.rn3-button--primary[data-v-71659a4e] {
  cursor: pointer;
  padding: 12px 0 13px;
}
.rn3-button--normal[data-v-71659a4e] {
  padding: 12.5px 0;
}
.rn3-comparisonTable__cassette--checkOffer:hover
  .rn3-comparisonTable__ellipsis--twoLine[data-v-71659a4e]:after,
.rn3-comparisonTable__cassette--checkOffer:hover
  .rn3-comparisonTable__ellipsis[data-v-71659a4e]:after {
  transition: unset;
  background-color: #f5f5fa;
}
@media (-ms-high-contrast: none) {
  .rn3-comparisonTable__ownLabel[data-v-71659a4e] {
    margin-top: 1px;
  }
}
.rn3-comparisonTable[data-v-0321b91b] {
  display: flex;
  margin-top: 25px;
  position: relative;
}
.rn3-comparisonTable__headings[data-v-0321b91b] {
  font-size: 14px;
  font-weight: 700;
  margin-left: 0;
  padding: 10px 10px 10px 0;
  width: 77px;
}
.rn3-comparisonTable__column[data-v-0321b91b] {
  border-top: 1px solid #d2d7e1;
  padding-top: 15px;
  height: 85px;
}
.rn3-comparisonTable__column--locale[data-v-0321b91b],
.rn3-comparisonTable__column--occupation[data-v-0321b91b] {
  height: 67px;
}
.rn3-comparisonTable__icon[data-v-0321b91b] {
  margin-top: -0.5px;
}
.rn3-comparisonTable__icon[data-v-0321b91b] svg {
  vertical-align: top;
}
.rn3-comparisonTable__heading[data-v-0321b91b] {
  height: 161px;
  padding-top: 5px;
  line-height: 1;
}
.rn3-comparisonTable__headingText[data-v-0321b91b] {
  vertical-align: middle;
  font-weight: 700;
  margin-left: 5px;
}
.rn3-comparisonTable__otherJobs[data-v-0321b91b] {
  display: flex;
  overflow: hidden;
  width: 665px;
}
.rn3-comparisonTable__nextItem[data-v-0321b91b] {
  position: relative;
}
.rn3-comparisonTable__nextItem[data-v-0321b91b]:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0.6),
    hsla(0, 0%, 100%, 0.9) 15%,
    hsla(0, 0%, 100%, 0)
  );
}
.rn3-comparisonTable__prevBtn[data-v-0321b91b] {
  top: 207px;
}
.rn3-comparisonTable__nextBtn[data-v-0321b91b] {
  top: 267px;
}
.rn3-comparisonTable__nextBtn[data-v-0321b91b],
.rn3-comparisonTable__prevBtn[data-v-0321b91b] {
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 50%;
  color: red;
  height: 50px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 3px;
  transition: background-color 0.2s ease;
  width: 50px;
}
.rn3-comparisonTable__nextBtn[data-v-0321b91b]:hover,
.rn3-comparisonTable__prevBtn[data-v-0321b91b]:hover {
  background-color: #f5f5fa;
}
.rn3-comparisonTable__nextBtn[data-v-0321b91b]:active,
.rn3-comparisonTable__prevBtn[data-v-0321b91b]:active {
  background-color: red;
  border: none;
  color: #fff;
}
.rn3-moveList[data-v-0321b91b] {
  width: 190px;
  flex: 0 0 auto;
  margin-left: 10px;
  margin-top: 15px;
}
.rn3-moveList__link[data-v-0321b91b] {
  width: 100%;
  height: 496px;
  padding-top: 203px;
  display: block;
  border-radius: 8px;
  background-color: #f4f4f8;
  color: #5b646f;
}
.rn3-moveList__link[data-v-0321b91b]:hover {
  color: #8b98ad;
}
.rn3-moveList__link--nextItem[data-v-0321b91b] {
  pointer-events: none;
}
.rn3-moveList__iconWrap[data-v-0321b91b] {
  width: 64px;
  height: 65px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.rn3-moveList__text[data-v-0321b91b] {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.recommendYoutubeTitle[data-v-540dc729] {
  display: block;
  text-align: left;
}
.recommendYoutubeTitle__multi[data-v-540dc729] {
  display: block;
}
.recommendYoutubeTitle__lead[data-v-540dc729] {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #383838;
}
.recommendYoutubeTitle__text[data-v-540dc729] {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #383838;
}
.rn3-button[data-v-51816b39] {
  display: block;
  width: 100%;
  height: 40px;
  padding: 11px 0 14px;
  text-align: center;
  line-height: 1;
  background-color: #fff;
  color: #606e85;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #8d949c;
  border-radius: 8px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.rn3-button__consider[data-v-51816b39] {
  margin-right: 5px;
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0icmVkIiBkPSJNMjEuMTc0IDMuNzk4YTYuNjEyIDYuNjEyIDAgMDExLjgxNiA0LjI1Yy4xMDQgMi4wNDctLjYxNiAzLjQ4Ny0xLjI1NCA0LjUxMy0uNzQzIDEuMTk1LTIuNjk4IDMuNDktNC43NTMgNS41ODVDMTQuNDczIDIwLjcwNCAxMi43OTkgMjIgMTIuMDA5IDIyYy0uMzA5IDAtLjgzMy0uMTM4LTIuMTQ1LTEuMjItLjc5LS42NTMtMS43Ny0xLjU2Ni0yLjgzLTIuNjQxQzQuOTYzIDE2LjAzNCAzIDEzLjc0IDIuMjY1IDEyLjU2IDEuMzE2IDExLjA0MS45MyA5LjY0OCAxLjAxIDguMDQ4YTYuNjA2IDYuNjA2IDAgMDExLjgxNy00LjI1QzMuOTM5IDIuNjM4IDUuMzk1IDIgNi45MjQgMmMyLjM3MyAwIDQuMDMgMS4zMzIgNC44MjUgMS45NzEuMDg3LjA3LjE4Ni4xNS4yNjQuMjEuMS0uMDcuMjMzLS4xNzMuMzUtLjI2My44Ny0uNjcgMi40OS0xLjkxOCA0LjcxNS0xLjkxOCAxLjUyOCAwIDIuOTgzLjYzNyA0LjA5NiAxLjc5OHoiLz48L3N2Zz4=");
  background-size: 100%;
  background-position: 0 -1px;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  word-wrap: normal;
}
.rn3-button .rn3-icon--consider[data-v-51816b39] {
  margin-right: 5px;
}
.rn3-button--primary[data-v-51816b39] {
  border: 1px solid red;
  background-color: red;
  color: #fff;
}
.rn3-button--primary[data-v-51816b39]:hover {
  color: #fff;
  background-color: #ff4747;
}
.rn3-button--primary.rn3-button--shadow[data-v-51816b39] {
  box-shadow: 0 0 14px 0 rgba(234, 99, 99, 0.5);
}
.rn3-button--normal[data-v-51816b39] {
  border: 1px solid #adb5c9;
  color: #606e85;
}
.rn3-button--normal[data-v-51816b39]:hover {
  background-color: #f5f5fa;
  color: #606e85;
}
.rn3-button--normal.rn3-button--shadow[data-v-51816b39] {
  box-shadow: 0 0 14px 0 rgba(173, 181, 201, 0.4);
}
.rn3-button--considered[data-v-51816b39] {
  border: 1px solid #adb5c9;
  background-color: #fafaff;
  color: #979fa8;
}
.rn3-button--considered[data-v-51816b39]:hover {
  background-color: #f5f5fa;
  color: #979fa8;
}
.rn3-button--considered .rn3-button__consider[data-v-51816b39],
.rn3-button--considered .rn3-icon--consider[data-v-51816b39] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23979fa8%22%20transform%3D%22translate(1%202)%22%20d%3D%22M20.174%201.798a6.612%206.612%200%200%201%201.816%204.25c.104%202.047-.616%203.487-1.254%204.513-.743%201.195-2.698%203.49-4.753%205.585C13.473%2018.704%2011.799%2020%2011.009%2020c-.309%200-.833-.138-2.145-1.22-.79-.653-1.77-1.566-2.83-2.641C3.963%2014.034%202%2011.74%201.265%2010.56.316%209.041-.07%207.648.01%206.048a6.606%206.606%200%200%201%201.817-4.25C2.939.638%204.395%200%205.924%200c2.373%200%204.03%201.332%204.825%201.971.087.07.186.15.264.21.1-.07.233-.173.35-.263.87-.67%202.49-1.918%204.715-1.918%201.528%200%202.983.637%204.096%201.798z%22%2F%3E%3C%2Fsvg%3E");
}
.rn3-button--inactive[data-v-51816b39] {
  border: 1px solid #d8d8d8 !important;
  background-color: #d8d8d8 !important;
  color: #fff !important;
}
.rn3-button--inactive .rn3-button__consider[data-v-51816b39],
.rn3-button--inactive .rn3-icon--consider[data-v-51816b39] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMjAuMTc0IDEuNzk4YTYuNjEyIDYuNjEyIDAgMDExLjgxNiA0LjI1Yy4xMDQgMi4wNDctLjYxNiAzLjQ4Ny0xLjI1NCA0LjUxMy0uNzQzIDEuMTk1LTIuNjk4IDMuNDktNC43NTMgNS41ODVDMTMuNDczIDE4LjcwNCAxMS43OTkgMjAgMTEuMDA5IDIwYy0uMzA5IDAtLjgzMy0uMTM4LTIuMTQ1LTEuMjItLjc5LS42NTMtMS43Ny0xLjU2Ni0yLjgzLTIuNjQxQzMuOTYzIDE0LjAzNCAyIDExLjc0IDEuMjY1IDEwLjU2LjMxNiA5LjA0MS0uMDcgNy42NDguMDEgNi4wNDhhNi42MDYgNi42MDYgMCAwMTEuODE3LTQuMjVDMi45MzkuNjM4IDQuMzk1IDAgNS45MjQgMGMyLjM3MyAwIDQuMDMgMS4zMzIgNC44MjUgMS45NzEuMDg3LjA3LjE4Ni4xNS4yNjQuMjEuMS0uMDcuMjMzLS4xNzMuMzUtLjI2My44Ny0uNjcgMi40OS0xLjkxOCA0LjcxNS0xLjkxOCAxLjUyOCAwIDIuOTgzLjYzNyA0LjA5NiAxLjc5OHoiLz48L2RlZnM+PHVzZSBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMikiIHhsaW5rOmhyZWY9IiNhIi8+PC9zdmc+");
}
.rn3-button--xl[data-v-51816b39] {
  height: 60px;
  padding: 18px 0 20px;
  font-size: 20px;
}
.rn3-button--l[data-v-51816b39] {
  height: 50px;
  padding: 15px 0 17px;
  font-size: 16px;
}
.rn3-button--m[data-v-51816b39] {
  height: 40px;
  padding: 11px 0 13px;
  font-size: 14px;
}
.rn3-button--s[data-v-51816b39] {
  height: 35px;
  padding: 10px 0 12px;
  font-size: 12px;
}
.kininaruButton.rn3-button--m[data-v-51816b39] {
  padding: 0;
}
.kininaruButton__inner[data-v-51816b39] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.kininaruButton__icon[data-v-51816b39] {
  margin-right: 5px;
  line-height: 1;
  display: inline-block;
  color: red;
  transition: color 0.2s ease;
}
.kininaruButton__text[data-v-51816b39] {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  color: #606e85;
}
.rn3-button .rn3-icon--consider[data-v-51816b39] {
  margin-top: 0;
}
.rn3-button--considered .kininaruButton__icon[data-v-51816b39],
.rn3-button--considered .kininaruButton__text[data-v-51816b39] {
  color: #979fa8;
}
.cassetteYoutube__cassetteLink {
  border-top: 1px solid rgba(30, 55, 105, 0.2);
  display: flex;
  flex-direction: column;
  padding: 20px 20px 24px;
  transition: 0.2s ease;
}
.cassetteYoutube__cassetteLink:hover {
  background-color: rgba(242, 244, 246, 0.5);
  cursor: pointer;
}
.cassetteYoutube__item {
  position: relative;
}
.cassetteYoutube__item:last-child .cassetteYoutube__cassetteLink {
  border-bottom: 1px solid rgba(30, 55, 105, 0.2);
}
.isHoverBtnEntry:hover {
  background-color: transparent;
}
.cassetteYoutube__labelWrap {
  align-items: center;
  display: flex;
  min-height: 21px;
}
.cassetteYoutube__kininaruFlagWrap {
  margin-right: 10px;
  width: 36px;
}
.cassetteYoutube__kininaruFlag {
  left: 20px;
  position: absolute;
  top: -4px;
  width: 35px;
  height: 40px;
  z-index: 1;
  display: inline-block;
  transform: translateZ(1px);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAzMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkYwMDA1IiBkPSJNMCAwaDI0djMwbC0xMi0zLjk0N0wwIDMweiIvPjxwYXRoIGZpbGw9IiNDOTEwMTQiIGQ9Ik0yNCAwbDMgM2gtM3oiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDcpIj48bWFzayBpZD0iYSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTEyLjM1MSAyLjIxNWEzLjg1NyAzLjg1NyAwIDAxMS4wNiAyLjQ4Yy4wNiAxLjE5NC0uMzYgMi4wMzMtLjczMiAyLjYzMi0uNDMzLjY5Ny0xLjU3MyAyLjAzNi0yLjc3MiAzLjI1OC0xLjQ2NSAxLjQ5Mi0yLjQ0MSAyLjI0OC0yLjkwMiAyLjI0OC0uMTggMC0uNDg2LS4wOC0xLjI1LS43MTFhMjMuMDYgMjMuMDYgMCAwMS0xLjY1MS0xLjU0MUMyLjg5NCA5LjM1MyAxLjc1IDguMDE1IDEuMzIgNy4zMjcuNzY4IDYuNDQuNTQyIDUuNjI4LjU4OSA0LjY5NWEzLjg1MyAzLjg1MyAwIDAxMS4wNi0yLjQ4Yy42NDktLjY3NiAxLjQ5OC0xLjA0OCAyLjM5LTEuMDQ4IDEuMzg0IDAgMi4zNS43NzYgMi44MTUgMS4xNS4wNS4wNC4xMDguMDg3LjE1NC4xMjIuMDU4LS4wNDEuMTM2LS4xMDEuMjAzLS4xNTQuNTA4LS4zOSAxLjQ1NC0xLjExOCAyLjc1MS0xLjExOC44OTEgMCAxLjc0LjM3MSAyLjM5IDEuMDQ4eiIvPjwvbWFzaz48ZyBmaWxsPSIjRkZGIiBtYXNrPSJ1cmwoI2EpIj48cGF0aCBkPSJNMCAwaDE0djE0SDB6Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.cassetteYoutube__closingDate {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  margin-right: 20px;
}
.cassetteYoutube__closingDate--red {
  color: red;
}
.cassetteYoutube__closingDate--gray {
  color: #606e85;
  font-weight: 400;
}
.closingDate__icon {
  margin: 0 5px 0 0;
}
.cassetteYoutube__subDate {
  color: red;
  font-weight: 700;
}
.cassetteYoutube__label {
  border-radius: 10px;
  font-size: 10px;
  height: 16px;
  line-height: 1.5;
  display: inline-block;
}
.cassetteYoutube__label:not(:last-child) {
  margin-right: 5px;
}
.cassetteYoutube__label--new {
  background-color: #2e7fcf;
  color: #fff;
  padding: 1px 10px;
  width: 45px;
}
.cassetteYoutube__label--noExp {
  background-color: #fff6ec;
  color: #fe961e;
  padding: 1px 8px;
}
.cassetteYoutube__label--employment {
  background-color: #f2f4f6;
  color: #8d949c;
  padding: 1px 17px;
}
.cassetteYoutube__companyJobType {
  color: #606e85;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
  min-height: 27px;
}
.cassetteYoutube__jobDetailWrap {
  display: flex;
  margin-top: 5px;
}
.cassetteYoutube__jobDetail {
  flex: 1;
  margin-right: 25px;
  min-width: 0;
}
.cassetteYoutube__companyName {
  color: #606e85;
  font-size: 14px;
  min-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cassetteYoutube__companyInfo {
  display: flex;
  margin-top: 8px;
}
.companyInfo__imgJob {
  flex-shrink: 0;
  height: 81px;
  margin-right: 10px;
  width: 136px;
}
.cassetteYoutube__img {
  display: block;
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.companyInfo__list {
  flex: 1;
  min-width: 0;
}
.companyInfo__item {
  align-items: center;
  display: flex;
}
.companyInfo__icon {
  flex-shrink: 0;
  margin-right: 5px;
  min-width: 0;
}
.companyInfo__title {
  color: #606e85;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  padding-top: 3px;
  width: 70px;
}
.companyInfo__contentJob {
  color: #606e85;
  font-size: 12px;
  overflow: hidden;
  padding-top: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cassetteYoutube__action {
  flex-shrink: 0;
  height: 112px;
  padding-top: 22px;
  width: 180px;
}
.cassetteYoutube__entryBtn {
  align-items: center;
  background-color: red;
  border: none;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  outline: none;
  padding: 0;
  transition: background-color 0.2s ease;
  width: 180px;
}
.cassetteYoutube__entryBtn:hover {
  background-color: #ff4747;
  color: #fff;
}
.cassetteYoutube__kininaruBtn {
  bottom: 25px;
  height: 40px;
  position: absolute;
  right: 20px;
  width: 180px;
}
.observePoint {
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.recommendYoutube[data-v-627b5f89] {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  font-family: Noto Sans JP, Noto Sans CJK JP, ヒラギノ角ゴ Pro,
    Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック,
    MS PGothic, sans-serif;
  line-height: 1.5;
}
.recommendYoutube__list[data-v-627b5f89] {
  margin-top: 13px;
}
.recommendYoutube__showMore[data-v-627b5f89] {
  margin-top: 20px;
}
.recommendYoutube__btnShowMore[data-v-627b5f89] {
  width: 200px;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #adb5c9;
  background-color: #fff;
  background-image: none;
  box-shadow: inset 0.5px 1.9px 0 0 hsla(0, 0%, 100%, 0.25);
  padding: 10px;
  color: #606e85;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition: color 0.2s ease, background-color 0.2s ease;
  display: block;
}
.recommendYoutube__btnShowMore[data-v-627b5f89]:hover {
  background-color: #f5f5fa;
  opacity: 0.8;
}
.rn3-recommendContentYoutubeWrap[data-v-380d256c] {
  margin-top: 60px;
}
.rn3-recommendContentYoutubeWrap--isNotMaxOtherJobs[data-v-380d256c] {
  margin-top: 35px;
}
.offerPermissionAppeal {
  box-sizing: border-box;
  width: 980px;
  padding: 40px 0;
  border-radius: 20px;
  background-color: #e7ebf2;
}
.offerPermissionAppeal__title {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  line-height: 1.09;
  color: #383838;
}
.offerPermissionAppeal__message {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.71;
  text-align: center;
  color: #383838;
}
.offerPermissionAppeal__featureTitleWrapper {
  display: flex;
  justify-content: center;
  margin: 10px auto 0;
}
.offerPermissionAppeal__featureTitle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  border-radius: 30px;
  background-color: #fb7890;
  padding: 0 10px;
  margin: 0;
}
.offerPermissionAppeal__featureList {
  display: flex;
  align-items: center;
  padding-left: 75px;
  margin-top: 22px;
}
.offerPermissionAppeal__featureList--po {
  margin-top: 15px;
}
.offerPermissionAppeal__featureImage {
  flex: none;
  align-self: baseline;
  width: 104px;
  height: 104px;
}
.offerPermissionAppeal__featureImage--poCenter {
  width: 105px;
  height: 112px;
}
.offerPermissionAppeal__featureText {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #383838;
  position: relative;
  top: 3px;
  text-align: left;
  margin: 0;
}
.offerPermissionAppeal__featureText--left {
  width: 182px;
  padding-left: 17.5px;
}
.offerPermissionAppeal__featureText--center {
  width: 201px;
  padding-left: 17px;
}
.offerPermissionAppeal__featureText--right {
  width: auto;
  padding-left: 20px;
}
.offerPermissionAppeal__refMark {
  font-size: 10px;
  position: relative;
  top: -4px;
  left: 1px;
}
.offerPermissionAppeal__reference {
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #383838;
}
.offerPermissionAppeal__buttonWrapper {
  display: flex;
  justify-content: center;
  margin: 20px auto 0;
}
.offerPermissionAppeal__buttonWrapper--po {
  margin: 30px auto 0;
}
.offerPermissionAppeal__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 50px;
  border-radius: 8px;
  background-color: red;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 0 20px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.offerPermissionAppeal__button:hover {
  color: #fff;
  background-color: #ff4747;
}
.offerPermissionAppeal__button--oopo {
  width: 280px;
}
.offerPermissionAppeal__poReference {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #383838;
}
.slide-fade-leave-to[data-v-59352710] {
  opacity: 0;
}
.slide-fade-enter-to[data-v-59352710] {
  transform: translateY(0);
}
.slide-fade-enter-active[data-v-59352710],
.slide-fade-leave-active[data-v-59352710] {
  transition: all 0.5s;
}
.slide-fade-enter[data-v-59352710] {
  transform: translateY(-10vh);
}
.permissionMessageWrapper[data-v-59352710] {
  display: block;
  position: fixed;
  top: 15px;
  left: 0;
  right: 0;
  height: 44px;
  margin: auto;
  text-align: center;
  z-index: 10;
}
.permissionMessage[data-v-59352710] {
  display: inline-block;
  height: 42px;
  padding: 0 15px;
  border-radius: 8px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid #d2d7e1;
  background-color: #fff;
}
.permissionMessage[data-v-59352710]:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjAwMS42NjdjMS4zNCAwIDIuNTguMzM1IDMuNzIgMS4wMDVBNi45NSA2Ljk1IDAgMDExNC4zMyA0LjI4IDcuMjEyIDcuMjEyIDAgMDExNS4zMzUgOGE3LjIxMSA3LjIxMSAwIDAxLTEuMDA1IDMuNzE5IDYuOTUgNi45NSAwIDAxLTIuNjEgMi42MDkgNy4yMTIgNy4yMTIgMCAwMS0zLjcxOSAxLjAwNCA3LjIyIDcuMjIgMCAwMS0zLjcyLTEuMDA0IDcuMDgyIDcuMDgyIDAgMDEtMi42MDgtMi42MjdBNy4xOCA3LjE4IDAgMDEuNjY4IDhhNy4xOCA3LjE4IDAgMDExLjAwNS0zLjcwMiA3LjIxNyA3LjIxNyAwIDAxMi42MjYtMi42MjZBNy4xOCA3LjE4IDAgMDE4LjAwMS42Njd6IiBmaWxsPSIjMjQ1Mzk1Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjMwNiA3LjI3M2EuODMzLjgzMyAwIDAwLS4xMDIgMS4xNzRsMS45MjggMi4yOThhLjgzMy44MzMgMCAwMDEuMjktLjAxNy44NC44NCAwIDAwLjE0LS4wOTRsNC4zNC0zLjY0M2EuODMzLjgzMyAwIDAwLTEuMDcxLTEuMjc2bC0zLjk1OCAzLjMyLTEuMzkzLTEuNjZhLjgzMy44MzMgMCAwMC0xLjE3NC0uMTAyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 16px;
  vertical-align: sub;
}
.permissionMessage__text[data-v-59352710] {
  display: inline-block;
  line-height: 42px;
  margin: 0;
  font-size: 14px;
}
.offerPermissionAppealContainer[data-v-1cef4992] {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.baseContentsNoNoto[data-v-1cef4992] {
  font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo,
    Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  line-height: 1.5;
}
.halfModal[data-v-4d8d0d12] {
  position: relative;
  z-index: 5;
}
.halfModal__appeal[data-v-4d8d0d12] {
  background: #fff;
  border: 1px solid #d2d7e1;
  border-radius: 12px 12px 0 0;
  bottom: 0;
  height: 312px;
  padding: 28px 0 0;
  position: fixed;
  right: 30px;
  width: 355px;
}
.halfModal__closeButton[data-v-4d8d0d12] {
  border: none;
  height: 20px;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 22px;
}
.halfModal__closeButton[data-v-4d8d0d12] :hover {
  color: #8b98ad;
  transition: color 0.2s ease-in-out;
}
.halfModal-enter[data-v-4d8d0d12],
.halfModal-leave-to[data-v-4d8d0d12] {
  opacity: 0;
  transform: translateY(325px);
}
.halfModal-enter-active[data-v-4d8d0d12],
.halfModal-leave-active[data-v-4d8d0d12] {
  transition: all 0.3s ease;
}
.halfModalMailPermission[data-v-09023798] {
  width: 100%;
}
.halfModalMailPermission__title[data-v-09023798] {
  color: #383838;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1px;
  text-align: center;
}
.halfModalMailPermission__icon[data-v-09023798] {
  display: block;
  height: 106px;
  margin: 12px 0 0 112px;
  width: auto;
}
.halfModalMailPermission__description[data-v-09023798] {
  color: #383838;
  font-size: 12px;
  margin-top: 3px;
  line-height: 1.5;
  text-align: center;
}
.halfModalMailPermission__button[data-v-09023798] {
  align-items: center;
  background-color: red;
  border: 1px solid red;
  border-radius: 8px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  line-height: 1;
  margin: 20px auto 0;
  outline: none;
  width: 275px;
}
.halfModalMailPermission__button[data-v-09023798]:hover {
  background-color: #ff4747;
  transition: background-color 0.2s ease-in-out;
}
.halfModalOfferPermission[data-v-7d707889] {
  width: 100%;
}
.halfModalOfferPermission__title[data-v-7d707889] {
  color: #383838;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 9px;
  text-align: center;
}
.halfModalOfferPermission__icon[data-v-7d707889] {
  display: block;
  height: 93px;
  margin: 14px auto 0;
  width: auto;
}
.halfModalOfferPermission__description[data-v-7d707889] {
  color: #383838;
  font-size: 12px;
  margin-top: 10px;
  line-height: 1.5;
  text-align: center;
}
.halfModalOfferPermission__button[data-v-7d707889] {
  align-items: center;
  background-color: red;
  border: 1px solid red;
  border-radius: 8px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  line-height: 1;
  margin: 20px auto 0;
  outline: none;
  width: 255px;
}
.halfModalOfferPermission__button[data-v-7d707889]:hover {
  background-color: #ff4747;
  transition: background-color 0.2s ease-in-out;
}
.mailOfferHalfModalComplete[data-v-206333eb] {
  font-size: 14px;
  text-align: center;
}
.mailOfferHalfModalComplete__text[data-v-206333eb] {
  color: #383838;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
}
.mailOfferHalfModalComplete__img[data-v-206333eb] {
  display: block;
  height: 93px;
  margin: 56px auto 15px;
  width: 93px;
}
.mailOfferHalfModalComplete__img--mail[data-v-206333eb] {
  margin: 28px auto 15px;
}
.mailOfferHalfModalComplete__comment[data-v-206333eb] {
  font-size: 12px;
  line-height: 1.5;
}
.errorModal[data-v-ff1a4e9a] {
  box-sizing: border-box;
  position: relative;
  min-width: 467px;
  display: inline-block;
  vertical-align: middle;
  padding: 40px;
  background-color: #fff;
  border-radius: 12px;
}
.errorModal__message[data-v-ff1a4e9a] {
  margin: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: #ff0005;
}