/*#F9F7F9*/
@import "https://fonts.googleapis.com/css?family=Lato:400,700,900";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body {
  color: #30292F;
  font-size: 14px;
  line-height: 1.7;
  font-family: 'Lato', Helvetica, 'Noto Sans Japanese', "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 500; }
  @media (max-width: 767px) {
    html, body {
      font-size: 13px; } }

a,
a:hover,
a:active,
a:visited,
a:focus {
  color: inherit;
  text-decoration: none;
  vertical-align: middle; }

a.btn,
a.btn:hover,
a.btn:active,
a.btn:visited,
a.btn:focus {
  color: white; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

input[type="submit"],
input[type="button"],
button {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration,
  button::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus,
  input[type="button"]::focus,
  button::focus {
    outline-offset: -2px; }

ul {
  padding-left: 0; }

@keyframes highlight {
  0% {
    transform: scale(1, 1); }
  66% {
    transform: scale(1.1, 1.1); }
  100% {
    transform: scale(1, 1); } }
@keyframes fadeout-quick {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadein-err {
  0% {
    opacity: 0;
    margin-top: 60px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }
@keyframes menu-item-corner {
  0% {
    opacity: 0;
    border-radius: 0; }
  100% {
    opacity: 1;
    border-radius: 15px;
    background-color: #FFAE3F; } }
@keyframes menu-item-select {
  0% {
    opacity: 0;
    border-radius: 15px;
    left: 20px;
    right: 10px;
    top: 5px;
    bottom: 5px;
    width: 175px; }
  100% {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 195px; } }
/*popup mask*/
#mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: hidden;
  box-sizing: border-box; }

#mask section {
  width: 90vw !important;
  height: auto;
  margin: auto;
  position: relative;
  box-sizing: border-box;
  margin-top: 50vh;
  transform: translate(0, -25vh);
  overflow: hidden;
  background-color: white;
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.3); }

#mask h2 {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #AAB2BD;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1rem;
  color: #656978; }

#mask h2.error {
  color: #e20000; }

#mask p {
  padding: 10px;
  font-size: .8rem;
  color: #656978; }

#mask section > div:last-child {
  overflow: hidden;
  height: 48px;
  line-height: 48px;
  text-align: right;
  padding-right: 10px; }

#mask section > div:last-child > button {
  height: 48px;
  line-height: 48px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  background-color: transparent;
  appearance: none;
  outline: none;
  border: 0;
  color: #6A1685;
  font-weight: bold;
  font-size: .9rem; }

#mask section > div:last-child > button:hover {
  transform: scale(1.1, 1.1);
  cursor: pointer; }

/*preview*/
#mask section.preview {
  margin-top: 30vh; }

#mask section.preview .detail-view {
  height: 65vh;
  overflow: scroll;
  border-bottom: 1px solid #EEE; }

#mask section.preview .detail-view ul {
  width: 100%; }

#mask section.preview h4 {
  font-size: 12px;
  padding: 0 10px; }

/*.form-item-calendar{background-image:url(/images/ico_cal.svg);background-position:455px 50%;background-size:16px auto;}*/
.form-item-calendar {
  background-image: url(/images/ico_cal.svg);
  background-position: 98% 50%;
  background-size: 16px auto;
  background-repeat: no-repeat; }

.form-item-period, .form-item-range {
  text-align: left;
  width: 800px;
  margin-left: 0; }

.form-item-period input, .form-item-range input {
  width: 220px !important;
  display: inline-block !important;
  clear: none;
  background-position: 195px 50%; }

.form-item-period span, .form-item-range span {
  clear: none !important;
  display: inline-block !important;
  width: 40px !important;
  text-align: center; }

.form-item-range input {
  width: 185px !important; }

.form-item-range b {
  font-size: 9pt;
  display: inline-block;
  padding: 5px; }

.form-item-autocomplete b.cross, .form-item-list b, .form-item-tree b {
  background-repeat: no-repeat; }

#calendar {
  background-color: white;
  z-index: 1000;
  position: fixed;
  width: 270px;
  height: 260px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3); }

#calendar table {
  width: 270px;
  height: auto;
  background-color: white;
  margin: 0;
  clear: none; }

#calendar tr, #calendar th, #calendar td {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  box-sizing: border-box;
  line-height: 30px;
  border: 0;
  text-align: center;
  font-size: 9pt; }

#calendar th, #calendar td {
  width: 30px;
  color: #3B3944;
  padding: 0; }

#calendar td {
  cursor: hand;
  cursor: pointer; }

#calendar td:hover, #calendar td.on {
  background-color: #FFAE3E;
  border-radius: 15px;
  color: white !important;
  transform: scale(1.2, 1.2);
  transition-duration: 100ms; }

#calendar td.gray {
  color: #AAB2BD; }

#calendar td.space:hover, #calendar td.space-s:hover {
  background-color: transparent;
  color: #3B3944 !important;
  transform: none !important; }

#calendar th {
  background-color: #146EBC;
  color: white;
  font-weight: normal; }

#calendar tr:first-child th {
  text-align: left;
  position: relative;
  height: 34px;
  line-height: 40px;
  background-color: #146EBC; }

#calendar tr.space, #calendar tr.space td {
  height: 16px; }

#calendar tr.space-s, #calendar tr.space-s td {
  height: 6px; }

#calendar th u {
  font-size: .85rem;
  line-height: 24px;
  height: 24px;
  padding-left: 8px;
  padding-right: 24px;
  margin-right: 5px;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(/images/ico_down_w.svg);
  background-size: 12px auto;
  background-position: 92% center;
  text-align: left;
  cursor: pointer;
  background-repeat: no-repeat; }

#calendar th b {
  background-repeat: no-repeat; }

#calendar td ul {
  overflow-x: hidden;
  overflow-y: auto;
  height: 180px;
  box-sizing: border-box;
  float: left; }

#calendar .years {
  width: 90px;
  border-right: 1px solid #AAB2BD; }

#calendar .months {
  width: 60px;
  border-right: 1px solid #AAB2BD; }

#calendar .days {
  width: 60px; }

#calendar li {
  height: 36px;
  line-height: 36px;
  padding: 0;
  padding-left: 15px;
  width: 100%;
  cursor: hand;
  cursor: pointer;
  box-sizing: border-box;
  opacity: 0; }

#calendar .years li {
  padding-left: 20px; }

#calendar b {
  width: 16px;
  text-align: center;
  font-size: .85rem;
  color: white;
  float: right;
  height: 34px;
  line-height: 34px;
  background-size: auto 14px;
  background-position: center 13px; }

#calendar b.left {
  background-image: url(/images/ico_left_w.svg); }

#calendar b.right {
  background-image: url(/images/ico_right_w.svg);
  padding-right: 10px; }

#calendar b.cross {
  background-image: url(/images/ico_cross_w.svg); }

#calendar b.check {
  background-image: url(/images/ico_check_w.svg);
  width: 30px; }

#calendar th b:hover {
  cursor: pointer !important;
  transform: scale(1.2, 1.2);
  transition-duration: 200ms; }

#calendar .scale1 {
  transform: scale(1.15, 1.15);
  opacity: .4; }

#calendar .scale2 {
  transform: scale(1.3, 1.3);
  opacity: .6; }

#calendar .scale3 {
  transform: scale(1.45, 1.45);
  opacity: 1; }

#calendar-mask {
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

#calendar.clock {
  width: 540px; }

#calendar .clock-frame {
  position: absolute;
  background-color: white;
  box-sizing: border-box;
  top: 0px;
  border-left: 1px solid #E5E9EC; }

#calendar.calendar-time .clock-frame {
  left: 0; }

#calendar.calendar-datetime .clock-frame {
  left: 270px; }

#calendar #clock {
  position: relative;
  box-sizing: border-box;
  margin-top: 15px;
  margin-left: 20px; }

#calendar #clock > div {
  position: absolute;
  box-sizing: border-box; }

/*clock frame*/
/*#calendar #clock>div:last-child{border:1px solid #E5E9EC;}*/
#calendar #clock input[type=text] {
  position: absolute;
  height: 30px;
  width: 60px;
  top: 95px;
  left: 80px;
  border-radius: 2px;
  line-height: 30px;
  box-shadow: inset 0 0 2px 1px #AAB2BD; }

#calendar sub, #calendar sup {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  font-size: 9pt;
  text-align: center;
  line-height: 20px;
  border-radius: 10px;
  cursor: hand;
  cursor: pointer;
  color: #3B3944;
  font-weight: bold; }

#calendar i {
  position: absolute; }

#calendar sub:hover, #calendar sup:hover {
  background-color: #FFAE3E;
  transform: scale(1.5, 1.5); }

#calendar sub:hover + i, #calendar sup:hover + i {
  background-color: #6A1685; }

#calendar sub.on, #calendar sup.on {
  background-color: #146EBC;
  transform: scale(1.2, 1.2);
  color: white; }

#calendar sub.on + i, #calendar sup.on + i {
  background-color: #146EBC; }

#calendar dl {
  position: absolute;
  width: 52px !important;
  height: 20px !important;
  bottom: 28px !important;
  right: 24px;
  z-index: 1; }

#calendar dd {
  width: 24px;
  height: 20px;
  display: inline-block;
  color: #146EBC;
  border: 1px solid #146EBC;
  font-size: 7pt;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  cursor: pointer; }

#calendar dd.on {
  background-color: #146EBC;
  color: white; }

#calendar dd.am {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

#calendar dd.pm {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

#calendar.pm .clock-frame, #calendar.pm th, #calendar.pm tr:first-child th {
  background-color: #1F2A37; }

#calendar.pm sub, #calendar.pm sup {
  color: white; }

#calendar.pm sub.on, #calendar.pm sup.on {
  background-color: #FFAE3E;
  color: #1F2A37; }

#calendar.pm sub.on + i, #calendar.pm sup.on + i {
  background-color: #FFAE3E; }

#calendar.pm dd {
  border-color: white;
  color: white; }

#calendar.pm dd.on {
  background-color: white;
  color: #1F2A37; }

/*form item list menu row*/
.form-item-list, .form-item-tree {
  position: relative;
  width: 60%;
  min-height: 36px;
  line-height: 36px;
  margin-left: 0;
  cursor: pointer;
  cursor: hand;
  background-color: #EEF1F3;
  text-align: left;
  overflow: hidden; }

.form-item-list:after, .form-item-tree:after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -6px;
  background-image: url(/images/ico_right.svg);
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: auto 12px; }

/*.form-item-tree span{padding:0;margin:0;padding-left:10px;font-size:9pt;white-space:nowrap;max-width:440px;text-overflow:ellipsis;text-align:left;overflow:hidden;}*/
/*a popup view when form item list menu is clicked*/
#form-item-list {
  background-color: white;
  width: 300px;
  margin: calc( 40px + 10vh ) auto;
  min-height: 200px;
  max-height: calc( 80vh - 44px );
  overflow: hidden;
  overflow-y: auto; }

#form-item-list li {
  height: 40px;
  line-height: 40px;
  font-size: .85rem;
  padding-left: 16px;
  cursor: pointer;
  cursor: hand; }

#form-item-list li.on {
  color: #6A1685;
  font-weight: bold;
  animation: highlight .25s ease-out;
  transform-origin: left center; }

#form-item-list li.on:after {
  content: ""; }

.fadeout {
  animation: fadeout-quick .6s ease-out; }

#form-item-tree {
  width: 500px;
  box-sizing: border-box;
  height: calc( 80vh - 44px );
  position: relative;
  margin: calc( 40px + 10vh ) auto; }

#form-item-tree > * {
  width: 249px;
  margin: 0;
  position: absolute;
  background-color: white;
  height: calc( 80vh - 44px );
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0; }

#form-item-tree ul {
  z-index: 2; }

#form-item-tree ol {
  z-index: 1;
  box-shadow: inset 1px 0 1px 0 rgba(0, 0, 0, 0.3); }

#form-item-tree ol.on {
  transform: translate(250px, 0);
  transition-duration: .25s; }

#form-item-tree li {
  height: 40px;
  line-height: 40px;
  font-size: 9pt;
  padding-left: 16px;
  cursor: pointer;
  cursor: hand;
  box-sizing: border-box;
  cursor: pointer;
  position: relative; }

#form-item-tree li.on {
  color: #6A1685;
  font-weight: bold;
  animation: highlight .25s ease-out;
  transform-origin: left center; }

#form-item-tree ol li {
  padding-left: 10px;
  cursor: hand;
  cursor: pointer; }

#form-item-tree ul li b {
  position: absolute;
  top: 12px;
  right: 5px;
  height: 12px;
  width: 20px;
  border-radius: 6px;
  color: white;
  font-size: 7pt;
  line-height: 12px;
  text-align: center; }

#form-item-tree ul li b.on {
  background-color: #6A1685; }

.form-item-autocomplete {
  position: relative;
  width: 60%;
  background-color: #EEF1F3;
  margin-left: 0;
  min-height: 36px;
  line-height: 36px;
  overflow: hidden; }

.form-item-autocomplete input[type=text] {
  background-color: transparent;
  height: 24px;
  line-height: 24px;
  margin: 6px;
  width: 100%; }

.form-item-autocomplete span, .form-item-list span, .form-item-tree span {
  float: left;
  display: block;
  width: auto !important;
  height: 24px;
  line-height: 24px;
  margin: 6px;
  font-size: .7rem;
  max-width: auto;
  background-color: #6A1685;
  color: white;
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }

.form-item-autocomplete span + input[type=text] {
  width: auto; }

.form-item-autocomplete span > b, .form-item-list span > b, .form-item-tree span > b {
  width: 16px;
  height: 12px;
  position: absolute;
  z-index: 1;
  top: 6px;
  right: 2px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  background-image: url(/images/ico_cross_w.svg);
  background-size: 10px 10px;
  background-position: 50% 50%;
  cursor: hand;
  cursor: pointer; }

#form-item-autocomplete {
  position: fixed;
  z-index: 1000;
  background-color: white;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #EEF1F3;
  box-sizing: border-box; }

#form-item-autocomplete li {
  padding-left: 16px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#form-item-autocomplete .on, #form-item-autocomplete li:hover {
  background-color: rgba(21, 170, 130, 0.1);
  cursor: hand;
  cursor: pointer; }

@media (max-width: 767px) {
  article.view footer {
    position: fixed;
    border-top: 1px solid #DDD;
    height: 44px;
    bottom: 0;
    width: 100%;
    padding-top: 10px;
    text-align: right;
    background-color: #FFF;
    color: #333; }
    article.view footer .container-sm {
      display: none; } }
@media (max-width: 767px) {
  article.view footer label.total {
    font-size: 0.6rem;
    margin-right: 10px; } }

article.view,
article.session_entry_view {
  background-color: #FFF;
  /**
  * tab-menu
  */
  /**
  * list-view
  */
  /**
  * form, detail-view
  */
  /*mypage--message*/
  /*mypage--notice*/
  /*mypage--schedule*/
  /*mypage--entry*/
  /*mypage--profile*/
  /*------MY PAGE---END---*/ }
  article.view p,
  article.session_entry_view p {
    text-align: left; }
  article.view p.text-enhance,
  article.session_entry_view p.text-enhance {
    text-align: center; }
  article.view section,
  article.session_entry_view section {
    padding-bottom: 30px; }
  article.view .clearfix:after,
  article.session_entry_view .clearfix:after {
    content: '';
    display: table;
    clear: both; }
  article.view .link,
  article.session_entry_view .link {
    margin-top: 5px;
    cursor: pointer; }
    @media (max-width: 767px) {
      article.view .link,
      article.session_entry_view .link {
        margin-left: 15px;
        margin-top: 15px;
        color: #6a1685; } }
  article.view .hero--text h1,
  article.session_entry_view .hero--text h1 {
    text-shadow: none; }
  article.view .tab-menu.type-side,
  article.session_entry_view .tab-menu.type-side {
    width: 160px;
    float: left;
    background-color: #FFF;
    height: 100%;
    border: none;
    padding: 0 15px 0 0;
    margin-right: 3px; }
    article.view .tab-menu.type-side dd,
    article.session_entry_view .tab-menu.type-side dd {
      width: 100%;
      box-sizing: border-box;
      margin-left: 5px;
      height: 36px;
      line-height: 34px;
      text-align: left;
      font-size: 0.9rem;
      white-space: nowrap;
      padding-left: 15px;
      cursor: pointer; }
      article.view .tab-menu.type-side dd:hover,
      article.session_entry_view .tab-menu.type-side dd:hover {
        background-color: #DDD; }
      article.view .tab-menu.type-side dd.on,
      article.session_entry_view .tab-menu.type-side dd.on {
        color: #1F2A37;
        border-left: 5px solid;
        margin-left: 0;
        font-weight: bold; }
        article.view .tab-menu.type-side dd.on:before,
        article.session_entry_view .tab-menu.type-side dd.on:before {
          display: none; }
        article.view .tab-menu.type-side dd.on:hover,
        article.session_entry_view .tab-menu.type-side dd.on:hover {
          background-color: transparent; }
    article.view .tab-menu.type-side + .tab-container,
    article.session_entry_view .tab-menu.type-side + .tab-container {
      width: calc(100% - 179px);
      float: right; }
      article.view .tab-menu.type-side + .tab-container > form, article.view .tab-menu.type-side + .tab-container > table,
      article.session_entry_view .tab-menu.type-side + .tab-container > form,
      article.session_entry_view .tab-menu.type-side + .tab-container > table {
        margin: 0; }
    @media (max-width: 767px) {
      article.view .tab-menu.type-side,
      article.session_entry_view .tab-menu.type-side {
        display: flex;
        float: none;
        width: auto;
        padding: 0;
        margin: 0; }
        article.view .tab-menu.type-side dd,
        article.session_entry_view .tab-menu.type-side dd {
          margin: 0;
          padding: 0;
          font-size: 0.9rem;
          height: 44px;
          line-height: 44px;
          text-align: center;
          background-color: #f8f3f8;
          color: #81717A; }
          article.view .tab-menu.type-side dd:hover,
          article.session_entry_view .tab-menu.type-side dd:hover {
            background-color: #f8f3f8; }
          article.view .tab-menu.type-side dd.on,
          article.session_entry_view .tab-menu.type-side dd.on {
            color: #4D48B5;
            border: none;
            background-color: #FFF; }
        article.view .tab-menu.type-side + .tab-container,
        article.session_entry_view .tab-menu.type-side + .tab-container {
          overflow: visible;
          width: 100%;
          float: none; }
          article.view .tab-menu.type-side + .tab-container > form,
          article.session_entry_view .tab-menu.type-side + .tab-container > form {
            margin: 15px 15px 0; } }
  article.view .list-view,
  article.session_entry_view .list-view {
    width: 100%;
    /*pages row*/ }
    article.view .list-view tr,
    article.session_entry_view .list-view tr {
      line-height: 32px;
      border-bottom: 1px solid #30292F; }
    article.view .list-view tr:hover,
    article.session_entry_view .list-view tr:hover {
      background-color: rgba(31, 170, 130, 0.05); }
    article.view .list-view tr.read,
    article.session_entry_view .list-view tr.read {
      background-color: #EFEFEF; }
    article.view .list-view tr.read:hover,
    article.session_entry_view .list-view tr.read:hover {
      background-color: #F3F3F3; }
    article.view .list-view tr:first-child,
    article.session_entry_view .list-view tr:first-child {
      height: 40px;
      line-height: 40px;
      border-top: 1px solid #CCD1D8; }
    article.view .list-view tr:first-child:hover,
    article.session_entry_view .list-view tr:first-child:hover {
      background-color: transparent; }
    article.view .list-view tr:last-child td,
    article.session_entry_view .list-view tr:last-child td {
      height: 40px; }
    article.view .list-view th,
    article.session_entry_view .list-view th {
      font-weight: bold;
      color: #1F2A37;
      font-size: .85rem;
      position: relative;
      padding-left: 20px;
      cursor: pointer;
      white-space: nowrap; }
    article.view .list-view th.list-view-checkbox,
    article.session_entry_view .list-view th.list-view-checkbox {
      padding-left: 16px; }
    article.view .list-view th.none,
    article.session_entry_view .list-view th.none {
      cursor: default; }
    article.view .list-view th:before,
    article.session_entry_view .list-view th:before {
      content: "";
      width: 15px;
      height: 20px;
      background-image: url(/images/ico_sort.svg);
      background-size: auto 20px;
      top: 12px;
      left: 0px;
      background-position: 0px 50%;
      position: absolute; }
    article.view .list-view th.none:before,
    article.session_entry_view .list-view th.none:before {
      background-image: url(/images/ico_clear.svg); }
    article.view .list-view th.on.asc:before,
    article.session_entry_view .list-view th.on.asc:before {
      background-image: url(/images/ico_asc.svg); }
    article.view .list-view th.on.desc:before,
    article.session_entry_view .list-view th.on.desc:before {
      background-image: url(/images/ico_desc.svg); }
    article.view .list-view td,
    article.session_entry_view .list-view td {
      border-bottom: none;
      padding: 0.5em;
      font-weight: normal;
      color: #656978;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      max-width: 430px;
      text-overflow: ellipsis;
      text-align: left; }
    article.view .list-view td.item-view-reply_flg,
    article.session_entry_view .list-view td.item-view-reply_flg {
      text-align: center; }
    article.view .list-view td:first-child,
    article.session_entry_view .list-view td:first-child {
      padding-left: 16px; }
    article.view .list-view button.download,
    article.session_entry_view .list-view button.download {
      background-image: url(/images/ico_download_g.svg); }
    article.view .list-view td button:hover,
    article.session_entry_view .list-view td button:hover {
      background-color: rgba(31, 170, 130, 0.2);
      cursor: pointer; }
    article.view .list-view td button,
    article.session_entry_view .list-view td button {
      width: 24px !important;
      padding: 0;
      min-width: 24px;
      height: 24px;
      display: block;
      float: left;
      background-repeat: no-repeat;
      background-size: auto 16px;
      background-position: 50% 50%;
      background-color: transparent;
      border-radius: 12px;
      box-sizing: border-box; }
    @media (max-width: 767px) {
      article.view .list-view tr,
      article.session_entry_view .list-view tr {
        position: relative;
        height: 60px;
        display: block;
        border-bottom: 1px solid #DDD;
        padding-top: 5px; }
      article.view .list-view td,
      article.session_entry_view .list-view td {
        padding: 0;
        display: block; }
      article.view .list-view tr.read,
      article.session_entry_view .list-view tr.read {
        background-color: #FFF; }
      article.view .list-view tr:first-child,
      article.session_entry_view .list-view tr:first-child {
        display: none; } }
  article.view .list-view-pages,
  article.session_entry_view .list-view-pages {
    display: inline-block;
    margin: 0 15px; }
    article.view .list-view-pages dd,
    article.session_entry_view .list-view-pages dd {
      display: inline-block;
      margin: 0 10px 0 0;
      width: 24px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      cursor: hand;
      cursor: pointer;
      font-size: .7rem;
      font-family: Tahoma; }
      article.view .list-view-pages dd.on,
      article.session_entry_view .list-view-pages dd.on {
        border-radius: 16px;
        background-color: #6A1685;
        color: white; }
    @media (max-width: 767px) {
      article.view .list-view-pages,
      article.session_entry_view .list-view-pages {
        float: left;
        width: calc(100% - 140px);
        margin: 0 0 0 10px;
        text-align: left; } }
  article.view .list-counter-box,
  article.session_entry_view .list-counter-box {
    text-align: right;
    padding: 10px 0;
    width: calc(100% - 179px);
    margin-left: auto;
    position: relative; }
    article.view .list-counter-box .total,
    article.session_entry_view .list-counter-box .total {
      vertical-align: middle; }
    article.view .list-counter-box button,
    article.session_entry_view .list-counter-box button {
      position: absolute;
      width: 34px;
      height: 34px;
      top: 5px;
      left: 5px;
      background-size: auto 70%;
      background-position: center;
      background-repeat: no-repeat;
      background-color: transparent; }
      article.view .list-counter-box button.trash,
      article.session_entry_view .list-counter-box button.trash {
        cursor: default;
        background-image: url(/images/ico_trash_g.svg); }
      article.view .list-counter-box button.trash.on,
      article.session_entry_view .list-counter-box button.trash.on {
        cursor: pointer;
        background-image: url(/images/ico_trash_b.svg); }
      article.view .list-counter-box button.re-trash,
      article.session_entry_view .list-counter-box button.re-trash {
        cursor: default;
        background-image: url(/images/ico_reply.svg); }
      article.view .list-counter-box button.re-trash.on,
      article.session_entry_view .list-counter-box button.re-trash.on {
        cursor: pointer;
        background-image: url(/images/ico_reply_b.svg); }
  article.view .list-view-status,
  article.session_entry_view .list-view-status {
    padding-left: 15px;
    width: 60px; }
  article.view .list-view-checkbox,
  article.session_entry_view .list-view-checkbox {
    cursor: hand;
    cursor: pointer;
    width: 32px !important;
    text-align: left; }
    article.view .list-view-checkbox label,
    article.session_entry_view .list-view-checkbox label {
      width: 32px;
      height: 32px;
      display: block;
      line-height: 32px; }
    article.view .list-view-checkbox input[type=checkbox],
    article.session_entry_view .list-view-checkbox input[type=checkbox] {
      margin-top: 9px; }
  article.view form, article.view .detail-view,
  article.session_entry_view form,
  article.session_entry_view .detail-view {
    border: 1px solid #f8f3f8;
    padding: 15px 30px; }
    article.view form ul, article.view .detail-view ul,
    article.session_entry_view form ul,
    article.session_entry_view .detail-view ul {
      display: table;
      width: 100%; }
    article.view form li, article.view .detail-view li,
    article.session_entry_view form li,
    article.session_entry_view .detail-view li {
      width: 100%;
      display: table-row;
      position: relative; }
    article.view form h4, article.view .detail-view h4,
    article.session_entry_view form h4,
    article.session_entry_view .detail-view h4 {
      margin: 10px 0 0 0;
      width: 100%;
      text-align: left;
      padding: 0;
      height: 24px;
      line-height: 24px;
      color: #30292F;
      font-size: 9pt; }
    article.view form .required h4:before, article.view .detail-view .required h4:before,
    article.session_entry_view form .required h4:before,
    article.session_entry_view .detail-view .required h4:before {
      content: "*";
      color: red; }
    article.view form label, article.view .detail-view label,
    article.session_entry_view form label,
    article.session_entry_view .detail-view label {
      display: inline-block;
      padding-left: 10px;
      padding-right: 16px;
      cursor: hand;
      cursor: pointer;
      color: #656978;
      font-size: .85rem;
      box-sizing: border-box;
      white-space: nowrap; }
      article.view form label.on, article.view .detail-view label.on,
      article.session_entry_view form label.on,
      article.session_entry_view .detail-view label.on {
        color: #1F2A37;
        font-weight: bold;
        animation: highlight .25s ease-out; }
    article.view form table, article.view .detail-view table,
    article.session_entry_view form table,
    article.session_entry_view .detail-view table {
      margin-left: 0;
      margin-top: 0;
      width: 100%;
      border: none; }
    article.view form td, article.view .detail-view td,
    article.session_entry_view form td,
    article.session_entry_view .detail-view td {
      border-bottom: none; }
    article.view form td.space, article.view .detail-view td.space,
    article.session_entry_view form td.space,
    article.session_entry_view .detail-view td.space {
      width: 10px !important; }
    article.view form .error_info, article.view .detail-view .error_info,
    article.session_entry_view form .error_info,
    article.session_entry_view .detail-view .error_info {
      text-align: center;
      color: #EE5851;
      font-size: 12px !important;
      margin-bottom: 10px !important; }
    @media (max-width: 767px) {
      article.view form ul, article.view .detail-view ul,
      article.session_entry_view form ul,
      article.session_entry_view .detail-view ul {
        display: block; }
      article.view form li, article.view .detail-view li,
      article.session_entry_view form li,
      article.session_entry_view .detail-view li {
        display: block; }
      article.view form td.space, article.view .detail-view td.space,
      article.session_entry_view form td.space,
      article.session_entry_view .detail-view td.space {
        display: none; }
      article.view form label, article.view .detail-view label,
      article.session_entry_view form label,
      article.session_entry_view .detail-view label {
        white-space: normal; }
      article.view form .error_info, article.view .detail-view .error_info,
      article.session_entry_view form .error_info,
      article.session_entry_view .detail-view .error_info {
        padding-left: 0; } }
  article.view .detail-view li p,
  article.session_entry_view .detail-view li p {
    font-size: .9rem;
    line-height: 24px;
    padding: 10px;
    color: #232F3E;
    text-align: left; }
  article.view .detail-view td:first-child,
  article.session_entry_view .detail-view td:first-child {
    width: 30%;
    min-width: 200px; }
  @media (max-width: 767px) {
    article.view .detail-view,
    article.session_entry_view .detail-view {
      width: 100%;
      padding: 0 15px;
      border: none; }
      article.view .detail-view td:first-child,
      article.session_entry_view .detail-view td:first-child {
        width: auto;
        min-width: auto; }
      article.view .detail-view td,
      article.session_entry_view .detail-view td {
        float: left;
        padding: 0 15px 0 0; }
      article.view .detail-view li p,
      article.session_entry_view .detail-view li p {
        padding: 0; }
      article.view .detail-view h4,
      article.session_entry_view .detail-view h4 {
        margin-top: 20px; } }
  article.view form,
  article.session_entry_view form {
    margin-top: 30px;
    /*Input tags*/
    /*select*/
    /*textarea*/
    /*Error messages : we use <i> to show messages*/
    /*Error message rows, if there is error in a row, the row(<li>) becomes to li.error */
    /*form .error[type="checkbox"] > div,
    form .error[type="radio"] > div{outline:1px dashed red;}
    */
    /*form title*/
    /*form item switch*/ }
    article.view form li.multiple input,
    article.session_entry_view form li.multiple input {
      width: auto; }
    article.view form li > div,
    article.session_entry_view form li > div {
      width: 100%;
      text-align: left;
      position: relative; }
    article.view form li[type=hidden],
    article.session_entry_view form li[type=hidden] {
      display: hidden; }
    article.view form td input[type=text], article.view form td input[type=password], article.view form td input[type=number], article.view form td > *,
    article.session_entry_view form td input[type=text],
    article.session_entry_view form td input[type=password],
    article.session_entry_view form td input[type=number],
    article.session_entry_view form td > * {
      width: 100%; }
    article.view form input[type="text"], article.view form input[type="password"], article.view form input[type="number"],
    article.session_entry_view form input[type="text"],
    article.session_entry_view form input[type="password"],
    article.session_entry_view form input[type="number"] {
      height: 36px;
      outline: none;
      line-height: 36px;
      font-size: .85rem;
      width: 100%;
      background-color: #EEF1F3;
      margin: 0;
      border: 0;
      padding-left: 10px;
      box-sizing: border-box; }
    article.view form input[disabled=disabled],
    article.session_entry_view form input[disabled=disabled] {
      background-color: #656978;
      color: white;
      opacity: .7; }
    article.view form input[type=checkbox],
    article.session_entry_view form input[type=checkbox] {
      width: 14px;
      height: 14px;
      border: 1px solid #AAB2BD;
      outline: 0;
      appearance: none;
      -webkit-appearance: none;
      border-radius: 2px; }
    article.view form input[type=checkbox]:checked,
    article.session_entry_view form input[type=checkbox]:checked {
      width: 14px;
      height: 14px;
      background-color: #6A1685;
      border: 0 !important;
      outline: 0;
      appearance: none;
      -webkit-appearance: none;
      background-image: url(/images/ico_check_w.svg);
      background-repeat: no-repeat;
      background-position: 1px 2px;
      background-size: 12px auto; }
    article.view form input[type=radio],
    article.session_entry_view form input[type=radio] {
      width: 14px;
      height: 14px;
      border: 1px solid #AAB2BD;
      outline: 0;
      appearance: none;
      -webkit-appearance: none;
      border-radius: 7px; }
    article.view form input[type=radio]:checked,
    article.session_entry_view form input[type=radio]:checked {
      border-color: #6A1685;
      outline: 0;
      appearance: none;
      -webkit-appearance: none;
      /*background: url(/images/ico_radio_on.svg) 20px 20px no-repeat;background-position:0 3px;*/ }
    article.view form input[type=radio]:checked:before,
    article.session_entry_view form input[type=radio]:checked:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 5px;
      background-color: #6A1685;
      top: 1px;
      left: 1px; }
    article.view form input[type=file],
    article.session_entry_view form input[type=file] {
      width: 60px;
      height: 60px;
      opacity: 0; }
    article.view form select,
    article.session_entry_view form select {
      margin-left: 0;
      height: 36px;
      outline: none;
      line-height: 36px;
      width: 60%;
      box-sizing: border-box;
      border-radius: 2px;
      border: 1px solid #EEF1F3;
      padding-left: 10px;
      font-size: .85rem;
      background-size: 12px auto;
      background-position: 460px 50%;
      cursor: hand;
      cursor: pointer; }
    article.view form textarea,
    article.session_entry_view form textarea {
      outline: none;
      background-color: #EEF1F3;
      width: 100%;
      min-height: 80px;
      margin: 10px 0px 0 0;
      border: 0;
      padding: 10px;
      box-sizing: border-box;
      font-size: .85rem;
      resize: none;
      height: 28em; }
    article.view form i,
    article.session_entry_view form i {
      color: white;
      height: 24px;
      line-height: 24px;
      text-align: left;
      font-size: 9pt;
      background-color: #EE5851;
      display: none !important;
      /*position:absolute;top:0;left:690px;top:6px;*/
      margin-top: 0.5rem;
      border-radius: 3px;
      padding-left: 8px;
      padding-right: 6px; }
    article.view form li[type="multiple"] td:first-child i,
    article.session_entry_view form li[type="multiple"] td:first-child i {
      width: 100%;
      top: 0px; }
    article.view form li[type="multiple"] td:nth-child(3) i,
    article.session_entry_view form li[type="multiple"] td:nth-child(3) i {
      width: 100%;
      left: 254px;
      top: 27px; }
    article.view form .error input[type="text"],
    article.view form .error input[type="password"],
    article.view form .error textarea,
    article.session_entry_view form .error input[type="text"],
    article.session_entry_view form .error input[type="password"],
    article.session_entry_view form .error textarea {
      border: 1px dashed red; }
    article.view form .error i,
    article.session_entry_view form .error i {
      animation: fadein-err .25s ease-out forwards;
      display: inline-block !important; }
    article.view form h3,
    article.session_entry_view form h3 {
      margin-top: 15px;
      font-size: 15px;
      text-align: left;
      border-bottom: 1px solid #EEE;
      color: #AAA;
      padding-bottom: 5px; }
    article.view form .form-item-switch,
    article.session_entry_view form .form-item-switch {
      display: block;
      width: 40px;
      position: relative;
      height: 44px;
      float: left;
      cursor: hand;
      cursor: pointer; }
    article.view form .form-item-switch:before,
    article.session_entry_view form .form-item-switch:before {
      content: "";
      position: absolute;
      width: 36px;
      height: 8px;
      border-radius: 4px;
      background-color: #AAB2BD;
      top: 16px;
      left: 2px; }
    article.view form .form-item-switch:after,
    article.session_entry_view form .form-item-switch:after {
      content: "";
      position: absolute;
      width: 16px;
      height: 16px;
      border-radius: 8px;
      background-color: #F5F6F8;
      top: 12px;
      left: 2px;
      z-index: 1;
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); }
    article.view form .form-item-switch.on:before,
    article.session_entry_view form .form-item-switch.on:before {
      background-color: #6A1685;
      opacity: .5; }
    article.view form .form-item-switch.on:after,
    article.session_entry_view form .form-item-switch.on:after {
      background-color: #6A1685;
      left: 24px;
      box-shadow: 0 0 2px 1px rgba(21, 170, 130, 0.3);
      border: 1px solid #AAB2BD; }
    @media (max-width: 767px) {
      article.view form,
      article.session_entry_view form {
        width: calc(100% - 30px);
        margin-right: 15px;
        margin-left: 15px;
        padding: 15px; }
        article.view form h3,
        article.session_entry_view form h3 {
          font-size: 1.2rem; }
        article.view form h4,
        article.session_entry_view form h4 {
          margin-top: 10px; }
        article.view form td,
        article.session_entry_view form td {
          width: 100%;
          display: block; } }
  @media (max-width: 767px) {
    article.view.message_list_view td.item-view-checkbox,
    article.session_entry_view.message_list_view td.item-view-checkbox {
      display: none; }
    article.view.message_list_view td.item-view-reply_at,
    article.session_entry_view.message_list_view td.item-view-reply_at {
      text-align: center;
      width: 25px;
      display: inline-block;
      float: left;
      height: 100%; }
      article.view.message_list_view td.item-view-reply_at img,
      article.session_entry_view.message_list_view td.item-view-reply_at img {
        width: 15px; }
    article.view.message_list_view td.item-view-company_name,
    article.view.message_list_view td.item-view-to_name,
    article.session_entry_view.message_list_view td.item-view-company_name,
    article.session_entry_view.message_list_view td.item-view-to_name {
      position: absolute;
      top: 4px;
      left: 25px;
      font-weight: bold;
      width: calc(100% - 111px);
      font-size: 1rem; }
    article.view.message_list_view td.item-view-title,
    article.session_entry_view.message_list_view td.item-view-title {
      position: absolute;
      top: 25px;
      left: 25px;
      width: calc(100% - 30px);
      font-size: 0.9rem;
      font-weight: bold; }
    article.view.message_list_view td.item-view-send_at,
    article.session_entry_view.message_list_view td.item-view-send_at {
      position: absolute;
      top: 4px;
      right: 5px;
      font-size: 0.8rem;
      color: #6A1685; }
    article.view.message_list_view tr.read td.item-view-company_name,
    article.view.message_list_view tr.read td.item-view-to_name,
    article.session_entry_view.message_list_view tr.read td.item-view-company_name,
    article.session_entry_view.message_list_view tr.read td.item-view-to_name {
      font-weight: normal; }
    article.view.message_list_view tr.read td.item-view-title,
    article.session_entry_view.message_list_view tr.read td.item-view-title {
      font-weight: normal; }
    article.view.message_list_view tr.read td.item-view-send_at,
    article.session_entry_view.message_list_view tr.read td.item-view-send_at {
      color: #656978; } }
  @media (max-width: 767px) {
    article.view.notice_list_view td.item-view-checkbox,
    article.session_entry_view.notice_list_view td.item-view-checkbox {
      display: none; }
    article.view.notice_list_view td.item-view-from_name,
    article.session_entry_view.notice_list_view td.item-view-from_name {
      position: absolute;
      top: 4px;
      left: 15px;
      font-weight: bold;
      width: calc(100% - 111px);
      font-size: 1rem; }
    article.view.notice_list_view td.item-view-title,
    article.session_entry_view.notice_list_view td.item-view-title {
      position: absolute;
      top: 25px;
      left: 15px;
      width: calc(100% - 30px);
      font-size: 0.9rem;
      font-weight: bold; }
    article.view.notice_list_view td.item-view-send_at,
    article.session_entry_view.notice_list_view td.item-view-send_at {
      position: absolute;
      top: 4px;
      right: 5px;
      font-size: 0.8rem;
      color: #6A1685; }
    article.view.notice_list_view tr.read td.item-view-title,
    article.view.notice_list_view tr.read td.item-view-from_name,
    article.session_entry_view.notice_list_view tr.read td.item-view-title,
    article.session_entry_view.notice_list_view tr.read td.item-view-from_name {
      font-weight: normal; }
    article.view.notice_list_view tr.read td.item-view-send_at,
    article.session_entry_view.notice_list_view tr.read td.item-view-send_at {
      color: #656978; } }
  article.view.message_edit_view .tab-menu.type-side + .tab-container, article.view.notice_view .tab-menu.type-side + .tab-container,
  article.session_entry_view.message_edit_view .tab-menu.type-side + .tab-container,
  article.session_entry_view.notice_view .tab-menu.type-side + .tab-container {
    width: 740px;
    float: none; }
    article.view.message_edit_view .tab-menu.type-side + .tab-container > form, article.view.notice_view .tab-menu.type-side + .tab-container > form,
    article.session_entry_view.message_edit_view .tab-menu.type-side + .tab-container > form,
    article.session_entry_view.notice_view .tab-menu.type-side + .tab-container > form {
      margin-top: 25px; }
  article.view.message_edit_view section a, article.view.message_edit_view section p.link, article.view.notice_view section a, article.view.notice_view section p.link,
  article.session_entry_view.message_edit_view section a,
  article.session_entry_view.message_edit_view section p.link,
  article.session_entry_view.notice_view section a,
  article.session_entry_view.notice_view section p.link {
    color: #6A1685; }
    article.view.message_edit_view section a:hover, article.view.message_edit_view section p.link:hover, article.view.notice_view section a:hover, article.view.notice_view section p.link:hover,
    article.session_entry_view.message_edit_view section a:hover,
    article.session_entry_view.message_edit_view section p.link:hover,
    article.session_entry_view.notice_view section a:hover,
    article.session_entry_view.notice_view section p.link:hover {
      text-decoration: underline; }
  @media (max-width: 767px) {
    article.view.message_edit_view .tab-menu.type-side + .tab-container, article.view.notice_view .tab-menu.type-side + .tab-container,
    article.session_entry_view.message_edit_view .tab-menu.type-side + .tab-container,
    article.session_entry_view.notice_view .tab-menu.type-side + .tab-container {
      width: 100%; }
    article.view.message_edit_view footer, article.view.notice_view footer,
    article.session_entry_view.message_edit_view footer,
    article.session_entry_view.notice_view footer {
      display: none; } }
  article.view.schedule_list_view div.schedule_notes,
  article.session_entry_view.schedule_list_view div.schedule_notes {
    border: 1px solid #CCC;
    margin-top: 40px;
    border-radius: 3px; }
    article.view.schedule_list_view div.schedule_notes h4,
    article.session_entry_view.schedule_list_view div.schedule_notes h4 {
      background-color: #EFEFEF;
      font-size: 1.2rem;
      padding: 15px;
      text-align: left; }
    article.view.schedule_list_view div.schedule_notes p,
    article.session_entry_view.schedule_list_view div.schedule_notes p {
      font-size: 1.1rem;
      font-weight: normal;
      padding: 15px; }
    article.view.schedule_list_view div.schedule_notes li,
    article.session_entry_view.schedule_list_view div.schedule_notes li {
      padding: 0 15px 0 15px;
      font-size: 1.3rem;
      color: #e51372;
      font-weight: bold;
      text-align: left;
      list-style: none; }
  article.view.schedule_list_view td.item-view-cancel,
  article.session_entry_view.schedule_list_view td.item-view-cancel {
    padding-left: 10px; }
    article.view.schedule_list_view td.item-view-cancel p,
    article.session_entry_view.schedule_list_view td.item-view-cancel p {
      font-size: 9pt;
      background-color: #EFEFEF;
      width: 80px;
      text-align: center;
      margin-bottom: 0px; }
  @media (max-width: 767px) {
    article.view.schedule_list_view td.item-view-name,
    article.session_entry_view.schedule_list_view td.item-view-name {
      position: absolute;
      top: 5px;
      left: 5px;
      width: calc(100% - 30px);
      font-size: 0.9rem;
      font-weight: bold;
      width: calc(100% - 200px); }
    article.view.schedule_list_view td.item-view-start_at,
    article.session_entry_view.schedule_list_view td.item-view-start_at {
      position: absolute;
      top: 25px;
      right: 0px;
      font-size: 0.8rem;
      color: #6A1685;
      left: 8px; }
    article.view.schedule_list_view td.item-view-cancel,
    article.session_entry_view.schedule_list_view td.item-view-cancel {
      position: absolute;
      top: 13px;
      right: 10px;
      font-size: 0.8rem;
      color: #6A1685; }
    article.view.schedule_list_view td.item-view-type,
    article.session_entry_view.schedule_list_view td.item-view-type {
      display: none; }
    article.view.schedule_list_view button.download,
    article.session_entry_view.schedule_list_view button.download {
      display: none; }
    article.view.schedule_list_view div.schedule_notes h4,
    article.session_entry_view.schedule_list_view div.schedule_notes h4 {
      font-size: 1.1rem; }
    article.view.schedule_list_view div.schedule_notes p,
    article.session_entry_view.schedule_list_view div.schedule_notes p {
      font-size: 0.8rem; }
    article.view.schedule_list_view div.schedule_notes li,
    article.session_entry_view.schedule_list_view div.schedule_notes li {
      font-size: 0.9rem; } }
  article.view.entry_list_view .list-view tr td,
  article.session_entry_view.entry_list_view .list-view tr td {
    padding-left: 20px; }
  @media (max-width: 767px) {
    article.view.entry_list_view td.item-view-name,
    article.session_entry_view.entry_list_view td.item-view-name {
      position: absolute;
      top: 13px;
      left: 0px;
      font-weight: bold;
      width: calc(100% - 111px);
      font-size: 1rem;
      width: calc(100% - 100px); }
    article.view.entry_list_view td.item-view-apply_at,
    article.session_entry_view.entry_list_view td.item-view-apply_at {
      position: absolute;
      top: 13px;
      right: 10px;
      font-size: 0.8rem;
      color: #6A1685; } }
  article.view.profile_edit_view .tab-container table, article.view.profile_edit_view .tab-container select,
  article.session_entry_view.profile_edit_view .tab-container table,
  article.session_entry_view.profile_edit_view .tab-container select {
    width: 100%; }
  article.view.profile_edit_view .tab-container ul,
  article.session_entry_view.profile_edit_view .tab-container ul {
    width: 60%; }
  article.view.profile_edit_view .tab-container form,
  article.session_entry_view.profile_edit_view .tab-container form {
    padding-left: 40px; }
    article.view.profile_edit_view .tab-container form label > input[type=checkbox], article.view.profile_edit_view .tab-container form input[type=radio],
    article.session_entry_view.profile_edit_view .tab-container form label > input[type=checkbox],
    article.session_entry_view.profile_edit_view .tab-container form input[type=radio] {
      top: 6px !important; }
  article.view.profile_edit_view .form-item-autocomplete,
  article.session_entry_view.profile_edit_view .form-item-autocomplete {
    width: 100%; }
  article.view.profile_edit_view .yy, article.view.profile_edit_view .mm, article.view.profile_edit_view .dd,
  article.session_entry_view.profile_edit_view .yy,
  article.session_entry_view.profile_edit_view .mm,
  article.session_entry_view.profile_edit_view .dd {
    width: auto !important;
    margin-right: 0.5rem; }
  @media (max-width: 767px) {
    article.view.profile_edit_view .tab-container ul,
    article.session_entry_view.profile_edit_view .tab-container ul {
      width: 100%; }
    article.view.profile_edit_view .tab-container form,
    article.session_entry_view.profile_edit_view .tab-container form {
      padding-left: 15px; }
    article.view.profile_edit_view .tab-container p,
    article.session_entry_view.profile_edit_view .tab-container p {
      font-size: 0.8rem; }
    article.view.profile_edit_view .tab-menu.type-side,
    article.session_entry_view.profile_edit_view .tab-menu.type-side {
      display: table;
      width: 100%; }
      article.view.profile_edit_view .tab-menu.type-side dd,
      article.session_entry_view.profile_edit_view .tab-menu.type-side dd {
        display: table-cell;
        vertical-align: middle;
        line-height: 1.4;
        width: 16%; } }

.container-md {
  box-sizing: border-box;
  width: 900px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .container-md {
      width: 100%; } }

.container-sm {
  box-sizing: border-box;
  width: 740px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .container-sm {
      width: 100%; } }
  .container-sm--sp100 {
    width: 100%; }

.container-lg {
  box-sizing: border-box;
  width: 1200px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .container-lg {
      width: 100%; } }

.container-xs {
  box-sizing: border-box;
  width: 610px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .container-xs {
      width: 100%; } }

.container-xxs {
  box-sizing: border-box;
  width: 500px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .container-xxs {
      width: 100%; } }

.section {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 100px; }
  @media (max-width: 767px) {
    .section {
      padding-top: 30px;
      padding-bottom: 50px; } }

.section2 {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 767px) {
    .section2 {
      padding-top: 20px;
      padding-bottom: 20px; } }

.section-bordered {
  padding-bottom: 100px; }
  @media (max-width: 767px) {
    .section-bordered {
      padding-top: 30px;
      padding-bottom: 50px; } }
  .section-bordered:first-of-type {
    padding-top: 0; }
  .section-bordered:before {
    content: "";
    display: block;
    width: 100%;
    height: 28px;
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(166, 115, 182, 0.6)), color-stop(0.1, rgba(166, 115, 182, 0.6)), color-stop(0.1, white), color-stop(0.5, white), color-stop(0.5, rgba(166, 115, 182, 0.6)), color-stop(0.75, rgba(166, 115, 182, 0.6)), color-stop(0.75, white), to(white));
    background: -moz-linear-gradient(-45deg, rgba(166, 115, 182, 0.6) 25%, white 25%, white 50%, rgba(166, 115, 182, 0.6) 50%, rgba(166, 115, 182, 0.6) 75%, white 75%, white);
    background: linear-gradient(-45deg, rgba(166, 115, 182, 0.6) 25%, white 25%, white 50%, rgba(166, 115, 182, 0.6) 50%, rgba(166, 115, 182, 0.6) 75%, white 75%, white);
    background-size: 80px 80px;
    margin-bottom: 60px; }
  @media (max-width: 767px) {
    .section-bordered:before {
      display: none; } }

.section-smokegray {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f8f3f8; }
  @media (max-width: 767px) {
    .section-smokegray {
      padding-top: 30px;
      padding-bottom: 30px; } }

.section-smokegray2 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #F1F1F1; }
  @media (max-width: 767px) {
    .section-smokegray2 {
      padding-top: 30px;
      padding-bottom: 30px; } }

.section-smokegray3 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f2efff; }
  @media (max-width: 767px) {
    .section-smokegray3 {
      padding-top: 30px;
      padding-bottom: 30px; } }

.section-smokegray4 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #d9d9d9; }
  @media (max-width: 767px) {
    .section-smokegray4 {
      padding-top: 30px;
      padding-bottom: 30px; } }

.section-gray {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #e2e2e2; }

.section-stripe {
  padding-top: 40px;
  padding-bottom: 40px;
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(166, 115, 182, 0.1)), color-stop(0.1, rgba(166, 115, 182, 0.1)), color-stop(0.1, white), color-stop(0.5, white), color-stop(0.5, rgba(166, 115, 182, 0.1)), color-stop(0.75, rgba(166, 115, 182, 0.1)), color-stop(0.75, white), to(white));
  background: -moz-linear-gradient(-45deg, rgba(166, 115, 182, 0.1) 25%, white 25%, white 50%, rgba(166, 115, 182, 0.1) 50%, rgba(166, 115, 182, 0.1) 75%, white 75%, white);
  background: linear-gradient(-45deg, rgba(166, 115, 182, 0.1) 25%, white 25%, white 50%, rgba(166, 115, 182, 0.1) 50%, rgba(166, 115, 182, 0.1) 75%, white 75%, white);
  background-size: 1px 18px; }

.title {
  vertical-align: middle;
  position: relative; }
  .title b {
    display: block;
    font-size: 1.2rem; }
  .title span {
    font-size: 0.9rem; }

.title--sm {
  vertical-align: middle;
  position: relative; }
  .title--sm b {
    display: block;
    font-size: 1.2rem; }
  .title--sm span {
    font-size: 0.9rem; }
  .title--sm b {
    font-size: 1rem; }
  .title--sm span {
    font-size: 0.8rem; }

.title--md {
  vertical-align: middle;
  position: relative; }
  .title--md b {
    display: block;
    font-size: 1.2rem; }
  .title--md span {
    font-size: 0.9rem; }
  .title--md b {
    font-size: 1.2rem; }
  .title--md span {
    font-size: 1rem; }

.title--lg {
  vertical-align: middle;
  position: relative; }
  .title--lg b {
    display: block;
    font-size: 1.2rem; }
  .title--lg span {
    font-size: 0.9rem; }
  .title--lg b {
    font-size: 1.8rem; }
  .title--lg span {
    font-size: 1.3rem; }
  @media (max-width: 767px) {
    .title--lg {
      font-size: 1rem;
      line-height: 1.4; }
      .title--lg b {
        font-size: 1.3rem; }
      .title--lg span {
        font-size: 1.2rem; } }

.title--colored b {
  color: #6A1685; }
.title--colored span {
  color: #81717A; }

.title--inline {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  padding-left: 0.5em; }
  .title--inline b {
    display: block;
    font-size: 1.2rem; }
  .title--inline span {
    font-size: 0.9rem; }

.title--center {
  text-align: center;
  margin-bottom: 40px; }
  .title--center b {
    font-size: 2.2rem;
    letter-spacing: 0.08em;
    font-weight: 900;
    color: #6A1685; }
  .title--center span {
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    font-weight: bold;
    vertical-align: super;
    color: #81717A; }
  @media (max-width: 767px) {
    .title--center {
      margin-bottom: 20px; }
      .title--center b {
        font-size: 1.8rem; } }

.title--bar {
  border-left: solid 6px #6A1685;
  padding-left: 8px;
  width: 100%;
  margin-bottom: 40px; }
  .title--bar b {
    font-size: 1.3rem; }
  .title--bar span {
    vertical-align: baseline;
    font-size: 1rem; }
  .title--bar div {
    font-size: 0.8rem;
    float: right; }
    .title--bar div span {
      color: #D81159; }
  .title--bar:after {
    content: "";
    clear: both; }
  @media (max-width: 767px) {
    .title--bar {
      margin-bottom: 20px; } }

.title--entry {
  vertical-align: middle;
  position: relative;
  vertical-align: middle;
  position: relative;
  border-top: solid 1px #30292F;
  padding-top: 2rem; }
  .title--entry b {
    display: block;
    font-size: 1.2rem; }
  .title--entry span {
    font-size: 0.9rem; }
  .title--entry b {
    display: block;
    font-size: 1.2rem; }
  .title--entry span {
    font-size: 0.9rem; }
  .title--entry b {
    font-size: 1.8rem; }
  .title--entry span {
    font-size: 1.3rem; }
  @media (max-width: 767px) {
    .title--entry {
      font-size: 1rem;
      line-height: 1.4; }
      .title--entry b {
        font-size: 1.3rem; }
      .title--entry span {
        font-size: 1.2rem; } }

@media (max-width: 767px) {
  .signup_view .detail-view li .title--bar {
    margin-left: -15px; } }

.btn {
  border: none;
  text-transform: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  padding: 0.5em 3em;
  box-sizing: border-box;
  z-index: 1;
  transition: all .3s;
  border-radius: 0;
  line-height: 1; }
  .btn b {
    display: block;
    font-size: 1.2rem;
    line-height: 1.7; }
  .btn span {
    font-size: 0.9rem;
    line-height: 1; }
  .btn:hover {
    color: inherit;
    opacity: 0.8; }
  .btn img {
    height: 40px;
    width: auto; }

.btn--sm {
  border: none;
  text-transform: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  padding: 0.5em 3em;
  box-sizing: border-box;
  z-index: 1;
  transition: all .3s;
  border-radius: 0;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  padding: 6px 12px; }
  .btn--sm b {
    display: block;
    font-size: 1.2rem;
    line-height: 1.7; }
  .btn--sm span {
    font-size: 0.9rem;
    line-height: 1; }
  .btn--sm:hover {
    color: inherit;
    opacity: 0.8; }
  .btn--sm img {
    height: 40px;
    width: auto; }
  .btn--sm b {
    display: block;
    font-size: 1.2rem; }
  .btn--sm span {
    font-size: 0.9rem; }
  .btn--sm b {
    font-size: 1rem; }
  .btn--sm span {
    font-size: 0.8rem; }
  @media (max-width: 767px) {
    .btn--sm {
      padding: 0.5em 1.5em; } }

.btn--md {
  border: none;
  text-transform: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  padding: 0.5em 3em;
  box-sizing: border-box;
  z-index: 1;
  transition: all .3s;
  border-radius: 0;
  line-height: 1;
  min-width: 220px; }
  .btn--md b {
    display: block;
    font-size: 1.2rem;
    line-height: 1.7; }
  .btn--md span {
    font-size: 0.9rem;
    line-height: 1; }
  .btn--md:hover {
    color: inherit;
    opacity: 0.8; }
  .btn--md img {
    height: 40px;
    width: auto; }

.btn--lg {
  border: none;
  text-transform: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  padding: 0.5em 3em;
  box-sizing: border-box;
  z-index: 1;
  transition: all .3s;
  border-radius: 0;
  line-height: 1;
  padding: 1em 5em; }
  .btn--lg b {
    display: block;
    font-size: 1.2rem;
    line-height: 1.7; }
  .btn--lg span {
    font-size: 0.9rem;
    line-height: 1; }
  .btn--lg:hover {
    color: inherit;
    opacity: 0.8; }
  .btn--lg img {
    height: 40px;
    width: auto; }
  .btn--lg b {
    font-size: 1.8rem; }
  .btn--lg span {
    font-size: 1.2rem; }

.btn--pink {
  background-color: #D81159;
  color: white; }
  .btn--pink:hover {
    color: white; }
  .btn--pink b, .btn--pink span {
    color: white; }

.btn--gray {
  background-color: #81717A;
  color: white; }
  .btn--gray:hover {
    color: white; }
  .btn--gray b, .btn--gray span {
    color: white; }

.btn--silver {
  background-color: #bdbdbd;
  color: white; }
  .btn--silver:hover {
    color: white; }
  .btn--silver b, .btn--silver span {
    color: white; }

.btn--purple {
  background-color: #6A1685;
  color: white; }
  .btn--purple:hover {
    color: white; }
  .btn--purple b, .btn--purple span {
    color: white; }

.btn--blue {
  background-color: #006BA6;
  color: white; }
  .btn--blue:hover {
    color: white; }
  .btn--blue b, .btn--blue span {
    color: white; }

.btn--navy {
  background-color: #4D48B5;
  color: white; }
  .btn--navy:hover {
    color: white; }
  .btn--navy b, .btn--navy span {
    color: white; }

.btn--yellow {
  background-color: #FAB14B;
  color: white; }
  .btn--yellow:hover {
    color: white; }
  .btn--yellow b, .btn--yellow span {
    color: white; }

.btn--entry {
  padding: 0; }
  .btn--entry img {
    height: 90px; }

.btn--top-info {
  background-color: #6A1685;
  padding: 1.6em 4em;
  margin: 0.5em;
  width: 100%; }
  .btn--top-info img {
    vertical-align: middle; }
  .btn--top-info .title--inline {
    color: white;
    text-align: left; }
  .btn--top-info b {
    font-size: 1.3rem; }
  .btn--top-info span {
    font-size: 0.9rem;
    color: white; }
  @media (max-width: 767px) {
    .btn--top-info {
      padding: 0.5em; }
      .btn--top-info img {
        width: 16px;
        margin-bottom: 0.5em; }
      .btn--top-info .title--inline {
        display: block;
        text-align: center; }
        .btn--top-info .title--inline b, .btn--top-info .title--inline span {
          font-size: 0.9rem; } }
  .btn--top-info img {
    height: 36px; }
  @media (max-width: 767px) {
    .btn--top-info img {
      height: 24px;
      margin-bottom: 4px; } }

.btn--top-signup {
  background-color: #FAB14B;
  padding: 1.6em 4em;
  margin: 0.5em;
  width: 100%; }
  .btn--top-signup img {
    vertical-align: middle; }
  .btn--top-signup .title--inline {
    color: white;
    text-align: left; }
  .btn--top-signup b {
    font-size: 1.3rem; }
  .btn--top-signup span {
    font-size: 0.9rem;
    color: white; }
  @media (max-width: 767px) {
    .btn--top-signup {
      padding: 0.5em; }
      .btn--top-signup img {
        width: 16px;
        margin-bottom: 0.5em; }
      .btn--top-signup .title--inline {
        display: block;
        text-align: center; }
        .btn--top-signup .title--inline b, .btn--top-signup .title--inline span {
          font-size: 0.9rem; } }
  .btn--top-signup img {
    height: 40px; }
  @media (max-width: 767px) {
    .btn--top-signup {
      margin-right: 8px; }
      .btn--top-signup img {
        height: 24px;
        margin-bottom: 4px; } }

@media (max-width: 767px) {
  .btn--top-info, .btn--top-signup {
    width: 92%; } }

.btn--apply-lg {
  background-color: #FAB14B;
  padding: 1em 4em; }
  .btn--apply-lg img {
    vertical-align: middle;
    height: 40px;
    width: auto; }
  .btn--apply-lg .title--inline {
    color: white;
    text-align: left; }
  .btn--apply-lg b {
    font-size: 1.3rem; }
  .btn--apply-lg span {
    font-size: 1.2rem;
    color: white; }

.btn__left {
  display: inline-block;
  color: white; }

.btn-wrapper .btn,
.btn-wrapper--2 .btn {
  margin: 0.25em; }

@media (max-width: 767px) {
  .btn-wrapper--2 {
    text-align: center; }
    .btn-wrapper--2 .btn {
      padding: 0.8em 0;
      min-width: auto;
      width: calc(50% - 16px);
      margin: 2px; }
      .btn-wrapper--2 .btn b {
        font-size: 1rem; }
      .btn-wrapper--2 .btn span {
        font-size: 0.8rem; } }
.tab {
  width: 100%;
  height: 60px;
  background-color: #f8f3f8;
  text-align: center;
  margin-bottom: 80px; }
  .tab ul {
    width: 1200px;
    margin: 0 auto;
    display: table;
    height: inherit; }
  .tab li {
    list-style: none;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 50%; }
    .tab li a {
      display: inline-block;
      width: 100%;
      vertical-align: middle; }
  .tab li.on {
    background-color: white; }
  .tab b {
    display: block;
    color: #6A1685;
    font-size: 1rem; }
  .tab span {
    font-size: 0.9rem;
    color: #81717A;
    vertical-align: top; }
  @media (max-width: 767px) {
    .tab {
      margin-bottom: 40px; }
      .tab ul {
        width: 100%; }
      .tab li.on span {
        color: #4D48B5; }
      .tab b {
        display: none; }
      .tab span {
        font-size: 1rem;
        font-weight: 700; } }

.tab--back {
  background-color: white;
  margin-bottom: 0; }
  .tab--back a {
    display: table;
    width: 100%;
    padding: 0 94px;
    height: inherit;
    margin: 0 auto; }
  .tab--back p {
    text-align: left;
    display: table-cell;
    vertical-align: middle; }
  .tab--back .tab__back-icon {
    display: table-cell;
    vertical-align: middle;
    width: 40px; }

.tab--4 span, .tab--5 span, .tab--6 span {
  font-size: 0.8rem; }

.tab--4 li {
  width: 25%; }

.tab--5 li {
  width: 20%; }

.tab--6 li {
  width: 16.6666%; }

.view .tab--6 li {
  position: relative;
  cursor: pointer; }
  .view .tab--6 li b {
    font-size: 0.95rem; }
  .view .tab--6 li b:before {
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    margin-right: 5px; }
  .view .tab--6 li span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 7.5px;
    background-color: #F00;
    color: #FFF;
    font-size: 0.7rem;
    right: 22px;
    top: 22px;
    line-height: 1.4;
    margin: 4px 0 0 6px;
    position: absolute;
    left: 8px;
    top: 11px; }
  .view .tab--6 li span.none {
    display: none; }
.view .tab--6 li[url="message_list_view"] b:before {
  background-image: url(/images/user/mypage_icon_01.svg); }
.view .tab--6 li[url="schedule_list_view"] b:before {
  background-image: url(/images/user/mypage_icon_02.svg); }
.view .tab--6 li[url="notice_list_view"] b:before {
  background-image: url(/images/user/mypage_icon_03.svg); }
.view .tab--6 li[url="entry_list_view"] b:before {
  background-image: url(/images/user/mypage_icon_04.png); }
.view .tab--6 li[url="profile_edit_view"] b:before {
  background-image: url(/images/user/mypage_icon_05.png); }
.view .tab--6 li[url="agent_job_list_view"] b:before {
  background-image: url(/images/user/mypage_icon_06.svg); }

.jobfair_get_view article {
  margin-bottom: 40px; }

.tab-mini {
  width: 100%;
  margin-bottom: 40px;
  text-align: center; }
  .tab-mini span {
    display: inline-block;
    background-color: #e0deff;
    color: #81717A;
    font-size: 1.4rem;
    font-weight: normal;
    width: 49%;
    border: 0;
    text-align: center;
    padding: 0.8em 0;
    letter-spacing: .08333em;
    border-radius: 3px; }
    .tab-mini span.on {
      color: white;
      background-color: #4D48B5; }
  .tab-mini--3 span {
    width: 32.3333%; }
  .tab-mini--4 span {
    width: 24.2222%; }
  .tab-mini--5 span {
    width: 19.2222%;
    font-size: 1.2rem; }
  @media (max-width: 767px) {
    .tab-mini {
      margin-bottom: 20px; } }

.js-tabmini-contents {
  display: none; }
  .js-tabmini-contents.on {
    display: table; }

.hero {
  height: 475px;
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center; }
  .hero h1 {
    font-weight: 700;
    font-size: 60px;
    margin-top: 0.8em;
    margin-bottom: 10px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8); }
  .hero p {
    font-size: 1.2rem;
    letter-spacing: .17em;
    margin-bottom: 50px;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.9); }
  .hero__content {
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
    padding-top: 120px; }
    @media (max-width: 767px) {
      .hero__content {
        width: 100%; } }
  .hero__btn {
    width: 200px;
    height: 5em;
    line-height: 5em;
    background-color: rgba(106, 22, 133, 0.6);
    transition: all .4s;
    position: relative;
    overflow: hidden;
    text-align: center; }
    .hero__btn > b, .hero__btn > span {
      display: inline-block;
      width: 100%; }
    .hero__btn > b {
      font-size: 1.8rem;
      transition: all .3s; }
    .hero__btn > span {
      font-size: 1.3rem;
      transition: all .5s;
      transition-delay: .1s;
      transform: translateX(-200%);
      margin-top: -28px;
      color: white; }
    .hero__btn:hover > b {
      transform: translateX(100%); }
    .hero__btn:hover > span {
      transform: translateX(-100%); }
    .hero__btn:hover {
      opacity: 1; }
  @media (max-width: 767px) {
    .hero {
      height: 144px; }
      .hero h1 {
        font-size: 20px;
        margin-top: 0.5em;
        margin-bottom: 0.5em; }
      .hero p {
        font-size: 0.8rem;
        margin-bottom: 0px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .hero__content {
      padding-top: 40px; } }
  @media (max-width: 767px) {
      .hero__btn {
        background-color: rgba(106, 22, 133, 0.6);
        transition: all .4s;
        position: relative;
        overflow: hidden;
        display: none; }
        .hero__btn > span {
          transition: all .5s;
          transition-delay: .1s;
          transform: translateX(-300px);
          position: absolute;
          top: 1.6em;
          color: white; }
        .hero__btn > b {
          transition: all .3s; }
        .hero__btn:hover > span {
          transform: translateX(-80px); }
        .hero__btn:hover > b {
          transform: translateX(300px); }
        .hero__btn:hover {
          opacity: 1; } }

.hero--sm {
  height: 240px;
  width: 100%;
  background-image: url(../images/user/mv-sm.png);
  background-size: cover;
  color: white;
  text-align: left; }
  .hero--sm h1 {
    margin: 0 auto;
    padding-top: 80px;
    vertical-align: middle;
    letter-spacing: 0.05em;
    line-height: 1;
    width: 1200px; }
    .hero--sm h1 b {
      font-size: 3rem;
      display: block; }
    .hero--sm h1 span {
      font-size: 1.3rem;
      letter-spacing: 4px;
      vertical-align: middle;
      font-weight: 500; }
  @media (max-width: 767px) {
    .hero--sm {
      height: 132px;
      text-align: center; }
      .hero--sm h1 {
        padding-top: 38px;
        width: 100%; }
        .hero--sm h1 b {
          font-size: 2rem;
          margin-bottom: 4px; }
        .hero--sm h1 span {
          font-size: 1rem;
          display: inline-block;
          line-height: 1.4;
          padding: 0 2em;
          letter-spacing: .08em; } }

.hero--1 {
  background-image: url(../images/user/top_hero_01.png); }

.hero--2 {
  background-image: url(../images/user/top_hero_02.png); }

.hero--3 {
  background-image: url(../images/user/top_hero_03.png); }

.hero--4 {
  background-image: url(../images/user/top_hero_04.png); }

.hero--about {
  background-image: url(../images/user/about_hero.png); }

.hero--column {
  background-image: url(../images/user/column_hero.png); }

.hero--company {
  background-image: url(../images/user/company_hero.png); }

.hero--event {
  background-image: url(../images/user/event_hero.png); }

.hero--jobfair {
  background-image: url(../images/user/jobfair_hero.png); }

.hero--tips {
  background-image: url(../images/user/tips_hero.png); }

.hero--privacy {
  background-image: url(../images/user/privacy_hero.png); }

.hero--regulation {
  background-image: url(../images/user/regulation_hero.png); }

.hero--text {
  height: 120px;
  width: 100%;
  background-image: none;
  background-color: #f8f3f8; }
  .hero--text h1 {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    margin-top: 0;
    padding-top: 20px;
    vertical-align: middle;
    line-height: 1;
    color: #30292F; }
    .hero--text h1 b {
      font-size: 2rem; }
    .hero--text h1 span {
      font-size: 0.9rem;
      font-weight: 500;
      display: inline-block;
      padding: 0px 0 10px 10px; }
  @media (max-width: 767px) {
    .hero--text {
      height: 60px; }
      .hero--text h1 {
        padding: 15px 15px 0;
        width: 100%; }
        .hero--text h1 b {
          font-size: 1.3rem; }
        .hero--text h1 span {
          line-height: 1.5;
          font-size: 0.9rem;
          display: block;
          padding: 0;
          float: right;
          width: calc(100% - 72px);
          margin-top: 6px; } }

.search-form {
  margin-top: 0;
  border: 0;
  padding: 0;
  color: white; }
  @media (max-width: 767px) {
    .search-form {
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto; } }

.selectbox {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px; }
  .selectbox__btn {
    border: none;
    text-transform: none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    padding: 0.5em 3em;
    box-sizing: border-box;
    z-index: 1;
    transition: all .3s;
    border-radius: 0;
    line-height: 1;
    padding: 0;
    background-color: #a673b6; }
    .selectbox__btn b {
      display: block;
      font-size: 1.2rem;
      line-height: 1.7; }
    .selectbox__btn span {
      font-size: 0.9rem;
      line-height: 1; }
    .selectbox__btn:hover {
      color: inherit;
      opacity: 0.8; }
    .selectbox__btn img {
      height: 40px;
      width: auto; }
    .selectbox__btn:hover {
      opacity: 1; }
    @media (max-width: 767px) {
      .selectbox__btn {
        width: 100%;
        margin: 0;
        padding: 0; } }
  .selectbox__btn-left {
    background-color: #6A1685;
    padding: 1em 2em;
    display: table-cell;
    vertical-align: middle;
    font-size: 0.9rem;
    color: white; }
  .selectbox__btn-title {
    vertical-align: middle;
    position: relative;
    vertical-align: middle;
    position: relative;
    padding: 0.8rem 4rem 1rem 2rem;
    padding-right: 54px;
    display: table-cell; }
    .selectbox__btn-title b {
      display: block;
      font-size: 1.2rem; }
    .selectbox__btn-title span {
      font-size: 0.9rem; }
    .selectbox__btn-title b {
      display: block;
      font-size: 1.2rem; }
    .selectbox__btn-title span {
      font-size: 0.9rem; }
    .selectbox__btn-title b {
      font-size: 1.2rem; }
    .selectbox__btn-title span {
      font-size: 1rem; }
    .selectbox__btn-title b, .selectbox__btn-title span {
      color: white;
      vertical-align: initial; }
    .selectbox__btn-title span {
      font-size: 0.9rem; }
    .selectbox__btn-title:after {
      display: table-cell;
      content: "";
      background-image: url(../images/user/arrow_down.png);
      background-repeat: no-repeat;
      background-position: center center;
      width: 54px;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      padding-left: 1em; }
    @media (max-width: 767px) {
      .selectbox__btn-title {
        vertical-align: middle;
        position: relative;
        width: 100%; }
        .selectbox__btn-title b {
          display: block;
          font-size: 1.2rem; }
        .selectbox__btn-title span {
          font-size: 0.9rem; }
        .selectbox__btn-title b {
          font-size: 1rem; }
        .selectbox__btn-title span {
          font-size: 0.8rem; }
        .selectbox__btn-title b, .selectbox__btn-title span {
          color: white; } }
  .selectbox__option {
    padding: 0;
    width: 100%;
    opacity: 0;
    transform: scaleX(0); }
    .selectbox__option li {
      background-color: #a673b6;
      list-style: none;
      height: 0;
      padding: 1em 2em;
      border-bottom: solid 1px white;
      color: white;
      font-size: 0.9rem;
      transition: all .6s; }
      .selectbox__option li:hover {
        background-color: #6A1685;
        cursor: pointer; }
  @media (max-width: 767px) {
    .selectbox {
      width: 100%;
      margin: 0; } }

.search-btn {
  border: none;
  text-transform: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  padding: 0.5em 3em;
  box-sizing: border-box;
  z-index: 1;
  transition: all .3s;
  border-radius: 0;
  line-height: 1;
  background-color: #6A1685;
  color: white;
  vertical-align: middle;
  position: relative;
  vertical-align: middle;
  position: relative;
  padding: 0.8rem 2rem 1rem 2rem; }
  .search-btn b {
    display: block;
    font-size: 1.2rem;
    line-height: 1.7; }
  .search-btn span {
    font-size: 0.9rem;
    line-height: 1; }
  .search-btn:hover {
    color: inherit;
    opacity: 0.8; }
  .search-btn img {
    height: 40px;
    width: auto; }
  .search-btn:hover {
    color: white; }
  .search-btn b, .search-btn span {
    color: white; }
  .search-btn b {
    display: block;
    font-size: 1.2rem; }
  .search-btn span {
    font-size: 0.9rem; }
  .search-btn b {
    display: block;
    font-size: 1.2rem; }
  .search-btn span {
    font-size: 0.9rem; }
  .search-btn b {
    font-size: 1.2rem; }
  .search-btn span {
    font-size: 1rem; }
  .search-btn span {
    font-size: 0.9rem; }
  @media (max-width: 767px) {
    .search-btn {
      vertical-align: middle;
      position: relative;
      width: 100%; }
      .search-btn b {
        display: block;
        font-size: 1.2rem; }
      .search-btn span {
        font-size: 0.9rem; }
      .search-btn b {
        font-size: 1rem; }
      .search-btn span {
        font-size: 0.8rem; } }

.js-selectbtn.active + .selectbox__option li {
  transform: translateY(0);
  height: auto; }

.js-selectbtn.active + .selectbox__option {
  transform: scale(1, 1);
  opacity: 1; }

.js-select-checkbox.selected {
  background-color: #6A1685; }

.custom-option li.selected {
  background-color: #6A1685; }
  .custom-option li.selected:before {
    content: "✴︎";
    color: white; }

.label--purple {
  display: inline-block;
  background-color: #6A1685;
  color: #fff;
  font-weight: 500;
  padding: 0.2em 1em;
  text-align: center;
  line-height: 2em;
  letter-spacing: 1px;
  text-align: center;
  font-size: 0.6rem; }

.label--navy {
  display: inline-block;
  background-color: #4D48B5;
  color: #fff;
  font-weight: 500;
  padding: 0.2em 1em;
  text-align: center;
  line-height: 2em;
  letter-spacing: 1px;
  text-align: center;
  font-size: 0.6rem; }

.label--pink {
  display: inline-block;
  background-color: #D81159;
  color: #fff;
  font-weight: 500;
  padding: 0.2em 1em;
  text-align: center;
  line-height: 2em;
  letter-spacing: 1px;
  text-align: center;
  font-size: 0.6rem; }

.label--yellow {
  display: inline-block;
  background-color: #FAB14B;
  color: #fff;
  font-weight: 500;
  padding: 0.2em 1em;
  text-align: center;
  line-height: 2em;
  letter-spacing: 1px;
  text-align: center;
  font-size: 0.6rem; }

.label--gray {
  display: inline-block;
  background-color: #81717A;
  color: #fff;
  font-weight: 500;
  padding: 0.2em 1em;
  text-align: center;
  line-height: 2em;
  letter-spacing: 1px;
  text-align: center;
  font-size: 0.6rem; }

.table-detail {
  border: 0;
  text-align: left;
  border-collapse: collapse; }
  .table-detail.table--wide {
    width: 100%; }
  .table-detail tr {
    border-bottom: solid 1px #eee; }
  .table-detail th {
    font-weight: 700;
    width: 180px;
    min-width: 180px;
    vertical-align: middle;
    height: 4em;
    min-height: 4em; }
    @media (max-width: 767px) {
      .table-detail th {
        display: block;
        width: 100%;
        height: auto;
        min-height: auto;
        padding: 1em 0; } }
  .table-detail td {
    padding: 1em 0;
    vertical-align: middle;
    max-width: 560px;
    word-wrap: break-word; }
  @media (max-width: 767px) {
    .table-detail tr {
      border-bottom: 0; }
    .table-detail th {
      color: #6A1685;
      background-color: #f8f3f8;
      padding-left: 1em; }
    .table-detail td {
      display: block;
      width: 100%; }
    .table-detail th.table-detail__title {
      background-color: white;
      padding-left: 0; }
    .table-detail th.table-detail__title::before,
    .table-detail th.table-detail__title::after {
      width: 1rem;
      height: 1rem;
      background-color: #6A1685;
      margin: 0 0.5em;
      vertical-align: middle;
      display: inline-block;
      content: ""; } }

.table-entry {
  width: 100%; }
  .table-entry th {
    padding: 0.3em 0.5em;
    width: 50px;
    text-align: center; }
  .table-entry td {
    text-align: center; }
  .table-entry td.align-left {
    text-align: left; }
  .table-entry__label {
    text-align: left;
    max-width: 40px; }
  .table-entry__checkbox {
    max-width: 20px;
    width: 20px; }
  @media (max-width: 767px) {
    .table-entry {
      border-bottom: solid 1px #eee; }
      .table-entry th, .table-entry td {
        display: table-cell;
        height: auto; }
      .table-entry tr:first-child td:last-child {
        padding-bottom: 0; }
      .table-entry td {
        padding: 0.5em 0;
        border: 0; }
        .table-entry td > img {
          margin-right: 4px; }
      .table-entry__border {
        border-bottom: solid 1px #f8f3f8; }
        .table-entry__border td {
          padding-bottom: 1em; }
      .table-entry:last-of-type {
        margin-bottom: 40px; }
      .table-entry .table-entry__label {
        text-align: left;
        min-width: 20px;
        width: 80px;
        padding-right: 10px;
        text-align: center; }
      .table-entry .table-entry__content {
        text-align: left;
        padding-left: 40px; } }

.breadcrumb {
  width: 100%;
  height: 2em;
  line-height: 2em;
  font-size: 0.8rem;
  color: white;
  background-color: #30292F;
  padding: 0 94px;
  margin: 0;
  border-radius: 0;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  @media (max-width: 767px) {
    .breadcrumb {
      padding: 0;
      padding-left: 16px;
      height: 0; } }

.tags {
  width: 100%;
  text-align: right; }
  .tags li {
    list-style: none;
    display: inline-block;
    background-color: #30292F;
    color: white;
    line-height: 1;
    padding: 0.2em 0.8em;
    margin: 0.5em; }

.pager li {
  margin-bottom: 40px; }
  .pager li.current {
    background-color: #30292F;
    color: #fff; }
  .pager li.on a, .pager li.on span {
    color: white;
    border: solid 1px rgba(163, 49, 187, 0.5);
    background-color: rgba(163, 49, 187, 0.5); }

article.view .step-bar::after {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  z-index: 10;
  position: absolute;
  top: 0; }

.step-bar {
  width: 100%;
  margin-bottom: 80px;
  padding: 0;
  position: relative; }
  .step-bar a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.5em; }
    @media (max-width: 767px) {
      .step-bar a {
        padding: 0; } }
  .step-bar li, .step-bar dd {
    vertical-align: middle;
    position: relative;
    list-style: none;
    display: inline-block;
    background-color: #f8f3f8;
    text-align: center;
    width: 33%;
    border: solid 1px #81717A;
    position: relative;
    border-right: 0; }
    .step-bar li b, .step-bar dd b {
      display: block;
      font-size: 1.2rem; }
    .step-bar li span, .step-bar dd span {
      font-size: 0.9rem; }
    .step-bar li b, .step-bar dd b {
      color: #6A1685; }
    .step-bar li span, .step-bar dd span {
      color: #81717A; }
    .step-bar li:before, .step-bar li:after, .step-bar dd:before, .step-bar dd:after {
      position: absolute;
      left: -12px;
      display: block;
      content: '';
      background-color: white;
      border-left: 1px solid #81717A;
      border-right: 1px solid #81717A;
      width: 24px;
      height: 52%; }
    .step-bar li:after, .step-bar dd:after {
      top: -1px;
      -moz-transform: skew(30deg);
      -ms-transform: skew(30deg);
      -webkit-transform: skew(30deg);
      transform: skew(30deg); }
    .step-bar li:before, .step-bar dd:before {
      bottom: -1px;
      -moz-transform: skew(-30deg);
      -ms-transform: skew(-30deg);
      -webkit-transform: skew(-30deg);
      transform: skew(-30deg); }
    .step-bar li:first-child:before, .step-bar li:first-child:after, .step-bar dd:first-child:before, .step-bar dd:first-child:after {
      content: none; }
    .step-bar li:last-child, .step-bar dd:last-child {
      border-right: solid 1px #30292F; }
  .step-bar.step-bar--5 li, .step-bar.step-bar--5 dd {
    width: 20%; }
  .step-bar.step-bar--no-link li, .step-bar.step-bar--no-link dd {
    padding: 1em 2em; }
    @media (max-width: 767px) {
      .step-bar.step-bar--no-link li, .step-bar.step-bar--no-link dd {
        padding: 0; } }
  .step-bar li.on, .step-bar dd.on {
    background-color: white; }
  @media (max-width: 767px) {
    .step-bar {
      margin-bottom: 40px;
      letter-spacing: -2px; }
      .step-bar li, .step-bar dd {
        background-color: transparent;
        border: 0;
        padding: 0;
        letter-spacing: initial; }
        .step-bar li:before, .step-bar li:after, .step-bar dd:before, .step-bar dd:after {
          display: none; }
        .step-bar li:after, .step-bar dd:after {
          top: -1px;
          -moz-transform: skew(0deg);
          -ms-transform: skew(0deg);
          -webkit-transform: skew(0deg);
          transform: skew(0deg); }
        .step-bar li:before, .step-bar dd:before {
          bottom: -1px;
          -moz-transform: skew(0deg);
          -ms-transform: skew(0deg);
          -webkit-transform: skew(0deg);
          transform: skew(0deg); }
        .step-bar li:last-child, .step-bar dd:last-child {
          border-right: none; }
        .step-bar li span, .step-bar dd span {
          color: #81717A; }
        .step-bar li b, .step-bar dd b {
          border-top: solid 1px #a673b6;
          padding-top: 0.5em;
          color: #81717A; }
          .step-bar li b:before, .step-bar dd b:before {
            content: "";
            display: block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #81717A;
            position: absolute;
            left: calc(50% - 3px);
            top: -3px; }
        .step-bar li.on b, .step-bar li.on span, .step-bar dd.on b, .step-bar dd.on span {
          color: #6A1685; }
        .step-bar li.on b:before, .step-bar dd.on b:before {
          background-color: #6A1685; } }

.step-bar--sm {
  margin-bottom: 20px; }
  .step-bar--sm li {
    border: solid 1px white; }
    .step-bar--sm li b {
      color: white; }
    .step-bar--sm li:before, .step-bar--sm li:after {
      background-color: white;
      border-left: 1px solid white;
      border-right: 1px solid white;
      height: 30px; }
    .step-bar--sm li:first-child b {
      color: #81717A; }
    .step-bar--sm li:nth-child(2) {
      background-color: #8F8BDA; }
    .step-bar--sm li:last-child {
      border-right: solid 1px white;
      background-color: #4D48B5; }

.signup_view .step-bar li, .signup_view .step-bar dd {
  width: 20%; }
  .signup_view .step-bar li:before, .signup_view .step-bar li:after, .signup_view .step-bar dd:before, .signup_view .step-bar dd:after {
    left: -8px;
    width: 15px; }
  .signup_view .step-bar li:before, .signup_view .step-bar dd:before {
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg); }
  .signup_view .step-bar li:after, .signup_view .step-bar dd:after {
    -moz-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -webkit-transform: skew(15deg);
    transform: skew(15deg); }
  @media (max-width: 767px) {
    .signup_view .step-bar li, .signup_view .step-bar dd {
      height: 6em; } }

a.link-enhance {
  text-decoration: underline;
  color: #4D48B5;
  font-weight: bold;
  font-size: 1.2em; }
  @media (max-width: 767px) {
    a.link-enhance {
      font-size: 1.1rem; } }

.text-enhance {
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 80px;
  line-height: 2.2; }
  @media (max-width: 767px) {
    .text-enhance {
      margin-bottom: 40px;
      font-size: 1rem; } }

.text-oneline, .text-oneline--sm {
  font-size: 1em;
  width: 100%;
  font-weight: bold;
  margin-bottom: 2em;
  display: inline-block;
  line-height: 1.4; }

.text-oneline--sm {
  margin-bottom: 0.5em; }

.text-pink, a.text-pink {
  color: #D81159; }

.text-navy, a.text-navy {
  color: #4D48B5; }

.text-blue, a.text-blue {
  color: #006BA6; }

.text-bold {
  font-weight: bold; }

.text-published {
  text-align: right;
  color: #81717A;
  padding-right: 1em; }

a.text-pink, a.text-navy {
  text-decoration: underline; }

form input:placeholder-shown, form textarea:placeholder-shown {
  color: #a9a9a9; }
form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  color: #a9a9a9; }
form input:-moz-placeholder, form textarea:-moz-placeholder {
  color: #a9a9a9;
  opacity: 1; }
form input::-moz-placeholder, form textarea::-moz-placeholder {
  color: #a9a9a9;
  opacity: 1; }
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  color: #a9a9a9; }

article.view form.signup-form,
article.view form.contact-form,
article.view form.cancel-form,
article.company_entry_view form,
article.session_entry_view form.session_survey_form {
  border: 0;
  box-sizing: border-box;
  width: 740px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    article.view form.signup-form,
    article.view form.contact-form,
    article.view form.cancel-form,
    article.company_entry_view form,
    article.session_entry_view form.session_survey_form {
      width: 100%; } }
  article.view form.signup-form h3.title.title--bar,
  article.view form.contact-form h3.title.title--bar,
  article.view form.cancel-form h3.title.title--bar,
  article.company_entry_view form h3.title.title--bar,
  article.session_entry_view form.session_survey_form h3.title.title--bar {
    margin-left: -110px;
    border-bottom: 0;
    color: #30292F;
    text-align: left;
    margin-top: 60px;
    line-height: 1.4;
    padding-bottom: 0; }
  article.view form.signup-form h4,
  article.view form.contact-form h4,
  article.view form.cancel-form h4,
  article.company_entry_view form h4,
  article.session_entry_view form.session_survey_form h4 {
    display: table-cell;
    width: 35%;
    vertical-align: middle;
    padding-left: 42px; }
  article.view form.signup-form p,
  article.view form.contact-form p,
  article.view form.cancel-form p,
  article.company_entry_view form p,
  article.session_entry_view form.session_survey_form p {
    margin-bottom: 0;
    font-size: 0.6rem; }
  article.view form.signup-form ul,
  article.view form.contact-form ul,
  article.view form.cancel-form ul,
  article.company_entry_view form ul,
  article.session_entry_view form.session_survey_form ul {
    margin-bottom: 40px; }
  article.view form.signup-form li,
  article.view form.contact-form li,
  article.view form.cancel-form li,
  article.company_entry_view form li,
  article.session_entry_view form.session_survey_form li {
    display: inline-table;
    border-top: solid 1px #eee;
    height: 6em;
    padding: 1em 0;
    font-size: .85rem;
    vertical-align: middle;
    width: 100%; }
    article.view form.signup-form li > div,
    article.view form.contact-form li > div,
    article.view form.cancel-form li > div,
    article.company_entry_view form li > div,
    article.session_entry_view form.session_survey_form li > div {
      display: table-cell;
      vertical-align: middle;
      padding-left: 1em; }
    article.view form.signup-form li table,
    article.view form.contact-form li table,
    article.view form.cancel-form li table,
    article.company_entry_view form li table,
    article.session_entry_view form.session_survey_form li table {
      margin-left: 1em; }
    article.view form.signup-form li[type=hidden],
    article.view form.contact-form li[type=hidden],
    article.view form.cancel-form li[type=hidden],
    article.company_entry_view form li[type=hidden],
    article.session_entry_view form.session_survey_form li[type=hidden] {
      display: none; }
    article.view form.signup-form li[type=multiple] table h4,
    article.view form.contact-form li[type=multiple] table h4,
    article.view form.cancel-form li[type=multiple] table h4,
    article.company_entry_view form li[type=multiple] table h4,
    article.session_entry_view form.session_survey_form li[type=multiple] table h4 {
      color: #a9a9a9;
      font-size: 0.8rem; }
    article.view form.signup-form li[type=multiple] td,
    article.view form.contact-form li[type=multiple] td,
    article.view form.cancel-form li[type=multiple] td,
    article.company_entry_view form li[type=multiple] td,
    article.session_entry_view form.session_survey_form li[type=multiple] td {
      width: 49%; }
    article.view form.signup-form li[type=radio] label,
    article.view form.contact-form li[type=radio] label,
    article.view form.cancel-form li[type=radio] label,
    article.company_entry_view form li[type=radio] label,
    article.session_entry_view form.session_survey_form li[type=radio] label {
      margin-bottom: 0; }
    article.view form.signup-form li[type=radio] p,
    article.view form.contact-form li[type=radio] p,
    article.view form.cancel-form li[type=radio] p,
    article.company_entry_view form li[type=radio] p,
    article.session_entry_view form.session_survey_form li[type=radio] p {
      margin-bottom: 0; }
    article.view form.signup-form li[name="birth"] select, article.view form.signup-form li[name="birth"] span, article.view form.signup-form li[name="graduate"] select, article.view form.signup-form li[name="graduate"] span,
    article.view form.contact-form li[name="birth"] select,
    article.view form.contact-form li[name="birth"] span,
    article.view form.contact-form li[name="graduate"] select,
    article.view form.contact-form li[name="graduate"] span,
    article.view form.cancel-form li[name="birth"] select,
    article.view form.cancel-form li[name="birth"] span,
    article.view form.cancel-form li[name="graduate"] select,
    article.view form.cancel-form li[name="graduate"] span,
    article.company_entry_view form li[name="birth"] select,
    article.company_entry_view form li[name="birth"] span,
    article.company_entry_view form li[name="graduate"] select,
    article.company_entry_view form li[name="graduate"] span,
    article.session_entry_view form.session_survey_form li[name="birth"] select,
    article.session_entry_view form.session_survey_form li[name="birth"] span,
    article.session_entry_view form.session_survey_form li[name="graduate"] select,
    article.session_entry_view form.session_survey_form li[name="graduate"] span {
      width: auto;
      margin-right: 0.5rem; }
    article.view form.signup-form li[name="nationality"],
    article.view form.contact-form li[name="nationality"],
    article.view form.cancel-form li[name="nationality"],
    article.company_entry_view form li[name="nationality"],
    article.session_entry_view form.session_survey_form li[name="nationality"] {
      border-top: 0;
      padding-top: 0; }
    article.view form.signup-form li[name="school_other_flg"], article.view form.signup-form li[name="faculty_other_flg"],
    article.view form.contact-form li[name="school_other_flg"],
    article.view form.contact-form li[name="faculty_other_flg"],
    article.view form.cancel-form li[name="school_other_flg"],
    article.view form.cancel-form li[name="faculty_other_flg"],
    article.company_entry_view form li[name="school_other_flg"],
    article.company_entry_view form li[name="faculty_other_flg"],
    article.session_entry_view form.session_survey_form li[name="school_other_flg"],
    article.session_entry_view form.session_survey_form li[name="faculty_other_flg"] {
      border: 0;
      padding: 0;
      height: 3em; }
    article.view form.signup-form li[name="school_other"], article.view form.signup-form li[name="faculty_other"],
    article.view form.contact-form li[name="school_other"],
    article.view form.contact-form li[name="faculty_other"],
    article.view form.cancel-form li[name="school_other"],
    article.view form.cancel-form li[name="faculty_other"],
    article.company_entry_view form li[name="school_other"],
    article.company_entry_view form li[name="faculty_other"],
    article.session_entry_view form.session_survey_form li[name="school_other"],
    article.session_entry_view form.session_survey_form li[name="faculty_other"] {
      border: 0;
      padding-top: 0; }
    article.view form.signup-form li:last-child,
    article.view form.contact-form li:last-child,
    article.view form.cancel-form li:last-child,
    article.company_entry_view form li:last-child,
    article.session_entry_view form.session_survey_form li:last-child {
      border-bottom: 0; }
  article.view form.signup-form table input[type="text"],
  article.view form.signup-form table select,
  article.view form.contact-form table input[type="text"],
  article.view form.contact-form table select,
  article.view form.cancel-form table input[type="text"],
  article.view form.cancel-form table select,
  article.company_entry_view form table input[type="text"],
  article.company_entry_view form table select,
  article.session_entry_view form.session_survey_form table input[type="text"],
  article.session_entry_view form.session_survey_form table select {
    width: 100%; }
  article.view form.signup-form button,
  article.view form.contact-form button,
  article.view form.cancel-form button,
  article.company_entry_view form button,
  article.session_entry_view form.session_survey_form button {
    margin: 0 0.5em; }
  article.view form.signup-form input[type="radio"],
  article.view form.contact-form input[type="radio"],
  article.view form.cancel-form input[type="radio"],
  article.company_entry_view form input[type="radio"],
  article.session_entry_view form.session_survey_form input[type="radio"] {
    margin: 0; }
  article.view form.signup-form input[type="checkbox"],
  article.view form.contact-form input[type="checkbox"],
  article.view form.cancel-form input[type="checkbox"],
  article.company_entry_view form input[type="checkbox"],
  article.session_entry_view form.session_survey_form input[type="checkbox"] {
    margin-top: 0px; }
  article.view form.signup-form input[type="text"],
  article.view form.contact-form input[type="text"],
  article.view form.cancel-form input[type="text"],
  article.company_entry_view form input[type="text"],
  article.session_entry_view form.session_survey_form input[type="text"] {
    width: 60%; }
  article.view form.signup-form .required-label,
  article.view form.contact-form .required-label,
  article.view form.cancel-form .required-label,
  article.company_entry_view form .required-label,
  article.session_entry_view form.session_survey_form .required-label {
    float: left; }
    article.view form.signup-form .required-label:after,
    article.view form.contact-form .required-label:after,
    article.view form.cancel-form .required-label:after,
    article.company_entry_view form .required-label:after,
    article.session_entry_view form.session_survey_form .required-label:after {
      display: block;
      clear: both;
      content: ""; }
  article.view form.signup-form .required h4:before,
  article.view form.contact-form .required h4:before,
  article.view form.cancel-form .required h4:before,
  article.company_entry_view form .required h4:before,
  article.session_entry_view form.session_survey_form .required h4:before {
    content: ''; }
  article.view form.signup-form li.required > h4:before,
  article.view form.signup-form .required-label,
  article.view form.contact-form li.required > h4:before,
  article.view form.contact-form .required-label,
  article.view form.cancel-form li.required > h4:before,
  article.view form.cancel-form .required-label,
  article.company_entry_view form li.required > h4:before,
  article.company_entry_view form .required-label,
  article.session_entry_view form.session_survey_form li.required > h4:before,
  article.session_entry_view form.session_survey_form .required-label {
    content: "必須";
    color: white;
    background-color: #D81159;
    padding: 0.1em 0.4em;
    margin-right: 1em; }
  article.view form.signup-form .required h4,
  article.view form.contact-form .required h4,
  article.view form.cancel-form .required h4,
  article.company_entry_view form .required h4,
  article.session_entry_view form.session_survey_form .required h4 {
    padding-left: 0; }
  article.view form.signup-form .question-block,
  article.view form.contact-form .question-block,
  article.view form.cancel-form .question-block,
  article.company_entry_view form .question-block,
  article.session_entry_view form.session_survey_form .question-block {
    border: 0;
    margin-bottom: 20px; }
    article.view form.signup-form .question-block h4,
    article.view form.contact-form .question-block h4,
    article.view form.cancel-form .question-block h4,
    article.company_entry_view form .question-block h4,
    article.session_entry_view form.session_survey_form .question-block h4 {
      display: block;
      width: 100%;
      margin-bottom: 1em; }
    article.view form.signup-form .question-block > div,
    article.view form.contact-form .question-block > div,
    article.view form.cancel-form .question-block > div,
    article.company_entry_view form .question-block > div,
    article.session_entry_view form.session_survey_form .question-block > div {
      display: block;
      padding-left: 60px; }
  article.view form.signup-form .question-block + li:last-child,
  article.view form.contact-form .question-block + li:last-child,
  article.view form.cancel-form .question-block + li:last-child,
  article.company_entry_view form .question-block + li:last-child,
  article.session_entry_view form.session_survey_form .question-block + li:last-child {
    border: 0;
    margin-top: 40px; }
    article.view form.signup-form .question-block + li:last-child h4,
    article.view form.contact-form .question-block + li:last-child h4,
    article.view form.cancel-form .question-block + li:last-child h4,
    article.company_entry_view form .question-block + li:last-child h4,
    article.session_entry_view form.session_survey_form .question-block + li:last-child h4 {
      width: 0; }
    article.view form.signup-form .question-block + li:last-child div,
    article.view form.contact-form .question-block + li:last-child div,
    article.view form.cancel-form .question-block + li:last-child div,
    article.company_entry_view form .question-block + li:last-child div,
    article.session_entry_view form.session_survey_form .question-block + li:last-child div {
      text-align: center; }
    article.view form.signup-form .question-block + li:last-child input,
    article.view form.contact-form .question-block + li:last-child input,
    article.view form.cancel-form .question-block + li:last-child input,
    article.company_entry_view form .question-block + li:last-child input,
    article.session_entry_view form.session_survey_form .question-block + li:last-child input {
      margin: 0; }
  @media (max-width: 767px) {
    article.view form.signup-form,
    article.view form.contact-form,
    article.view form.cancel-form,
    article.company_entry_view form,
    article.session_entry_view form.session_survey_form {
      width: 100%;
      padding: 0; }
      article.view form.signup-form h3.title.title--bar,
      article.view form.contact-form h3.title.title--bar,
      article.view form.cancel-form h3.title.title--bar,
      article.company_entry_view form h3.title.title--bar,
      article.session_entry_view form.session_survey_form h3.title.title--bar {
        margin-left: 0; }
      article.view form.signup-form h4,
      article.view form.contact-form h4,
      article.view form.cancel-form h4,
      article.company_entry_view form h4,
      article.session_entry_view form.session_survey_form h4 {
        display: block;
        height: auto;
        width: 100%;
        padding-left: 0;
        word-break: break-all; }
      article.view form.signup-form label,
      article.view form.contact-form label,
      article.view form.cancel-form label,
      article.company_entry_view form label,
      article.session_entry_view form.session_survey_form label {
        white-space: normal; }
      article.view form.signup-form li,
      article.view form.contact-form li,
      article.view form.cancel-form li,
      article.company_entry_view form li,
      article.session_entry_view form.session_survey_form li {
        display: block;
        height: auto;
        padding-bottom: 10px;
        border-top: none; }
        article.view form.signup-form li > div,
        article.view form.contact-form li > div,
        article.view form.cancel-form li > div,
        article.company_entry_view form li > div,
        article.session_entry_view form.session_survey_form li > div {
          display: block;
          vertical-align: middle;
          padding-left: 0; }
        article.view form.signup-form li[name="school_other_flg"] h4, article.view form.signup-form li[name="school_other"] h4,
        article.view form.contact-form li[name="school_other_flg"] h4,
        article.view form.contact-form li[name="school_other"] h4,
        article.view form.cancel-form li[name="school_other_flg"] h4,
        article.view form.cancel-form li[name="school_other"] h4,
        article.company_entry_view form li[name="school_other_flg"] h4,
        article.company_entry_view form li[name="school_other"] h4,
        article.session_entry_view form.session_survey_form li[name="school_other_flg"] h4,
        article.session_entry_view form.session_survey_form li[name="school_other"] h4 {
          display: none; }
        article.view form.signup-form li[name="survey_answer"] h4,
        article.view form.contact-form li[name="survey_answer"] h4,
        article.view form.cancel-form li[name="survey_answer"] h4,
        article.company_entry_view form li[name="survey_answer"] h4,
        article.session_entry_view form.session_survey_form li[name="survey_answer"] h4 {
          height: auto; }
        article.view form.signup-form li[type="multiple"] table,
        article.view form.contact-form li[type="multiple"] table,
        article.view form.cancel-form li[type="multiple"] table,
        article.company_entry_view form li[type="multiple"] table,
        article.session_entry_view form.session_survey_form li[type="multiple"] table {
          display: block;
          margin-left: 0; }
        article.view form.signup-form li[type="multiple"] tr,
        article.view form.contact-form li[type="multiple"] tr,
        article.view form.cancel-form li[type="multiple"] tr,
        article.company_entry_view form li[type="multiple"] tr,
        article.session_entry_view form.session_survey_form li[type="multiple"] tr {
          display: block; }
        article.view form.signup-form li[type="multiple"] td.is-hidden,
        article.view form.contact-form li[type="multiple"] td.is-hidden,
        article.view form.cancel-form li[type="multiple"] td.is-hidden,
        article.company_entry_view form li[type="multiple"] td.is-hidden,
        article.session_entry_view form.session_survey_form li[type="multiple"] td.is-hidden {
          display: none; }
        article.view form.signup-form li[type="multiple"] td,
        article.view form.contact-form li[type="multiple"] td,
        article.view form.cancel-form li[type="multiple"] td,
        article.company_entry_view form li[type="multiple"] td,
        article.session_entry_view form.session_survey_form li[type="multiple"] td {
          display: block;
          width: 100%;
          padding-top: 0; }
          article.view form.signup-form li[type="multiple"] td h4,
          article.view form.contact-form li[type="multiple"] td h4,
          article.view form.cancel-form li[type="multiple"] td h4,
          article.company_entry_view form li[type="multiple"] td h4,
          article.session_entry_view form.session_survey_form li[type="multiple"] td h4 {
            margin-top: 0; }
        article.view form.signup-form li[type="multiple"] td:nth-child(2),
        article.view form.contact-form li[type="multiple"] td:nth-child(2),
        article.view form.cancel-form li[type="multiple"] td:nth-child(2),
        article.company_entry_view form li[type="multiple"] td:nth-child(2),
        article.session_entry_view form.session_survey_form li[type="multiple"] td:nth-child(2) {
          padding: 0; }
        article.view form.signup-form li[type="multiple"] td.space,
        article.view form.contact-form li[type="multiple"] td.space,
        article.view form.cancel-form li[type="multiple"] td.space,
        article.company_entry_view form li[type="multiple"] td.space,
        article.session_entry_view form.session_survey_form li[type="multiple"] td.space {
          display: none; }
        article.view form.signup-form li[type="multiple"] td[name="mail1"] h4, article.view form.signup-form li[type="multiple"] td[name="mail2"] h4,
        article.view form.contact-form li[type="multiple"] td[name="mail1"] h4,
        article.view form.contact-form li[type="multiple"] td[name="mail2"] h4,
        article.view form.cancel-form li[type="multiple"] td[name="mail1"] h4,
        article.view form.cancel-form li[type="multiple"] td[name="mail2"] h4,
        article.company_entry_view form li[type="multiple"] td[name="mail1"] h4,
        article.company_entry_view form li[type="multiple"] td[name="mail2"] h4,
        article.session_entry_view form.session_survey_form li[type="multiple"] td[name="mail1"] h4,
        article.session_entry_view form.session_survey_form li[type="multiple"] td[name="mail2"] h4 {
          display: none; }
      article.view form.signup-form input[type="text"],
      article.view form.contact-form input[type="text"],
      article.view form.cancel-form input[type="text"],
      article.company_entry_view form input[type="text"],
      article.session_entry_view form.session_survey_form input[type="text"] {
        width: 100%; }
      article.view form.signup-form .question-block + li:last-child,
      article.view form.contact-form .question-block + li:last-child,
      article.view form.cancel-form .question-block + li:last-child,
      article.company_entry_view form .question-block + li:last-child,
      article.session_entry_view form.session_survey_form .question-block + li:last-child {
        border: 0;
        margin-top: 0;
        padding-top: 0; }
      article.view form.signup-form .question-block h4,
      article.view form.contact-form .question-block h4,
      article.view form.cancel-form .question-block h4,
      article.company_entry_view form .question-block h4,
      article.session_entry_view form.session_survey_form .question-block h4 {
        margin-bottom: 2em;
        text-indent: -40px;
        padding-left: 40px; }
      article.view form.signup-form .question-block div,
      article.view form.contact-form .question-block div,
      article.view form.cancel-form .question-block div,
      article.company_entry_view form .question-block div,
      article.session_entry_view form.session_survey_form .question-block div {
        padding-left: 10px; }
      article.view form.signup-form .question, article.view form.signup-form .question-block h4,
      article.view form.contact-form .question-block form.signup-form h4,
      article.view form.cancel-form .question-block form.signup-form h4,
      article.session_entry_view form.session_survey_form .question-block article.view form.signup-form h4,
      article.view form.contact-form .question,
      article.view form.signup-form .question-block form.contact-form h4,
      article.view form.contact-form .question-block h4,
      article.view form.cancel-form .question-block form.contact-form h4,
      article.session_entry_view form.session_survey_form .question-block article.view form.contact-form h4,
      article.view form.cancel-form .question,
      article.view form.signup-form .question-block form.cancel-form h4,
      article.view form.contact-form .question-block form.cancel-form h4,
      article.view form.cancel-form .question-block h4,
      article.session_entry_view form.session_survey_form .question-block article.view form.cancel-form h4,
      article.company_entry_view form .question,
      article.company_entry_view article.view form.signup-form .question-block h4,
      article.view article.company_entry_view form.signup-form .question-block h4,
      article.company_entry_view article.view form.contact-form .question-block h4,
      article.view article.company_entry_view form.contact-form .question-block h4,
      article.company_entry_view article.view form.cancel-form .question-block h4,
      article.view article.company_entry_view form.cancel-form .question-block h4,
      article.company_entry_view form .question-block h4,
      article.company_entry_view article.session_entry_view form.session_survey_form .question-block h4,
      article.session_entry_view article.company_entry_view form.session_survey_form .question-block h4,
      article.session_entry_view form.session_survey_form .question,
      article.view form.signup-form .question-block article.session_entry_view form.session_survey_form h4,
      article.view form.contact-form .question-block article.session_entry_view form.session_survey_form h4,
      article.view form.cancel-form .question-block article.session_entry_view form.session_survey_form h4,
      article.session_entry_view form.session_survey_form .question-block h4 {
        text-indent: -40px;
        padding-left: 40px; } }

article.view form.signup-form li[name="agree"] span {
  position: absolute;
  left: -44px; }
  @media (max-width: 767px) {
    article.view form.signup-form li[name="agree"] span {
      top: -2.5em;
      left: -4px; } }

article.signup_view .detail-view,
article.contact_view .detail-view,
article.contact_student_view .detail-view {
  width: 740px;
  margin: 0 auto;
  border: 0; }
  article.signup_view .detail-view h3.title.title--bar,
  article.contact_view .detail-view h3.title.title--bar,
  article.contact_student_view .detail-view h3.title.title--bar {
    margin-left: -110px;
    border-bottom: 0;
    color: #30292F;
    text-align: left;
    margin-top: 60px;
    line-height: 1.4;
    padding-bottom: 0; }
  article.signup_view .detail-view h4,
  article.contact_view .detail-view h4,
  article.contact_student_view .detail-view h4 {
    display: table-cell;
    width: 35%;
    vertical-align: middle; }
  article.signup_view .detail-view li,
  article.contact_view .detail-view li,
  article.contact_student_view .detail-view li {
    display: inline-table;
    border-top: solid 1px #eee;
    height: 6em;
    padding: 1em 0;
    font-size: .85rem;
    vertical-align: middle;
    width: 100%; }
    article.signup_view .detail-view li > div,
    article.contact_view .detail-view li > div,
    article.contact_student_view .detail-view li > div {
      display: table-cell;
      vertical-align: middle;
      padding-left: 1em; }
      article.signup_view .detail-view li > div p,
      article.contact_view .detail-view li > div p,
      article.contact_student_view .detail-view li > div p {
        margin-bottom: 0; }
    article.signup_view .detail-view li table,
    article.contact_view .detail-view li table,
    article.contact_student_view .detail-view li table {
      margin-left: 1em; }
    article.signup_view .detail-view li[type=hidden],
    article.contact_view .detail-view li[type=hidden],
    article.contact_student_view .detail-view li[type=hidden] {
      display: none; }
    article.signup_view .detail-view li[type=multiple] table h4,
    article.contact_view .detail-view li[type=multiple] table h4,
    article.contact_student_view .detail-view li[type=multiple] table h4 {
      color: #a9a9a9;
      font-size: 0.8rem; }
    article.signup_view .detail-view li[type=multiple] td,
    article.contact_view .detail-view li[type=multiple] td,
    article.contact_student_view .detail-view li[type=multiple] td {
      width: 49%; }
  @media (max-width: 767px) {
    article.signup_view .detail-view,
    article.contact_view .detail-view,
    article.contact_student_view .detail-view {
      width: 100%;
      padding: 0; }
      article.signup_view .detail-view h3.title.title--bar,
      article.contact_view .detail-view h3.title.title--bar,
      article.contact_student_view .detail-view h3.title.title--bar {
        margin-left: 0px; }
      article.signup_view .detail-view h4,
      article.contact_view .detail-view h4,
      article.contact_student_view .detail-view h4 {
        display: block;
        width: 100%;
        background-color: #f8f3f8;
        padding: 1em;
        color: #6A1685;
        margin-top: 0;
        height: auto; }
      article.signup_view .detail-view li,
      article.contact_view .detail-view li,
      article.contact_student_view .detail-view li {
        display: block;
        height: auto;
        padding: 0;
        width: 100%;
        border: 0; }
        article.signup_view .detail-view li > div,
        article.contact_view .detail-view li > div,
        article.contact_student_view .detail-view li > div {
          display: block;
          height: auto;
          width: 100%;
          padding: 1em; }
        article.signup_view .detail-view li[type=multiple] table,
        article.contact_view .detail-view li[type=multiple] table,
        article.contact_student_view .detail-view li[type=multiple] table {
          margin-top: 1em; }
          article.signup_view .detail-view li[type=multiple] table h4,
          article.contact_view .detail-view li[type=multiple] table h4,
          article.contact_student_view .detail-view li[type=multiple] table h4 {
            display: none; } }

.is-placeholder-clear:placeholder-shown {
  color: transparent; }
.is-placeholder-clear::-webkit-input-placeholder {
  color: transparent; }
.is-placeholder-clear:-moz-placeholder {
  color: transparent;
  opacity: 1; }
.is-placeholder-clear::-moz-placeholder {
  color: transparent;
  opacity: 1; }
.is-placeholder-clear:-ms-input-placeholder {
  color: transparent; }

td[name*=area_c] + td.space {
  display: none; }

.next-action {
  margin: 40px 0; }
  .next-action li {
    list-style: none;
    text-align: center;
    padding-bottom: 1em; }
  .next-action img {
    width: 80%;
    height: auto;
    margin-bottom: 1em; }
  .next-action h3 {
    font-size: 1.2rem;
    line-height: 1.7; }

.icon-person::before {
  content: "";
  width: 22px;
  height: 21px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }
.icon-person::before {
  background-image: url(/images/user/icon_person.svg); }

.icon-person-w::before {
  content: "";
  width: 22px;
  height: 21px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }
.icon-person-w::before {
  background-image: url(/images/user/icon_person_w.svg); }

.icon-login::before {
  content: "";
  width: 22px;
  height: 21px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }
.icon-login::before {
  background-image: url(/images/user/icon_login.svg); }

.icon-login-w::before {
  content: "";
  width: 22px;
  height: 21px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }
.icon-login-w::before {
  background-image: url(/images/user/icon_login_w.svg); }

.icon-logout::before {
  content: "";
  width: 22px;
  height: 21px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }
.icon-logout::before {
  background-image: url(/images/user/icon_logout.svg); }

.icon-logout-w::before {
  content: "";
  width: 22px;
  height: 21px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }
.icon-logout-w::before {
  background-image: url(/images/user/icon_logout_w.svg); }

.icon-mail::before {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  margin-right: 5px; }
.icon-mail::before {
  background-image: url(/images/user/mypage_icon_01.svg); }

.icon-calendar::before {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  margin-right: 5px; }
.icon-calendar::before {
  background-image: url(/images/user/mypage_icon_02.svg); }

.icon-notice::before {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  margin-right: 5px; }
.icon-notice::before {
  background-image: url(/images/user/mypage_icon_03.svg); }

.icon-agent::before {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  margin-right: 5px; }
.icon-agent::before {
  background-image: url(/images/user/mypage_icon_06.svg); }

.icon-company::before {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  margin-right: 5px; }
.icon-company::before {
  background-image: url(/images/user/mypage_icon_04.png); }

.icon-account::before {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  margin-right: 5px; }
.icon-account::before {
  background-image: url(/images/user/mypage_icon_05.png); }

.cal {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }
  .cal:before {
    content: "";
    background-image: url(../images/user/icon_cal.png);
    width: 20px;
    height: 20px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: text-top; }

.cal-deadline {
  display: inline-block;
  margin-right: 8px; }
  .cal-deadline:before {
    content: "";
    background-image: url(../images/user/icon_cal_deadline.png);
    width: 20px;
    height: 20px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle; }

.photo-showcase {
  margin-bottom: 40px; }
  .photo-showcase img {
    cursor: pointer; }

.questions {
  box-sizing: border-box;
  width: 740px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .questions {
      width: 100%; } }
  @media (max-width: 767px) {
    .questions {
      width: 100%; } }

.question::before, article.view form.signup-form .question-block h4::before,
article.view form.contact-form .question-block h4::before,
article.view form.cancel-form .question-block h4::before,
article.company_entry_view form .question-block h4::before,
article.session_entry_view form.session_survey_form .question-block h4::before {
  content: "";
  background-image: url(../images/user/icon_question.png);
  width: 43px;
  height: 32px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover; }
@media (max-width: 767px) {
  .question, article.view form.signup-form .question-block h4,
  article.view form.contact-form .question-block h4,
  article.view form.cancel-form .question-block h4,
  article.company_entry_view form .question-block h4,
  article.session_entry_view form.session_survey_form .question-block h4 {
    text-indent: -33px;
    padding-left: 40px; }
    .question::before, article.view form.signup-form .question-block h4::before,
    article.view form.contact-form .question-block h4::before,
    article.view form.cancel-form .question-block h4::before,
    article.company_entry_view form .question-block h4::before,
    article.session_entry_view form.session_survey_form .question-block h4::before {
      width: 26px;
      height: 20px; } }

.js-question {
  margin-bottom: 1em; }
  .js-question + .answer {
    overflow-y: hidden;
    max-height: 0;
    transition-property: all 0.3s cubic-bezier(0, 1, 0.5, 1); }
  .js-question:hover {
    cursor: pointer; }
  .js-question.on + .answer {
    max-height: 500px;
    /* approximate max height */ }

.location:before {
  content: "";
  background-image: url(../images/user/icon_location_purple.svg);
  width: 22px;
  height: 32px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }
.location--right:before {
  margin-left: 8px; }

.train:before {
  content: "";
  background-image: url(../images/user/icon_train.png);
  width: 22px;
  height: 26px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }

.clock:before {
  content: "";
  background-image: url(../images/user/icon_clock.png);
  width: 22px;
  height: 22px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }

.account:before {
  content: "";
  background-image: url(../images/user/icon_account_purple.png);
  width: 22px;
  height: 21px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }

.answer {
  padding-left: 50px;
  margin-bottom: 2em; }
  @media (max-width: 767px) {
    .answer {
      padding-left: 11px;
      margin-top: 0.5em; } }

#js-photo img {
  opacity: 0.7; }

#js-main-photo {
  opacity: 1 !important;
  margin-bottom: 1em; }

#js-photo img.on {
  opacity: 1; }

.timetable {
  padding: 0;
  width: 100%;
  margin-top: 20px; }
  .timetable li {
    list-style: none;
    overflow: hidden; }
    .timetable li > span {
      display: inline-block;
      padding-right: 40px;
      position: relative; }
      .timetable li > span::after {
        width: 8px;
        height: 8px;
        background-color: #30292F;
        border-radius: 50%;
        content: "";
        position: absolute;
        right: -7px;
        z-index: 1;
        top: 7px; }
  .timetable p {
    display: inline-block;
    position: relative;
    margin: 0;
    width: 60%;
    vertical-align: middle;
    padding-left: 40px;
    border-left: solid 1px #81717A;
    padding: 1em 0 1em 40px; }
    .timetable p .title {
      max-width: 210px;
      word-wrap: break-word; }
  .timetable img {
    margin-right: 40px;
    max-width: 110px;
    min-width: 110px; }
  .timetable .btn-wrapper {
    width: 20%;
    text-align: right;
    display: inline-block;
    vertical-align: middle; }
  .timetable .btn-wrapper .btn {
    width: 126px; }
  @media (max-width: 767px) {
    .timetable .btn-wrapper {
      position: absolute;
      top: 90px;
      left: 0;
      text-align: center; }
      .timetable .btn-wrapper .btn {
        font-size: 0.9rem;
        margin: 0;
        padding: 10px 0;
        width: 80px; }
    .timetable .btn-wrapper .btn {
      width: 80px; }
    .timetable .title {
      max-width: 100%;
      word-wrap: break-word; }
    .timetable li {
      position: relative; }
      .timetable li > span {
        padding-right: 8px;
        width: 82px;
        position: absolute;
        top: 70px; }
    .timetable p {
      vertical-align: initial;
      margin-left: 85px; }
    .timetable img {
      margin-bottom: 1em; } }

.tips-list {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 80px; }
  .tips-list img {
    margin: 0 0.5em 0 1.2em;
    width: 44px;
    height: 100%;
    min-height: 44px; }
  .tips-list li {
    min-width: 170px;
    margin-bottom: 1em;
    display: inline-block;
    color: #81717A;
    position: relative; }
  .tips-list li.on {
    color: #4D48B5; }
  .tips-list a {
    display: inline-block;
    min-height: 44px; }
  .tips-list--manners a {
    height: 60px;
    line-height: 60px; }
  .tips-list .tips-list__left,
  .tips-list .tips-list__right {
    display: inline-block;
    vertical-align: middle;
    text-align: left; }
  @media (max-width: 767px) {
    .tips-list {
      width: 100%;
      margin-bottom: 40px; }
      .tips-list .tips-list__left,
      .tips-list .tips-list__right {
        display: block;
        text-align: center; }
      .tips-list--manners a {
        height: auto;
        line-height: 1; }
      .tips-list li {
        min-width: auto;
        margin: 0 0.5em 1em;
        vertical-align: bottom;
        width: 28%; }
      .tips-list--many li {
        margin: 0;
        width: 46%;
        max-height: 144px;
        height: 124px;
        text-align: center;
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #f8f3f8;
        margin-bottom: 2px; }
      .tips-list img {
        width: 52px;
        height: auto;
        margin: 0 auto 0.5em;
        display: block; } }

.sub-title {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.4; }
  .sub-title:before {
    content: "";
    display: block;
    border-top: solid 1px black;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: -1; }
  .sub-title > span {
    background: #fff;
    padding: 0 20px; }
  @media (max-width: 767px) {
    .sub-title {
      margin-bottom: 20px;
      font-weight: 700; }
      .sub-title:before {
        display: none; }
      .sub-title > span {
        padding: 0; } }

.well--label {
  position: relative;
  background-color: white;
  border: solid 1px #30292F;
  margin: 2em auto; }
  .well--label > span:first-child {
    position: absolute;
    top: -1em;
    background-color: white;
    padding: 0 4px;
    font-weight: bold; }

.reguration-list {
  padding: 0; }
  .reguration-list > li {
    list-style: none;
    margin-bottom: 2em;
    padding-left: 1em; }
  .reguration-list h3 {
    text-indent: -1em; }
  .reguration-list ul {
    padding-left: 2em; }
  .reguration-list ul li {
    list-style: none; }

.list-inline {
  list-style: none; }
  .list-inline li {
    display: inline-block; }
  @media (max-width: 767px) {
    .list-inline {
      display: block; } }

.indent {
  padding-left: 2em;
  text-indent: -2em; }

.header {
  box-sizing: border-box;
  overflow: hidden; }

.header__upper {
  height: 99px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  overflow: hidden;
  background-color: #6A1685; }
  .header__upper h1 {
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px; }
  .header__upper small {
    display: block;
    color: white;
    font-size: 0.6rem;
    margin-top: 0.2rem; }
  @media (max-width: 767px) {
    .header__upper {
      height: 48px;
      text-align: left;
      padding: 0 1em; }
      .header__upper h1 {
        margin-top: 0; } }

.header__btn-wrapper {
  position: absolute;
  top: 8px;
  right: 16px;
  color: white; }
  @media (min-width: 767px) {
    .header__btn-wrapper {
      display: none; } }

.header__login-btn,
.header__signup-btn,
.header__logout-btn {
  font-size: 0.6rem;
  display: inline-block;
  color: white;
  width: 48px;
  text-align: center; }
  .header__login-btn::before,
  .header__signup-btn::before,
  .header__logout-btn::before {
    background-size: cover;
    width: 22px;
    height: 22px;
    display: block;
    margin: 0 auto;
    content: ""; }
  .header__login-btn:hover,
  .header__signup-btn:hover,
  .header__logout-btn:hover {
    color: white; }

.header__login-btn::before {
  background-image: url(/images/user/icon_login_w.svg); }

.header__signup-btn {
  margin-right: 8px; }
  .header__signup-btn::before {
    background-image: url(/images/user/icon_person_w.svg); }

.header__logout-btn {
  margin-right: 8px;
  width: 52px; }
  .header__logout-btn::before {
    background-image: url(/images/user/icon_logout_w.svg); }

.signup_view .header__logout-btn {
  display: none; }
.signup_view .header__menu-btn {
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle; }

.header__menu-btn {
  display: inline-block;
  background-color: #6A1685;
  height: 22px;
  width: 24px;
  text-align: center;
  color: white;
  font-weight: bold;
  border-top: solid 4px white;
  transition: all .5s;
  position: relative;
  vertical-align: text-bottom; }
  .header__menu-btn::before, .header__menu-btn::after {
    content: "";
    position: absolute;
    display: block;
    width: 24px;
    height: 2px;
    border: solid 2px white;
    transition: all .5s;
    background-color: white; }
  .header__menu-btn::after {
    top: 5px;
    left: 0px; }
  .header__menu-btn::before {
    top: 14px;
    left: 0px; }
  .header__menu-btn:hover {
    cursor: pointer; }
  .header__menu-btn:active {
    background-color: lighter(#6A1685); }
  @media (min-width: 767px) {
    .header__menu-btn {
      display: none; } }

.header__services {
  position: absolute;
  left: 40px; }
  .header__services li {
    display: inline-block; }

.header__lower {
  width: 100%;
  text-align: center;
  height: 42px;
  vertical-align: middle; }
  @media (max-width: 767px) {
    .header__lower {
      display: none; } }

.header__user-menu {
  position: absolute;
  right: 0;
  top: 0;
  height: 42px;
  background-color: #6A1685; }
  .header__user-menu li {
    display: inline-block;
    color: white;
    line-height: 42px;
    position: relative;
    padding-right: 20px; }
    .header__user-menu li b {
      margin-right: 3px; }
    .header__user-menu li p {
      display: block;
      font-size: 0.8rem;
      line-height: 1.0; }
    .header__user-menu li span {
      width: 15px;
      height: 15px;
      border-radius: 7.5px;
      background-color: #F00;
      color: #FFF;
      font-size: 0.7rem;
      line-height: 1.4;
      display: inline-block;
      position: absolute;
      left: -8px;
      top: 9px; }
    .header__user-menu li span.none {
      display: none; }
  @media (max-width: 767px) {
    .header__user-menu {
      display: none; } }

@media (max-width: 767px) {
  .header__logo {
    width: 120px;
    height: auto; } }

@media (min-width: 767px) {
  .header--sp {
    display: none; } }

.header__menu {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  letter-spacing: -.40em;
  vertical-align: middle; }
  .header__menu li {
    height: 42px;
    min-width: 95px;
    letter-spacing: normal;
    text-align: center;
    list-style: none;
    display: inline-block;
    line-height: 42px;
    padding: 0 10px; }
    .header__menu li:hover, .header__menu li.on {
      border-bottom: solid 3px #6A1685; }
    .header__menu li a {
      vertical-align: middle; }
    .header__menu li b {
      font-size: 1rem;
      font-weight: 900;
      letter-spacing: 0.05em;
      display: block; }
    .header__menu li span {
      font-size: 0.6rem;
      color: #81717A; }

.menu--signup li {
  background-color: #6A1685;
  padding: 24px 8px 0; }
  .menu--signup li a {
    color: white; }

.menu-sp {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100%;
  text-align: left;
  font-size: 13px;
  background: #f8f3f8;
  overflow-y: auto;
  transition: all .5s; }
  .menu-sp.on {
    overflow-y: scroll;
    right: 0; }
  .menu-sp__title {
    font-size: 1rem;
    color: #6A1685;
    margin-bottom: 0.5em;
    letter-spacing: .044em;
    font-weight: bold; }
    .menu-sp__title::before {
      background-image: url(/images/user/icon_person.svg);
      background-size: cover;
      width: 2em;
      height: 2em;
      vertical-align: middle;
      display: inline-block;
      content: ""; }
  .menu-sp__list {
    color: #30292F;
    font-size: 1rem; }
    .menu-sp__list a {
      display: block;
      width: 100%;
      height: 100%;
      transition: all .3s; }
      .menu-sp__list a:hover, .menu-sp__list a:active {
        cursor: pointer;
        opacity: 0.7; }
    .menu-sp__list > li {
      font-weight: bold;
      list-style: none; }
      .menu-sp__list > li > div, .menu-sp__list > li > a {
        padding: 0px 15px;
        font-size: 1rem;
        color: #6A1685;
        background-color: rgba(144, 118, 171, 0.1);
        height: 44px;
        line-height: 44px; }
  .menu-sp__sub-list {
    padding-left: 1em; }
    .menu-sp__sub-list li {
      list-style: none; }
      .menu-sp__sub-list li a {
        line-height: 44px;
        height: 44px;
        color: #717171;
        letter-spacing: 0.033em;
        font-weight: 400; }

.menu-sp__login-area {
  background-color: rgba(144, 118, 171, 0.25);
  padding: 40px 15px; }

.menu-sp__logined-area .menu-sp__title {
  padding-top: 1em;
  padding-left: 8px; }

.menu-sp-btn {
  display: inline-block;
  height: 22px;
  width: 24px;
  text-align: center;
  color: white;
  font-weight: bold;
  border-top: solid 4px white;
  transition: all .5s;
  position: relative;
  vertical-align: text-bottom;
  transform: rotate(90deg);
  border: transparent;
  background-color: transparent;
  position: absolute;
  right: 16px;
  top: 12px; }
  .menu-sp-btn::before, .menu-sp-btn::after {
    content: "";
    position: absolute;
    display: block;
    width: 24px;
    height: 2px;
    border: solid 2px #6A1685;
    transition: all .5s;
    background-color: #6A1685; }
  .menu-sp-btn:hover {
    cursor: pointer; }
  .menu-sp-btn:active {
    background-color: lighter(#6A1685); }
  .menu-sp-btn::after {
    top: 4px;
    opacity: 1;
    transform: rotate(-45deg); }
  .menu-sp-btn::before {
    top: 4px;
    opacity: 1;
    transform: rotate(45deg); }

.view .menu-sp {
  padding-top: 15px; }
  .view .menu-sp__login-area {
    display: none; }
  .view .menu-sp__title {
    padding-left: 9px; }

.signup_view .menu-sp {
  padding-top: 0px; }
  .signup_view .menu-sp__logined-area {
    display: none;
    background-color: rgba(144, 118, 171, 0.25);
    padding: 40px 15px; }
  .signup_view .menu-sp__login-area {
    display: block; }

.user-view.on {
  transform: initial; }

.body-overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: all .5s;
  z-index: 3;
  display: none; }

.body-wrapper {
  position: relative;
  background-color: white;
  transition: all .5s;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  .body-wrapper.on {
    transform: translate3d(-280px, 0, 0);
    position: fixed; }
    .body-wrapper.on .menu-sp-btn {
      opacity: 0; }

.footer {
  background-color: #30292F;
  color: white;
  margin-top: 160px;
  padding: 40px; }
  .footer h4 {
    margin: 1em 0 1.5em;
    text-align: center; }
  .footer ul {
    margin: 0 auto 40px;
    padding: 0 40px;
    display: inline-block; }
    .footer ul li {
      text-align: left; }
  @media (max-width: 767px) {
    .footer {
      margin-top: 40px;
      padding: 40px 0; }
      .footer ul {
        display: block; }
      .footer h4 {
        font-size: 1.2rem; } }

.on-footer + .footer {
  margin-top: 0; }

aside.on-footer {
  width: 100%;
  margin-top: 80px;
  padding: 80px 0;
  background-color: #f8f3f8; }
  @media (max-width: 767px) {
    aside.on-footer {
      margin-top: 40px;
      padding: 40px 5%; } }

@media (max-width: 767px) {
  #fb-root {
    display: none; }

  .fb_iframe_widget, .fb_iframe_widget span,
  .fb_iframe_widget span iframe[style] {
    width: 100% !important; }

  article.view.signup_view footer,
  article.view.company_entry_view footer {
    position: static;
    border: 0;
    height: auto;
    bottom: auto;
    background-color: #30292F;
    text-align: left;
    padding: 40px 0;
    color: white; } }
/*            *
 * top-slider *
 *            */
.slider {
  width: 100%;
  overflow-x: hidden; }
  .slider__btn-l, .slider__btn-r {
    position: absolute;
    top: 360px;
    background-color: rgba(106, 22, 133, 0.6);
    width: 16px;
    height: 40px;
    color: white;
    font-weight: 100;
    font-size: 0.2rem;
    z-index: 1; }
  .slider__btn-l {
    left: 0; }
  .slider__btn-r {
    right: 0; }
  .slider__content {
    padding: 0;
    margin: 0;
    white-space: nowrap; }
    .slider__content li {
      display: inline-block;
      width: 100%; }
  @media (max-width: 767px) {
    .slider__btn-l, .slider__btn-r {
      display: none; } }

/*            *
 *    news    *
 *            */
.news {
  width: 100%;
  background-color: #f8f3f8;
  text-align: center; }
  .news__container {
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
    margin: 0 auto;
    display: inline-table; }
    @media (max-width: 767px) {
      .news__container {
        width: 100%; } }
  .news__left, .news__right {
    line-height: 1.7;
    font-size: 0.9rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 1em; }
  .news__text {
    margin: 0.5em 0; }
    .news__text > span {
      color: #4D48B5; }
    .news__text > a {
      padding-left: 1em; }
  .news__left {
    width: 15%; }
    .news__left .title b {
      font-size: 1.4rem;
      font-weight: 900; }
    .news__left .title > span {
      vertical-align: baseline;
      letter-spacing: 0.12em;
      white-space: nowrap; }
  @media (max-width: 767px) {
    .news__container {
      width: 100%; }
    .news__left .title b {
      font-size: 1.1rem;
      font-weight: 900; } }

.company-logos {
  text-align: center; }
  .company-logos__item {
    display: inline-block;
    width: calc(16% - 16px);
    width: -webkit-calc(16% - 16px);
    max-width: calc(16% - 16px);
    max-width: -webkit-calc(16% - 16px);
    line-height: 110px;
    height: 110px;
    min-height: 110px;
    max-height: 110px;
    vertical-align: middle;
    text-align: center;
    margin: 8px; }
    .company-logos__item:last-child {
      margin-right: 0; }
  .company-logos img {
    width: 100%;
    max-height: 100%;
    display: inline-block; }
  @media (max-width: 767px) {
    .company-logos__item {
      width: calc(32.333% - 16px);
      width: -webkit-calc(32.333% - 16px);
      max-width: calc(32.333% - 16px);
      line-height: 80px;
      height: 80px;
      min-height: 80px;
      max-height: 80px; } }

.interview {
  position: relative;
  overflow: hidden; }
  .interview div {
    overflow: hidden;
    text-align: center; }
  .interview h2 {
    margin-bottom: 0;
    padding-top: 20px; }
  .interview img {
    margin: 0 auto; }
  .interview__left {
    text-align: center;
    transition: all .6s ease;
    transform: translateX(-100%); }
  .interview__right {
    transition: all .6s ease;
    transform: translateX(100%); }
  .interview.on .interview__left, .interview.on .interview__right {
    transform: translateX(0); }
  .interview .btn--sm {
    width: 180px;
    overflow: hidden;
    background-color: transparent;
    border: solid 2px #4D48B5;
    padding: 0;
    line-height: 3em;
    height: 3em; }
    .interview .btn--sm > span, .interview .btn--sm > b {
      display: inline-block;
      width: 100%; }
    .interview .btn--sm > span {
      transition: all .5s;
      transition-delay: .1s;
      transform: translateX(-200%);
      position: absolute;
      color: #4D48B5;
      top: 1.2em;
      font-weight: 900; }
    .interview .btn--sm > b {
      color: #4D48B5;
      transition: all .3s; }
    .interview .btn--sm:hover > span {
      transform: translateX(-100%); }
    .interview .btn--sm:hover > b {
      transform: translateX(100%); }
    .interview .btn--sm:hover {
      opacity: 1; }

.other-interview {
  padding: 0;
  transition: all 1s ease-out;
  max-height: 0;
  overflow: hidden;
  background: rgba(166, 115, 182, 0.2); }
  .other-interview h3 {
    margin: 0 auto 40px;
    color: #4D48B5;
    font-weight: 900;
    transition: all 1s ease-out; }
  .other-interview h4 {
    margin: 0.5em 0;
    line-height: 1.4;
    font-size: 1rem; }
  .other-interview p {
    font-size: 0.8rem;
    color: #a9a9a9; }
  .other-interview img {
    transition: all .3s; }
  .other-interview div {
    overflow: hidden;
    margin-bottom: 1em; }
  .other-interview a:hover img {
    transform: scale(1.1); }
  .other-interview__item div {
    padding-left: 0;
    padding-right: 0; }
  @media (max-width: 767px) {
    .other-interview h3 {
      font-size: 1.4rem; }
    .other-interview img {
      margin-bottom: 0;
      margin-right: 1em; }
    .other-interview__item {
      margin-bottom: 10px; }
      .other-interview__item div {
        margin-right: 1em;
        margin-bottom: 0; } }

.other-interview.on {
  max-height: 600px;
  padding: 40px 0;
  color: inherit; }

.tips-item {
  margin-bottom: 20px;
  display: inline-table;
  height: 130px;
  vertical-align: middle;
  transition: all .3s;
  border-bottom: solid 3px rgba(106, 22, 132, 0); }
  .tips-item:hover {
    border-bottom: solid 3px #6a1684; }
  .tips-item:nth-child(2) {
    padding-left: 20px; }
  @media (max-width: 767px) {
    .tips-item {
      display: block;
      text-align: center; }
      .tips-item:hover {
        border-bottom: solid 3px rgba(106, 22, 132, 0); }
      .tips-item b {
        font-size: 1rem; }
      .tips-item span {
        letter-spacing: 0.08333em;
        font-size: 0.8rem; } }
  .tips-item .tips-item__img {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 100px;
    max-width: 100px; }
    @media (max-width: 767px) {
      .tips-item .tips-item__img {
        display: block;
        margin: 0 auto; } }
  .tips-item .title--inline {
    vertical-align: middle;
    text-align: left;
    display: table-cell; }
    @media (max-width: 767px) {
      .tips-item .title--inline {
        display: block;
        text-align: center; } }
    .tips-item .title--inline span {
      color: #81717A;
      font-size: 1rem; }

.banners {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px; }
  .banners .col-xs-6:first-child {
    padding-right: 0.25em; }
  .banners .col-xs-6:last-child {
    padding-left: 0.25em; }
  @media (max-width: 767px) {
    .banners {
      padding-top: 20px;
      padding-bottom: 20px; }
      .banners .col-xs-6:first-child {
        padding-right: 0em; }
      .banners .col-xs-6:last-child {
        padding-left: 0em; } }

.advertisement {
  margin-bottom: 0;
  padding: 40px 0 80px 0; }
  .advertisement img {
    width: 100%;
    margin-bottom: 1em; }
  .advertisement .col-sm-2 {
    width: 20%; }
  .advertisement .row__banner {
    margin-right: -10px;
    margin-left: -10px; }
    .advertisement .row__banner .col-sm-2 {
      padding-right: 10px;
      padding-left: 10px; }
  @media (max-width: 767px) {
    .advertisement .col-xs-6 {
      width: 50%; } }

.fair-mv {
  margin: 80px 0; }
  @media (max-width: 767px) {
    .fair-mv {
      margin: 0 0 40px; } }

.fair-mv__title {
  width: 33.333%;
  position: relative;
  display: table-cell;
  vertical-align: top; }
  .fair-mv__title h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.7; }
  .fair-mv__title p {
    position: absolute;
    bottom: 0;
    font-size: 1.8rem;
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .fair-mv__title {
      padding: 15px;
      display: block;
      margin: 0;
      width: 100%;
      background-image: url(/images/user/jobfair_visual_01_sp.jpg);
      background-size: cover;
      text-shadow: 2px 2px 0px #FFF; }
      .fair-mv__title p {
        position: static; } }

.marker {
  background: linear-gradient(transparent 70%, #ffff66 0%); }

.fair-mv__img {
  display: table-cell;
  width: 66.666%; }
  @media (max-width: 767px) {
    .fair-mv__img {
      display: none; } }

.fair-message {
  background-image: url(../images/user/door.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 40px;
  padding: 80px 1em 40px;
  margin-top: -80px; }
  .fair-message p {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.2;
    text-shadow: 1px 1px 1px #fff; }
  .fair-message strong {
    font-size: 5rem;
    font-weight: 700;
    text-shadow: 2px 2px 0 #fff; }
  @media (max-width: 767px) {
    .fair-message {
      margin: 0 15px 40px; }
      .fair-message p {
        font-size: 1rem; }
      .fair-message strong {
        font-size: 3rem; } }

.jobfair-list {
  margin-top: 40px;
  padding: 0;
  position: relative; }
  .jobfair-list .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .jobfair-list--disabled .jobfair-list-item {
    box-shadow: none;
    border: 0; }
  @media (max-width: 767px) {
    .jobfair-list {
      margin-top: 0; } }

.jobfair-list-item {
  list-style: none;
  margin-bottom: 40px;
  position: relative;
  border: solid 1px #eee;
  color: #666;
  padding-bottom: 40px;
  box-shadow: 2px 2px 1px #eee; }
  .jobfair-list-item__mask {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #81717A;
    opacity: 0.8;
    z-index: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .jobfair-list-item__closed {
    color: white;
    vertical-align: middle;
    font-size: 3em; }
  .jobfair-list-item h4 {
    font-weight: 700;
    margin-bottom: 1rem;
    padding: 1em;
    line-height: 1.4;
    color: #30292F;
    transition: all .2s;
    background-color: #e6e6fa; }
  .jobfair-list-item > a {
    display: block;
    width: 100%;
    height: 100%; }
  .jobfair-list-item a:hover h4 {
    color: #4D48B5;
    text-decoration: underline; }
  .jobfair-list-item ol {
    padding: 0; }
  .jobfair-list-item ol li {
    list-style: none;
    font-size: 0.8rem;
    line-height: 1;
    margin-bottom: 0.5em; }
    .jobfair-list-item ol li:last-child {
      margin-bottom: 40px; }
    .jobfair-list-item ol li .cal, .jobfair-list-item ol li .cal-deadline {
      font-size: 1.2rem; }
  .jobfair-list-item ol small {
    color: #4D48B5;
    margin-right: 1em; }
  .jobfair-list-item .cell-left, .jobfair-list-item .cell-right {
    display: table-cell;
    vertical-align: middle;
    padding: 1em;
    word-break: break-word; }
    .jobfair-list-item .cell-left img, .jobfair-list-item .cell-right img {
      width: 200px;
      max-width: 200px;
      height: auto; }
    @media (max-width: 767px) {
      .jobfair-list-item .cell-left, .jobfair-list-item .cell-right {
        display: block; } }
  .jobfair-list-item .cell-left {
    min-width: 200px;
    text-align: center; }
  .jobfair-list-item .btn-wrapper {
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    right: 0; }
  @media (max-width: 767px) {
    .jobfair-list-item {
      margin-bottom: 20px; }
      .jobfair-list-item__mask {
        line-height: 260px; }
      .jobfair-list-item h4 {
        font-size: 1.2rem; }
      .jobfair-list-item .label {
        display: block;
        margin-top: 1em; } }

.jobfair-list .jobfair-list-item {
  border-bottom: 0;
  padding-bottom: 0; }
  @media (max-width: 767px) {
    .jobfair-list .jobfair-list-item ol small {
      font-weight: 700;
      font-size: 1rem; } }

.jobfair_get_view .jobfair-list-item h4 {
  background-color: white;
  padding-left: 0; }

.jobfair-location {
  width: 218px;
  height: 210px;
  background-size: cover;
  position: relative;
  padding: 1em;
  background-color: #81717A;
  color: white; }
  .jobfair-location strong {
    font-size: 2.8rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .1em; }
  .jobfair-location b {
    display: block;
    letter-spacing: .1em;
    font-size: 1.4rem; }
  .jobfair-location > span {
    position: absolute;
    bottom: 0.3em;
    right: 0.3em;
    display: block;
    line-height: 1.1;
    font-size: 3rem;
    font-weight: 700;
    text-align: right; }
  @media (max-width: 767px) {
    .jobfair-location {
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      height: 100px;
      margin-bottom: 1em; }
      .jobfair-location > span {
        font-size: 1.8rem; } }

.jobfair-location--tokyo {
  background-image: url(/images/user/jobfair_tokyo.png); }
  @media (max-width: 767px) {
    .jobfair-location--tokyo {
      background-image: none;
      background-color: rgba(163, 49, 187, 0.5); } }

.jobfair-location--osaka {
  background-image: url(/images/user/jobfair_osaka.png); }
  @media (max-width: 767px) {
    .jobfair-location--osaka {
      background-image: none;
      background-color: rgba(0, 107, 166, 0.5); } }

.jobfair-location--aichi {
  background-image: url(/images/user/jobfair_aichi.png); }
  @media (max-width: 767px) {
    .jobfair-location--aichi {
      background-image: none;
      background-color: rgba(33, 131, 128, 0.6); } }

.jobfair-location--fukuoka {
  background-image: url(/images/user/jobfair_fukuoka.png); }
  .jobfair-location--fukuoka strong {
    letter-spacing: 0; }
  @media (max-width: 767px) {
    .jobfair-location--fukuoka {
      background-image: none;
      background-color: rgba(0, 107, 166, 0.5); } }

.jobfair-location--net {
  background-image: url(/images/user/jobfair_net.png); }
  .jobfair-location--net strong {
    letter-spacing: 0; }
  @media (max-width: 767px) {
    .jobfair-location--net {
      background-image: none;
      background-color: rgba(0, 107, 166, 0.5); } }

.jobfair-open-time {
  margin-left: 3.5em; }

.success-case {
  padding: 0;
  margin-bottom: 40px;
  padding: 40px;
  position: relative;
  border: solid 1px  #eee;
  box-shadow: 2px 1px 1px #efefef; }
  .success-case row {
    display: table-row; }
  .success-case__label {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4D48B5;
    color: white;
    width: 25%;
    text-align: center;
    padding: 0.3em 1em; }
  .success-case__title {
    color: #30292F;
    padding: 0 0.5em 2em 0em;
    line-height: 1.4;
    letter-spacing: 0.0833em; }
  .success-case__text {
    color: #81717A; }
  .success-case__person {
    text-align: center;
    font-size: 0.9rem;
    letter-spacing: 0.0333em;
    color: #81717A; }
    .success-case__person > img {
      border-radius: 50%;
      margin-bottom: 0.5em; }
  .success-case__text, .success-case__person {
    display: table-cell;
    padding: 20px;
    vertical-align: middle; }
  .success-case__list {
    padding-left: 1em; }
  @media (max-width: 767px) {
    .success-case {
      padding: 20px;
      margin-bottom: 20px; }
      .success-case__title {
        font-size: 1rem;
        padding: 10px; }
      .success-case__title-text {
        padding-right: 0; }
      .success-case__person {
        padding: 0; } }

.agent-feature__item {
  list-style: none; }
.agent-feature__img-wrapper {
  width: 75%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .agent-feature__img-wrapper {
      width: 100%; } }
.agent-feature figcaption {
  line-height: 1.2;
  height: 3em;
  display: inline-block; }

.column-box {
  background-color: #fff;
  border: solid 1px #eee;
  min-height: 310px;
  padding: 0;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0.5em; }
  .column-box__title {
    font-size: 1rem;
    font-weight: 700;
    height: 3em;
    line-height: 1.7;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 0 1rem; }
    .column-box__title .label {
      margin-right: 0.8rem; }
    @media (max-width: 767px) {
      .column-box__title {
        margin-top: 0.5em;
        height: 3.5em;
        overflow: hidden; } }
  .column-box__text {
    font-size: 0.8em;
    padding: 0 1rem;
    color: #a9a9a9;
    height: 4em;
    overflow: hidden; }
  .column-box__img-wrapper {
    position: relative;
    display: block;
    height: 202px;
    overflow: hidden; }
    .column-box__img-wrapper .label {
      position: absolute;
      left: 0;
      top: 0; }
    .column-box__img-wrapper img {
      width: 100%;
      max-width: 100%; }
  .column-box:hover .overlay {
    background-color: #6A1685;
    opacity: 0.7; }
    .column-box:hover .overlay > span {
      transform: translateX(0);
      color: white; }
  .column-box .overlay {
    transition: all .3s;
    width: 100%;
    height: 100%;
    background-color: none;
    content: "";
    display: block;
    position: absolute;
    font-weight: 700;
    text-align: center;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 10; }
    .column-box .overlay:hover {
      cursor: pointer; }
    .column-box .overlay > span {
      transition: all .3s;
      transform: translateX(-240px);
      font-size: 1.8rem;
      color: transparent;
      top: 43%;
      left: 23%;
      position: absolute;
      color: white;
      text-decoration: underline;
      z-index: 100;
      opacity: 1; }
  @media (max-width: 767px) {
    .column-box {
      min-height: 0;
      margin-bottom: 0.5em; }
      .column-box .overlay {
        display: none; }
      .column-box .label {
        line-height: 1.5em; }
      .column-box__img-wrapper {
        height: auto; } }

.column_view .column-box {
  box-shadow: 1px 1px 1px #eee;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .column_view .column-box {
      margin-bottom: 0.5em; } }

.about-list {
  margin-top: 20px;
  margin-bottom: 80px; }
  .about-list h4 {
    margin-bottom: 0.5em;
    font-weight: bold; }
  .about-list__img-wrapper {
    text-align: right;
    margin-bottom: 1em; }
    .about-list__img-wrapper > img {
      width: 76px; }
  .about-list li {
    list-style: none;
    margin-bottom: 40px; }
  .about-list a {
    display: inline-block;
    width: 100%;
    text-align: right; }
  @media (max-width: 767px) {
    .about-list h4 {
      font-size: 1.2rem; }
    .about-list__img-wrapper, .about-list__content {
      text-align: center; } }

.company-list {
  padding: 0; }

.company-list-item {
  box-sizing: border-box;
  width: 740px;
  margin: 0 auto;
  list-style: none;
  padding-bottom: 80px; }
  @media (max-width: 767px) {
    .company-list-item {
      width: 100%; } }
  .company-list-item img {
    max-width: 100%;
    height: auto; }
  .company-list-item h4 {
    border-bottom: solid 1px #30292F;
    padding-bottom: 0.5em; }
    .company-list-item h4 b {
      font-size: 1.2em; }
  .company-list-item p {
    padding: 1em;
    word-break: break-word; }
  .company-list-item ul {
    display: table;
    padding: 0; }
    .company-list-item ul li {
      display: table-row;
      list-style: none; }
    .company-list-item ul li b {
      display: inline-block;
      background-color: #81717A;
      color: #fff;
      font-weight: 500;
      padding: 0.2em 1em;
      text-align: center;
      line-height: 2em;
      letter-spacing: 1px;
      text-align: center;
      font-size: 0.6rem;
      width: 92px;
      display: table-cell;
      line-height: 2em;
      border: solid 2px white;
      vertical-align: middle; }
    .company-list-item ul li span {
      display: table-cell;
      padding-left: 4px;
      line-height: 2em;
      width: 400px; }
  .company-list-item > div {
    padding: 0 1em;
    margin-bottom: 1em; }
  .company-list-item .btn-wrapper {
    text-align: right; }
    .company-list-item .btn-wrapper .btn {
      vertical-align: middle;
      position: relative;
      width: 190px; }
      .company-list-item .btn-wrapper .btn b {
        display: block;
        font-size: 1.2rem; }
      .company-list-item .btn-wrapper .btn span {
        font-size: 0.9rem; }
      .company-list-item .btn-wrapper .btn b {
        font-size: 1rem; }
      .company-list-item .btn-wrapper .btn span {
        font-size: 0.8rem; }
  @media (max-width: 767px) {
    .company-list-item {
      padding-bottom: 40px;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; }
      .company-list-item h4 {
        font-size: 1rem; }
      .company-list-item dl {
        overflow: hidden;
        padding-left: 0;
        margin-bottom: 0; }
      .company-list-item dd, .company-list-item dt {
        margin-bottom: 4px; }
      .company-list-item dt {
        float: left; }
      .company-list-item dd {
        display: block;
        margin-left: 80px;
        width: auto; }
      .company-list-item img {
        padding-top: 1em;
        margin-bottom: 1em; }
      .company-list-item .btn-wrapper {
        text-align: center;
        padding: 0; }
        .company-list-item .btn-wrapper .btn {
          margin-bottom: 4px;
          padding: 6px 12px 8px;
          width: 100%; }
      .company-list-item .row {
        margin-left: -10px; } }

aside .company-list-item li b {
  border-color: #f8f3f8; }

.company-results {
  font-size: 0.6rem;
  text-align: right;
  color: #a9a9a9;
  letter-spacing: .0333em;
  margin-top: -40px; }
  .company-results b {
    color: #4D48B5; }
  .company-results span {
    color: #30292F; }
    .company-results span.text-pink {
      color: #D81159; }
  @media (max-width: 767px) {
    .company-results {
      margin-top: 0; } }

.company-intro {
  margin-bottom: 60px;
  position: relative; }
  .company-intro .btn-wrapper {
    width: 100%;
    text-align: right; }
  .company-intro .company-intro__type {
    text-align: right;
    display: inline-block;
    width: 100%; }
  .company-intro p {
    margin-bottom: 40px; }
  .company-intro figure img {
    width: 100%; }
  @media (max-width: 767px) {
    .company-intro {
      margin-bottom: 0; }
      .company-intro .company-intro__type, .company-intro .tags {
        font-size: 0.8rem; }
      .company-intro .btn-wrapper {
        text-align: center; }
        .company-intro .btn-wrapper .btn {
          padding: 0.8em 0;
          width: 48%;
          height: 60px; }
          .company-intro .btn-wrapper .btn b {
            font-size: 1rem; }
          .company-intro .btn-wrapper .btn span {
            font-size: 0.8rem; } }

.interview-list {
  margin-top: 40px;
  padding: 0;
  position: relative; }
  .interview-list__item {
    list-style: none;
    margin-bottom: 40px; }
    .interview-list__item > a {
      display: block;
      width: 100%;
      height: 100%;
      transition: all .3s; }
    .interview-list__item a:hover h4 {
      color: #4D48B5;
      text-decoration: underline; }
    .interview-list__item h4 {
      font-weight: 700;
      margin-bottom: 1rem;
      line-height: 1.4;
      color: #30292F;
      transition: all .2s; }
  @media (max-width: 767px) {
    .interview-list {
      margin-top: 0;
      margin-bottom: 20px; }
      .interview-list__item h4 {
        font-size: 1rem;
        height: 54px; } }

.company_detail_view .company-intro {
  margin-bottom: 40px; }
.company_detail_view .company-intro p {
  margin-bottom: 20px; }
.company_detail_view .col-table {
  display: table; }
  .company_detail_view .col-table > * {
    display: table-cell;
    vertical-align: middle;
    float: none; }
@media (max-width: 767px) {
  .company_detail_view .col-table {
    display: block; }
    .company_detail_view .col-table > * {
      display: block;
      margin-bottom: 20px; } }

.company_interview_view .company-list-item {
  box-sizing: border-box;
  width: 740px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .company_interview_view .company-list-item {
      width: 100%; } }
  @media (max-width: 767px) {
    .company_interview_view .company-list-item {
      width: 100%; } }

.company_entry_view .tags {
  padding-bottom: 1rem;
  border-bottom: solid 1px #30292F;
  margin-bottom: 40px; }
.company_entry_view small {
  display: inline-block;
  margin-bottom: 40px; }
.company_entry_view strong {
  color: #D81159; }

.event_view h2 {
  line-height: 1.4;
  font-weight: bold; }
  @media (max-width: 767px) {
    .event_view h2 {
      font-size: 1.3rem; } }

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

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

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

.no-gutter {
  padding: 0; }

.no-margin {
  margin: 0; }

.no-padding {
  padding: 0; }

@media (max-width: 767px) {
  .no-padding-sp {
    padding: 0; } }

.mbxs {
  margin-bottom: 8px; }
  @media (max-width: 767px) {
    .mbxs {
      margin-bottom: 4px; } }

.mbsm {
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .mbsm {
      margin-bottom: 10px; } }

.mbmd {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .mbmd {
      margin-bottom: 20px; } }

.mblg {
  margin-bottom: 80px; }
  @media (max-width: 767px) {
    .mblg {
      margin-bottom: 40px; } }

.mtxs {
  margin-top: 8px; }
  @media (max-width: 767px) {
    .mtxs {
      margin-top: 4px; } }

.mtsm {
  margin-top: 20px; }
  @media (max-width: 767px) {
    .mtsm {
      margin-top: 10px; } }

.mtmd {
  margin-top: 40px; }
  @media (max-width: 767px) {
    .mtmd {
      margin-top: 20px; } }

.mtlg {
  margin-top: 80px; }
  @media (max-width: 767px) {
    .mtlg {
      margin-top: 40px; } }

.pbsm {
  padding-bottom: 20px; }

.pbmd {
  padding-bottom: 40px; }

.pblg {
  padding-bottom: 80px; }

.ptsm {
  padding-top: 20px; }

.ptmd {
  padding-top: 40px; }

.ptlg {
  padding-top: 80px; }

.mt0 {
  margin-top: 0; }

.mb0 {
  margin-bottom: 0; }

.pt0 {
  padding-top: 0; }

.pb0 {
  padding-bottom: 0; }

.pr0 {
  padding-right: 0; }

.pl0 {
  padding-left: 0; }

.plsm {
  padding-left: 20px; }

.plmd {
  padding-left: 40px; }

.my0 {
  margin: 0 auto; }

.border {
  border-top: solid 1px #30292F;
  display: inline-block;
  width: 100%; }

.blur {
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px); }

@media (max-width: 767px) {
  .pc-only {
    display: none !important; } }

@media (min-width: 767px) {
  .pc-hide {
    display: none !important; } }

.is-hidden {
  display: none !important; }

.is-block {
  display: block !important; }

.is-sp100 {
  width: 100%; }
  @media (max-width: 767px) {
    .is-sp100 {
      width: 100%; } }

.is-inline-block {
  display: inline-block; }

.cursor-pointer {
  cursor: pointer; }

.login_view .login-area {
  margin: 40px auto; }
  .login_view .login-area .btn {
    width: 75%; }
  .login_view .login-area h3 {
    color: #81717A;
    font-size: 1.3rem; }
  .login_view .login-area__login {
    text-align: center;
    border: solid 1px #f8f3f8;
    padding: 40px; }
    @media (max-width: 767px) {
      .login_view .login-area__login {
        border: 0; } }
  .login_view .login-area__form li {
    list-style: none;
    margin-bottom: 1em; }
  .login_view .login-area__form .form-item {
    height: 36px;
    outline: none;
    line-height: 36px;
    font-size: .85rem;
    width: 100%;
    background-color: #EEF1F3;
    margin: 0;
    border: 0;
    padding-left: 10px;
    box-sizing: border-box; }
  .login_view .login-area__signup {
    padding: 40px;
    text-align: center;
    background-color: #f8f3f8; }
  .login_view .login-area .col-sm-6 {
    width: calc(50% - 24px);
    margin: 0 8px; }
    @media (max-width: 767px) {
      .login_view .login-area .col-sm-6 {
        width: 100%;
        margin: 0; }
        .login_view .login-area .col-sm-6 .btn {
          width: 100%; } }

.forget_view section {
  background-repeat: no-repeat;
  height: 200px;
  margin: auto;
  padding: 0 100px;
  text-align: center;
  width: 800px; }
  .forget_view section * {
    text-align: center; }
  .forget_view section button {
    width: 60%; }
    .forget_view section button b {
      font-size: 1rem; }
  .forget_view section button:nth-child(1) {
    margin: 20px; }
  .forget_view section > div {
    height: 320px;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    background-color: white;
    padding: 16px;
    box-sizing: border-box;
    margin: 60px 30px 30px 30px; }
  .forget_view section h3 {
    color: #737577;
    font-size: 1.3rem;
    padding: 20px; }
  .forget_view section input {
    outline: none;
    width: 60%;
    background-color: #EEF1F3;
    margin: 0;
    border: 0;
    padding-left: 10px;
    box-sizing: border-box; }
  .forget_view section label {
    color: #737577;
    font-size: 0.9rem;
    font-weight: normal;
    margin-bottom: 10px;
    width: 60%; }
  .forget_view section li {
    display: block;
    line-height: 48px; }
  .forget_view section + .error {
    color: #EE5852;
    font-size: .8em; }
  .forget_view section li.error + li > .btn {
    margin-top: 0px; }
  .forget_view section .btn {
    margin-top: 10px; }
@media (max-width: 767px) {
  .forget_view section {
    display: block;
    height: auto;
    padding: 0;
    width: auto; }
    .forget_view section button {
      width: 180px; }
    .forget_view section > div {
      height: 280px;
      margin-top: 40px; }
    .forget_view section input {
      width: 180px;
      padding: 0; }
    .forget_view section li > label {
      width: 100%;
      font-size: 0.6rem;
      white-space: nowrap; } }

.event_view h4.explain {
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px;
  font-size: 1.2rem; }

.reguration_view h4 {
  font-size: 1em;
  margin-top: 15px;
  margin-bottom: 5px; }
.reguration_view table {
  width: 100%; }
  .reguration_view table td, .reguration_view table th {
    padding: 2px 5px; }
  .reguration_view table th {
    text-align: center; }

article.view.popup.signup_view {
  text-align: left !important; }

@media (max-width: 767px) {
  .signup_view .detail-view {
    padding-right: 0;
    padding-left: 0; } }

.point-list {
  padding: 0;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 40px;
  font-size: 1.2rem;
  text-align: left;
  max-width: 94%;
  text-indent: -54px;
  padding-left: 54px; }
  .point-list li {
    list-style: none;
    margin-bottom: 1em; }
    .point-list li:before {
      content: "";
      background-size: cover;
      display: inline-block;
      vertical-align: middle;
      width: 40px;
      height: 40px;
      margin-right: 1em; }
  .point-list li:first-child:before {
    background-image: url(../images/user/jobfair_point_01.png); }
  .point-list li:nth-child(2):before {
    background-image: url(../images/user/jobfair_point_02.png); }
  .point-list li:nth-child(3):before {
    background-image: url(../images/user/jobfair_point_03.png); }
  @media (max-width: 767px) {
    .point-list {
      font-size: 1rem; } }

.booking-step h4 {
  font-weight: 700;
  text-align: center;
  margin-bottom: 1em; }
@media (max-width: 767px) {
  .booking-step h4 {
    margin-bottom: 0.5em; }
  .booking-step div {
    margin-bottom: 1em; } }

.event-img {
  width: 30%;
  height: auto;
  margin-right: 1em;
  margin-bottom: 1em; }

.timetable .title {
  display: inline-block; }

/*# sourceMappingURL=user.css.map */