@charset "UTF-8";

.mt-10 {
    margin-top: 10px;
}

.scout_list_btns .btn.is-choice {
    padding-left: 20px;
    width: calc(94% - 21px) !important;
    border-color: #72c415 !important;
    color: #72c415 !important;
}
.scout_list_btns .btn.is-choice::before {
    position: absolute;
    top: 50%;
    left: 4%;
    margin-top: -10px;
    content: "＋";
    padding: 0;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border: 1px #72c415 solid;
    color: #72c415;
    font-size: 14px;
    border-radius: 100%;
}
@media screen and (min-width: 768px) {
  .scout_list_btns .btn.is-choice:hover::before {
      border-color: #fff;
      color: #fff;
  }
}
@media screen and (max-width: 767px)  {
  .scout_list_btns .btn.is-choice:hover {
      border-color:#72c415 ;
      color: #72c415 ;
      background: #fff;
  }
  .scout_list_btns .btn.is-choice:hover::before {
      border-color:#72c415 ;
      color: #72c415 ;
  }
}
@media screen and (max-width: 767px) {
    .scout_list_btns .btn.is-choice {
        padding-top: 4px;
        padding-bottom: 4px;
        width: 82%;
    }
}
.scout_list_btns .btn.is-already {
    background-color: #eaeaea !important;
    color: #666 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #eaeaea !important;
    pointer-events: none !important;
    padding-left: 0;
    padding-right: 0;
    width: 96%;
}
.scout_list_btns .btn.is-already::before {
    display: none;
}

.scout_list_btns .btn.is-already.orange {
    -webkit-box-shadow: 0px 6px 0px 0px #eaeaea !important;
    box-shadow: 0px 6px 0px 0px #eaeaea !important;
}

.spr-fix_btn-list .is-choice {
    padding-left: 20px;
    width: 100%;
    position: relative;
    border-color: #72c415;
    color: #72c415;
}

.spr-fix_btn-list .is-choice::before {
    position: absolute;
    top: 50%;
    left: 4%;
    margin-top: -10px;
    content: "＋";
    padding: 0;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border: 1px #72c415 solid;
    color: #72c415;
    font-size: 14px;
    border-radius: 100%;
}

.spr-fix_btn-list .is-choice:hover::before {
    border-color: #fff;
    color: #fff;
}

.spr-fix_btn-list .is-already {
    background-color: #eaeaea !important;
    color: #666 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #eaeaea !important;
    pointer-events: none !important;
    padding-left: 0;
    padding-right: 0;
}

.spr-fix_btn-list .is-already::before {
    display: none;
}

.breadcrumb li a {
    color: #2aabe4;
}

.breadcrumb li.cr a {
    color: inlerit;
}

.inputs+.inputs {
    padding-top: 0 !important;
}

input[type="checkbox"]:disabled+.checkbox_item {
    cursor: auto;
}

div.form_gakuchika_pr_add {
    border-top: 2px #d4d4d4 solid;
    border-bottom: 2px #d4d4d4 solid;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    div.form_gakuchika_pr_add {
        border-width: 1px;
        margin-right: -20px;
        margin-left: -20px;
    }
}

.sep-sec_box {
    border-top: 1px #d4d4d4 solid;
}

.sep-sec_box__title {
    padding: 10px;
    font-weight: bold;
    position: relative;
}

.sep-sec_box__title .spr-pager.is-calendar a {
    font-size: 0;
    margin-right: 0;
    margin-left: 0;
}

.sep-sec_box__title .spr-pager.is-calendar a.is_prev,
.sep-sec_box__title .spr-pager.is-calendar a.is_next {
    width: 30px;
}

.sep-sec_box__title .spr-pager.is-calendar a.is_prev {
    left: 5px;
}

.sep-sec_box__title .spr-pager.is-calendar a.is_prev::before {
    left: 50%;
    font-size: 16px;
    margin-left: -8px;
    margin-top: -7px;
}

.sep-sec_box__title .spr-pager.is-calendar a.is_next {
    right: 5px;
}

.sep-sec_box__title .spr-pager.is-calendar a.is_next::before {
    right: 50%;
    font-size: 16px;
    margin-right: -8px;
    margin-top: -7px;
}

.sep-sec_box li {
    border-top: 1px #eaeaea solid;
    padding: 15px;
}

.sep-sec_box li:first-child {
    border: none;
}

.sep-footer__skip .form_gakuchika_skip {
    position: static;
    padding-right: 40px;
}

.sep-inner .lnk-delete {
    position: absolute;
    right: 0;
    top: 10px;
}

.sep-relative {
    position: relative;
}

.sep-footer__wrapper {
    position: relative;
}

.sep-footer__wrapper .inner {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@media screen and (max-width: 767px) {
    .sep-footer__wrapper .inner {
        width: 100%;
    }

    .sep-footer__wrapper .inner .utility {
        padding-top: 10px;
    }

    .sep-footer__nav,
    .sep-footer__link,
    .sep-footer__recruiter {
        display: none;
    }
}

.sep-footer__nav {
    background-color: #f4f4f4;
}

.sep-footer__nav ul {
    font-size: 14px;
    width: 1100px;
    margin: 0 auto;
    line-height: 1;
    padding: 15px 0;
}

.sep-footer__nav ul li {
    display: inline-block;
}

.sep-footer__nav ul li+li::before {
    content: "|";
    margin: 0 15px 0 10px;
    color: #ccc;
}

.sep-footer__nav ul li a {
    color: #404040;
}

.sep-footer__link {
    margin: 10px 0;
}

.sep-footer__link__block {
    font-size: 12px;
    float: left;
}

.sep-footer__link__block.is-area {
    width: 550px;
}

.sep-footer__link__block.is-job {
    width: 270px;
}

.sep-footer__link__block.is-type {
    width: 270px;
}

.sep-footer__link__title {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
}

.sep-footer__link dt {
    width: 90px;
    float: left;
}

.sep-footer__link dd {
    margin-left: 100px;
}

.sep-footer__link dd ul li {
    display: inline-block;
}

.sep-footer__link dd ul li+li::before {
    content: "|";
    margin: 0 3px 0 0px;
}

.sep-footer__recruiter {
    background-color: #f4f4f4;
    font-size: 12px;
    margin: 15px auto;
    padding: 10px 25px;
    line-height: 1.6;
}

.sep-footer__recruiter__inner:first-child div {
    border: none !important;
}

.sep-footer__recruiter__title {
    font-weight: bold;
    float: left;
    width: 185px;
    padding: 10px 0;
}

.sep-footer__recruiter__text {
    margin-left: 195px;
    border-top: 1px #d4d4d4 solid;
    padding: 10px 0;
}

.sep-footer__recruiter__text ul li {
    display: inline-block;
}

.sep-footer__recruiter__text ul li+li::before {
    content: "|";
    margin: 0 15px 0 12px;
}

.sep-footer__btnarea {
    margin: 25px auto;
    text-align: center;
}

.sep-footer__btnarea .regist_config_list_link {
    margin: 0 auto;
    width: 270px;
    padding: 10px 0;
    display: inline-block;
}

.sep-footer__btnarea .regist_config_list_link .regist_config_list_icon {
    margin: 0 15px 0 -10px;
}

/*@media screen and (max-width: 767px) {
    .sep-footer__btnarea {
        display: none;
    }
}*/

.sep-footer--caption {
    font-size: 12px;
    margin-top: 10px;
}

.lnk-delete.is-webinfo--gakuchika {
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 767px) {
    .lnk-delete.is-webinfo--gakuchika {
        right: 18px;
        top: 52px;
    }
}

.spr-colum_right {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

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

.spr-btn_line {
    border-radius: 5px;
}

.spr-btn_line--span {
    position: relative;
    display: inline-block;
}

.spr-btn_line--span::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 43px;
    margin: auto 0;
    display: block;
    width: 1px;
    background-color: #00b300;
    pointer-events: none;
    z-index: 100;
}

.spr-btn_line--span:hover::before {
    background-color: #00c900;
}

.spr-btn_line--span:active .spr-btn_line {
    background-color: #00b300;
}

.spr-btn_line--span:active::before {
    background-color: #009800;
}

@media screen and (max-width: 767px) {
    .form_gakuchika_skip {
        padding-right: 0px !important;
    }

    .form_gakuchika_skip.is-sep {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}

.breadcrumb+.main_col>.sep__detail,
.breadcrumb+.main_col>section>.sep__detail,
.breadcrumb+section>.sep__detail+.main_col>section>.sep__detail,
.breadcrumb+section>.sep__detail+.main_col>article>.sep__detail,
.breadcrumb+section>.sep__detail,
.breadcrumb+article>.sep__detail {
    margin-top: 0;
}

@media screen and (max-width: 767px) {

    .breadcrumb+.main_col>.sep__detail,
    .breadcrumb+.main_col>section>.sep__detail,
    .breadcrumb+section>.sep__detail+.main_col>section>.sep__detail,
    .breadcrumb+section>.sep__detail+.main_col>article>.sep__detail,
    .breadcrumb+section>.sep__detail,
    .breadcrumb+article>.sep__detail {
        margin: 20px auto;
    }
}

.main_col:first-child+.side_col {
    margin-top: 30px;
}

.main_col>article:last-child>.sep__detail {
    margin-bottom: 0;
}

.pager+.sep__supplement {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .sep__detail.is-title+.sep__detail.is-tab {
        margin-top: -15px;
    }
}

@media screen and (max-width: 767px) {
    .main_col .is-main-col {
        margin: 20px 0;
    }

    .main_col .is-main-col.list li {
        font-size: 12px;
    }

    .main_col .is-main-col.list li a {
        padding-left: 15px;
    }

    .main_col .sideitem {
        margin: 30px 0;
    }
}

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

.side_col.is-wide {
    width: 285px;
}

.side_col .list.ranking li .rank {
    top: 50%;
    margin-top: -17px;
}

.side_col .list.ranking li .sep-tab {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
}

.side_col .list.ranking li .sep-tab p {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.sep-action {
    padding: 15px 20px;
}

.sep-action .btn {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .sep-action .btn {
        line-height: 16px;
        font-size: 14px;
    }
}

.sep-wrapper {
    font-size: 14px;
    margin: 5px auto;
    padding: 30px 0;
    text-align: left;
    border-top: 2px #d4d4d4 solid;
}

@media screen and (max-width: 767px) {
    .sep-wrapper {
        padding: 1px 20px;
        border-top: none;
        margin-bottom: 10px;
    }
}

.sep-inner {
    margin: 20px auto 5px auto;
    padding: 0 40px;
}

.sep-inner__ttl {
    position: relative;
}

.sep-inner__body {
    text-align: left;
    margin: 25px auto 5px auto;
}

@media screen and (max-width: 767px) {
    .sep-inner {
        padding: 0px;
        margin-bottom: 20px;
    }
}

.sep-webinfo--ph-appeal {
    text-align: left;
}

.sep-webinfo--ph-appeal--person {
    width: 245px;
    padding-right: 43px;
    display: table-cell;
    border-right: 1px #d4d4d4 dotted;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .sep-webinfo--ph-appeal--person {
        width: 100%;
        float: none;
        padding-right: 0;
        border-right: none;
        display: block;
    }
}

.sep-webinfo--ph-appeal--charm {
    display: table-cell;
    width: 535px;
    padding-left: 43px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .sep-webinfo--ph-appeal--charm {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        display: block;
    }
}

.sep-ph-appeal__img {
    margin: 0 auto;
    text-align: left;
}

.sep-ph-appeal__img * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep-ph-appeal__img .sep-img {
    width: 100%;
    text-align: center;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    table-layout: fixed;
}

.sep-ph-appeal__img .sep-img span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    text-align: center;
}

.sep-ph-appeal__img .sep-img span img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.sep-ph-appeal__img.is-person {
    width: 200px;
}

.sep-ph-appeal__img.is-person .sep-img {
    height: 220px;
    background-image: url(../img/regist/regist_photo-human.png);
}

.sep-ph-appeal__img.is-person .sep-img span {
    width: 200px;
    height: 220px;
}

.sep-ph-appeal__img.is-person .sep-form__pr-upload {
    display: block;
    line-height: 50px !important;
    margin: 15px auto;
}

.sep-ph-appeal__img.is-person .sep-form__pr-upload:hover span {
    background-image: url(../img/regist/icon_camera-wh.png);
}

.sep-ph-appeal__img.is-charm {
    width: 180px;
    float: left;
    position: relative;
}

.sep-ph-appeal__img.is-charm .sep-img {
    height: 135px;
    background-image: url(../img/regist/regist_photo-charm.png);
}

.sep-ph-appeal__img.is-charm .sep-img.is-noimg {
    padding: 35px 20px 0 20px;
}

.sep-ph-appeal__img.is-charm .sep-img.is-noimg+.sep-form__pr-upload {
    margin: -22px 20px 0 20px;
    position: absolute;
    top: 50%;
    width: 140px !important;
}

.sep-ph-appeal__img.is-charm .sep-img span {
    width: 180px;
    height: 135px;
}

.sep-ph-appeal__img.is-charm .sep-form__pr-upload {
    line-height: 40px !important;
    margin: 10px auto;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .sep-ph-appeal__img.is-charm {
        float: none;
        margin-bottom: 15px;
    }
}

.sep-ph-appeal__img img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .sep-ph-appeal__img {
        text-align: center;
    }
}

.sep-ph-appeal__txt.is-charm {
    margin-left: 200px;
}

.sep-ph-appeal__txt.is-charm textarea {
    width: 100%;
    margin: 5px 0;
    overflow: hidden;
    background-color: #fff;
    display: block;
    border: 1px solid #d4d4d4;
    resize: none;
    line-height: 1.4;
    padding: 10px;
    height: auto;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .sep-ph-appeal__txt.is-charm {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .sep-link--del {
        display: inline-block;
        line-height: 30px;
    }
}

.img-file-size-error {
    color: red;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .img-file-size-error {
        color: red;
        font-weight: bold;
        width: 200px;
        margin: auto;
        text-align: left;
    }
}

.w_appeal_is-charm {
    width: 180px;
}

@media screen and (max-width: 767px) {
    .w_appeal_is-charm {
        width: 180px;
        margin-bottom: 10px;
    }
}

.sep-link--blue {
    color: #2aabe4 !important;
}

.sep-link--navy {
    color: #1a5790 !important;
}

.sep-link--all {
    display: block;
    color: inherit;
    width: 100%;
}

.sep-link--all:hover {
    text-decoration: none;
    color: inherit;
    background-color: #f1f9fc;
}

.sep-link--all:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .sep-link--all:active {
        background-color: #f1f9fc;
    }
}

.sep-link--arr::after {
    font-family: 'gakujoIcon';
    content: '\E902';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    font-size: inherit;
    color: #e5011a;
    font-weight: normal;
    pointer-events: none;
    margin-left: 3px;
    text-decoration: none !important;
    display: inline-block;
}

.sep-link--arr2 {
    position: relative;
    padding-right: 15px;
}

.sep-link--arr2::after {
    font-family: 'gakujoIcon';
    content: '\E902';
    font-weight: normal;
    line-height: 1;
    font-size: inherit;
    color: #e5011a;
    font-weight: normal;
    pointer-events: none;
    margin-left: 3px;
    text-decoration: none !important;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
}

.sep-link--arr-l::before {
    font-family: 'gakujoIcon';
    content: '\E903';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    font-size: inherit;
    color: #e5011a;
    font-weight: normal;
    pointer-events: none;
    margin-right: 3px;
    text-decoration: none !important;
    display: inline-block;
}

.sep-link--arr-b::after {
    font-family: 'gakujoIcon';
    content: '\E901';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    font-size: inherit;
    color: #e5011a;
    font-weight: normal;
    pointer-events: none;
    margin-left: 5px;
    text-decoration: none !important;
    display: inline-block;
}

.sep-link--arr-t::after {
    font-family: 'gakujoIcon';
    content: '\E900';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    font-size: inherit;
    color: #e5011a;
    font-weight: normal;
    pointer-events: none;
    margin-left: 5px;
    text-decoration: none !important;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .sep-text--sp-left {
        text-align: left;
    }
}

.sep-info {
    text-align: right;
    font-size: 12px;
    margin-top: 15px;
}

.sep-info__list {
    position: relative;
    padding-right: 20px;
    padding-top: 5px;
    line-height: 30px;
    display: block;
}

.sep-info__list a {
    color: #404040;
}

.sep-info__list a::after {
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    color: #fff;
    width: 14px;
    height: 14px;
    background: transparent url(../img/company/icon_info.png) center top no-repeat;
    background-size: cover;
}

.sep-bd--gr {
    height: 1px;
    background-color: #eaeaea;
}

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

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

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

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

.is-p--0 {
    padding: 0 !important;
}

.is-pt--0 {
    padding-top: 0 !important;
}

.is-pb--0 {
    padding-bottom: 0 !important;
}

.is-mb--0 {
    margin-bottom: 0 !important;
}

.is-mt--0 {
    margin-top: 0 !important;
}
.is-mt--20 {
    margin-top: -20px !important;
}
.is-lt--2 {
    border-top: 2px #d4d4d4 solid;
}

.is-lt--1 {
    border-top: 1px #eaeaea solid;
}

.is-lb--2 {
    border-bottom: 2px #d4d4d4 solid;
}

.is-lb--1 {
    border-bottom: 1px #eaeaea solid;
}

.is-mt--10 {
    margin-top: -10px !important;
}

.is-fc--sub {
    color: #f79145;
}

.is-fz--s {
    font-size: 14px !important;
}

@media screen and (max-width: 767px) {
    .is-fz-sp--s {
        font-size: 14px !important;
    }
}

.is-fz--m {
    font-size: 16px !important;
}

.is-fz--l {
    font-size: 18px !important;
}

.is-bd--non {
    border: 0 !important;
}

.is-bd-top--non {
    border-top: none !important;
}

.is-bd--wh {
    border-color: #fff !important;
}

.is-middle {
    vertical-align: middle;
}

.is-bg--blue {
    background-color: #d7f5ff;
}

.sep-annotaiton {
    font-size: 12px;
    display: block;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    #header.open_menu {
        overflow-x: hidden;
    }

    #header.open_menu #sp_global_menu {
        min-height: 538px;
        max-height: 750px;
        height: auto;
    }

    #header #sp_global_menu .sep-sp__nav * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #header #sp_global_menu .sep-sp__nav li {
        border-right: none;
    }

    #header #sp_global_menu .sep-sp__nav li a {
        padding: 0;
        font-size: 12px;
        width: 100%;
    }

    #header #sp_global_menu .sep-sp__nav li a:hover {
        text-decoration: none;
    }

    #header #sp_global_menu .sep-sp__nav--logged,
    #header #sp_global_menu .sep-sp__nav--main {
        padding: 0 10px;
        border-top: 1px #d4d4d4 solid;
    }

    #header #sp_global_menu .sep-sp__nav--search_title {
        margin-top: 5px;
        background-color: #FFFFFF;
        height: 35px;
    }

    #header #sp_global_menu .sep-sp__nav--search_title li {
        height: 20px;
        width: 80px;
        margin: 13px 0 0 14px;
    }

    #header #sp_global_menu .sep-sp__nav--search_title li a {
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        padding-top: 2px;
        padding-left: 4px;
        font-size: 16px;
        color: #404040 !important;
    }

    #header #sp_global_menu .sep-sp__nav--search_title li.sep-icon--search a{
        background-image: url(../img/common/icon_spmenu-search.png);
    }

    #header #sp_global_menu .sep-sp__nav--search {
        padding: 0 10px;
        background-color: #FFFFFF;
    }
  
    #header #sp_global_menu .sep-sp__nav--logged li,
    #header #sp_global_menu .sep-sp__nav--main li,
    #header #sp_global_menu .sep-sp__nav--search li {
        display: block;
        width: 31.8%;
        height: 72px;
        margin: 10px 0 10px 2.3%;
    }

    #header #sp_global_menu .sep-sp__nav--logged li:nth-child(3n+1),
    #header #sp_global_menu .sep-sp__nav--main li:nth-child(3n+1),
    #header #sp_global_menu .sep-sp__nav--search li:nth-child(3n+1) {
        margin-left: 0;
    }

    #header #sp_global_menu .sep-sp__nav--logged li:nth-child(n+4),
    #header #sp_global_menu .sep-sp__nav--main li:nth-child(n+4),
    #header #sp_global_menu .sep-sp__nav--search li:nth-child(n+4) {
        margin-top: 0;
    }

    #header #sp_global_menu .sep-sp__nav--logged li a,
    #header #sp_global_menu .sep-sp__nav--main li a,
    #header #sp_global_menu .sep-sp__nav--search li a {
        height: 100%;
        border: 1px #2aabe4 solid;
        padding-top: 43px;
        border-radius: 3px;
        color: #404040;
        background-position: center 8px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 50px 32px;
    }

    #header #sp_global_menu .sep-sp__nav--logged li.sep-icon--webinfo,
    #header #sp_global_menu .sep-sp__nav--main li.sep-icon--webinfo {
        width: 65.9%;
    }

    #header #sp_global_menu .sep-sp__nav--logged li.sep-icon--webinfo a,
    #header #sp_global_menu .sep-sp__nav--main li.sep-icon--webinfo a {
        background-image: url(../img/common/icon_spmenu-webinfo.png);
        background-color: #2aabe4;
        color: #fff;
    }

    #header #sp_global_menu .sep-sp__nav--logged li.sep-icon--reserved a,
    #header #sp_global_menu .sep-sp__nav--main li.sep-icon--reserved a {
        background-image: url(../img/common/icon_spmenu-reserved.png);
    }

    #header #sp_global_menu .sep-sp__nav--logged li.sep-icon--company a,
    #header #sp_global_menu .sep-sp__nav--main li.sep-icon--company a,
    #header #sp_global_menu .sep-sp__nav--search li.sep-icon--company a {
        background-image: url(../img/common/icon_spmenu-company.png);
    }

    #header #sp_global_menu .sep-sp__nav--logged li.sep-icon--seminar a,
    #header #sp_global_menu .sep-sp__nav--main li.sep-icon--seminar a {
        background-image: url(../img/common/icon_spmenu-seminar.png);
    }

    #header #sp_global_menu .sep-sp__nav--logged li.sep-icon--events a,
    #header #sp_global_menu .sep-sp__nav--main li.sep-icon--events a,
    #header #sp_global_menu .sep-sp__nav--search li.sep-icon--events a {
        background-image: url(../img/common/icon_spmenu-events.png);
    }

    #header #sp_global_menu .sep-sp__nav--logged li.sep-icon--heart a,
    #header #sp_global_menu .sep-sp__nav--main li.sep-icon--heart a {
        background-image: url(../img/common/icon_spmenu-heart.png);
    }

    #header #sp_global_menu .sep-sp__nav--search li.sep-icon--recommend a {
        background: url(../img/common/icon_spmenu-recommend.png) 50% 10px no-repeat;
        background-size: 30px 28px;
        background-color: #FFFFFF;
    }

    #header #sp_global_menu .sep-sp__nav--search li.sep-icon--ranking a {
        background: url(../img/common/icon_spmenu-ranking.png) 50% 13px no-repeat;
        background-size: 26px 21px;
        background-color: #FFFFFF;
    }

    #header #sp_global_menu .sep-sp__nav--logged li.sep-icon--job a,
    #header #sp_global_menu .sep-sp__nav--main li.sep-icon--job a {
        background-image: url(../img/common/icon_spmenu-job.png);
    }

    #header #sp_global_menu .sep-sp__nav--search li.sep-icon--job a {
        background: url(../img/common/icon_spmenu-mail.png) 50% 15px no-repeat;
        background-size: 25px 17.5px;
        background-color: #FFFFFF;
    }

    #header #sp_global_menu .sep-sp__nav--logged li.sep-icon--scout a,
    #header #sp_global_menu .sep-sp__nav--main li.sep-icon--scout a,
    #header #sp_global_menu .sep-sp__nav--search li.sep-icon--scout a {
        background-image: url(../img/common/icon_spmenu-scout.png);
    }

    #header #sp_global_menu .sep-sp__nav--logged {
        background-color: #fff;
    }

    #header #sp_global_menu .spr-menu_login {
        margin-top: 5px !important;
        transform: translate(0, 0) !important;
    }

    #header #sp_global_menu .spr-menu_knowhow-support {
        margin-top: 0;
        float: left;
        height: 282px;
        width: 100%;
        background-color: #FFFFFF;
        border-top: 1px solid #FFFFFF;
        transform: translate(0, 5px);
    }

    #header #sp_global_menu .spr-menu_link-list {
        margin-right: 0;
        margin-top: 305px;
        height: 20px;
        position: relative;
        padding-bottom: 40px;
    }

    #header #sp_global_menu .spr-btn_menu_regist_btn {
        height: 46px !important;
        width: 176px !important;
    }

    #header #sp_global_menu .spr-btn_menu_login_btn {
        height: 50px !important;
        width: 176px !important;
    }

    #header #sp_global_menu .sep-sp__nav--sub,
    #header #sp_global_menu .sep-sp__nav--info {
        padding: 10px;
    }

    #header #sp_global_menu .sep-sp__nav--sub li,
    #header #sp_global_menu .sep-sp__nav--info li {
        width: 100%;
        display: block;
        background-color: #fff;
        float: none;
    }

    #header #sp_global_menu .sep-sp__nav--sub li a,
    #header #sp_global_menu .sep-sp__nav--info li a {
        line-height: 45px;
        padding: 0 10px;
        color: #404040;
        text-align: left;
    }

    #header #sp_global_menu .sep-sp__nav--sub li a::after,
    #header #sp_global_menu .sep-sp__nav--info li a::after {
        font-family: 'gakujoIcon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 12px;
        color: #e5011a;
        font-weight: normal;
        pointer-events: none;
        content: "\E902";
    }

    #header #sp_global_menu .sep-sp__nav--sub {
        background-color: #d7f5ff;
    }

    #header #sp_global_menu .sep-sp__nav--sub li a {
        font-weight: bold;
    }

    #header #sp_global_menu .sep-sp__nav--sub li+li {
        border-top: 1px #eaeaea solid;
    }

    #header #sp_global_menu .sep-sp__nav--info li {
        border: 1px #eaeaea solid;
    }

    #header #sp_global_menu .sep-sp__nav--info li+li {
        border-top: none;
    }

    #header #sp_global_menu .sep-sp__nav--info li a {
        font-weight: normal;
    }

    #header #sp_global_menu .sep-sp__nav--info li.sep-nav--logout {
        margin-top: 10px;
        border: none;
    }

    #header #sp_global_menu .sep-sp__nav--info li.sep-nav--logout a {
        color: #666;
    }
}

@media screen and (max-width: 767px) {
    .sep-title {
        margin-bottom: 15px;
    }
}

.sep-heading.is-lv3--webinfo {
    padding-bottom: 15px;
}

.sep-heading.is-lv3--webinfo--gakuchia {
    padding-bottom: 15px;
}

.sep-heading.is-lv3--bsc {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px #eaeaea solid;
    border-top: 2px #2aabe4 solid;
    line-height: 60px;
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #404040;
    padding-left: 55px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv3--bsc {
        font-size: 17px;
        background-position: 15px 17px;
        line-height: 1.3;
        padding: 17px 15px 17px 45px;
    }
}

.sep-heading.is-lv3--bsc--flag {
    background-image: url(../img/events/icon_h-flag.png);
    background-size: 27px 25px;
}

.sep-heading.is-lv3--bsc--celebration {
    background-image: url(../img/celebration/icon_h-popper.png);
    background-size: 27px 28px;
}

.sep-heading.is-lv3--bsc--choice {
    background-image: url(../img/list/icon_h-choice.png);
    background-size: 29px 24px;
}

.sep-heading.is-lv3--bsc--present {
    background-image: url(../img/list/icon_h-present.png);
    background-size: 21px 28px;
}

.sep-heading.is-lv3--bsc--feature {
    background-image: url(../img/search/icon_h-feature.png);
    background-size: 23px 22px;
}

.sep-heading.is-lv3--bsc--matching {
    background-image: url(../img/search/icon_h-matching.png);
    background-size: 23px 23px;
}

.sep-heading.is-lv3--bsc--attention {
    background-image: url(../img/search/icon_h-attention.png);
    background-size: 25px 26px;
}

.sep-heading.is-lv3--bsc--company {
    background-image: url(../img/search/icon_search-industry.png);
    background-size: 18px auto;
}

.sep-heading.is-lv3--bsc--crown {
    background-image: url(../img/search/icon_search-crown.png);
    background-size: 26px auto;
}

.sep-heading.is-lv3--bsc--bell {
    background-image: url(../img/top/icon_h-bell.png);
    background-size: 22px 23px;
}

.sep-heading.is-lv3--bsc--calendar {
    text-align: center;
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv3--bsc--calendar {
        font-size: 17px;
    }
}

.sep-heading.is-lv3--bsc--noicon {
    background: none;
    padding-left: 0;
}

.sep-heading.is-lv3--bsc--noicon span {
    padding: 0 20px;
}

.sep-heading.is-lv3--bsc--noicon.is-fz--mdl {
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv3--bsc--noicon.is-fz--mdl {
        font-size: 17px;
    }
}

.sep-heading.is-lv3--bsc--noicon a {
    padding: 0 50px 0 20px;
    display: block;
    color: #404040 !important;
    position: relative;
}

.sep-heading.is-lv3--bsc--noicon a.is-open::after,
.sep-heading.is-lv3--bsc--noicon a.is-close::after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -14px;
    width: 28px;
    height: auto;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #2aabe4;
    border-radius: 3px;
}

.sep-heading.is-lv3--bsc--noicon a.is-open::after {
    content: "－";
}

.sep-heading.is-lv3--bsc--noicon a.is-close::after {
    content: "＋";
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv3--bsc--noicon span {
        padding: 0 10px;
    }

    .sep-heading.is-lv3--bsc--noicon a {
        padding: 0 40px 0 10px;
    }

    .sep-heading.is-lv3--bsc--noicon a.is-open::after,
    .sep-heading.is-lv3--bsc--noicon a.is-close::after {
        right: 10px;
    }
}

.sep-heading.is-lv3--cmp {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px #eaeaea solid;
    border-top: 2px #2aabe4 solid;
    line-height: 70px;
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #404040;
    padding-left: 55px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv3--cmp {
        font-size: 17px;
        line-height: 1.6;
        padding: 20px 0;
        padding-left: 45px;
        background-position: 15px center;
    }
}

.sep-heading.is-lv3--cmp.is-orange {
    border-top-color: #f36523;
    color: #f36523;
}

.sep-heading.is-lv3--cmp--seminar {
    background-image: url(../img/company/icon_h-seminar.png);
    background-size: 19px auto;
}

.sep-heading.is-lv3--cmp--real {
    background-image: url(../img/company/icon_h-real.png);
    background-size: 24px 20px;
}

.sep-heading.is-lv3--cmp--profile {
    background-image: url(../img/company/icon_h-profile.png);
    background-size: 20px 24px;
}

.sep-heading.is-lv3--cmp--photo {
    background-image: url(../img/company/icon_h-photo.png);
    background-size: 24px auto;
}

.sep-heading.is-lv3--cmp--outline {
    background-image: url(../img/company/icon_h-outline.png);
    background-size: 19px 22px;
}

.sep-heading.is-lv3--cmp--movie {
    background-image: url(../img/company/icon_h-movie.png);
    background-size: 24px 20px;
}

.sep-heading.is-lv3--cmp--entry {
    background-image: url(../img/company/icon_h-entry.png);
    background-size: 24px 22px;
}

.sep-heading.is-lv3--cmp--charm {
    background-image: url(../img/company/icon_h-charm.png);
    background-size: 26px 30px;
}

.sep-heading.is-lv3--cmp--recruit {
    background-image: url(../img/company/icon_h-recruit.png);
    background-size: 18px 24px;
}

.sep-heading.is-lv3--cmp--treatment {
    background-image: url(../img/company/icon_h-treatment.png);
    background-size: 22px 19px;
}

.sep-heading.is-lv3--cmp--other {
    background-image: url(../img/company/icon_h-other.png);
    background-size: 24px 24px;
}

.sep-heading.is-lv3--cmp--conditions {
    background-image: url(../img/company/icon_h-conditions.png);
    background-size: 24px 24px;
}

.sep-heading.is-lv3--cmp--link {
    background-image: url(../img/company/icon_h-link.png);
    background-size: 22px 22px;
}

.sep-heading.is-lv3--cmp--career {
    background-image: url(../img/company/icon_h-career.png);
    background-size: 22px 20px;
}

.sep-heading.is-lv3--cmp--talk {
    background: url(../img/company/icon_h-talk.png) 14px 44% no-repeat;
    background-size: 28px 28px;
    padding-left: 60px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv3--cmp--talk {
        padding-left: 55px;
    }
}

.sep-heading.is-lv3--recommend {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: #2aabe4;
    color: #fff;
    padding: 7px 10px;
    margin: 10px;
}
@media screen and (max-width: 767px) {
    .sep-heading.is-lv3--recommend {
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    .sep-heading.is-lv3--recommend {
        margin: 0;
        font-size: 15px;
    }
}

.sep-heading.is-lv4 {
    border-bottom: 1px #d4d4d4 solid !important;
    padding: 10px 0;
    font-size: 16px;
}

.sep-heading.is-lv4--webinfo--person {
    border-bottom: none;
    padding: 0 0 25px 0;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv4--webinfo--person {
        padding-top: 25px;
    }
}

.sep-heading.is-lv4--webinfo--charm {
    border-bottom: none;
    padding: 0 0 10px 0;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv4--webinfo--charm {
        padding-top: 25px;
    }
}

.sep-heading.is-lv4--howto--cnt {
    border-bottom: none;
    padding: 20px 10px 5px 10px;
    font-size: 20px;
    text-align: center;
    border-top: 2px #2aabe4 solid;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv4--howto--cnt {
        font-size: 15px;
    }
}

.sep-heading.is-lv4--bsc {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    background-color: #ebebeb;
    padding: 8px 20px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv4--bsc {
        font-size: 14px;
        padding: 10px;
    }
}

.sep-heading.is-lv4--cmp--flag {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    border-bottom: 1px #eaeaea solid;
    background: #2aabe4 url(../img/company/icon_point-flag.png) 10px center no-repeat;
    line-height: 28px;
    padding-left: 30px;
    position: relative;
    width: 160px;
    top: -5px;
    left: -4px;
    background-size: 17px 16px;
}

.sep-heading.is-lv4--cmp--flag::before,
.sep-heading.is-lv4--cmp--flag::after {
    position: absolute;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
}

.sep-heading.is-lv4--cmp--flag::before {
    left: 0;
    bottom: -4px;
    border-width: 0 4px 4px 0;
    border-color: transparent #208dbd transparent transparent;
}

.sep-heading.is-lv4--cmp--flag::after {
    border-color: #2aabe4 transparent #2aabe4 #2aabe4;
    top: 0;
    right: -6px;
    border-width: 14px 6px 14px 6px;
}

.sep-heading.is-lv4--cmp--recommended {
    background: #2aabe4 url(../img/search/icon_feature-recom.png) 17px center no-repeat;
    color: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 32px;
    padding-left: 45px;
    position: relative;
    width: 185px;
    top: -16px;
    left: -1px;
    background-size: 20px 19px;
}

.sep-heading.is-lv4--cmp--recommended::after {
    position: absolute;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: #2aabe4 transparent #2aabe4 #2aabe4;
    right: -9px;
    border-width: 16px 9px 16px 9px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv4--cmp--recommended {
        font-size: 15px;
        width: 150px;
        padding-left: 33px;
        background-position: 10px center;
        background-size: 17px auto;
    }
}

.sep-heading.is-lv4--cmp--career {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    color: #fff;
    background-color: #f36523;
    line-height: 40px;
    padding-left: 30px;
    padding-right: 25px;
    position: absolute;
    width: auto;
    top: -20px;
    left: 0;
}

.sep-heading.is-lv4--cmp--career::after {
    position: absolute;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: #f36523 transparent #f36523 #f36523;
    top: 0;
    right: -20px;
    border-width: 20px 10px 20px 10px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv4--cmp--career {
        font-size: 15px;
        line-height: 30px;
        padding-left: 15px;
        padding-right: 10px;
        top: -15px;
    }

    .sep-heading.is-lv4--cmp--career::after {
        right: -7.5px;
        border-width: 15px 7.5px 15px 7.5px;
    }
}

.sep-heading.is-lv4--cmp--charm {
    text-align: center;
    background-color: #fffef2;
    border-bottom: 2px #ff7900 solid;
    color: #f36523;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    display: table;
}

.sep-heading.is-lv4--cmp--charm span {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
    line-height: 1.2;
    position: relative;
}

.sep-heading.is-lv4--cmp--charm span::after {
    position: absolute;
    content: " ";
    display: block;
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    background: transparent url(../img/company/fukidashi_bottom.png) center bottom no-repeat;
    width: 18px;
    height: 9px;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv4--cmp--charm {
        font-size: 18px;
    }

    .sep-heading.is-lv4--cmp--charm span {
        height: 55px;
    }
}

.sep-heading.is-lv5--ico {
    margin: 5px 0;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 5px 25px;
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: auto 24px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv5--ico {
        font-size: 12px;
        background-size: auto 21px;
        margin: 3px 10px;
        padding-left: 20px;
    }
}

.sep-heading.is-lv5--rnk {
    font-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 15px 0 15px 40px;
    margin-bottom: 30px;
    border-bottom: 2px #d4d4d4 solid;
}

.sep-heading.is-lv5--rnk .is-strong {
    font-size: 28px;
}

.sep-heading.is-lv5--rnk--crown {
    background-image: url(../img/search/icon_search-crown.png);
    background-size: 28px 22px;
}

.sep-heading.is-lv5--rnk--industry {
    background-image: url(../img/search/icon_search-industry.png);
    background-size: 32px 28px;
}

.sep-heading.is-lv5--rnk--area {
    background-image: url(../img/search/icon_search-area.png);
    background-size: 32px 28px;
}

.sep-heading.is-lv5--rnk--school {
    background-image: url(../img/search/icon_search-school.png);
    background-size: 32px 28px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv5--rnk {
        padding: 5px 0 5px 35px;
        font-size: 16px;
        background-position: left 5px;
    }

    .sep-heading.is-lv5--rnk .is-strong {
        font-size: inherit;
    }

    .sep-heading.is-lv5--rnk--school {
        background-size: 26px 23px;
    }
}

.sep-heading.is-lv5--howto {
    background-color: #d7f5ff;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    position: relative;
    display: block;
    padding-left: 55px;
}

.sep-heading.is-lv5--howto::before {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -19px;
    width: 38px;
    height: 38px;
    display: block;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: " ";
}

.sep-heading.is-lv5--howto.is-icon--prp::before {
    background-image: url(../img/howto/icon_point-prp.png);
    background-size: 14px 20px;
}

.sep-heading.is-lv5--howto.is-icon--anl::before {
    background-image: url(../img/howto/icon_point-anl.png);
    background-size: 25px 26px;
}

.sep-heading.is-lv5--howto.is-icon--std::before {
    background-image: url(../img/howto/icon_point-std.png);
    background-size: 24px 20px;
}

.sep-heading.is-lv5--howto.is-icon--msr::before {
    background-image: url(../img/howto/icon_point-msr.png);
    background-size: 26px 20px;
}

@media screen and (max-width: 767px) {
    .sep-heading.is-lv5--howto {
        font-size: 15px;
        line-height: 40px;
        padding-left: 45px;
    }

    .sep-heading.is-lv5--howto::before {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    .sep-heading.is-lv5--howto.is-icon--prp::before {
        background-size: 12px 16px;
    }

    .sep-heading.is-lv5--howto.is-icon--anl::before {
        background-size: 19px 20px;
    }

    .sep-heading.is-lv5--howto.is-icon--std::before {
        background-size: 19px 15px;
    }

    .sep-heading.is-lv5--howto.is-icon--msr::before {
        background-size: 20px 15px;
    }
}

#header {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#header #header_upper .logo_area {
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    #header #header_upper .logo_area {
        padding-bottom: 0;
    }
}

#footer {
    padding-top: 0;
}

@media screen and (max-width: 767px) {
    .col_wrap {
        margin-bottom: 30px;
    }
}

.btn.icon.follow svg {
    left: 68px;
}

@media screen and (max-width: 767px) {
    .btn.icon.follow svg {
        left: 53%;
    }
}

.btn.icon.follow.is-outline svg {
    margin-top: -11px;
}

.spr-btn_arw-r.sep-btn_ico-b::before {
    content: '\E901' !important;
}

.sep__tab {
    height: auto;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.sep__tab * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__tab__menu {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 2px;
}

.sep__tab__menu:first-child {
    padding-left: 0;
}

.sep__tab__menu a {
    border-radius: 3px 3px 0 0;
    position: relative;
    background: #2aabe4;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-property: padding-top padding-bottom margin-top;
    transition-property: padding-top padding-bottom margin-top;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    padding: 11px 0;
    margin: 12px 0 0;
}

.sep__tab__menu a:hover {
    margin-top: 7px;
    padding: 11px 0 16px;
    text-decoration: none;
}

.sep__tab__menu a.is-tab--icon {
    background-position: 35% 10px;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 20px;
    display: inline-block;
}

.sep__tab__menu a.is-tab--synthesis {
    background-image: url(../img/search/icon_search-crown-wh.png);
    background-size: 28px 22px;
}

.sep__tab__menu a.is-tab--industry {
    background-image: url(../img/search/icon_search-industry-wh.png);
    background-size: 19px 24px;
}

.sep__tab__menu a.is-tab--area {
    background-image: url(../img/search/icon_search-area-wh.png);
    background-size: 24px 24px;
}

.sep__tab__menu a.is-tab--school {
    background-image: url(../img/search/icon_search-school-wh.png);
    background-size: 25px 22px;
}

@media screen and (max-width: 767px) {
    .sep__tab__menu a {
        font-size: 14px;
    }

    .sep__tab__menu a.is-tab--icon {
        background-position: 7px 12px;
        font-size: 14px;
        padding-left: 15px;
    }

    .sep__tab__menu a.is-tab--synthesis {
        background-size: 17px 13px;
    }

    .sep__tab__menu a.is-tab--industry {
        background-size: 11px 14px;
    }

    .sep__tab__menu a.is-tab--area {
        background-size: 14px 15px;
    }

    .sep__tab__menu a.is-tab--school {
        background-size: 15px 13px;
    }
}

.sep__tab__menu.is-active a {
    background-color: #fff;
    color: #404040;
    font-size: 18px;
    pointer-events: none;
    margin-top: 0;
    padding: 22px 0 10px;
    letter-spacing: -1px;
}

.sep__tab__menu.is-active a.is-tab--icon {
    background-position: 30% 20px;
    font-size: 22px;
    padding: 20px 0 12px 20px;
    letter-spacing: 0;
}

.sep__tab__menu.is-active a.is-tab--synthesis {
    background-image: url(../img/search/icon_search-crown.png);
}

.sep__tab__menu.is-active a.is-tab--industry {
    background-image: url(../img/search/icon_search-industry.png);
}

.sep__tab__menu.is-active a.is-tab--area {
    background-image: url(../img/search/icon_search-area.png);
}

.sep__tab__menu.is-active a.is-tab--school {
    background-image: url(../img/search/icon_search-school.png);
}

@media screen and (max-width: 767px) {
    .sep__tab__menu.is-active a {
        font-size: 14px;
        padding-bottom: 12px;
    }

    .sep__tab__menu.is-active a.is-tab--icon {
        background-position: 8px 21px;
        font-size: 15px;
        padding: 20px 0 13px 15px;
    }
}

.sep__tab.is-bottom .sep__tab__menu a {
    margin-top: 0;
    margin-bottom: 12px;
    border-radius: 0 0 3px 3px;
}

.sep__tab.is-bottom .sep__tab__menu a:hover {
    margin-top: 0;
    margin-bottom: 7px;
    padding: 16px 0 11px 0;
}

.sep__tab.is-bottom .is-active a {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0 22px 0;
}

.sep__nav.is-half li {
    width: 48.5%;
    float: left;
}

.sep__nav.is-half li+li {
    margin-left: 3%;
}

@media screen and (max-width: 767px) {
    .sep__banner {
        margin: 0 20px;
    }
}

/* sep__staff-comment 2020-12-変更 ここから ----------------------------------------- */
.sep__staff-comment {
  margin: 20px auto 35px auto;
}
.sep__staff-comment * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sep__staff-comment__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.sep__staff-comment__inner .sep-text {
  width: 90%;
  position: relative;
  margin-top: 20px;
  padding: 3px;
  background:#f79145;
  border-radius: 6px;
  text-align: left;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#f79145), to(#fdc750));
  background: linear-gradient(to right, #f79145 0%, #fdc750 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f79145', endColorstr='#fdc750', GradientType=1);
  /* IE6-9 */
}
.sep__staff-comment__inner .sep-text::before {
  background: transparent url("../img/company/staff_fukidashi.png") left top no-repeat;
  background-size: 14px 18px;
  position: absolute;
  content: "";
  left: -11px;
  top:17px;
  width: 14px;
  height: 18px;
}
.sep__staff-comment__inner .sep-text__txt {
  background-color: #fffef1;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  word-break: break-all;
}
.sep__staff-comment__inner .sep-photo {
  width: 10%;
  position: relative;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.sep__staff-comment__inner .sep-photo__txt {
  position: absolute;
  top:0;
  left:110px;
  font-size: 12px;
  display: block;
  font-weight: bold;
  width: 1000px;
  line-height: 1.4;
}
.sep__staff-comment__inner .sep-photo__img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
}
.sep__staff-comment__inner .sep-photo__img img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sep__staff-comment {
    margin: 20px 10px;
  }
  .sep__staff-comment__inner .sep-text {
    width: calc(100% - 71px);
    margin-top: 0;
  }
  .sep__staff-comment__inner .sep-text__txt {
    font-size: 12px;
  }
  .sep__staff-comment__inner .sep-photo {
    width: 60px;
    margin-right: 11px;
    position: static;
  }
  .sep__staff-comment__inner .sep-photo__txt {
    text-align: center;
    position: static;
    font-size: 9px;
    width: 100%;
    margin-top: 3px;
  }
  .sep__staff-comment__inner .sep-photo__img {
    width: 60px;
    height: 60px;
  }
}
/* sep__staff-comment 2020-12-変更 ここまで ----------------------------------------- */
.sep__date {
    margin: 20px auto 0 auto;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .sep__date {
        margin: 10px 5px 20px 0;
    }
}

.sep__date span {
    display: inline-block;
    font-size: 12px;
}

.sep__date span+span:before {
    display: inline-block;
    content: "｜";
    margin-right: 3px;
    color: #ccc;
}

@media screen and (max-width: 767px) {
    .sep__date span {
        font-size: 9px;
    }
}

.sep__name {
    margin: 20px auto;
}

.sep__name__ttl {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px #eaeaea solid;
    color: #404040;
    line-height: 1.3;
}

.sep__name__ttl.is-nobd {
    border: none;
    margin-bottom: 20px;
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .sep__name {
        margin-top: 20px;
    }

    .sep__name__ttl {
        font-size: 24px;
    }

    .sep__name__ttl.is-nobd {
        margin-bottom: 15px;
    }
}

.sep__limit {
    width: 100%;
    text-align: right;
    position: relative;
    top: 8px;
    margin-top: 6px;
}

.sep__limit .is-end {
    position: relative;
    display: block;
    top: 5px;
}

@media screen and (max-width: 767px) {
    .sep__limit {
        font-size: 12px;
    }

    .sep__limit .is-end {
        font-size: 14px;
        top: -2px;
        display: inline-block;
    }

    .sep__limit .text_size_xlarge {
        font-size: 14px !important;
    }

    .sep__limit .text_size_xxlarge {
        font-size: 16px !important;
    }
}

.sep__outline .btn,
.sep__detail .btn,
.sep__button .btn,
.sep-modal .btn {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}

@media screen and (min-width: 768px) {

    .sep__outline .btn.orange,
    .sep__detail .btn.orange,
    .sep__button .btn.orange,
    .sep-modal .btn.orange {
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 767px) {

    .sep__outline .btn.orange,
    .sep__detail .btn.orange,
    .sep__button .btn.orange,
    .sep-modal .btn.orange {
        margin-bottom: 4px;
    }
}

@media screen and (max-width: 767px) {

    .sep__outline .btn.large,
    .sep__detail .btn.large,
    .sep__button .btn.large,
    .sep-modal .btn.large {
        width: 100%;
    }
}

.sep__outline .btn .icon,
.sep__detail .btn .icon,
.sep__button .btn .icon,
.sep-modal .btn .icon {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 15px;
    margin-top: -14px;
    z-index: 1;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.sep__outline .btn.is-full,
.sep__detail .btn.is-full,
.sep__button .btn.is-full,
.sep-modal .btn.is-full {
    width: 100%;
}

.sep__outline .btn.is-large,
.sep__detail .btn.is-large,
.sep__button .btn.is-large,
.sep-modal .btn.is-large {
    padding: 0;
    height: 60px;
    line-height: 54px;
    font-size: 18px;
}

.sep__outline .btn.is-large.orange,
.sep__detail .btn.is-large.orange,
.sep__button .btn.is-large.orange,
.sep-modal .btn.is-large.orange {
    line-height: 54px;
    height: 54px;
}

.sep__outline .btn.is-large .is-nav,
.sep__detail .btn.is-large .is-nav,
.sep__button .btn.is-large .is-nav,
.sep-modal .btn.is-large .is-nav {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
    display: inline-block;
}

.sep__outline .btn.is-large .is-nav--company,
.sep__detail .btn.is-large .is-nav--company,
.sep__button .btn.is-large .is-nav--company,
.sep-modal .btn.is-large .is-nav--company {
    background-image: url(../img/search/icon_search-industry.png);
    background-size: 17px auto;
}

.sep__outline .btn.is-large .is-nav--seminar,
.sep__detail .btn.is-large .is-nav--seminar,
.sep__button .btn.is-large .is-nav--seminar,
.sep-modal .btn.is-large .is-nav--seminar {
    background-image: url(../img/company/icon_h-seminar.png);
    background-size: 19px auto;
}

.sep__outline .btn.is-large:hover .is-nav--company,
.sep__detail .btn.is-large:hover .is-nav--company,
.sep__button .btn.is-large:hover .is-nav--company,
.sep-modal .btn.is-large:hover .is-nav--company {
    background-image: url(../img/search/icon_search-industry-wh.png);
}

.sep__outline .btn.is-large:hover .is-nav--seminar,
.sep__detail .btn.is-large:hover .is-nav--seminar,
.sep__button .btn.is-large:hover .is-nav--seminar,
.sep-modal .btn.is-large:hover .is-nav--seminar {
    background-image: url(../img/company/icon_h-seminar-wh.png);
}

@media screen and (max-width: 767px) {

    .sep__outline .btn.is-small--sp,
    .sep__detail .btn.is-small--sp,
    .sep__button .btn.is-small--sp,
    .sep-modal .btn.is-small--sp {
        font-size: 14px;
        line-height: 1px;
        height: 35px;
    }
}

.sep__outline .btn.is-small,
.sep__detail .btn.is-small,
.sep__button .btn.is-small,
.sep-modal .btn.is-small {
    line-height: 36px;
    height: 40px;
    padding: 0;
    font-size: 14px;
}

.sep__outline .btn.is-small.orange,
.sep__detail .btn.is-small.orange,
.sep__button .btn.is-small.orange,
.sep-modal .btn.is-small.orange {
    line-height: 30px;
    height: 34px;
    margin-bottom: 6px;
}

@media screen and (max-width: 767px) {

    .sep__outline .btn.is-small.orange,
    .sep__detail .btn.is-small.orange,
    .sep__button .btn.is-small.orange,
    .sep-modal .btn.is-small.orange {
        margin-bottom: 3px;
    }
}

@media screen and (min-width: 768px) {

    .sep__outline .btn.is-small.is-small--ss,
    .sep__detail .btn.is-small.is-small--ss,
    .sep__button .btn.is-small.is-small--ss,
    .sep-modal .btn.is-small.is-small--ss {
        font-size: 12px;
    }
}

.sep__outline .btn.is-small.arw,
.sep__detail .btn.is-small.arw,
.sep__button .btn.is-small.arw,
.sep-modal .btn.is-small.arw {
    padding-right: 10px;
}

.sep__outline .btn.is-small.arw::after,
.sep__detail .btn.is-small.arw::after,
.sep__button .btn.is-small.arw::after,
.sep-modal .btn.is-small.arw::after {
    font-size: 14px;
    margin-top: -6px;
    right: 8px;
}

.sep__outline .btn.is-page,
.sep__detail .btn.is-page,
.sep__button .btn.is-page,
.sep-modal .btn.is-page {
    width: 400px;
    padding: 0;
    height: 54px;
    line-height: 54px;
}

.sep__outline .btn.is-page+.is-page,
.sep__detail .btn.is-page+.is-page,
.sep__button .btn.is-page+.is-page,
.sep-modal .btn.is-page+.is-page {
    margin-left: 15px;
}

@media screen and (max-width: 767px) {

    .sep__outline .btn.is-page,
    .sep__detail .btn.is-page,
    .sep__button .btn.is-page,
    .sep-modal .btn.is-page {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        height: 50px;
        line-height: 50px;
    }

    .sep__outline .btn.is-page+.is-page,
    .sep__detail .btn.is-page+.is-page,
    .sep__button .btn.is-page+.is-page,
    .sep-modal .btn.is-page+.is-page {
        margin-top: 10px;
        margin-left: 10px;
    }
}

.sep__outline .btn.is-submit,
.sep__detail .btn.is-submit,
.sep__button .btn.is-submit,
.sep-modal .btn.is-submit {
    width: 300px;
    padding: 0;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
}

@media screen and (max-width: 767px) {

    .sep__outline .btn.is-submit,
    .sep__detail .btn.is-submit,
    .sep__button .btn.is-submit,
    .sep-modal .btn.is-submit {
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin-bottom: 3px;
    }
}

.sp-modal-return-btn-vertical_arrangement {
    width: 100%!important;
    line-height: 20px!important;
    margin-bottom: 10px!important;
}
.sp-modal-search-btn-vertical_arrangement {
    width: 92%!important;
    margin-left:0px!important;
}
.sep__outline .btn.is-submit2,
.sep__detail .btn.is-submit2,
.sep__button .btn.is-submit2,
.sep-modal .btn.is-submit2 {
    width: 300px;
    padding: 0;
    height: 44px;
    line-height: 40px;
    font-size: 18px;
}

@media screen and (max-width: 767px) {

    .sep__outline .btn.is-submit2,
    .sep__detail .btn.is-submit2,
    .sep__button .btn.is-submit2,
    .sep-modal .btn.is-submit2 {
        width: 100%;
        height: 40px;
        margin-bottom: 3px;
    }
}

.sep__outline .btn.is-outline,
.sep__detail .btn.is-outline,
.sep__button .btn.is-outline,
.sep-modal .btn.is-outline {
    width: 240px;
    padding: 0;
    height: 60px;
    line-height: 54px;
}

.sep__outline .btn.is-outline.orange,
.sep__detail .btn.is-outline.orange,
.sep__button .btn.is-outline.orange,
.sep-modal .btn.is-outline.orange {
    line-height: 54px;
    height: 54px;
}

.sep__outline .btn.is-outline+.btn,
.sep__detail .btn.is-outline+.btn,
.sep__button .btn.is-outline+.btn,
.sep-modal .btn.is-outline+.btn {
    margin-left: 10px;
}

@media screen and (max-width: 767px) {

    .sep__outline .btn.is-outline,
    .sep__detail .btn.is-outline,
    .sep__button .btn.is-outline,
    .sep-modal .btn.is-outline {
        width: 100%;
        height: 50px;
        line-height: 48px;
    }

    .sep__outline .btn.is-outline.orange,
    .sep__detail .btn.is-outline.orange,
    .sep__button .btn.is-outline.orange,
    .sep-modal .btn.is-outline.orange {
        line-height: 46px;
        height: 46px;
    }

    .sep__outline .btn.is-outline+.btn,
    .sep__detail .btn.is-outline+.btn,
    .sep__button .btn.is-outline+.btn,
    .sep-modal .btn.is-outline+.btn {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media screen and (min-width: 768px) {

    .sep__outline .btn.is-mini--pc,
    .sep__detail .btn.is-mini--pc,
    .sep__button .btn.is-mini--pc,
    .sep-modal .btn.is-mini--pc {
        height: 44px;
        line-height: 38px;
    }

    .sep__outline .btn.is-mini--pc.orange,
    .sep__detail .btn.is-mini--pc.orange,
    .sep__button .btn.is-mini--pc.orange,
    .sep-modal .btn.is-mini--pc.orange {
        line-height: 38px;
        height: 38px;
    }

    .sep__outline .btn.is-mini--pc+.btn,
    .sep__detail .btn.is-mini--pc+.btn,
    .sep__button .btn.is-mini--pc+.btn,
    .sep-modal .btn.is-mini--pc+.btn {
        margin-left: 7px;
    }
}

.sep__outline .btn.is-already,
.sep__detail .btn.is-already,
.sep__button .btn.is-already,
.sep-modal .btn.is-already {
    background-color: #eaeaea !important;
    color: #666 !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #eaeaea !important;
    pointer-events: none !important;
}

.sep__outline .btn.is-already.orange,
.sep__detail .btn.is-already.orange,
.sep__button .btn.is-already.orange,
.sep-modal .btn.is-already.orange {
    -webkit-box-shadow: 0px 6px 0px 0px #eaeaea !important;
    box-shadow: 0px 6px 0px 0px #eaeaea !important;
}

.sep__outline .btn.is-choice:not(.is-already),
.sep__detail .btn.is-choice:not(.is-already),
.sep__button .btn.is-choice:not(.is-already),
.sep-modal .btn.is-choice:not(.is-already) {
    padding-left: 20px;
    border-color: #72c415;
    color: #72c415;
}
/*@media screen and (min-width: 768px) {*/
  .btn.is-choice:not(.is-already):hover {
    background-color: #72c415 !important;
    color: #fff !important;
  }
/*}*/
.sep__outline .btn.is-choice:not(.is-already)::before,
.sep__detail .btn.is-choice:not(.is-already)::before,
.sep__button .btn.is-choice:not(.is-already)::before,
.sep-modal .btn.is-choice:not(.is-already)::before {
    position: absolute;
    top: 50%;
    left: 7%;
    margin-top: -10px;
    content: "＋";
    padding: 0;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border: 1px #72c415 solid;
    color: #72c415;
    font-size: 14px;
    border-radius: 100%;
}
.btn.is-choice:not(.is-already):hover::before,
.btn.is-choice:not(.is-already):hover::before,
.btn.is-choice:not(.is-already):hover::before,
.btn.is-choice:not(.is-already):hover::before {
    border-color: #fff;
    color: #fff;
}
@media screen and (min-width: 768px) {
  .sep__outline .btn.is-choice:not(.is-already).is-small--ss::before,
  .sep__detail .btn.is-choice:not(.is-already).is-small--ss::before,
  .sep__button .btn.is-choice:not(.is-already).is-small--ss::before,
  .sep-modal .btn.is-choice:not(.is-already).is-small--ss::before {
      left: 5%;
  }
}

.sep__outline .btn.is-abb,
.sep__detail .btn.is-abb,
.sep__button .btn.is-abb,
.sep-modal .btn.is-abb {
    width: 300px;
    font-size: 16px;
    padding-right: 20px;
}

@media screen and (max-width: 767px) {

    .sep__outline .btn.is-abb,
    .sep__detail .btn.is-abb,
    .sep__button .btn.is-abb,
    .sep-modal .btn.is-abb {
        width: 200px;
        font-size: 14px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

.sep__outline .btn.arw--up::after,
.sep__outline .btn.arw--down::after,
.sep__detail .btn.arw--up::after,
.sep__detail .btn.arw--down::after,
.sep__button .btn.arw--up::after,
.sep__button .btn.arw--down::after,
.sep-modal .btn.arw--up::after,
.sep-modal .btn.arw--down::after {
    font-family: 'gakujoIcon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 12px;
    color: #e5011a;
    font-weight: normal;
    pointer-events: none;
}

.sep__outline .btn.arw--up::after,
.sep__detail .btn.arw--up::after,
.sep__button .btn.arw--up::after,
.sep-modal .btn.arw--up::after {
    content: "\E900";
}

.sep__outline .btn.arw--down::after,
.sep__detail .btn.arw--down::after,
.sep__button .btn.arw--down::after,
.sep-modal .btn.arw--down::after {
    content: "\E901";
}

.sep__button {
    text-align: center;
    margin: 20px auto;
    position: relative;
}

.sep__button .sep-text__link {
    position: absolute;
    bottom: -5px;
    right: 0;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .sep__button .sep-text__link {
        position: static;
        bottom: auto;
        right: auto;
        margin-top: 15px;
    }
}

.sep__button.is-btn--footer {
    border-top: 1px #d4d4d4 solid;
    padding: 30px 0;
}

@media screen and (max-width: 767px) {
    .sep__button.is-btn--footer {
        padding: 20px 10px 0 10px;
    }
}

.sep__button.is-btn--footer2 {
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .sep__button.is-btn--footer2 {
        margin-bottom: 30px;
    }
}

.sep__button.is-readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 50px 0 0 0;
    margin-bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(45%, white));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), white 45%);
    text-align: center;
}

.sep__button.is-readmore .arw--down {
    display: inline-block;
}

.sep__button.is-readmore .arw--up {
    display: none;
}

.sep__button.is-readmore.is-readmore--car {
    padding: 50px 0 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 240, 216, 0)), color-stop(45%, #fff0d8));
    background: linear-gradient(180deg, rgba(255, 240, 216, 0), #fff0d8 45%);
}

.sep__button.is-readclose {
    padding-top: 0;
    background: none;
    margin: 15px 0 0 0;
}

.sep__button.is-readclose .arw--down {
    display: none;
}

.sep__button.is-readclose .arw--up {
    display: inline-block;
}

.sep__button.is-readclose.is-readmore--car {
    margin: 25px auto;
}

@media screen and (max-width: 767px) {
    .sep__button.is-readclose.is-readmore--car {
        margin: 15px auto;
    }
}

.sep__button.is-sep-js--follow {
    background-color: #f4f4f4;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    padding: 10px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -20px;
    z-index: 100;
    border-top: none !important;
}

.sep__button.is-sep-js--follow .is-no-following {
    display: none;
}

.sep__button.is-sep-js--follow .btn {
    margin-left: 20px;
    margin-right: 20px;
    line-height: 48px;
    height: 50px;
    padding: 0;
}

.sep__button.is-sep-js--follow .btn.orange {
    height: 44px;
    line-height: 44px;
}

@media screen and (max-width: 767px) {
    .sep__button.is-sep-js--follow {
        padding: 0 10px 15px 10px;
        display: table;
    }

    .sep__button.is-sep-js--follow .btn {
        width: 48.5%;
        font-size: 14px;
        line-height: 36px;
        height: 40px;
        float: left;
    }

    .sep__button.is-sep-js--follow .btn+.btn {
        margin-right: 0;
    }

    .sep__button.is-sep-js--follow .btn.orange {
        height: 36px;
        line-height: 36px;
        margin-left: 3%;
    }

    .sep__button.is-sep-js--follow .btn.blue {
        line-height: 36px;
        padding: 1px 16px 0 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) and (min-width: 406px) {
    .sep__button.is-sep-js--follow .btn.blue {
        line-height: 37px;
    }
}

@media screen and (max-width: 767px) {
    .sep__button.is-sep-js--follow .btn.arw::after {
        font-size: 14px;
        right: 6px;
        margin-top: -6px;
    }

    .sep__button.is-sep-js--follow .sep-info {
        display: none !important;
    }
}

.sep__outline {
    background-color: #fff;
    border-top: 4px #2aabe4 solid;
    margin: 30px auto;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

.sep__outline * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__outline__inner {
    padding: 0 30px;
}

.sep__outline__inner:first-child {
    margin-top: 0;
}

.sep__outline__inner:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .sep__outline__inner {
        padding: 0 10px;
    }
}

.sep__outline__header {
    position: relative;
}

.sep__outline__body:last-child {
    padding-bottom: 1px;
}

.sep__outline__footer {
    padding-bottom: 10px;
}

.sep__detail {
    margin: 20px auto;
}

.sep__detail.is-title {
    margin-bottom: 20px;
}

.sep__detail * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__detail.is-tab {
    margin-bottom: -10px;
}

.sep__detail__inner {
    background-color: #fff;
    margin: 0 auto;
    /*-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);*/
    overflow: hidden;
}

.sep__detail__contents {
    font-size: 15px;
    line-height: 1.7;
}

.sep__detail__contents p {
    margin: 15px 0;
}

@media screen and (max-width: 767px) {
    .sep__detail__contents {
        font-size: 14px;
    }
}

.sep__detail__header {
    margin: 0 auto;
    position: relative;
}

.sep__detail__header.is-top {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .sep__detail__header.is-top {
        margin-top: 20px;
    }
}

.sep__detail__header .spr-page_hdg_help {
    margin: 17px 0;
}

.sep__detail__header__sub {
    position: absolute;
    right: 20px;
    top: 0;
    text-align: right;
    line-height: 63px;
    font-size: 12px;
}

.sep__detail__body2 {
    margin: 0;
    padding: 0;
    position: relative;
}

.sep__detail__body {
    margin: 30px auto;
    padding: 0 30px;
    position: relative;
}

.sep__detail__body.is-dtl--small {
    margin: 20px auto;
    padding: 0 20px;
}

.sep__detail__body.is-dtl--small .sep__detail__body__recruit {
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .sep__detail__body.is-dtl--small {
        margin: 15px 0;
        padding: 0;
    }
}

.sep__detail__body .spr-label_box_footer {
    margin-bottom: -5px;
}

.sep__detail__body__login {
    padding: 0 0 25px 0;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sep__detail__body {
        margin: 15px auto 20px auto;
        padding: 0;
    }

    .sep__detail__body__login {
        padding: 0;
    }
}

.sep__detail__body__seminar {
    font-size: 14px;
}

.sep__detail__body__seminar.is-readmore {
    max-height: 200px;
    overflow: hidden;
}

.sep__detail__body__seminar.is-readclose {
    max-height: inherit;
    overflow: auto;
}

.sep__detail__body__seminar li {
    margin-bottom: 5px;
}

.sep__detail__body__seminar li p {
    margin: 0 0 0 1em;
}

.sep__detail__body__seminar-list .sep-table {
    border: 1px #f1f1f1 solid;
}

.sep__detail__body__seminar-list .sep-text {
    display: table;
    width: 100%;
    line-height: 1.5;
    border-top: 1px #f1f1f1 solid;
}

.sep__detail__body__seminar-list .sep-text:first-of-type,
.sep__detail__body__seminar-list .sep-text:nth-of-type(2) {
    border-top: none;
}

.sep__detail__body__seminar-list .sep-text .is-area {
    width: 30%;
    text-align: center;
    display: table-cell;
}

.sep__detail__body__seminar-list .sep-text .is-date {
    width: 70%;
    display: table-cell;
}

.sep__detail__body__seminar-list .sep-text__ttl {
    background-color: #f4f4f4;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 7px 0;
    width: 100%;
    border-left: 1px #f4f4f4 solid;
}

.sep__detail__body__seminar-list .sep-text__title {
    width: 640px;
    display: table-cell;
    vertical-align: middle;
}

.sep__detail__body__seminar-list .sep-text__title__ttl {
    font-size: 18px;
    margin: 15px;
    display: block;
}

.sep__detail__body__seminar-list .sep-text__title__ttl span {
    font-weight: bold;
    line-height: 1.4;
}

.sep__detail__body__seminar-list .sep-text__title__ttl span a {
    color: #2aabe4;
}

.sep__detail__body__seminar-list .sep-text__note {
    font-size: 14px;
    display: table-cell;
    width: 398px;
}

.sep__detail__body__seminar-list .sep-text__note__cell {
    display: table;
    width: 100%;
}

.sep__detail__body__seminar-list .sep-text__note__cell+.sep-text__note__cell {
    border-bottom: 1px #f1f1f1 solid;
}

.sep__detail__body__seminar-list .sep-text__note__cell:last-child {
    border-bottom: none !important;
}

.sep__detail__body__seminar-list .sep-text__note__txt {
    padding: 18px 10px;
    display: table-cell;
    border-left: 1px #f1f1f1 solid;
    min-height: 57px;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__seminar-list .sep-table {
        border: none;
        margin: -15px 0 -20px 0;
    }

    .sep__detail__body__seminar-list .sep-text {
        display: block;
        width: 100%;
        padding: 1px 10px 20px 10px;
        line-height: 1.2;
    }

    .sep__detail__body__seminar-list .sep-text:first-of-type,
    .sep__detail__body__seminar-list .sep-text:nth-of-type(2) {
        border-top: none;
    }

    .sep__detail__body__seminar-list .sep-text .is-area {
        width: 26%;
    }

    .sep__detail__body__seminar-list .sep-text .is-date {
        width: 74%;
    }

    .sep__detail__body__seminar-list .sep-text__ttl {
        border-left: 1px #f4f4f4 solid;
        font-size: 12px;
    }

    .sep__detail__body__seminar-list .sep-text__title {
        width: auto;
        display: block;
    }

    .sep__detail__body__seminar-list .sep-text__title__ttl {
        margin: 12px 0;
    }

    .sep__detail__body__seminar-list .sep-text__title__ttl span {
        font-size: 14px;
    }

    .sep__detail__body__seminar-list .sep-text__note {
        width: 100%;
        display: table !important;
        border: 1px #f1f1f1 solid;
        font-size: 12px;
    }

    .sep__detail__body__seminar-list .sep-text__note__txt {
        padding: 12px 10px;
        line-height: 1.6;
    }

    .sep__detail__body__seminar-list .sep-text__note__txt:nth-child(odd) {
        border: none;
    }
}

.sep__detail__body__seminar-detail .sep-wrap {
    background-color: #fff;
    padding: 30px;
}

.sep__detail__body__seminar-detail .sep-photo {
    float: left;
    width: 200px;
}

.sep__detail__body__seminar-detail .sep-photo img {
    width: 100%;
    height: auto;
}

.sep__detail__body__seminar-detail .sep-text {
    margin-left: 230px;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__seminar-detail .sep-wrap {
        padding: 15px 0 0 0;
    }

    .sep__detail__body__seminar-detail .sep-photo {
        float: none;
        margin: 0 auto;
    }

    .sep__detail__body__seminar-detail .sep-text {
        margin-left: 0;
        padding: 15px;
    }
}

.sep__detail__body__seminar-accept {
    font-size: 14px;
}

.sep__detail__body__seminar-accept .sep-table {
    border: 1px #f1f1f1 solid;
}

.sep__detail__body__seminar-accept .sep-text {
    border-top: 1px #f1f1f1 solid;
    line-height: 1.5;
    display: table;
    width: 100%;
    text-align: center;
}

.sep__detail__body__seminar-accept .sep-text:first-child {
    border-top: none;
}

.sep__detail__body__seminar-accept .sep-text label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__detail__body__seminar-accept .sep-text label.spr-input_radio {
    font-size: inherit;
    padding: 0;
    display: block;
}

.sep__detail__body__seminar-accept .sep-text label.spr-input_radio::before {
    top: 50%;
    left: 18px;
    margin-top: -12px;
}

.sep__detail__body__seminar-accept .sep-text label.spr-input_radio::after {
    top: 50%;
    left: 23px;
    margin-top: -7px;
}

.sep__detail__body__seminar-accept .sep-text__ttl {
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    display: table-cell;
    border-left: 1px #f4f4f4 solid;
    background-color: #f4f4f4;
    vertical-align: middle;
}

.sep__detail__body__seminar-accept .sep-text__txt {
    display: table-cell;
    border-left: 1px #f4f4f4 solid;
    vertical-align: middle;
    padding: 15px 0;
}

.sep__detail__body__seminar-accept .sep-text__txt:first-child {
    border-left: none;
}

.sep__detail__body__seminar-accept .sep-text__txt.is-object {
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
}

.sep__detail__body__seminar-accept .sep-text__icon {
    display: block;
    margin: 0 auto;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 23px;
    background-size: 18px 18px;
}

.sep__detail__body__seminar-accept .sep-text__icon.is-icon--full {
    background-image: url(../img/company/icon_capacity-full.png);
}

.sep__detail__body__seminar-accept .sep-text__icon.is-icon--little {
    background-image: url(../img/company/icon_capacity-little.png);
}

.sep__detail__body__seminar-accept .sep-text__icon.is-icon--empty {
    background-image: url(../img/company/icon_capacity-empty.png);
}

.sep__detail__body__seminar-accept .sep-text__btn {
    text-align: right;
    margin: 20px 0;
}

.sep__detail__body__seminar-accept .sep-text__btn a {
    width: 120px;
    border: 1px #f4f4f4 solid;
    color: #999999;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    font-weight: bold;
    border-radius: 3px;
}

.sep__detail__body__seminar-accept .sep-text__btn a:hover {
    text-decoration: none;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.sep__detail__body__seminar-accept .sep-text a {
    color: #2aabe4;
    text-decoration: underline;
}

.sep__detail__body__seminar-accept .sep-text a:hover {
    text-decoration: none;
}

.sep__detail__body__seminar-accept .sep-text.is-capacity--full {
    background-color: #f9f9f9;
    color: #999999;
}

.sep__detail__body__seminar-accept .sep-text.is-capacity--full a {
    color: #999999;
}

.sep__detail__body__seminar-accept .sep-text .is-radio {
    width: 60px;
}

.sep__detail__body__seminar-accept .sep-text .is-radio .spr-input_radio {
    top: -18px;
    left: -12px;
    padding: 0;
}

.sep__detail__body__seminar-accept .sep-text .is-area {
    width: 80px;
}

.sep__detail__body__seminar-accept .sep-text .is-object {
    width: 256px;
}

.sep__detail__body__seminar-accept .sep-text .is-basic {
    width: 130px;
}

.sep__detail__body__seminar-accept .sep-text .is-capacity {
    width: 130px;
}

.sep__detail__body__seminar-accept .sep-text .is-deadline {
    width: 130px;
}

.sep__detail__body__seminar-accept .sep-text .is-map {
    width: 115px;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__seminar-accept {
        font-size: 12px;
    }

    .sep__detail__body__seminar-accept .is-btn--footer2 {
        padding: 0 10px;
    }

    .sep__detail__body__seminar-accept .sep-table {
        border: none;
        margin-top: -15px;
    }

    .sep__detail__body__seminar-accept .sep-text {
        display: block;
        width: 100%;
        text-align: left;
        position: relative;
        border-top: none;
        border-bottom: 1px #f4f4f4 solid;
        padding: 45px 10px 10px 10px;
    }

    .sep__detail__body__seminar-accept .sep-text label.spr-input_radio {
        position: static;
        margin: -45px -10px -10px -10px;
        padding: 45px 10px 10px 10px;
    }

    .sep__detail__body__seminar-accept .sep-text label.spr-input_radio::before {
        top: 15px;
        left: 10px;
        margin-top: 0;
    }

    .sep__detail__body__seminar-accept .sep-text label.spr-input_radio::after {
        top: 20px;
        left: 15px;
        margin-top: 0;
    }

    .sep__detail__body__seminar-accept .sep-text__txt {
        display: block;
        border-left: none;
        padding: 0;
        pointer-events: none;
    }

    .sep__detail__body__seminar-accept .sep-text__txt.is-object {
        padding-right: 0;
        padding-left: 0;
    }

    .sep__detail__body__seminar-accept .sep-text__txt .sep-text__ttl {
        display: inline-block !important;
        background-color: #eaeaea;
        font-weight: bold;
        padding: 0 5px;
        line-height: 20px;
        margin-right: 5px;
    }

    .sep__detail__body__seminar-accept .sep-text__txt .sep-text__ttl-sub {
        display: inline !important;
    }

    .sep__detail__body__seminar-accept .sep-text__icon {
        background-position: 10px center;
        border-width: 1px;
        border-style: solid;
        padding-top: 0;
        padding-left: 24px;
        margin: 0;
        text-align: center;
        line-height: 20px;
        width: 105px;
        background-size: 10px 10px;
    }

    .sep__detail__body__seminar-accept .sep-text__icon.is-icon--full {
        border-color: #d4d4d4;
        background-color: #f4f4f4;
        color: #999999;
    }

    .sep__detail__body__seminar-accept .sep-text__icon.is-icon--little {
        border-color: #ff9600;
        background-color: #fff9e2;
    }

    .sep__detail__body__seminar-accept .sep-text__icon.is-icon--empty {
        border-color: #2aabe4;
        background-color: #ecf9ff;
    }

    .sep__detail__body__seminar-accept .sep-text .is-radio {
        margin-top: -43px;
        width: 35px;
        height: 35px;
        min-height: 100px;
        float: left;
    }

    .sep__detail__body__seminar-accept .sep-text .is-radio .spr-input_radio {
        top: 0;
        left: 0;
    }

    .sep__detail__body__seminar-accept .sep-text .is-area {
        width: auto;
        font-size: 14px;
        font-weight: bold;
        display: inline;
    }

    .sep__detail__body__seminar-accept .sep-text .is-area::after {
        content: "｜";
    }

    .sep__detail__body__seminar-accept .sep-text .is-object {
        width: auto;
        font-size: 14px;
        font-weight: bold;
        display: inline;
    }

    .sep__detail__body__seminar-accept .sep-text .is-basic {
        width: auto;
        margin: 5px 0 0 35px;
    }

    .sep__detail__body__seminar-accept .sep-text .is-capacity {
        position: absolute;
        top: 17px;
        left: 45px;
        width: auto;
    }

    .sep__detail__body__seminar-accept .sep-text .is-deadline {
        width: auto;
        text-align: right;
        margin-left: 35px;
        margin-top: 5px;
    }

    .sep__detail__body__seminar-accept .sep-text .is-map {
        width: 55px;
        height: 30px;
        position: absolute;
        bottom: 43px;
        right: 10px;
    }

    .sep__detail__body__seminar-accept .sep-text .is-map a {
        text-decoration: none;
        border: 1px #d4d4d4 solid;
        background-color: #fff;
        display: block;
        line-height: 30px;
        text-align: center;
        pointer-events: auto;
        border-radius: 3px;
    }
}

.sep__detail__body__profile .sep-text {
    float: right;
    width: 750px;
}

.sep__detail__body__profile .sep-text__title {
    font-size: 22px;
    color: #e5011a;
    font-weight: bold;
}

.sep__detail__body__profile .sep-photo {
    margin-right: 780px;
}

.sep__detail__body__profile .sep-photo figure {
    text-align: center;
}

.sep__detail__body__profile .sep-photo figcaption {
    font-size: 12px;
    margin: 5px 0;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__profile .sep-text {
        width: 100%;
    }

    .sep__detail__body__profile .sep-text__title {
        font-size: 18px;
        line-height: 1.6;
    }

    .sep__detail__body__profile .sep-photo {
        margin-right: 0;
    }
}

.sep__detail__body__charm .sep-text {
    width: 310px;
    float: left;
}

.sep__detail__body__charm .sep-text+.sep-text {
    margin-left: 45px;
}

.sep__detail__body__charm .sep-photo {
    text-align: center;
}

.sep__detail__body__charm .sep-photo img {
    display: block;
    margin: 25px auto 15px auto;
}

.sep__detail__body__charm .sep-photo figcaption {
    text-align: left;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__charm .sep-text {
        width: 100%;
        float: none;
    }

    .sep__detail__body__charm .sep-text+.sep-text {
        margin-left: 0;
        margin-top: 20px;
    }

    .sep__detail__body__charm .sep-photo img {
        margin: 20px auto 15px auto;
    }
}

.sep__detail__body__movie {
    text-align: center;
}

.sep__detail__body__movie .sep-photo {
    vertical-align: bottom;
}

.sep__detail__body__movie .sep-photo iframe {
    margin: 0 auto;
}

.sep__detail__body__movie .sep-text {
    font-size: 13px;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__movie .sep-photo iframe {
        width: 236px;
        height: 150px;
    }

    .sep__detail__body__movie .sep-text {
        text-align: left;
        margin-top: 5px;
        font-size: 11px;
    }
}

.sep__detail__body__real .sep-photo {
    width: 140px;
    float: left;
    text-align: center;
    margin-top: 30px;
}

.sep__detail__body__real .sep-photo:first-of-type {
    margin-top: 0;
}

.sep__detail__body__real .sep-photo__img {
    display: block;
    width: 140px;
    height: 140px;
    overflow: hidden;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
}

.sep__detail__body__real .sep-photo__txt {
    font-weight: bold;
    font-size: 16px;
    display: block;
    margin: 5px auto -5px auto;
}

.sep__detail__body__real .sep-text {
    margin-left: 180px;
    margin-top: 30px;
    text-align: left;
    padding: 20px 25px 0.1px 25px;
    border-radius: 5px;
    position: relative;
}

.sep__detail__body__real .sep-text:first-of-type {
    margin-top: 0;
}

.sep__detail__body__real .sep-text::before {
    position: absolute;
    content: " ";
    top: 54px;
    left: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 11px 0;
}

.sep__detail__body__real .sep-text::after {
    content: "";
    display: block;
    clear: both;
}

.sep__detail__body__real .sep-text__title {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 7px 0;
}

.sep__detail__body__real .sep-text p {
    margin: 10px 0 20px 0;
}

.sep__detail__body__real .sep-text.is-person {
    background-color: #fef4ec;
}

.sep__detail__body__real .sep-text.is-person::before {
    border-color: transparent #fef4ec transparent transparent;
}

.sep__detail__body__real .sep-text.is-person .sep-text__title {
    border-bottom: 2px #f79145 solid;
}

.sep__detail__body__real .sep-text.is-senior {
    background-color: #e9f9db;
}

.sep__detail__body__real .sep-text.is-senior::before {
    border-color: transparent #e9f9db transparent transparent;
}

.sep__detail__body__real .sep-text.is-senior .sep-text__title {
    border-bottom: 2px #78c07c solid;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__real .sep-photo {
        width: 65px;
        margin-top: 15px;
    }

    .sep__detail__body__real .sep-photo:first-of-type {
        margin-top: 0;
    }

    .sep__detail__body__real .sep-photo__img {
        width: 65px;
        height: 65px;
    }

    .sep__detail__body__real .sep-photo__txt {
        font-size: 12px;
    }

    .sep__detail__body__real .sep-text {
        margin-left: 80px;
        margin-top: 15px;
        padding: 15px;
        font-size: 12px;
    }

    .sep__detail__body__real .sep-text:first-of-type {
        margin-top: 0;
    }

    .sep__detail__body__real .sep-text::before {
        top: 20px;
        left: -11px;
    }

    .sep__detail__body__real .sep-text__title {
        font-size: 14px;
        line-height: 1.4;
    }
}

.sep__detail__body__recruit>section {
    padding: 30px;
    margin: 0 -30px;
    border-top: 1px #cdcdcd solid;
}

.sep__detail__body__recruit>section:first-child {
    padding-top: 0;
    border-top: 0;
}

.sep__detail__body__recruit>section:last-child {
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__recruit>section {
        padding-top: 25px;
        padding-bottom: 20px;
    }
}

.sep__detail__body__recruit h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__recruit h4 {
        font-size: 16px;
    }
}

.sep__detail__body__recruit .sep-photo {
    text-align: center;
    margin: 30px 0;
}

.sep__detail__body__recruit .sep-text {
    display: table;
    width: 100%;
    background-color: #f4f4f4;
    border: 1px #f4f4f4 solid;
    font-size: 14px;
}

.sep__detail__body__recruit .sep-text__inner {
    padding: 15px 15px 0px 15px;
}

.sep__detail__body__recruit .sep-text__link li {
    display: inline;
}

.sep__detail__body__recruit .sep-text__link li::after {
    display: inline;
    content: "|";
    margin: 0 3px 0 1px;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__recruit .sep-text__link li {
        font-size: 14px;
    }
}

.sep__detail__body__recruit .sep-text__link li:last-child::after {
    display: none;
}

.sep__detail__body__recruit .sep-text__link2 ul {
    display: inline;
}

.sep__detail__body__recruit .sep-text__link2 li {
    display: inline;
    font-weight: normal;
}

.sep__detail__body__recruit .sep-text__link2 li::before {
    display: inline;
    content: "|";
    margin: 0 2px;
    font-weight: normal !important;
    color: #ccc;
}

.sep__detail__body__recruit .sep-text__link2>li {
    display: block;
}

.sep__detail__body__recruit .sep-text__link2>li::before {
    display: none;
}

.sep__detail__body__recruit .sep-text__link2>li>ul::before {
    display: inline;
    content: "（";
    font-weight: normal;
    margin-left: -5px;
}

.sep__detail__body__recruit .sep-text__link2>li>ul::after {
    display: inline;
    content: "）";
    font-weight: normal;
}

.sep__detail__body__recruit .sep-text__link2>li>ul>li:first-child::before {
    display: none;
}

.sep__detail__body__recruit .sep-text__link2>li>ul>li::before {
    color: #666;
}

.sep__detail__body__recruit .sep-text__link2>li>ul>li>li {
    font-weight: bold;
}

.sep__detail__body__recruit .sep-text__link2>li>ul>li>li>ul {
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__recruit .sep-text__link2 {
        font-size: 14px;
    }
}

.sep__detail__body__recruit .sep-text dt {
    float: left;
    width: 205px;
    font-weight: bold;
    padding: 20px 17px 0 17px;
    background-color: #f4f4f4;
    border-top: 1px #fff solid;
}

.sep__detail__body__recruit .sep-text dt:first-of-type {
    border: none;
}

.sep__detail__body__recruit .sep-text dd {
    margin-left: 206px;
    padding: 20px;
    background-color: #fff;
    border-top: 1px #f4f4f4 solid;
}

.sep__detail__body__recruit .sep-text dd::after {
    content: "";
    display: block;
    clear: both;
}

.sep__detail__body__recruit .sep-text dd h5 {
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    border-bottom: 2px #d4d4d4 solid;
}

.sep__detail__body__recruit .sep-text dd h5 a {
    display: block;
    position: relative;
    padding: 0 15px;
    color: #404040;
}

.sep__detail__body__recruit .sep-text dd h5 a.is-open::after,
.sep__detail__body__recruit .sep-text dd h5 a.is-close::after {
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: #2aabe4;
    color: #fff;
    text-align: center;
    right: 15px;
    top: 50%;
    margin-top: -11px;
    border-radius: 3px;
}

.sep__detail__body__recruit .sep-text dd h5 a.is-open::after {
    content: "－";
}

.sep__detail__body__recruit .sep-text dd h5 a.is-close::after {
    content: "＋";
}

.sep__detail__body__recruit .sep-text dd h5 a:hover {
    text-decoration: none;
    background-color: #def1f9;
}

.sep__detail__body__recruit .sep-text dd:first-of-type {
    border: none;
}

.sep__detail__body__recruit .sep-text dd ul li span {
    display: block;
    margin-left: 1em;
}

.sep__detail__body__recruit .sep-text dd p:first-child {
    margin-top: 0;
}

.sep__detail__body__recruit .sep-text dd p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__recruit .sep-text {
        display: block;
        width: 100%;
        background-color: transparent;
        border: none;
    }

    .sep__detail__body__recruit .sep-text dt {
        float: none;
        width: 100%;
        padding: 5px;
        border-top: none;
    }

    .sep__detail__body__recruit .sep-text dd {
        margin-left: 0;
        padding: 15px 5px 20px 5px;
        border-top: none;
    }

    .sep__detail__body__recruit .sep-text dd:last-of-type {
        padding-bottom: 5px;
    }
}

.sep__detail__body__normal {
    padding: 30px;
    text-align: left;
    font-size: 14px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__normal {
        padding: 15px;
    }
}

.sep__detail__body__normal .sep-text {
    position: relative;
}

.sep__detail__body__normal .sep-text__img {
    text-align: center;
}

.sep__detail__body__normal .sep-text p:first-child {
    margin-top: 0;
}

.sep__detail__body__normal .sep-text__sub {
    margin-top: 20px;
}

.sep__detail__body__normal .sep-text__inner {
    margin-top: 15px;
}

.sep__detail__body__normal .sep-text .sep-cover {
    display: none;
}

.sep__detail__body__normal .sep-text.is-cover .sep-cover {
    display: block;
}

.sep__detail__body__normal .sep-text.is-cover * {
    pointer-events: none !important;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__normal .sep-text img {
        width: 100%;
        height: auto;
    }
}

.sep__detail__body__normal .sep-cover {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 120px);
    height: calc(100% + 65px);
    text-align: center;
    margin: -5px -60px -60px -60px;
    text-align: center;
}

.sep__detail__body__normal .sep-cover__inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.sep__detail__body__normal .sep-cover__btn {
    width: 400px;
    height: 80px;
    margin: auto;
    background-color: #fff;
    width: 400px;
    height: 80px;
    margin: auto;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -200px;
}

.sep__detail__body__normal .sep-cover__txt {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 80px;
}

.sep__detail__body__normal .sep-cover__txt.is-draft {
    background: transparent url(../img/list/icon_draft-key.png) left center no-repeat;
    padding-left: 40px;
    background-size: 31px 37px;
}

.sep__detail__body__normal .sep-cover__txt.is-draft .spr-clr_sub {
    margin-right: 2px;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__normal .sep-cover {
        margin: -5px -32px -30px -32px;
        width: calc(100% + 64px);
        height: calc(100% + 40px);
    }

    .sep__detail__body__normal .sep-cover__inner {
        display: block;
        padding: 25px;
    }

    .sep__detail__body__normal .sep-cover__btn {
        position: static;
        width: auto;
        height: 60px;
        margin: 80px 0 0 0;
    }

    .sep__detail__body__normal .sep-cover__txt {
        display: inline-block;
        font-size: 14px;
        line-height: 60px;
    }

    .sep__detail__body__normal .sep-cover__txt.is-draft {
        padding-left: 28px;
        background-size: 23px 27px;
    }
}

.sep__detail__body__photo .sep-text {
    margin-left: 440px;
}

.sep__detail__body__photo .sep-text__fukidashi {
    background-color: #def1f9;
    font-size: 14px;
    text-align: left;
    position: relative;
    min-height: 100px;
    margin-left: 440px;
    z-index: 0;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__detail__body__photo .sep-text__fukidashi::before {
    position: absolute;
    content: " ";
    top: 50%;
    margin-top: -7px;
    left: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 13px 10px 0;
    border-color: transparent #def1f9 transparent transparent;
}

.sep__detail__body__photo .sep-text__thumnail {
    margin: 70px auto 5px auto;
    width: 551px;
    display: block;
}

.sep__detail__body__photo .sep-text__thumnail::after {
    content: "";
    clear: both;
    display: block;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__photo .sep-text {
        margin-left: 0;
        text-align: center;
    }

    .sep__detail__body__photo .sep-text__fukidashi {
        margin-left: 0;
        margin-top: 15px;
        font-size: 12px;
        min-height: 85px;
    }

    .sep__detail__body__photo .sep-text__fukidashi::before {
        top: -5px;
        left: 50%;
        margin-top: -6px;
        margin-left: -12.5px;
        border-width: 0 12.5px 12px 12.5px;
        border-color: transparent transparent #def1f9 transparent;
    }

    .sep__detail__body__photo .sep-text__thumnail {
        margin-top: 15px;
        width: 269px;
    }
}

.sep__detail__body__career {
    background-color: #fff;
    padding: 30px;
    position: relative;
    margin-top: 20px;
}

.sep__detail__body__career p:first-child {
    margin-top: 5px;
}

.sep__detail__body__career p:last-child {
    margin-bottom: 0;
}

.sep__detail__body__career+.sep__detail__body__career {
    margin-top: 50px;
}

.sep__detail__body__career .sep-text.is-readmore {
    max-height: 125px;
    overflow: hidden;
}

.sep__detail__body__career .sep-text.is-readclose {
    max-height: inherit;
    overflow: auto;
}

.sep__detail__body__career .sep__button.is-readmore {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__career .sep__button.is-readmore {
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .sep__detail__body__career {
        padding: 20px 15px 15px 15px;
    }

    .sep__detail__body__career+.sep__detail__body__career {
        margin-top: 35px;
    }
}

.sep__detail__body__career--income {
    border: 2px #f38f23 solid;
    background-color: #fff;
    margin: 30px 0 10px 0;
    border-radius: 6px;
}

.sep__detail__body__career--income h4 {
    background-color: #f38f23;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px 3px 0 0;
}

.sep__detail__body__career--income h4 a {
    color: #fff;
    padding: 0 20px;
    line-height: 38px;
    position: relative;
    display: block;
}

.sep__detail__body__career--income h4 a:hover {
    text-decoration: none;
}

.sep__detail__body__career--income h4 a.is-open::after,
.sep__detail__body__career--income h4 a.is-close::after {
    display: block;
    display: block;
    position: absolute;
    color: #f38f23;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: #fff;
    text-align: center;
    right: 10px;
    top: 50%;
    margin-top: -11px;
    border-radius: 3px;
}

.sep__detail__body__career--income h4 a.is-open::after {
    content: "－";
}

.sep__detail__body__career--income h4 a.is-close::after {
    content: "＋";
}

.sep__detail__body__career--income .sep-text {
    padding: 15px 20px;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__career--income {
        margin: 20px 0 10px 0;
    }

    .sep__detail__body__career--income h4 {
        font-size: 15px;
    }

    .sep__detail__body__career--income h4 a {
        padding: 0 10px;
        line-height: 40px;
    }

    .sep__detail__body__career--income .sep-text {
        padding: 11px 15px;
    }
}

.sep__detail__body__entry {
    font-size: 14px;
}

.sep__detail__body__questionnaire {
    width: 780px;
    margin: 0 auto;
    font-size: 14px;
}

.sep__detail__body__questionnaire .sep-text {
    border-bottom: #d4d4d4 2px solid;
    background-color: #f4f4f4;
    text-align: left;
}

.sep__detail__body__questionnaire .sep-text dt {
    width: 260px;
    background-color: #f4f4f4;
    padding: 25px 20px;
    float: left;
    border-top: #d4d4d4 2px solid;
    font-weight: bold;
}

.sep__detail__body__questionnaire .sep-text dd {
    background-color: #fff;
    margin-left: 260px;
    padding: 25px 20px;
    min-height: 100px;
    border-top: #d4d4d4 2px solid;
}

.sep__detail__body__questionnaire .sep-text dd label {
    font-size: 14px;
}

.sep__detail__body__questionnaire .sep-text dd ul li {
    margin-bottom: 20px;
}

.sep__detail__body__questionnaire .sep-text dd ul li:last-child {
    margin-bottom: 0;
}

.sep__detail__body__questionnaire .sep-text dd ul.is-half-pc li {
    width: 50%;
    float: left;
}

.sep__detail__body__questionnaire .sep-text dd ul.is-half-pc li:nth-last-child(2) {
    margin-bottom: 20px;
}

.sep__detail__body__questionnaire .sep-text dd .form_gakuchika_pr_count {
    margin: 5px 0 0 0 !important;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__questionnaire {
        width: 100%;
        padding: 0 10px;
    }

    .sep__detail__body__questionnaire .sep-text {
        border: none;
        background-color: transparent;
        line-height: 1.6;
    }

    .sep__detail__body__questionnaire .sep-text dt {
        border-width: 1px;
        width: auto;
        background-color: transparent;
        margin: 20px 0 15px 0;
        padding: 20px 0 0 0;
        float: none;
    }

    .sep__detail__body__questionnaire .sep-text dt .sep-icon+.sep-annotaiton {
        margin-top: 5px;
    }

    .sep__detail__body__questionnaire .sep-text dd {
        border: none;
        margin-left: 0;
        background-color: transparent;
        padding: 0 0 5px 0;
    }

    .sep__detail__body__questionnaire .sep-text dd .form_gakuchika_pr_count {
        font-size: 12px;
    }

    .sep__detail__body__questionnaire .sep-text dd ul li {
        margin-bottom: 15px;
    }

    .sep__detail__body__questionnaire .sep-text dd ul li label {
        line-height: 1.4;
    }

    .sep__detail__body__questionnaire .sep-text dd ul.is-half-pc li {
        width: auto;
        float: none;
    }

    .sep__detail__body__questionnaire .sep-text dd ul.is-half-pc li:nth-last-child(2) {
        margin-bottom: 15px;
    }
}

.sep__detail__body__recommend {
    margin: -10px 0 -30px 0;
    font-size: 14px;
}

.sep__detail__body__recommend .sep-text {
    width: 245px;
    margin: 0 0 30px 20px;
    float: left;
}

.sep__detail__body__recommend .sep-text:nth-child(n+5) {
    margin-top: 30px;
}

.sep__detail__body__recommend .sep-text:first-child {
    margin-left: 0;
}

.sep__detail__body__recommend .sep-text:nth-child(5n) {
    margin-left: 0;
    position: relative;
}

.sep__detail__body__recommend .sep-text:nth-child(5n)::before {
    border-top: 1px #d4d4d4 solid;
    top: -30px;
    left: 0;
    width: 1040px;
    position: absolute;
    content: "";
}

.sep__detail__body__recommend .sep-text__inner {
    margin-bottom: 10px;
}

.sep__detail__body__recommend .sep-text__title a {
    font-size: 18px;
    color: #2aabe4;
    font-weight: bold;
    line-height: 1.5;
}

.sep__detail__body__recommend .sep-text__title a::after {
    font-family: 'gakujoIcon';
    content: '\E902';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    font-size: 16px;
    color: #e5011a;
    font-weight: normal;
    pointer-events: none;
    margin-left: 3px;
    text-decoration: none !important;
    display: inline-block;
}

.sep__detail__body__recommend .sep-text__title b {
    margin: 5px 0;
    display: block;
    font-weight: bold;
}

.sep__detail__body__recommend .sep-text p {
    margin: 5px 0 10px 0;
}

.sep__detail__body__recommend .sep-text .sep__button {
    margin: 0;
}

.sep__detail__body__recommend .sep-text .sep__button .btn {
    line-height: 38px;
    padding: 0;
    height: 44px;
}

.sep__detail__body__recommend .sep-text .sep__button .btn.orange {
    line-height: 36px;
    height: 40px;
}

.sep__detail__body__recommend .sep-photo {
    text-align: center;
    margin: 0 0 10px 0;
}

.sep__detail__body__recommend .sep-photo img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__recommend {
        margin: 0 10px;
    }

    .sep__detail__body__recommend .sep-text {
        width: 100%;
        float: none;
        border-bottom: 1px solid #d4d4d4;
        margin: 20px auto;
    }

    .sep__detail__body__recommend .sep-text:nth-child(n+5) {
        margin: 20px auto;
    }

    .sep__detail__body__recommend .sep-text:first-child {
        margin-left: 0;
    }

    .sep__detail__body__recommend .sep-text:nth-child(5n) {
        margin-left: 0;
        position: static;
    }

    .sep__detail__body__recommend .sep-text:nth-child(5n)::before {
        display: none;
    }

    .sep__detail__body__recommend .sep-text:last-of-type {
        border-bottom: none;
        margin-bottom: 0;
    }

    .sep__detail__body__recommend .sep-text__title {
        margin-left: 115px;
        min-height: 75px;
        margin-bottom: 7px;
    }

    .sep__detail__body__recommend .sep-text__title a {
        font-size: 14px;
    }

    .sep__detail__body__recommend .sep-text .sep__button {
        margin: 15px auto 20px auto;
    }

    .sep__detail__body__recommend .sep-text .sep__button .btn {
        line-height: 40px;
        padding: 0;
        height: 42px;
    }

    .sep__detail__body__recommend .sep-photo {
        width: 100px;
        float: left;
        margin: 0;
    }
}

.sep__detail__body__seminar,
.sep__detail__body__profile,
.sep__detail__body__charm,
.sep__detail__body__movie,
.sep__detail__body__real,
.sep__detail__body__recruit,
.sep__detail__body__photo,
.sep__detail__body__entry {
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {

    .sep__detail__body__seminar,
    .sep__detail__body__profile,
    .sep__detail__body__charm,
    .sep__detail__body__movie,
    .sep__detail__body__real,
    .sep__detail__body__recruit,
    .sep__detail__body__photo,
    .sep__detail__body__entry {
        padding: 0 10px;
    }
}

.sep__detail__footer {
    margin: 30px auto;
    padding: 0 30px;
}

@media screen and (max-width: 767px) {
    .sep__detail__footer {
        margin: 15px auto;
        padding: 0 15px;
    }
}

.sep__detail__footer2 {
    margin: 20px auto;
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
    .sep__detail__footer2 {
        margin: 0 auto;
        padding: 0 10px;
    }
}

.sep__detail__footer2 .sep__button {
    margin: 15px auto;
}

.sep__detail__footer3 {
    margin: 0;
    padding: 0;
    border-top: 1px #eaeaea solid;
}

@media screen and (max-width: 767px) {
    .sep__detail__footer3 {
        margin: 0 auto;
        padding: 0 10px;
        border-top: none;
    }
}

.sep__detail__footer3 .sep__button {
    margin: 15px auto;
}

.sep__detail__footer__sub,
.sep__detail__footer2__sub {
    position: absolute;
    left: 0;
    bottom: 50%;
    text-align: left;
    line-height: 50px;
    margin-bottom: -25px;
    font-size: 14px;
}

.sep__detail__footer .spr-l_sub-btn,
.sep__detail__footer2 .spr-l_sub-btn {
    position: absolute;
    right: 0;
    bottom: 50%;
    margin-bottom: -19px;
}

.sep__detail__body.is-orange,
.sep__detail__body2.is-orange,
.sep__detail__footer.is-orange {
    background-color: #fff0d8;
    margin: 0;
    padding: 30px;
}

@media screen and (max-width: 767px) {

    .sep__detail__body.is-orange,
    .sep__detail__body2.is-orange,
    .sep__detail__footer.is-orange {
        padding: 10px;
    }
}

.sep__detail__body.is-blue,
.sep__detail__body2.is-blue,
.sep__detail__footer.is-blue {
    margin: 0 auto;
    padding: 30px;
    background-color: #d7f5ff;
}

@media screen and (max-width: 767px) {

    .sep__detail__body.is-blue,
    .sep__detail__body2.is-blue,
    .sep__detail__footer.is-blue {
        padding: 20px 17px;
    }
}

.sep__detail__events-sub {
    border: 1px #2aabe4 solid;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
}

.sep__detail__events-sub ul {
    margin: 0 0 0 10px;
    padding: 8px 10px 10px 20px;
}

.sep__detail__events-sub ul li {
    list-style-type: disc;
    margin-bottom: 5px;
}

.sep__detail__mv {
    text-align: center;
    margin: 30px auto 40px auto;
}
@media screen and (max-width: 767px) {

    .sep__detail__mv {
        margin: 20px auto;
        padding: 0 10px;
        position: relative;
    }

    .sep__detail__mv .movie {
        padding: 0 10px;
        padding-bottom: 55.5%;
        height: 0px;
        position: relative;
    }

    .sep__detail__mv iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.sep__detail__type {
    margin: 30px auto 40px auto;
    padding: 0 30px;
}

@media screen and (max-width: 767px) {
    .sep__detail__type {
        width: 236px;
        height: 150px;
    }
}

.sep__supplement {
    background-color: #eaeaea;
    margin: 20px auto;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    font-size: 12px;
}

.sep__supplement__inner {
    margin: 20px auto;
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
    .sep__supplement {
        margin: 5px 10px;
    }

    .sep__supplement__inner {
        margin: 15px auto;
        padding: 0 15px;
    }
}

@media screen and (max-width: 767px) {
    .sep__top-recommend+.sep__supplement {
        margin-top: 20px;
    }
}

.sep__message {
    background-color: #d7f5ff;
    overflow: hidden;
    padding: 0 30px;
}

@media screen and (max-width: 767px) {
    .sep__message {
        padding: 0 10px;
    }
}

.sep__ribbon+.sep__message {
    margin-top: -14px;
}
.by_occupation_batch+.sep__message {
    margin-top: -14px;
}
@media screen and (max-width: 767px) {
    .by_occupation_batch+.sep__message {
        margin-top: -48px;
        padding-top: 40px;
    }
}

.sep__ribbon+.sep__message .sep__benefits:first-child {
    margin-top: 30px;
}

.sep__ribbon+.sep__detail__inner>a::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 14px;
    top: 0px;
    left: 0;
    background-color: #fff;
}

.sep__ribbon+.sep__detail__inner>a:hover::before {
    background-color: #f1f9fc;
}

.sep__txt-catch--none {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 10px 0;
    line-height: 1.8;
    text-align: center;
}

.sep__txt-catch--none .sep-text__small {
    margin: 5px 0;
    font-weight: normal;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .sep__txt-catch--none {
        font-size: 17px;
        line-height: 1.4;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.sep__txt-catch--log {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    margin: 30px 0;
}

@media screen and (max-width: 767px) {
    .sep__txt-catch--log {
        margin: 10px 0;
        font-size: 18px;
        padding: 10px 10px 5px 10px;
    }
}

.sep__txt-catch--mes {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 25px 0 20px 0;
}

@media screen and (max-width: 767px) {
    .sep__txt-catch--mes {
        font-size: 15px;
        margin: 20px 0 15px 0;
    }
}

.sep__txt-catch--ent {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
}

@media screen and (max-width: 767px) {
    .sep__txt-catch--ent {
        margin: 10px 0;
        font-size: 17px;
        padding: 5px 0 0 0;
    }
}

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

@media screen and (max-width: 767px) {
    .sep__txt-center--pc {
        text-align: left;
    }
}

.sep-icon {
    display: block;
    text-align: center;
    float: left;
    padding: 0;
}

.sep-icon.is-mypage-lst {
    float: none;
    display: inline-block;
    background-color: #e5011a;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding: 5px 10px 6px 10px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .sep-icon.is-mypage-lst {
        font-size: 12px;
        padding: 3px 7px 4px 7px;
    }
}

.sep-icon.is-up {
    float: none;
    display: inline-block;
    background-color: #e5011a;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    vertical-align: middle;
}

.sep-icon.is-up.is-sml {
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 13px;
}

.sep-icon.is-rquired {
    float: none;
    display: inline-block;
    background-color: #e5011a;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    width: 40px;
    color: #fff;
    vertical-align: middle;
}

.sep-icon.is-seminar {
    display: inline-block;
    float: none;
    color: #fff;
    width: 93px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    background: #f79145 url(../img/schedule/icon_scd-seminar-wh.png) 8px center no-repeat;
    padding-left: 25px;
    margin-bottom: 2px;
    background-size: 13px 12px;
    border-radius: 2px;
}

.sep-icon.is-draft {
    background-color: #d7f5ff;
    color: #404040;
    font-size: 12px;
    display: inline-block;
    float: none;
    padding: 3px 8px;
    line-height: 1;
}

.sep-icon.is-list {
    background-color: #fff0d8;
    color: #404040;
    font-size: 10px;
    padding: 3px;
    line-height: 1;
    margin: 1px;
}

.sep__ribbon {
    margin-top: -20px;
    position: relative;
    z-index: 100;
}

.sep__ribbon .is-rib {
    display: inline-block;
    float: none;
    line-height: 34px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    padding: 0 15px;
    position: relative;
    width: 170px;
}

@media screen and (max-width: 767px) {
    .sep__ribbon .is-rib {
        width: 150px;
        padding: 0 5px;
        font-size: 13px;
    }
}

.sep__ribbon .is-rib+.is-rib {
    padding-left: 20px;
}

.sep__ribbon .is-rib::after {
    position: absolute;
    content: " ";
    width: 0px;
    height: 0px;
    top: 0;
    right: -10px;
    border-width: 17px 10px 17px 10px;
    border-style: solid;
}

.sep__ribbon .is-rib--only {
    width: 220px;
    background-color: #e5011a;
}

.sep__ribbon .is-rib--only::after {
    border-color: #e5011a transparent #e5011a #e5011a;
    z-index: 100;
}

.sep__ribbon .is-rib--excellent {
    padding-right: 5px;
    background: #f79145;
    background: -webkit-gradient(linear, left top, right top, from(#f79145), to(#fdc750));
    background: linear-gradient(to right, #f79145 0%, #fdc750 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='map-get($color-sub,"base")', endColorstr='map-get($color-sub,"light")', GradientType=1);
}

.sep__ribbon .is-rib--excellent::after {
    border-color: #fdc750 transparent #fdc750 #fdc750;
    right: -19px;
}

@media screen and (max-width: 767px) {
    .sep__ribbon.is-result {
        margin-top: -14px;
    }

    .sep__ribbon.is-result .is-rib {
        line-height: 24px;
        font-size: 12.5px;
        padding: 0 10px;
        width: auto;
    }

    .sep__ribbon.is-result .is-rib+.is-rib {
        padding-left: 20px;
    }

    .sep__ribbon.is-result .is-rib::after {
        right: -12px;
        border-width: 12px 8px 12px 8px;
    }
}

.sep__benefits {
    margin: 10px 0;
}

.sep__benefits:first-child {
    margin-top: 15px;
}

.sep__benefits .is-ben {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    border: 1px #2aabe4 solid;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-position: 5px center;
    background-repeat: no-repeat;
}

.sep__benefits .is-ben:last-child {
    margin-right: 0;
}

.sep__benefits .is-ben--mail {
    background-size: 15px 11px;
    padding-left: 26px;
    background-color: #fff;
    background-image: url(../img/company/icon_ben-mail.png);
    color: #2aabe4;
}

.sep__benefits .is-ben--celebration {
    background-size: 15px 17px;
    padding-left: 25px;
    background-color: #f79146;
    background-image: url(../img/company/icon_ben-celebration.png);
    color: #fff;
    border: 1px #f79146 solid;
}

@media screen and (max-width: 767px) {
    .sep__benefits .is-ben--celebration {
        padding-left: 25px !important;
    }
}

.sep__benefits .is-ben--present {
    background-size: 11px 13px;
    padding-left: 22px;
    background-color: #2aabe4;
    background-image: url(../img/company/icon_ben-present.png);
    color: #fff;
}

@media screen and (max-width: 767px) {
    .sep__benefits {
        margin: 15px 0 10px 0;
    }
}

@media screen and (max-width: 767px) {
    .sep__benefits.is-result {
        margin: 5px 0 7px 0;
    }

    .sep__benefits.is-result .is-ben {
        line-height: 17px;
        font-size: 10.5px;
        padding: 1px 3px 0 2px;
        margin-right: 3px;
        margin-bottom: 3px;
    }

    .sep__benefits.is-result .is-ben--mail {
        background-size: auto 8px;
        padding-left: 17px;
    }

    .sep__benefits.is-result .is-ben--present {
        background-size: auto 11px;
        padding-left: 18px;
    }
}

.sep__employment {
    margin: 20px auto;
}

.sep__employment+.sep__limit {
    position: absolute;
    margin-top: 0px;
    content: "";
    top: -6px;
}

@media screen and (max-width: 767px) {
    .sep__employment {
        margin: 15px auto;
    }

    .sep__employment+.sep__limit {
        position: relative;
        margin-top: 0px;
        content: "";
        top: 0;
        margin-top: -5px;
        margin-bottom: -15px;
    }
}

.sep__employment .is-emp {
    font-size: 12px;
    font-weight: bold;
    border: 1px #d4d4d4 solid;
    width: 100px;
    background-color: #fff;
    margin-right: 5px;
    line-height: 20px;
    padding: 0;
}

.sep__employment .is-emp:last-child {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .sep__employment .is-emp {
        width: 95px;
    }
}

.sep__type {
    margin: 20px auto;
}

.sep__type dl {
    color: #404040;
}

.sep__type dl dt {
    font-size: 11.5px;
    float: left;
    display: block;
    width: 85px;
    background-color: #eaeaea;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 20px;
}

.sep__type dl dt:last-child {
    margin-bottom: 0;
}

.sep__type dl dt.is-bg--white {
    background-color: #fff;
}

.sep__type dl dt.is-bg--13char {
    font-size: 11px;
}

@media screen and (max-width: 767px) {
    .sep__type dl dt {
        width: 45px;
    }
}

.sep__type dl dd {
    font-size: 14px;
    display: block;
    margin-left: 95px;
    margin-bottom: 10px;
    line-height: 20px;
}

.sep__type dl dd:last-child {
    margin-bottom: 0;
}

.sep__type dl dd.is-txt--small {
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .sep__type dl dd {
        margin-left: 55px;
    }
}

.sep__type.is-blue dt {
    background-color: #d7f5ff;
    width: 95px;
}

.sep__type.is-blue dd {
    margin-left: 105px;
}

.sep__type.is-search {
    margin: 15px 20px;
}

.sep__type.is-search dt,
.sep__type.is-search dd {
    line-height: 1.3;
    min-height: 20px;
}

.sep__type.is-search dt {
    padding: 3px 5px;
    width: 100px;
}

.sep__type.is-search dd {
    margin-bottom: 5px;
    font-size: 12px;
    padding: 3px 0 3px 5px;
}

.sep__type.is-search dd::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .sep__type.is-search {
        margin: 10px;
    }

    .sep__type.is-search dt {
        width: 80px;
    }

    .sep__type.is-search dd {
        margin-left: 80px;
    }
}

.sep__type.is-result dt:nth-last-child(2) {
    margin-bottom: 0px;
}

.sep__type.is-result dd {
    font-size: 12px;
    margin-bottom: 5px;
}

.sep__type.is-result dd:last-child {
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .sep__type.is-result {
        margin: 15px 10px;
    }

    .sep__type.is-result dt,
    .sep__type.is-result dd {
        font-size: 12px;
    }

    .sep__type.is-result dd {
        margin-left: 50px;
        line-height: 1.6;
        min-height: 20px;
        padding-top: 2px;
    }
}

.sep__type.is-dt-wide dt {
    width: 140px;
}

.sep__type.is-dt-wide dd {
    margin-left: 150px;
}

@media screen and (max-width: 767px) {
    .sep__type.is-dt-wide dt {
        width: auto;
        float: none;
        font-size: 14px;
        text-align: left;
        padding: 2px 5px 2px 10px;
    }

    .sep__type.is-dt-wide dd {
        margin-left: 0;
    }
}

.sep__type.is-li {
    margin: 0;
}

.sep__type.is-li dt,
.sep__type.is-li dd {
    font-size: 12px;
    line-height: 1.4;
}

.sep__feature {
    margin: 22px auto;
}

@media screen and (max-width: 767px) {
    .sep__feature {
        margin: 12px auto;
    }
}

.sep__feature .is-fea {
    width: 19.5%;
    margin: 0.25% 0 0.25% 0.5%;
    line-height: 36px;
    background-color: #d7f5ff;
    background-position: 8px center;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 14px;
    padding-left: 30px;
    color: #404040;
    background-size: 26px 26px;
}

.sep__feature .is-fea:first-child,
.sep__feature .is-fea:nth-child(6n) {
    margin-left: 0;
}

.sep__feature .is-fea--listing {
    background-image: url(../img/company/icon_fea-listing.png);
}

.sep__feature .is-fea--qualification {
    background-image: url(../img/company/icon_fea-qualification.png);
}

.sep__feature .is-fea--year {
    background-image: url(../img/company/icon_fea-year.png);
}

.sep__feature .is-fea--salary {
    background-image: url(../img/company/icon_fea-salary.png);
}

.sep__feature .is-fea--transfer {
    background-image: url(../img/company/icon_fea-transfer.png);
}

.sep__feature .is-fea--leave {
    background-image: url(../img/company/icon_fea-leave.png);
}

@media screen and (max-width: 767px) {
    .sep__feature .is-fea--leave.is-fea {
        font-size: 10px;
    }
}

.sep__feature .is-fea--overtime {
    background-image: url(../img/company/icon_fea-overtime.png);
}

@media screen and (max-width: 767px) {
    .sep__feature .is-fea--overtime.is-fea {
        font-size: 10px;
    }
}

.sep__feature .is-fea--share {
    background-image: url(../img/company/icon_fea-share.png);
}

.sep__feature .is-fea--increase {
    background-image: url(../img/company/icon_fea-increase.png);
}

.sep__feature .is-fea--woman {
    background-image: url(../img/company/icon_fea-woman.png);
}

@media screen and (max-width: 767px) {
    .sep__feature .is-fea {
        width: 49%;
        margin: 0 0 1% 0;
        font-size: 12px;
        padding-left: 25px;
        background-position: 5px center;
        background-size: 20px 20px;
    }

    .sep__feature .is-fea:nth-child(even) {
        margin-left: 1%;
    }
}

.sep__feature.is-result {
    padding: 0 20px;
    margin: 15px 0;
}

.sep__feature.is-result .is-fea {
    width: calc(25% - 3.75px);
    margin: 2px 0 2px 5px;
    line-height: 32px;
    background-color: #d7f5ff;
    background-position: 8px center;
    font-size: 12px;
    padding-left: 35px;
}

.sep__feature.is-result .is-fea:first-child,
.sep__feature.is-result .is-fea:nth-child(4n+1) {
    margin-left: 0;
}

@media screen and (max-width: 767px) {
    .sep__feature.is-result {
        padding: 0 10px;
        margin: 5px 0 10px 0;
    }

    .sep__feature.is-result .is-fea {
        width: auto;
        font-size: 10px;
        padding: 4px 4px 4px 20px;
        background-position: 4px center;
        line-height: 1;
        margin: 0 -1px -1px 0;
        float: none;
        display: inline-block;
        background-size: 10px auto;
    }

    .sep__feature.is-result .is-fea--listing {
        background-image: url(../img/search/icon_fea-listing-s.png);
    }

    .sep__feature.is-result .is-fea--qualification {
        background-image: url(../img/search/icon_fea-qualification-s.png);
    }

    .sep__feature.is-result .is-fea--year {
        background-image: url(../img/search/icon_fea-year-s.png);
    }

    .sep__feature.is-result .is-fea--salary {
        background-image: url(../img/search/icon_fea-salary-s.png);
    }

    .sep__feature.is-result .is-fea--transfer {
        background-image: url(../img/search/icon_fea-transfer-s.png);
    }

    .sep__feature.is-result .is-fea--leave {
        background-image: url(../img/search/icon_fea-leave-s.png);
    }

    .sep__feature.is-result .is-fea--overtime {
        background-image: url(../img/search/icon_fea-overtime-s.png);
    }

    .sep__feature.is-result .is-fea--share {
        background-image: url(../img/search/icon_fea-share-s.png);
    }

    .sep__feature.is-result .is-fea--increase {
        background-image: url(../img/search/icon_fea-increase-s.png);
    }

    .sep__feature.is-result .is-fea--woman {
        background-image: url(../img/search/icon_fea-woman-s.png);
    }
}

.spr-btn_entry.is-already {
    background-color: #eaeaea !important;
    color: #666 !important;
    padding: 5px 0 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #eaeaea !important;
    pointer-events: none !important;
    -webkit-box-shadow: 0px 6px 0px 0px #eaeaea !important;
    box-shadow: 0px 6px 0px 0px #eaeaea !important;
}

.sep__detail__events-name {
    padding: 0 20px;
    margin: 20px 0;
}

.sep__detail__events-name .sep-photo {
    width: 220px;
    height: 110px;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
}

.sep__detail__events-name .sep-photo img {
    width: 100%;
    height: auto;
    display: inline;
}

.sep__detail__events-name .sep-photo+.sep-text {
    margin-left: 240px;
}

.sep__detail__events-name .sep-text__name {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .sep__detail__events-name {
        padding: 0 10px;
        margin: 10px 0;
    }

    .sep__detail__events-name .sep-photo {
        width: 150px;
        height: 75px;
        float: none;
        margin: 0 auto;
    }

    .sep__detail__events-name .sep-photo+.sep-text {
        margin-left: 0;
    }

    .sep__detail__events-name .sep-text {
        margin-left: 0;
        margin-top: 10px;
    }

    .sep__detail__events-name .sep-text__name {
        font-size: 17px;
    }

    .sep__detail__events-name .sep__type {
        margin: 15px 0;
    }
}

.sep__detail__events-menu {
    border: 6px #d7f5ff solid;
    display: table;
    width: 100%;
}

.sep__detail__events-menu__nav ul li {
    display: inline-block;
}

.sep__detail__events-menu__nav ul li a {
    display: block;
    color: #2aabe4 !important;
    font-weight: bold;
    font-size: 14px;
    padding: 15px 15px 15px 20px;
    line-height: 1;
}

.sep__detail__events-menu__nav ul li a span::after {
    font-family: 'gakujoIcon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    color: #e5011a;
    font-weight: normal;
    pointer-events: none;
    content: "\E901";
    margin-left: 5px;
    display: inline-block;
}

.sep__detail__events-menu__nav ul li a:hover {
    text-decoration: underline;
}

.sep__detail__events-menu__nav ul li+li {
    border-left: 1px #d7f5ff solid;
}

@media screen and (max-width: 767px) {
    .sep__detail__events-menu__nav ul li {
        display: block;
    }

    .sep__detail__events-menu__nav ul li a span {
        display: block;
        position: relative;
    }

    .sep__detail__events-menu__nav ul li a span::after {
        position: absolute;
        right: 0;
        top: 0;
    }

    .sep__detail__events-menu__nav ul li+li {
        border-left: none;
        border-top: 1px #d7f5ff solid;
    }
}

.sep__detail__events-menu__name,
.sep__detail__events-menu__industry {
    display: table-cell;
    width: 50%;
    padding: 14px 14px 14px 20px;
    vertical-align: middle;
}

.sep__detail__events-menu__name .sep-text__title {
    padding-left: 25px;
}

.sep__detail__events-menu__name .sep-text__title::before {
    background-image: url(../img/events/icon_point-building.png);
    width: 12px;
    height: 16px;
    margin-top: -8px;
}

.sep__detail__events-menu__industry {
    border-left: 1px #d7f5ff solid;
}

.sep__detail__events-menu__industry .sep-text__title {
    padding-left: 30px;
}

.sep__detail__events-menu__industry .sep-text__title::before {
    background-image: url(../img/events/icon_point-bag.png);
    width: 16px;
    height: 14px;
    margin-top: -7px;
}

@media screen and (max-width: 767px) {
    .sep__detail__events-menu {
        display: block;
    }

    .sep__detail__events-menu__name,
    .sep__detail__events-menu__industry {
        display: block;
        width: 100%;
        padding: 12px 10px 15px 10px;
    }

    .sep__detail__events-menu__industry {
        border-left: none;
        border-top: 1px #d7f5ff solid;
    }
}

.sep__detail__events-menu .sep-text * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__detail__events-menu .sep-text__title {
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    width: 147px;
    position: relative;
}

.sep__detail__events-menu .sep-text__title::before {
    content: " ";
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    background-size: contain;
}

.sep__detail__events-menu .sep-text__form {
    display: inline-block;
    width: 230px;
    margin-right: 5px;
}

.sep__detail__events-menu .sep-text__form .condition {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__detail__events-menu .sep-text__form .condition .select_wrap {
    margin: 0 !important;
    width: 100%;
    border: #2aabe4 2px solid;
    border-radius: 3px;
}

.sep__detail__events-menu .sep-text__form .condition .select_wrap select {
    line-height: 41px;
    height: 41px;
    padding: 0 13px;
    width: 100%;
}

.sep__detail__events-menu .sep-text__form input {
    padding: 0 13px;
    line-height: 45px;
    height: 45px;
    width: 100%;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.sep__detail__events-menu .sep-text__button {
    display: inline-block;
    width: 104px;
    vertical-align: top;
}

.sep__detail__events-menu .sep-text__button .btn {
    font-size: 18px;
    text-indent: 30px;
    width: 100%;
    padding: 7px 0 8px 0;
}

@media screen and (max-width: 767px) {
    .sep__detail__events-menu .sep-text__title {
        font-size: 14px;
        width: auto;
        display: block;
        margin-bottom: 5px;
    }

    .sep__detail__events-menu .sep-text__form {
        display: inline-block;
        padding-top: 2px;
        width: 72%;
        margin-right: 0;
    }

    .sep__detail__events-menu .sep-text__form .condition .select_wrap {
        border-width: 1px;
    }

    .sep__detail__events-menu .sep-text__form .condition .select_wrap select {
        line-height: 48px;
        height: 48px;
    }

    .sep__detail__events-menu .sep-text__form input {
        border-width: 1px;
        line-height: 50px;
        height: 50px;
    }

    .sep__detail__events-menu .sep-text__button {
        width: 26%;
        padding-top: 2px;
    }

    .sep__detail__events-menu .sep-text__button .icon {
        left: 5px;
        width: 25px;
        height: 25px;
    }

    .sep__detail__events-menu .sep-text__button .btn {
        font-size: 16px;
        text-indent: 20px;
        line-height: 29px;
    }
}

.sep__detail__events-list.is-open {
    display: block;
}

.sep__detail__events-list.is-close {
    display: none;
}

.sep__detail__events-list .sep-text {
    border-top: 1px #d4d4d4 solid;
    display: table;
    width: 100%;
    line-height: 1.5;
}

.sep__detail__events-list .sep-text:first-of-type,
.sep__detail__events-list .sep-text:nth-of-type(2) {
    border-top: none;
}

.sep__detail__events-list .sep-text__ttl {
    background-color: #d7f5ff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 2px 0;
}

.sep__detail__events-list .sep-text__title {
    width: 660px;
    display: table-cell;
    vertical-align: top;
}

.sep__detail__events-list .sep-text__title .sep-photo {
    height: auto;
    float: left;
    padding: 25px 20px;
    overflow: hidden;
}

.sep__detail__events-list .sep-text__title .sep-photo img {
    width: 130px;
    height: auto;
    display: inline;
}

.sep__detail__events-list .sep-text__title .sep-photo+.sep-text__title__ttl {
    margin-left: 170px;
}

.sep__detail__events-list .sep-text__title__ttl {
    font-size: 18px;
    margin: 20px;
}

.sep__detail__events-list .sep-text__title__ttl span {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
}

.sep__detail__events-list .sep-text__title__ttl span a {
    color: #2aabe4;
}

.sep__detail__events-list .sep-text__title__ttl p {
    font-size: 14px;
    margin: 10px 0;
}

.sep__detail__events-list .sep-text__title__btn {
    margin: 15px 20px 25px 170px;
}

.sep__detail__events-list .sep-text__title__btn .btn {
    line-height: 36px;
    height: auto;
    padding: 0;
    width: 230px;
    font-size: 14px;
}

.sep__detail__events-list .sep-text__title__btn .btn+.orange {
    margin-left: 3px;
}

.sep__detail__events-list .sep-text__title__btn .orange {
    line-height: 35px;
    height: 35px;
    padding: 0;
    width: 230px;
    font-size: 14px;
    margin-left: 238px;
}

.sep__detail__events-list .sep-text__title__btn .orange.is-already {
    background-color: #eaeaea !important;
    color: #666 !important;
    -webkit-box-shadow: 0px 4px 0px 0px #eaeaea !important;
    box-shadow: 0px 4px 0px 0px #eaeaea !important;
    border-color: #eaeaea !important;
    pointer-events: none !important;
}

.sep__detail__events-list .sep-text__note {
    border-left: 1px #d4d4d4 solid;
    width: 220px;
    font-size: 14px;
    display: table-cell;
    vertical-align: top;
}

.sep__detail__events-list .sep-text__note__txt {
    padding: 13px 10px;
}

.sep__detail__events-list .sep-text__note__btn {
    padding: 10px;
}

.sep__detail__events-list .sep-text__note__btn .orange {
    line-height: 35px;
    height: 35px;
    padding: 0;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
}

.sep__detail__events-list .sep-text__note__btn .orange.is-already {
    background-color: #eaeaea !important;
    color: #666 !important;
    border-color: #eaeaea !important;
    -webkit-box-shadow: 0px 6px 0px 0px #ccc;
    box-shadow: 0px 6px 0px 0px #ccc;
}

.sep__detail__events-list .sep-text__note__btn .orange.is-already:hover {
    -webkit-box-shadow: 0px 2px 0px 0px #ccc;
    box-shadow: 0px 2px 0px 0px #ccc;
}

@media screen and (max-width: 767px) {
    .sep__detail__events-list .sep-text__note__btn .orange.is-already {
        -webkit-box-shadow: 0px 4px 0px 0px #ccc;
        box-shadow: 0px 4px 0px 0px #ccc;
    }
}

@media screen and (max-width: 767px) {
    .sep__detail__events-list .sep-text {
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }

    .sep__detail__events-list .sep-text:first-of-type,
    .sep__detail__events-list .sep-text:nth-of-type(2) {
        border-top: none;
    }

    .sep__detail__events-list .sep-text__title {
        width: auto;
        display: block;
    }

    .sep__detail__events-list .sep-text__title .sep-photo {
        padding: 0 10px;
    }

    .sep__detail__events-list .sep-text__title .sep-photo img {
        width: 100px;
    }

    .sep__detail__events-list .sep-text__title .sep-photo+.sep-text__title__ttl {
        margin-left: 120px;
    }

    .sep__detail__events-list .sep-text__title__ttl {
        margin: 15px 10px;
    }

    .sep__detail__events-list .sep-text__title__ttl span {
        font-size: 16px;
    }

    .sep__detail__events-list .sep-text__title__ttl p {
        font-size: 12px;
        margin: 5px 0;
    }

    .sep__detail__events-list .sep-text__title__btn {
        margin: 15px 0;
        padding: 0 10px;
    }

    .sep__detail__events-list .sep-text__title__btn .btn {
        width: auto;
        font-size: 16px;
        display: block;
        line-height: 50px;
        height: auto;
    }

    .sep__detail__events-list .sep-text__title__btn .btn+.orange {
        margin-left: 0;
        margin-top: 10px;
    }

    .sep__detail__events-list .sep-text__title__btn .orange {
        line-height: 50px;
        height: 50px;
        width: auto;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .sep__detail__events-list .sep-text__note {
        width: auto;
        display: block;
        margin: 10px;
        border-left: none;
    }

    .sep__detail__events-list .sep-text__note .sep-text__ttl {
        font-size: 12px;
        width: 45px;
        line-height: 20px;
        float: left;
    }

    .sep__detail__events-list .sep-text__note__txt {
        padding: 2px 0;
        font-size: 12px;
        margin-left: 55px;
        line-height: 20px;
    }

    .sep__detail__events-list .sep-text__note__btn {
        margin: 0 0 15px 0;
        padding: 0;
    }

    .sep__detail__events-list .sep-text__note__btn .orange {
        font-size: 16px;
    }
}

.sep-evt__supplement {
    background-color: #f79145;
    padding: 3px;
    margin-top: 20px;
    clear: both;
}

.sep-evt__supplement.is-site-top {
    width: 482px;
    margin: 0 130px 40px 20px;
    clear: none;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep-evt__supplement.is-site-top .btn {
    width: 209px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.sep-evt__supplement.is-site-top .btn+.btn {
    margin-left: 15px;
}

.sep-evt__supplement.is-site-top .sep__button {
    margin: 15px auto;
}

.sep-evt__supplement.is-site-top .sep-evt__supplement__text {
    padding: 15px 15px 5px 15px;
}

@media screen and (max-width: 767px) {
    .sep-evt__supplement.is-site-top {
        float: none;
        margin: 20px;
        width: auto;
    }

    .sep-evt__supplement.is-site-top .btn {
        width: 100%;
        float: none;
    }

    .sep-evt__supplement.is-site-top .btn+.btn {
        margin-left: 0;
        margin-top: 15px;
    }

    .sep-evt__supplement.is-site-top .sep-evt__supplement__text {
        padding-bottom: 1px;
    }
}

.sep-evt__supplement__inner {
    position: relative;
}

.sep-evt__supplement__title span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: transparent url(../img/events/icon_point-supplement-wh.png) 9px 10px no-repeat;
    padding: 0 0 3px 42px;
    line-height: 44px;
    background-size: 24px 24px;
}

.sep-evt__supplement__text {
    font-size: 14px;
    background-color: #fffef2;
    padding: 20px 20px 30px 20px;
    line-height: 1.7;
}

.sep-evt__supplement__text .action {
    margin: 0 !important;
    width: auto;
    padding: 0;
}

.sep-evt__supplement__text .action .btn {
    margin-right: 0;
}

.sep-evt__supplement__text .btn.is-sp-2line br {
    display: none;
}

.sep-evt__supplement__text .btn.is-outline {
    font-size: 18px;
}

@media screen and (min-width: 768px) {
    .sep-evt__supplement__text .btn.is-outline {
        height: 56px;
    }
}

.sep-evt__supplement__text .btn.is-outline+.btn {
    margin-left: 15px;
}

@media screen and (min-width: 768px) {
    .sep-evt__supplement__text .btn.is-outline.orange {
        height: 50px;
    }
}

.sep-evt__supplement .sep-text__link {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 11px 20px;
}

@media screen and (max-width: 767px) {
    .sep-evt__supplement {
        margin-top: 10px;
    }

    .sep-evt__supplement__title span {
        font-size: 17px;
        padding: 0 0 3px 34px;
        line-height: 35px;
        background-position: 7px 8px;
        background-size: 19px 19px;
    }

    .sep-evt__supplement__text {
        padding: 12px 15px 35px 15px;
    }

    .sep-evt__supplement__text .btn.is-outline {
        font-size: 16px;
    }

    .sep-evt__supplement__text .btn.is-outline+.btn {
        margin-left: 0;
        margin-top: 15px;
    }

    .sep-evt__supplement .sep-text__link {
        padding: 15px;
    }
}

.sep-evt__supplement.is-sep-js--follow {
    background-color: #fffef2;
    padding: 0;
    margin-top: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    position: fixed;
    z-index: 100;
}

@media screen and (max-width: 767px) {
    .sep-evt__supplement.is-sep-js--follow * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.sep-evt__supplement.is-sep-js--follow .sep-text__link {
    position: static;
    display: table-cell;
    text-align: right;
    width: 205px;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .sep-evt__supplement.is-sep-js--follow .sep-text__link {
        position: absolute;
        top: 15px;
        right: 10px;
        font-size: 12px;
    }
}

.sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__inner {
    width: 1100px;
    margin: 0 auto;
}

.sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__title {
    display: table-cell;
    width: 220px;
}

.sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__title span {
    color: #404040;
    background-image: url(../img/events/icon_point-supplement-or.png);
    background-position: left center;
    padding: 0 0 2px 35px;
    line-height: 24px;
}

.sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text {
    display: table-cell;
    padding: 0;
    width: 675px;
}

.sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text p {
    display: none;
}

.sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text .btn {
    font-size: 20px;
    width: 320px;
    line-height: 44px;
    height: 48px;
    padding-top: 2px;
}

.sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text .btn.orange {
    line-height: 44px;
    height: 44px;
}

@media screen and (max-width: 767px) {
    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__inner {
        width: 100%;
        padding: 15px 10px 0 10px;
        position: relative;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__title {
        display: block;
        width: auto;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__title span {
        padding: 0 0 0 27px;
        line-height: 19px;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text {
        display: block;
        width: auto;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text .btn {
        display: block;
        float: left;
        font-size: 14px;
        width: 48.5%;
        line-height: 43px;
        height: 46px;
        padding-top: 0;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text .btn.orange {
        line-height: 43px;
        height: 43px;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text .btn.orange.is-sp-2line {
        line-height: 1.2;
        padding-top: 5px;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text .btn.orange.is-sp-2line br {
        display: inline;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text .btn.is-outline+.btn {
        margin-top: 0;
        margin-left: 3%;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text .btn.arw::after {
        right: 3%;
    }

    .sep-evt__supplement.is-sep-js--follow .sep-evt__supplement__text .sep__button {
        margin: 15px 0;
    }
}

.sep__detail__body__entry-outline .sep-text {
    font-size: 14px;
}

.sep__detail__body__entry-outline .sep-text__bd-top {
    border-top: #eaeaea 1px solid;
    padding-top: 15px;
}

@media screen and (max-width: 767px) {
    .sep__detail__body__entry-outline {
        padding: 0 10px;
    }

    .sep__detail__body__entry-outline .sep-text {
        margin: 0;
    }
}

.spr-pager.is-calendar {
    margin-top: 0;
}

.spr-pager.is-calendar a {
    height: 30px;
    line-height: 26px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    color: #404040;
}

.spr-pager.is-calendar a.is_prev,
.spr-pager.is-calendar a.is_next {
    width: 100px;
}

.spr-pager.is-calendar a.is_prev {
    left: 13px;
}

.spr-pager.is-calendar a.is_next {
    right: 13px;
}

@media screen and (max-width: 767px) {

    .spr-pager.is-calendar a.is_prev,
    .spr-pager.is-calendar a.is_next {
        width: 30px;
    }

    .spr-pager.is-calendar a.is_prev::before {
        right: 5px;
    }

    .spr-pager.is-calendar a.is_next::before {
        left: 5px;
    }
}

.sep__detail * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__detail__schedule-cal .sep-text {
    padding: 15px;
    font-size: 12px;
}

.sep__detail__schedule-cal .sep-text p {
    margin: 0;
}

.sep__detail__schedule-cal .sep-text p+p {
    margin-top: 5px;
}

.sep__detail__schedule-cal .sep-table__tr {
    display: table;
    width: 100%;
    border-top: 1px #bfbfbf solid;
}

.sep__detail__schedule-cal .sep-table__tr:first-child {
    border-top: none;
}

.sep__detail__schedule-cal .sep-table__tr.is-weekly {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.sep__detail__schedule-cal .sep-table__tr.is-weekly .is-week-day {
    background-color: #d7f5ff;
}

.sep__detail__schedule-cal .sep-table__tr.is-weekly .is-week-sun {
    background-color: #ffddd7;
}

.sep__detail__schedule-cal .sep-table__tr.is-weekly .is-week-sat {
    background-color: #ffebb8;
}

.sep__detail__schedule-cal .sep-table__tr.is-daily {
    font-size: 12px;
    line-height: 1.4;
}

.sep__detail__schedule-cal .sep-table__tr.is-daily .is-today {
    background-color: #fffcde;
}

@media screen and (min-width: 768px) {
    .sep__detail__schedule-cal .sep-table__tr.is-daily .sep-table__td:first-child::before {
        display: block;
        float: left;
        height: 90px;
        content: "";
    }
}

.sep__detail__schedule-cal .sep-table__td {
    display: table-cell;
    width: 14.2%;
    vertical-align: bottom;
    padding: 8px;
    position: relative;
}

.sep__detail__schedule-cal .sep-table__td+div {
    border-left: 1px #bfbfbf solid;
}

.sep__detail__schedule-cal .sep-table__td .sep-day {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sep__detail__schedule-cal .sep-table__td .sep-day .sep-day-number {
    position: absolute;
    font-weight: bold;
    left: 0;
    top: 0;
    padding: 8px;
}

.sep__detail__schedule-cal .sep-table__td .sep-day .sep-day-icon {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 4px;
    display: inline-block;
    color: #fff;
    background-color: #bfbfbf;
    font-size: 10px;
    border-radius: 0 0 0 2px;
}

.sep__detail__schedule-cal .sep-table__td .sep-day .sep-day-icon:hover {
    text-decoration: none;
    background-color: #d4d4d4;
}

.sep__detail__schedule-cal .sep-table__td .sep-ttl {
    margin-top: 1.4rem;
}

.sep__detail__schedule-cal .sep-table__td .sep-ttl__inner {
    padding: 10px 0;
    display: block;
}

.sep__detail__schedule-cal .sep-table__td .sep-ttl__inner a {
    color: #2aabe4;
}

.sep__detail__schedule-cal .sep-table__td .sep-ttl__inner+.sep-ttl__inner {
    border-top: 1px #ddd solid;
}

.sep__detail__schedule-cal .sep-table__td .sep-ttl__inner:last-child {
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .sep__detail__schedule-cal .sep-text {
        padding: 10px;
    }

    .sep__detail__schedule-cal .sep-text p+p {
        border-top: 1px #ccc solid;
        padding-top: 10px;
        margin-top: 10px;
    }

    .sep__detail__schedule-cal .sep-table__tr {
        display: block;
        border-top: none;
    }

    .sep__detail__schedule-cal .sep-table__tr.is-daily {
        font-size: 14px;
    }

    .sep__detail__schedule-cal .sep-table__tr.is-daily .is-week-day .sep-day {
        background-color: #d7f5ff;
    }

    .sep__detail__schedule-cal .sep-table__tr.is-daily .is-week-sun .sep-day {
        background-color: #ffddd7;
    }

    .sep__detail__schedule-cal .sep-table__tr.is-daily .is-week-sun .sep-day-number {
        color: #e3472c;
    }

    .sep__detail__schedule-cal .sep-table__tr.is-daily .is-week-sat .sep-day {
        background-color: #ffebb8;
    }

    .sep__detail__schedule-cal .sep-table__tr.is-daily .is-week-sat .sep-day-number {
        color: #975321;
    }

    .sep__detail__schedule-cal .sep-table__td {
        display: table;
        width: 100%;
        padding: 0;
        position: relative;
    }

    .sep__detail__schedule-cal .sep-table__td+div {
        border-left: none;
    }

    .sep__detail__schedule-cal .sep-table__td .sep-day {
        position: static;
        display: table-cell;
        width: 18.2%;
        vertical-align: top;
        border-bottom: 1px #fff solid;
    }

    .sep__detail__schedule-cal .sep-table__td .sep-day .sep-day-number {
        padding: 12px 25px 15px 3px;
        display: block;
        position: relative;
        text-align: center;
        min-height: 50px;
        height: 100%;
        width: 100%;
        font-size: 17px;
    }

    .sep__detail__schedule-cal .sep-table__td .sep-day .sep-day-week {
        position: absolute;
        right: 5px;
        top: 15px;
        display: block;
        background-color: #fff;
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 11px;
        border-radius: 50%;
    }

    .sep__detail__schedule-cal .sep-table__td .sep-day .sep-day-icon {
        padding: 8px 4px;
    }

    .sep__detail__schedule-cal .sep-table__td .sep-ttl {
        padding: 15px 10px;
        margin-top: 0;
        display: table-cell;
        width: 81.8%;
        vertical-align: middle;
        border-bottom: 1px #eaeaea solid;
    }

    .sep__detail__schedule-cal .sep-table__td .sep-ttl__inner a {
        display: block;
    }

    .sep__detail__schedule-cal .sep-table__td .sep-ttl__inner:first-child {
        padding-top: 0;
    }

    .sep__detail__schedule-cal .sep-month {
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        position: relative;
        line-height: 60px;
        border-top: 1px #eaeaea solid;
        margin-top: -1px;
    }
}

.sep-sec_box__schedule-plans {
    background-color: #fff3d4;
    padding: 5px;
}

.sep-sec_box__schedule-plans .sep-title {
    background: transparent url(../img/schedule/icon_scd-seminar-or.png) 5px center no-repeat;
    background-size: 18px 16px;
    padding: 4px 0 4px 25px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.sep-sec_box__schedule-plans .sep-text {
    background-color: #fff;
}

.sep-sec_box__schedule-plans .sep__type {
    background-color: #fff;
    padding: 10px;
}

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

.sep__detail__draft-point .sep-text {
    width: 455px;
    border: 2px #2aabe4 solid;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    margin: 0 25px;
}

.sep__detail__draft-point .sep-text__ttl {
    background-color: #2aabe4;
    color: #fff284;
    font-size: 15px;
    position: relative;
    line-height: 1;
    padding: 3px 0;
}

.sep__detail__draft-point .sep-text__ttl::before {
    background-position: left top;
    background-repeat: no-repeat;
    width: 69px;
    height: 69px;
    left: -34px;
    top: -13px;
    position: absolute;
    display: block;
    content: " ";
    background-size: contain;
}

.sep__detail__draft-point .sep-text__ttl.is-point-box::before {
    background-image: url(../img/list/icon_draft-box.png);
}

.sep__detail__draft-point .sep-text__ttl.is-point-money::before {
    background-image: url(../img/list/icon_draft-money.png);
}

.sep__detail__draft-point .sep-text__txt {
    padding: 15px 0;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .sep__detail__draft-point .sep-text {
        width: auto;
        display: block;
        margin: 0 5px;
    }

    .sep__detail__draft-point .sep-text__ttl {
        padding: 7px 0;
    }

    .sep__detail__draft-point .sep-text__ttl::before {
        width: 60px;
        height: 60px;
        left: -12px;
        top: -12px;
    }

    .sep__detail__draft-point .sep-text__txt {
        padding: 18px 0;
        font-size: 12px;
    }

    .sep__detail__draft-point .sep-text+.sep-text {
        margin-top: 20px;
    }
}

.sep__detail__draft-list li {
    border: 2px #dedede solid;
    padding: 20px;
    text-align: left;
    width: 515px;
    margin: 0 0 10px 10px;
    float: left;
    position: relative;
    min-height: 150px;
}

.sep__detail__draft-list li:nth-child(odd) {
    margin-left: 0;
}

.sep__detail__draft-list li .sep-photo {
    float: left;
    width: 140px;
}

.sep__detail__draft-list li .sep-photo img {
    width: 100%;
    height: auto;
}

.sep__detail__draft-list li .sep-text {
    margin-top: -2px;
    margin-left: 160px;
}

.sep__detail__draft-list li .sep-text__ttl {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}

.sep__detail__draft-list li .sep-text__type {
    line-height: 1;
    margin: 10px 0 15px 0;
}

.sep__detail__draft-list li .sep-text__type .sep-type__icon {
    font-size: 12px;
    text-align: center;
    width: 60px;
    display: inline-block;
    padding: 3px 0 4px 0;
    background-color: #e9e9e9;
    font-weight: bold;
}

.sep__detail__draft-list li .sep-text__type .sep-type__txt {
    font-size: 14px;
}

.sep__detail__draft-list li .sep-button {
    margin-top: 15px;
    margin-left: 160px;
}

.sep__detail__draft-list li .sep-button__icon {
    margin-top: 5px;
}

.sep__detail__draft-list li .sep-yet {
    text-align: center;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: table;
}

.sep__detail__draft-list li .sep-yet__inner {
    vertical-align: middle;
    display: table-cell;
}

.sep__detail__draft-list li .sep-yet__btn {
    width: 300px;
    margin: 0 auto;
}

.sep__detail__draft-list li .sep-yet__txt {
    font-weight: bold;
    line-height: 1;
    margin-top: 10px;
}

.sep__detail__draft-list li .sep-close {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #e9e9e9;
    text-align: center;
    font-size: 18px;
    width: 18px;
    line-height: 14px;
    height: 18px;
    color: #fff;
}

.sep__detail__draft-list li .sep-close a {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
}

.sep__detail__draft-list li .sep-close a:hover {
    text-decoration: none;
    background-color: #999999;
}

.sep__detail__draft-list li.is-active {
    border-color: #ffc58d;
    background-color: #fffef2;
}

.sep__detail__draft-list li.is-active .sep-text__type .sep-type__icon {
    color: #fff;
    background-color: #2aabe4;
}

.sep__detail__draft-list li.is-yet {
    border-style: dashed;
}

@media screen and (max-width: 767px) {
    .sep__detail__draft-list {
        padding: 0.1px 10px;
    }

    .sep__detail__draft-list li {
        padding: 20px 15px;
        width: auto;
        margin: 10px 0;
        min-height: inherit;
        float: none;
    }

    .sep__detail__draft-list li:first-child {
        margin-top: 5px;
    }

    .sep__detail__draft-list li .sep-photo {
        width: 100px;
    }

    .sep__detail__draft-list li .sep-text {
        margin-left: 115px;
        min-height: 75px;
    }

    .sep__detail__draft-list li .sep-text__ttl {
        font-size: 16px;
    }

    .sep__detail__draft-list li .sep-button {
        margin-left: 0;
    }

    .sep__detail__draft-list li .sep-yet__btn {
        width: auto;
    }

    .sep__detail__draft-list li .sep-close {
        width: 20px;
        line-height: 16px;
        height: 20px;
    }

    .sep__detail__draft-list.is-yet {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.sep__detail__draft-list-modal * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__detail__draft-list-modal li {
    border: 2px #d4d4d4 solid;
    padding: 15px;
    text-align: left;
    width: 215px;
    margin: 0 0 10px 10px;
    float: left;
    position: relative;
}

.sep__detail__draft-list-modal li:nth-child(4n+1) {
    margin-left: 0;
}

.sep__detail__draft-list-modal li .sep-photo img {
    width: 100%;
    height: auto;
}

.sep__detail__draft-list-modal li .sep-text {
    margin-top: 10px;
}

.sep__detail__draft-list-modal li .sep-text__ttl {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
}

.sep__detail__draft-list-modal li .sep-text__type {
    font-size: 12px;
    font-weight: bold;
    margin: 3px 0;
}

.sep__detail__draft-list-modal li .sep-text__txt {
    font-size: 12px;
}

.sep__detail__draft-list-modal li .sep-button {
    margin-top: 5px;
}

.sep__detail__draft-list-modal li.is-active {
    border-color: #ffc58d;
    background-color: #fffef2;
}

.sep__detail__draft-list-modal li.is-active .sep-text__type .sep-type__icon {
    color: #fff;
    background-color: #2aabe4;
}

@media screen and (max-width: 767px) {
    .sep__detail__draft-list-modal {
        padding: 0;
    }

    .sep__detail__draft-list-modal li {
        border: none;
        border-bottom: 1px #eaeaea solid;
        padding: 15px;
        width: 100%;
        margin: 0;
        float: none;
    }

    .sep__detail__draft-list-modal li:last-child {
        border-bottom: none;
    }

    .sep__detail__draft-list-modal li .sep-photo {
        float: left;
        width: 74px;
    }

    .sep__detail__draft-list-modal li .sep-text {
        margin-left: 85px;
        margin-top: 0;
        min-height: 55px;
    }

    .sep__detail__draft-list-modal li .sep-text__ttl {
        font-size: 14px;
    }

    .sep__detail__draft-list-modal li .sep-text__type {
        font-size: 10px;
    }

    .sep__detail__draft-list-modal li .sep-button {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .sep__detail .text_size_xxlarge {
        font-size: 18px !important;
    }

    .sep__detail .text_size_xxxlarge {
        font-size: 23px !important;
    }
}

.sep-btn--celebration {
    width: 50%;
    margin-top: 15px;
    margin-bottom: -17px;
}

.sep-btn--celebration.spr-company-head_btn {
    margin-top: 10px;
    margin-bottom: 0px;
    width: 200px;
}

.sep-btn--celebration.spr-company-head_btn a {
    display: block;
}

.sep-btn--celebration.spr-company-head_btn a span {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    background: url(../img/company/icon_ben-celebration.png) no-repeat 0px 6px;
    background-size: 15px 17px;
}

.sep-btn--celebration.spr-company-head_btn .spr-btn_done span {
    padding: 8px 0;
}

@media screen and (max-width: 767px) {
    .sep-btn--celebration.spr-company-head_btn {
        width: 100%;
        margin-bottom: 0px;
        font-size: 15px;
    }

    .sep-btn--celebration.spr-company-head_btn a {
        height: 40px;
    }

    .sep-btn--celebration.spr-company-head_btn a span {
        padding-top: 13px;
        padding-bottom: 13px;
        background: url(../img/company/icon_ben-celebration.png) no-repeat 0px 12px;
        background-size: 15px 17px;
        font-size: 15px;
    }

    .sep-btn--celebration.spr-company-head_btn a::before {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .sep-btn--celebration {
        width: 100%;
        margin-bottom: 0px;
        font-size: 15px;
    }
}

.sep-btn--celebration .spr-btn_done {
    height: 30px;
    text-align: center;
}

.sep-btn--celebration a {
    height: 30px;
    text-align: center;
}

.sep-btn--celebration a::before {
    font-size: 12px;
    height: 12px;
    right: 8px;
}

@media screen and (max-width: 767px) {
    .sep-btn--celebration a::before {
        font-size: 15px;
    }
}

.sep-btn--celebration .spr-btn_entry span {
    padding-left: 22px;
}

.sep-btn--celebration span {
    padding: 10px 0;
    background: url(../img/company/icon_ben-celebration.png) no-repeat 0px 8px;
    background-size: 15px 17px;
    display: inline-block;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .sep-btn--celebration span {
        font-size: 15px;
    }
}

.sep-btn--celebration .spr-btn_entry {
    height: 28px;
    -webkit-box-shadow: 0 2px 0 0 #c87441;
    box-shadow: 0 2px 0 0 #c87441;
    bottom: 2px;
}

.sep-btn--celebration .spr-btn_entry:hover {
    bottom: 1px;
    -webkit-box-shadow: 0 1px 0 0 #c87441;
    box-shadow: 0 1px 0 0 #c87441;
}

.spr-tab_box_inner .spr-mypage .sep__detail__list-favo{
    padding: 0 30px 20px !important;
    background-color: #fff;
}

.sep__detail__list-favo .spr-entry * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__detail__list-favo .spr-entry li {
    width: 100%;
    border: 2px #d4d4d4 solid;
    position: relative;
}

.sep__detail__list-favo .spr-entry li+li {
    margin: 10px 0;
}

.sep__detail__list-favo .spr-entry li .sep-favo-text {
    display: table-cell;
    width: calc(100% - 251px);
    padding: 20px;
}

.sep__detail__list-favo .spr-entry li .sep-favo-text a {
    color: #1a5790;
}

.sep__detail__list-favo .spr-entry li .sep-favo-text__ttl {
    font-size: 20px;
    margin-left: 160px;
    margin-bottom: 5px;
    font-weight: bold;
}

.sep__detail__list-favo .spr-entry li .sep-favo-text__txt {
    margin: 7px 0 10px 160px;
}

.sep__detail__list-favo .spr-entry li .sep-favo-text .sep__type {
    margin: 12px 0 0 160px;
}

.sep__detail__list-favo .spr-entry li .sep-favo-text .sep__type dd {
    margin-bottom: 5px;
}

.sep__detail__list-favo .spr-entry li .sep-favo-text .sep__type dd:last-child {
    margin-bottom: 0;
}

.sep__detail__list-favo .spr-entry li .sep-favo-text__photo {
    width: 140px;
    height: auto;
    float: left;
}

.sep__detail__list-favo .spr-entry li .sep-favo-text .sep-search-result__message {
    margin: 20px 0 0 0;
    padding: 0;
}

.sep__detail__list-favo .spr-entry li .sep-favo-button {
    display: table-cell;
    width: 251px;
    vertical-align: middle;
    background-color: #ffefd4;
    padding: 15px;
}

.sep__detail__list-favo .spr-entry li .sep-favo-button .spr-btn_entry {
    height: 44px;
}

.sep__detail__list-favo .spr-entry li .sep-favo-button .bln_wrap.follow .bln {
    z-index: 1;
}

.sep__detail__list-favo .spr-entry li .sep-favo-button__close {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 18px;
    height: 18px;
    line-height: 14px;
    color: #fff;
    background-color: #d4d4d4;
    text-align: center;
    display: block;
}

.sep__detail__list-favo .spr-entry li .sep-favo-button__close:hover {
    background-color: #999999;
    text-decoration: none;
}

.sep__detail__list-favo .jizen-space {
    height: 30px;
}

@media screen and (max-width: 767px) {
    .sep__detail__list-favo .spr-entry {
        padding: 0 10px 0px 10px !important;
    }

    .sep__detail__list-favo .spr-entry li {
        display: block;
        border-width: 1px;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-text {
        display: block;
        width: auto;
        padding: 15px;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-text__ttl {
        font-size: 14px;
        margin-left: 110px;
        line-height: 1.2;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-text__txt {
        margin: 7px 0 5px 110px;
        font-size: 12px;
        line-height: 1.2;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-text .sep__type {
        margin: 0;
        clear: both;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-text .sep__type dt,
    .sep__detail__list-favo .spr-entry li .sep-favo-text .sep__type dd {
        font-size: 10px;
        line-height: 16px;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-text .sep__type dd {
        margin-left: 50px;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-text__photo {
        width: 100px;
        margin-bottom: 5px;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-text .sep-search-result__message {
        margin-top: 15px;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-text .sep-search-result__message-cmt {
        text-align: left !important;
        line-height: 1.2;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-button {
        display: block;
        width: auto;
        padding: 10px;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-button .spr-btn_entry {
        height: 46px;
    }

    .sep__detail__list-favo .spr-entry li .sep-favo-button__close {
        right: 0px;
        top: 0px;
        width: 20px;
        height: 20px;
        line-height: 16px;
    }
}

@media screen and (max-width: 767px) {
    .spr-content_bnr.sep-bnr {
        margin: -5px 10px -10px 10px;
    }
}

.spr-content_bnr.sep-bnr a+a {
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .spr-content_bnr.sep-bnr a+a {
        margin-left: 0;
        margin-top: 5px;
    }
}

.spr-list_hdg,
.spr-list_hdg a,
.spr-list_hdg a:visited,
.spr-list_hdg a:active {
    color: #1a5790;
}

.spr-list_container tbody tr:first-child>th,
.spr-list_container tbody tr:first-child>td {
    border-top-color: #2aabe4;
}

.spr-list_container tbody tr:last-child>th,
.spr-list_container tbody tr:last-child>td {
    border-bottom-color: #2aabe4;
}

.spr-list_container tbody tr>th {
    border-top-color: #2aabe4;
    border-bottom-color: #2aabe4;
    background-color: #f9fdff;
}

.spr-list_container tbody tr>th.is-highlight {
    background-color: #fffef2;
}

.spr-list_container tbody tr>th .sep-evt {
    margin-top: 20px;
}

.spr-list_container tbody tr>th .sep-evt * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spr-list_container tbody tr>th .sep-evt__inner {
    margin: 0 auto;
    padding: 0 10px;
}

.spr-list_container tbody tr>th .sep-evt__title {
    display: block;
    margin-bottom: 7px;
    width: 100%;
}

.spr-list_container tbody tr>th .sep-evt__title span {
    color: #404040;
    background: transparent url(../img/events/icon_point-supplement-or.png) left center no-repeat;
    background-size: 16px 16px;
    padding-left: 20px;
    line-height: 16px;
    font-size: 14px;
    display: block;
    font-weight: bold;
}

.spr-list_container tbody tr>th .sep-evt__text .btn {
    font-size: 16px;
    width: 49.5%;
    line-height: 34px;
    height: 38px;
    padding-top: 2px;
    float: left;
}

.spr-list_container tbody tr>th .sep-evt__text .btn.orange {
    line-height: 27px;
    height: 34px;
}

.spr-list_container tbody tr>th .sep-evt__text .btn+.btn {
    margin-left: 1%;
}

.spr-list_container tbody tr>th .sep-evt__text .sep__button {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .spr-list_container tbody tr>th .sep-evt__inner {
        padding: 0;
    }

    .spr-list_container tbody tr>th .sep-evt__text .btn {
        line-height: 40px;
        height: 43px;
        font-size: 14px;
    }

    .spr-list_container tbody tr>th .sep-evt__text .btn.orange {
        line-height: 36px;
        height: 40px;
    }

    .spr-list_container tbody tr>th .sep-evt__text .btn+.btn {
        margin-top: 0;
    }
}

.spr-list_container tbody tr>th.sp {
    background-color: #d7f5ff;
}

.spr-list_container tbody tr>td {
    border-top-color: #2aabe4;
    border-bottom-color: #2aabe4;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .spr-list_container tbody tr>td .spr-btn_entry {
        height: 40px;
    }
}

.spr-list_container tbody tr>td .spr-btn_entry::before {
    display: none;
}

@media screen and (min-width: 768px) {
    .spr-list_container tbody tr>td .spr-btn_entry.bln_wrap.follow {
        font-size: 12px;
    }
}

.spr-list_container tbody tr>td .spr-btn_entry.bln_wrap.follow .bln {
    top: -88px;
    width: 270px;
    margin-left: -145px;
    z-index: 10;
    font-weight: bold !important;
    color: #2aabe4 !important;
}

.spr-list_container tbody tr>td .spr-btn_done+.spr-btn_done {
    margin-top: 5px;
    margin-bottom: 5px;
}

.spr-list_container tbody tr>td .spr-btn_done+.spr-btn_entry {
    margin-top: 5px;
}

.spr-list_container.is_list>thead>tr>th {
    width: 12.980769%;
}

.spr-list_container.is_list>thead>tr>th:first-child {
    width: 43.269231%;
}

.spr-list_container.is_list>thead>tr>th:nth-child(2) {
    width: 15.865385%;
}

.spr-list_container.is_list>thead>tr>th:last-child {
    width: 14.423077%;
}

.spr-list_container.is_list .spr-list_hdg a {
    background: transparent url(../img/list/icon_lst-ttl-list.png) left top no-repeat;
    background-size: 34px 34px;
    padding-left: 45px;
    display: inline-block;
    padding-top: 3px;
    min-height: 34px;
}

@media screen and (max-width: 767px) {
    .spr-list_container.is_list>tbody>tr>th {
        margin-bottom: 0px;
    }

    .spr-list_container.is_list>tbody>tr .spr-list_sp-layout {
        margin-top: 0 !important;
    }

    .spr-list_container.is_list>tbody>tr .spr-list_sp-layout .spr-btn_entry {
        height: 37px !important;
    }

    .spr-list_container.is_list .spr-list_box.is_close th.spr-list_cell {
        margin-bottom: 0 !important;
    }

    .spr-list_container.is_list .spr-list_box.is_close td.spr-list_cell:last-child {
        padding-bottom: 51px;
    }

    .spr-list_container.is_list .spr-list_box.is_close .spr-list_delete,
    .spr-list_container.is_list .spr-list_box.is_close .spr-list_redisplay {
        display: none;
    }

    .spr-list_container.is_list .spr-list_inner.is-open-cell {
        display: table !important;
    }
}

.spr-list_container.is_event .spr-list_hdg a {
    background: transparent url(../img/list/icon_lst-ttl-event.png) left top no-repeat;
    background-size: 34px 34px;
    padding-left: 45px;
    display: inline-block;
    padding-top: 3px;
    min-height: 34px;
}

.spr-list_container.is_event .sep-list_msg {
    position: relative;
    padding: 2px 0 !important;
    vertical-align: middle;
    text-align: center;
    font-size: 1.2rem;
}

.sep-btn-icon--mail .spr-btn_inner {
    background: transparent url(../img/list/icon_mail.png) 8px center no-repeat;
}

.sep-btn-icon--mail-re .spr-btn_inner {
    background: transparent url(../img/list/icon_mail-re.png) 8px center no-repeat;
    color: #e5011a;
}

@media screen and (max-width: 767px) {

    .sep-btn-icon--mail,
    .sep-btn-icon--mail-re {
        height: 40px !important;
    }
}

.sep-btn-icon--mail .spr-btn_inner,
.sep-btn-icon--mail-re .spr-btn_inner {
    background-size: 16px auto;
    font-size: 15px;
}

@media screen and (max-width: 767px) {

    .sep-btn-icon--mail .spr-btn_inner,
    .sep-btn-icon--mail-re .spr-btn_inner {
        margin-left: 10px;
    }
}

.sep-btn-icon--mail .spr-btn_inner .spr-unread_number,
.sep-btn-icon--mail-re .spr-btn_inner .spr-unread_number {
    width: 30px;
    height: 30px;
    line-height: 18px;
}

.sep-btn-icon--schedule {
    background: transparent url(../img/list/icon_calendar.png) 25% center no-repeat;
    background-size: 18px 18px;
    height: 44px;
    font-size: 16px;
    padding-left: 15px;
}

.sep-btn-2d-code-evt_list {
    height: 44px;
    font-size: 16px;
    padding-right: 15px;
}

.sep-btn-icon--schedule:hover {
    background-image: url(../img/list/icon_calendar-wh.png);
}

.spr-btn_menu_icon {
    background: url(../img/list/icon_menu.png) 20px no-repeat;
    background-size: 18px 22px;
    background-color: #FFFFFF;
}

.spr-btn_contents_icon_interested {
    background: url(../img/list/icon_Favorite-list_05.png) 20px no-repeat;
    background-size: 34px 34px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_interested {
      background: url(../img/list/icon_Favorite-list_05.png) 10px no-repeat;
      background-size: 25px 25px;
      background-color: #FFFFFF;
      border-top-right-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_contents_icon_interested:hover {
      background-image: url(../img/list/icon_Favorite-list_05_wh.png);
  }
}

.spr-btn_contents_icon_apply {
    background: url(../img/list/icon_Entry-list.png) 20px no-repeat;
    background-size: 34px 34px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_apply {
      background: url(../img/list/icon_Entry-list.png) 10px no-repeat;
      background-size: 25px 25px;
      background-color: #FFFFFF;
      border-top-left-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_contents_icon_apply:hover {
      background-image: url(../img/list/icon_Entry-list_wh.png);
  }
}

.spr-btn_contents_icon_first-choice {
    background: url(../img/list/icon_Firs-choices-list.png) 20px no-repeat;
    background-size: 34px 34px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_first-choice {
      background: url(../img/list/icon_Firs-choices-list.png) 10px no-repeat;
      background-size: 25px 25px;
      background-color: #FFFFFF;
      border-top-left-radius: 0px !important;
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
  }
}

.spr-btn_contents_icon_first-choice.style-jizen {
    background: url(../img/list/icon_Firs-choices-list-gray.png) 20px no-repeat;
    background-size: 34px 34px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_first-choice.style-jizen {
      background: url(../img/list/icon_Firs-choices-list-gray.png) 10px no-repeat;
      background-size: 25px 25px;
      background-color: #FFFFFF;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_contents_icon_first-choice:hover {
      background: url(../img/list/icon_Firs-choices-list_wh.png) 17px no-repeat;
      background-size: 40px 40px;
      background-color: #2AABE4;
  }

  .spr-btn_contents_icon_first-choice.style-jizen:hover {
      background: url(../img/list/icon_Firs-choices-list-gray.png) 20px no-repeat;
      background-color: #FFFFFF;
  }
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_first-choice.style-jizen:hover {
      background: url(../img/list/icon_Firs-choices-list-gray.png) 10px no-repeat;
      background-size: 25px 25px;
      background-color: #FFFFFF;
  }
}

.spr-btn_contents_icon_event-list {
    background: url(../img/list/icon_Event-list.png) 20px no-repeat;
    background-size: 34px 34px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_event-list {
      background: url(../img/list/icon_Event-list.png) 10px no-repeat;
      background-size: 25px 25px;
      background-color: #FFFFFF;
      border-top-left-radius: 0px !important;
      border-top-right-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_contents_icon_event-list:hover {
      background-image: url(../img/list/icon_Event-list_wh.png);
  }
}

.spr-btn_contents_icon_scout {
    background: url(../img/list/icon-scout.png) 20px no-repeat;
    background-size: 34px 23px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_scout {
      background: url(../img/list/icon-scout.png) 10px no-repeat;
      background-size: 25px 16px;
      background-color: #FFFFFF;
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_contents_icon_scout:hover {
      background: url(../img/list/icon_scout_wh.png) 17px no-repeat;
      background-size: 40px 40px;
      background-color: #2AABE4;
  }
}

.spr-btn_contents_icon_recruit {
    background: url(../img/list/icon_mail.png) 20px no-repeat;
    background-size: 32px 23px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_recruit {
      background: url(../img/list/icon_mail.png) 11px no-repeat;
      background-size: 23px 16px;
      background-color: #FFFFFF;
      border-top-left-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_contents_icon_recruit:hover {
      background-image: url(../img/list/icon_mail_wh.png);
  }
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_avatar {
      background-color: #FFFFFF;
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_nurturing-rank {
      background-color: #FFFFFF;
      border-top-left-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_webinfo-chart {
      background-color: #FFFFFF;
      border-top-left-radius: 0px !important;
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
  }
}

.spr-btn_contents_icon_schedule {
    background: url(../img/list/icon_calendar.png) 20px no-repeat;
    background-size: 30px 30px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_schedule {
      background: url(../img/list/icon_calendar.png) 10px no-repeat;
      background-size: 25px 25px;
      background-color: #FFFFFF;
      border-top-left-radius: 0px !important;
      border-top-right-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_contents_icon_schedule:hover {
      background-image: url(../img/list/icon_calendar-wh.png);
  }
}

@media screen and (max-width: 767px) {
  .spr-btn_contents_icon_2d-code {
      background: url(../img/list/icon_2d-code.png) 10px no-repeat;
      background-size: 25px 25px;
      background-color: #FFFFFF;
      margin:auto;
  }
}


.spr-contents_entry-cnt, .spr-contents_event-cnt, .spr-contents_recruit-cnt, .spr-contents_scout-cnt {
    position: absolute; 
    top: 3px; 
    left:210px;
    width:22px;
    height:22px;
    line-height:22px;
    font-size: 10px;
    color:#FFFFFF;
    background: #E50113;
    transform: translate(0, -50%);
    display: inline-block;
    border-radius: 50%;
    text-align:center;
}

@media screen and (max-width: 767px) {
  .spr-contents_entry-cnt, .spr-contents_event-cnt, .spr-contents_recruit-cnt, .spr-contents_scout-cnt {
      position: absolute; 
      top: 3px; 
      left:140px;
      width:22px;
      height:22px;
      line-height:22px;
      font-size: 10px;
      color:#FFFFFF;
      background: #E50113;
      transform: translate(0, -50%);
      display: inline-block;
      border-radius: 50%;
      text-align:center;
  }
}

.spr-contents_entry-cnt.none, .spr-contents_event-cnt.none, .spr-contents_recruit-cnt.none, .spr-contents_scout-cnt.none {
    background-color:transparent;
}

.spr-contents_avatar-area {
    width: 50px;
    height: 50px;
    margin: 12px 18px;
    float:left;
    position: absolute;
    z-index:10;
}

@media screen and (max-width: 767px) {
  .spr-contents_avatar-area {
      width: 36px;
      height: 36px;
      margin: 9px 9px;
      float:left;
      position: absolute;
      z-index:10;
  }
}

.spr-contents_avatar-area label {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    border-radius: 50%;
}

.spr-contents_avatar-area label:hover {
    cursor: pointer;
    opacity: 1;
}

.spr-contents_avatar-area label.normal{
    border: 3px solid #2AABE4;
    z-index: 10;
}

.spr-contents_avatar-area label.white{
    border: 3px solid #B1B1B1;
    z-index: 10;
}

.spr-contents_avatar-area label.bronze{
    border: 3px solid #A57219;
    z-index: 10;
}

.spr-contents_avatar-area label.silver{
    border: 3px solid #8E8E8E;
    z-index: 10;
}

.spr-contents_avatar-area label.gold{
    border: 3px solid #A48800;
    z-index: 10;
}

.spr-contents_avatar-area label.platinum{
    border: 3px solid #8B979F;
    z-index: 10;
}

.spr-contents_avatar-area img {
    background-color:#FFFFFF;
}

.spr-contents_avatar-area label img {
    width: 50px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.spr-contents_avatar-area label img:hover {
    cursor: pointer;
    opacity: 1;
}

.spr-contents_nurturing-rank {
    width: 36px;
    height: 42px;
    margin: 19px 18px;
    float:left;
    position: absolute;
    z-index:10;
}

@media screen and (max-width: 767px) {
  .spr-contents_nurturing-rank {
      width: 30px;
      height: 35px;
      margin: 12px 7px;
      float:left;
      position: absolute;
      z-index:10;
  }
}

.spr-contents_nurturing-rank label {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.spr-contents_nurturing-rank label:hover {
    cursor: pointer;
    opacity: 1;
}

.spr-contents_nurturing-rank label img {
    width: 50px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.spr-contents_nurturing-rank label img:hover {
    cursor: pointer;
    opacity: 1;
}

.spr-contents_webinfo-chart {
    position: absolute;
    top: 10px;
    left: 17px;
    width: 50px;
}

@media screen and (max-width: 767px) {
  .spr-contents_webinfo-chart {
      position: absolute;
      top: 2px;
      left: 8px;
      width: 44px;
  }
}

.spr-btn_menu_icon_mypage {
    background: url(../img/menu/icon_mypage.png) 18px no-repeat;
    background-size: 20px 26px;
    background-color: #FFFFFF;
}

@media screen and (min-width: 768px) {
  .spr-btn_menu_icon_mypage:hover {
      background-image: url(../img/menu/icon_mypage_wh.png);
  }
}

.spr-btn_menu_icon_company {
    background: url(../img/menu/icon_company.png) 50% 25px no-repeat;
    background-size: 34px 41px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_company {
      background: url(../img/menu/icon_company.png) 50% 13px no-repeat;
      background-size: 19px 23px;
      background-color: #FFFFFF;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_menu_icon_company:hover {
      background-image: url(../img/menu/icon_company_wh.png);
  }
}

.spr-btn_menu_icon_event {
    background: url(../img/menu/icon_event.png) 50% 27px no-repeat;
    background-size: 44px 40px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_event {
      background: url(../img/menu/icon_event.png) 50% 15px no-repeat;
      background-size: 26px 24px;
      background-color: #FFFFFF;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_menu_icon_event:hover {
      background-image: url(../img/menu/icon_event_wh.png);
  }
}

.spr-btn_menu_icon_recommend {
    background: url(../img/menu/icon_recommend.png) 50% 23px no-repeat;
    background-size: 49px 45px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_recommend {
      background: url(../img/menu/icon_recommend.png) 50% 12px no-repeat;
      background-size: 30px 27.5px;
      background-color: #FFFFFF;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_menu_icon_recommend:hover {
      background-image: url(../img/menu/icon_recommend_wh.png);
  }
}

.spr-btn_menu_icon_ranking {
    background: url(../img/menu/icon_ranking.png) 50% 27px no-repeat;
    background-size: 42px 34px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_ranking {
      background: url(../img/menu/icon_ranking.png) 50% 14px no-repeat;
      background-size: 26px 21px;
      background-color: #FFFFFF;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_menu_icon_ranking:hover {
      background-image: url(../img/menu/icon_ranking_wh.png);
  }
}

.spr-btn_menu_icon_scout {
    background: url(../img/menu/icon_scout.png) 50% 28px no-repeat;
    background-size: 49px 33px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_scout {
      background: url(../img/menu/icon_scout.png) 50% 15px no-repeat;
      background-size: 30px 20px;
      background-color: #FFFFFF;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_menu_icon_scout:hover {
      background-image: url(../img/menu/icon_scout_wh.png);
  }
}

.spr-btn_menu_icon_recruit {
    background: url(../img/menu/icon_recruit.png) 50% 30px no-repeat;
    background-size: 40px 28px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_recruit {
      background: url(../img/menu/icon_recruit.png) 50% 18px no-repeat;
      background-size: 25px 17.5px;
      background-color: #FFFFFF;
  }
}

@media screen and (min-width: 768px) {
  .spr-btn_menu_icon_recruit:hover {
      background-image: url(../img/menu/icon_recruit_wh.png);
  }
}

.spr-btn_menu_icon_support {
    background: url(../img/menu/icon_support.png) 12px 14px no-repeat;
    background-size: 36px 24px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_support {
      background: url(../img/menu/icon_support.png) 7px 16px no-repeat;
      background-size: 24px 16px;
      background-color: #FFFFFF;
  }
}

.spr-btn_menu_icon_column {
    background: url(../img/menu/icon_column.png) 16px 9px no-repeat;
    background-size: 28px 33px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_column {
      background: url(../img/menu/icon_column.png) 9px 13px no-repeat;
      background-size: 20px 23px;
      background-color: #FFFFFF;
  }
}

.spr-btn_menu_icon_enia {
    background: url(../img/menu/icon_enia.png) 17px 10px no-repeat;
    background-size: 24px 32px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_enia {
      background: url(../img/menu/icon_enia.png) 9px 13px no-repeat;
      background-size: 18px 24px;
      background-color: #FFFFFF;
  }
}

.spr-btn_menu_icon_channel {
    background: url(../img/menu/icon_channel.png) 14px 11px no-repeat;
    background-size: 30px 27px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_channel {
      background: url(../img/menu/icon_channel.png) 8px 15px no-repeat;
      background-size: 22px 20px;
      background-color: #FFFFFF;
  }
}

.spr-btn_menu_icon_newspaper {
    background: url(../img/menu/icon_newspaper.png) 15px 12px no-repeat;
    background-size: 28px 28px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_newspaper {
      background: url(../img/menu/icon_newspaper.png) 8px 14px no-repeat;
      background-size: 20px 20px;
      background-color: #FFFFFF;
  }
}

.spr-btn_menu_icon_qa {
    background: url(../img/menu/icon_qa.png) 14px 11px no-repeat;
    background-size: 30px 30px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .spr-btn_menu_icon_qa {
      background: url(../img/menu/icon_qa.png) 8px 13px no-repeat;
      background-size: 22px 22px;
      background-color: #FFFFFF;
  }
}

@media screen and (min-width: 768px) {
    .spr-mypage_btn-list.is-list>li {
        width: 300px;
    }
}

.spr-search_box .sep__refine-button {
    font-size: 12px;
}

.spr-search_box .sep__refine-button a {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    background-color: #d7f5ff;
    color: #404040;
    line-height: 1.2;
    text-align: center;
    padding: 8px 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0px -2px 0px 0px #7ac9ec inset;
    box-shadow: 0px -2px 0px 0px #7ac9ec inset;
}

.spr-search_box .sep__refine-button a.is-active {
    background-color: #2aabe4;
    color: #fff;
    -webkit-box-shadow: 0px 2px 0px 0px #208dbd inset;
    box-shadow: 0px 2px 0px 0px #208dbd inset;
    pointer-events: none;
}

.spr-search_box .sep__refine-button a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media screen and (max-width: 767px) {
    .spr-search_box .sep__refine-button a {
        width: 78px;
        font-size: 11px;
        padding: 3px 0 4px 0;
        margin-right: -2px;
    }
}

@media screen and (min-width: 768px) {
    .spr-search_container.is-select {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .spr-search_container.is-select {
        display: table;
    }

    .spr-search_container.is-select .spr-search_box .spr-select_container>select {
        padding: 10px 7px;
    }
}

@media screen and (max-width: 767px) {
    .spr-tab_box_toggle-btn {
        font-size: 1.4rem;
        padding-right: 2px;
        padding-left: 2px;
    }

    .spr-tab_box_toggle-btn.is_active {
        font-size: 1.4rem;
    }
}

.spr-history_list {
    padding: 0 5px;
}

.spr-history_list * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spr-history_list .spr-history {
    border-color: #eaeaea;
    position: relative;
    padding: 0;
}

.spr-history_list .spr-history__inner {
    display: table;
    width: 100%;
}

.spr-history_list .spr-history.is_his-reception {
    border: 5px #ffedc3 solid;
}

.spr-history_list .spr-history.is_his-reception .sep-history_icon {
    background-color: #fffef1;
}

.spr-history_list .spr-history.is_his-reception .spr-history_title a.is-unread {
    color: #f79145;
}

.spr-history_list .spr-history.is_his-reception .sep-history_letter {
    background-color: #ffedc3;
}

.spr-history_list .spr-history.is_his-send {
    border: 5px #d7f5ff solid;
}

.spr-history_list .spr-history.is_his-send .sep-history_icon {
    background-color: #effbff;
}

.spr-history_list .spr-history.is_his-send .sep-history_letter {
    background-color: #d7f5ff;
}

.spr-history_list .spr-history.is_activity {
    padding: 5px;
}

.spr-history_list .spr-history.is_activity .spr-history_box {
    padding-bottom: 10px;
}

.spr-history_list .spr-history.is_activity .spr-history_title {
    font-size: 17px;
    padding-left: 25px;
    padding-top: 0px;
    margin: 0px 85px 10px 0;
    background: transparent url(../img/list/icon_info.png) left top no-repeat;
    background-size: 18px 18px;
}

.spr-history_list .spr-history.is_activity .sep-history_txt {
    border: none;
    padding-bottom: 0;
}

.spr-history_list .spr-history.is_activity .sep-history_txt p {
    width: auto;
    margin-left: 25px;
}

.spr-history_list .sep-icon.is-mypage-lst {
    position: absolute;
    top: -10px;
    left: -10px;
}

.spr-history_list .sep-history_icon {
    display: table-cell;
    width: 82px;
    padding-top: 14px;
    vertical-align: top;
    text-align: center;
}

.spr-history_list .sep-history_icon__img {
    width: 52px;
    height: 52px;
    display: block;
    margin: 0 auto;
}

.spr-history_list .spr-history_box {
    display: table-cell;
    width: calc(100% - 82px);
    padding: 15px 20px 0 20px;
}

.spr-history_list .spr-history_box .spr-history_title {
    font-size: 1.8rem;
}

.spr-history_list .spr-history_box .spr-history_title a {
    color: #1a5790;
}

.spr-history_list .spr-history_box .spr-history_ico .is-list {
    font-size: 12px;
}

.spr-history_list .spr-history_box .spr-history_btn-list {
    margin: 17px 10px;
}

.spr-history_list .spr-history_box .spr-history_information {
    padding: 0;
    margin: 15px 150px -5px 25px;
    background-color: transparent;
}

.spr-history_list .spr-history_box .spr-history_information dt {
    background-color: #eaeaea;
    color: #404040;
}

.spr-history_list .spr-history_box .spr-history_information dd {
    font-weight: normal;
    margin-bottom: 5px;
}

.spr-history_list .spr-history_aside {
    margin: 0;
}

.spr-history_list .spr-history_aside p {
    font-weight: normal !important;
    font-size: 14px;
    margin-right: 90px;
}

.spr-history_list .spr-history_aside time {
    position: absolute;
    right: 25px;
    top: 20px;
    margin-right: 0;
}

.spr-history_list .sep-history_txt {
    border-bottom: 1px #d4d4d4 solid;
    padding: 0 0 15px 0;
    position: relative;
}

.spr-history_list .sep-history_txt p {
    font-size: 14px;
    width: 510px;
}

.spr-history_list .sep-history_txt__more {
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 3px;
}

.spr-history_list .spr-history_btn-list [class^="spr-btn"] {
    height: 40px;
    font-size: 14px;
}

.spr-history_list .spr-history_cancel {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 15px;
    margin: 0;
}

.spr-history_list .spr-history_delete {
    display: block;
    position: static;
    margin: 0;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .spr-history_list {
        padding: 0;
    }

    .spr-history_list li+li {
        margin-top: 10px;
    }

    .spr-history_list .spr-history {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .spr-history_list .spr-history.is_activity {
        padding-top: 0;
        padding-bottom: 0;
    }

    .spr-history_list .spr-history.is_activity .spr-history_box {
        padding-bottom: 10px;
    }

    .spr-history_list .spr-history.is_activity .spr-history_title {
        font-size: 15px;
        margin-right: 0;
    }

    .spr-history_list .sep-icon.is-mypage-lst {
        top: -10px;
        left: -5px;
    }

    .spr-history_list .sep-history_icon {
        width: 56px;
    }

    .spr-history_list .sep-history_icon__img {
        width: 40px;
        height: 40px;
    }

    .spr-history_list .spr-history_box {
        width: calc(100% - 56px);
        padding: 15px 10px 0 10px;
    }

    .spr-history_list .spr-history_box .spr-history_title {
        font-size: 1.5rem;
        margin-bottom: 5px;
    }

    .spr-history_list .spr-history_box .spr-history_btn-list {
        margin: 15px 0;
    }

    .spr-history_list .spr-history_box .spr-history_information {
        padding: 0;
        margin: 10px 0 0 0;
    }

    .spr-history_list .spr-history_aside {
        margin: 0;
    }

    .spr-history_list .spr-history_aside p {
        font-size: 12px;
        margin-right: 0;
    }

    .spr-history_list .spr-history_aside time {
        position: static;
        right: auto;
        top: auto;
        font-size: 10px;
        display: block;
        margin-bottom: 5px;
    }

    .spr-history_list .sep-history_txt {
        padding-bottom: 10px;
    }

    .spr-history_list .sep-history_txt p {
        font-size: 12px;
        width: auto;
    }

    .spr-history_list .sep-history_txt__more {
        display: block;
        position: static;
        bottom: auto;
        right: auto;
        font-size: 12px;
        text-align: right;
        margin-top: 5px;
    }

    .spr-history_list .spr-history_cancel {
        position: static;
        right: auto;
        bottom: auto;
        padding: 0 10px 10px 10px;
        text-align: right;
    }
}

.sep-history_letter {
    padding: 20px 15px 15px 15px;
    display: block;
}

.sep-history_letter .spr-tbl_rec {
    background-color: #fff;
    margin: 0;
    border-right: 2px #d4d4d4 solid;
    border-left: 2px #d4d4d4 solid;
}

.sep-history_letter .spr-tbl_rec th {
    width: 10%;
}

.sep-history_letter .spr-tbl_rec td {
    width: 90%;
}

.sep-history_letter .spr-tbl_rec .sep-form__pr-count {
    width: 100%;
}

.sep-history_letter .spr-form_btn-list {
    margin: 15px 0 0 0;
}

.sep-history_letter.is-creation {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .sep-history_letter.is-creation .spr-tbl_rec {
        border-right: none;
        border-left: none;
    }

    .sep-history_letter.is-creation .spr-tbl_rec+.spr-form_btn-list {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .sep-history_letter {
        padding: 15px 5px 5px 5px;
    }

    .sep-history_letter.spr-side_col_inner {
        padding: 15px 10px;
    }

    .sep-history_letter .spr-tbl_rec {
        border: 1px #d4d4d4 solid;
    }

    .sep-history_letter .spr-tbl_rec th {
        width: 100%;
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .sep-history_letter .spr-tbl_rec td {
        width: 100%;
        padding: 15px;
    }

    .sep-history_letter .spr-tbl_rec.is_sp-blc tr:last-child td {
        padding: 15px;
    }

    .sep-history_letter .spr-form_template dt {
        font-size: 10px;
        width: 80px;
    }

    .sep-history_letter .spr-form_template dd {
        width: calc(100% - 80px);
    }

    .sep-history_letter .spr-form_template select {
        padding: 7px 17px 7px 10px;
        color: #404040;
        font-weight: normal;
    }

    .sep-history_letter .spr-form_btn-list {
        margin: 15px 10px 5px 10px;
    }
}

@media screen and (max-width: 767px) {
    .spr-company-head_title.is-mypage .spr-text_link {
        font-size: 15px;
    }

    .spr-company-head_title.is-mypage+.spr-company-head_btn [class^="spr-btn"] {
        font-size: 15px;
        height: 40px;
    }
}

@media screen and (min-width: 768px) {
    .sep__detail__search .sep-text {
        padding: 15px 20px 20px 20px;
        font-size: 12px;
    }

    .sep__detail__search .sep-text p {
        margin: 5px 0;
    }

    .sep__detail__search .sep-search {
        background-color: #d7f5ff;
        padding: 20px;
    }

    .sep__detail__search .sep-search__tab ul li {
        text-align: center;
        font-weight: bold;
        width: 102px;
        line-height: 35px;
        float: left;
        font-size: 14px;
        padding-top: 15px;
    }

    .sep__detail__search .sep-search__tab ul li a {
        border-radius: 3px 3px 0 0;
        display: block;
        color: #fff;
        background-color: #64c6f2;
    }

    .sep__detail__search .sep-search__tab ul li a.is-active {
        background-color: #fff;
        color: #404040;
        pointer-events: none;
    }

    .sep__detail__search .sep-search__tab ul li a:hover {
        text-decoration: none;
        filter: alpha(opacity=65);
        -moz-opacity: 0.65;
        opacity: 0.65;
    }

    .sep__detail__search .sep-search__tab ul li+li {
        margin-left: 2px;
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large {
        width: 143px;
        line-height: 50px;
        font-size: 18px;
        padding-top: 0;
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large a {
        background-color: #2aabe4;
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large a span {
        display: inline-block;
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 25px;
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large a span.is-industry {
        background-image: url(../img/search/icon_search-industry-wh.png);
        background-size: 14px 18px;
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large a span.is-job {
        background-image: url(../img/search/icon_search-job-wh.png);
        background-size: 17px 19px;
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large a span.is-area {
        background-image: url(../img/search/icon_search-area-wh.png);
        background-size: 19px 20px;
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large a.is-active {
        background-color: #fff;
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large a.is-active span.is-industry {
        background-image: url(../img/search/icon_search-industry.png);
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large a.is-active span.is-job {
        background-image: url(../img/search/icon_search-job.png);
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--large a.is-active span.is-area {
        background-image: url(../img/search/icon_search-area.png);
    }

    .sep__detail__search .sep-search__tab ul li.is-tab--2rows {
        line-height: 20.5px !important;
    }

    .sep__detail__search .sep-search__contents {
        padding: 20px;
        background-color: #fff;
        width: 100%;
    }

    .sep__detail__search .sep-search__contents__header {
        position: relative;
        margin: -20px -18px 0 -18px;
    }

    .sep__detail__search .sep-search__category {
        width: 200px;
        display: table-cell;
        font-size: 14px;
        vertical-align: top;
    }

    .sep__detail__search .sep-search__category li {
        display: table;
        width: 100%;
        padding: 0 20px 0 0;
        height: 46px;
        font-weight: bold;
    }

    .sep__detail__search .sep-search__category li a {
        display: table-cell;
        width: 100%;
        height: 100%;
        color: #2aabe4;
        vertical-align: middle;
        padding: 0 10px;
    }

    .sep__detail__search .sep-search__category li a.is-active {
        color: #404040;
        pointer-events: none;
        background-color: #d7f5ff;
        position: relative;
    }

    .sep__detail__search .sep-search__category li a.is-active::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 10px;
        border-color: transparent transparent transparent #d7f5ff;
        position: absolute;
        right: -10px;
        top: 50%;
        margin-top: -6px;
        content: " ";
        display: block;
    }

    .sep__detail__search .sep-search__details {
        display: table-cell;
        vertical-align: top;
        width: 510px;
        border-left: 1px #eaeaea solid;
        padding-left: 20px;
    }

    .sep__detail__search .sep-search__details>ul li {
        padding: 10px 0 0 0;
    }

    .sep__detail__search .sep-search__details>ul li .checkbox_item {
        font-size: 12px;
        line-height: 1.2;
        width: auto;
    }

    .sep__detail__search .sep-search__details>ul li .checkbox_item::after {
        top: 0;
        margin-top: 1px;
    }

    .sep__detail__search .sep-search__details>ul li .checkbox_item::before {
        top: 12px;
    }

    .sep__detail__search .sep-search__details>ul li .checkbox_item span {
        padding-top: 3px;
    }

    .sep__detail__search .sep-search__details>ul li>ul {
        padding-left: 10px;
        margin-top: 10px;
    }

    .sep__detail__search .sep-search__details>ul li>ul li {
        width: 50%;
        float: left;
        padding-right: 13px;
        padding: 10px 0;
    }

    .sep__detail__search .sep-search__details>ul li>ul li:nth-child(even) {
        padding-left: 13px;
        padding-right: 0px;
    }

    .sep__detail__search .sep-search__details>ul li>ul li>ul {
        background-color: #f4f4f4;
        padding: 10px 0 10px 15px;
        margin-top: 13px;
    }

    .sep__detail__search .sep-search__details>ul li>ul li>ul::after {
        clear: both;
        content: "";
        display: block;
    }

    .sep__detail__search .sep-search__details>ul li>ul li>ul li {
        padding: 5px 0;
    }

    .sep__detail__search .sep-search__details>ul li>ul li>ul li .checkbox_item {
        background-color: transparent;
    }

    .sep__detail__search .sep-search__details>ul li>ul li>ul li .checkbox_item::after {
        width: 16px;
        height: 16px;
        background-color: #fff;
    }

    .sep__detail__search .sep-search__details>ul li>ul li>ul li .checkbox_item::before {
        left: 5px;
        margin-top: -11px;
        width: 5px;
        height: 11px;
        border-width: 3px;
    }

    .sep__detail__search .sep-search__details>ul li>ul li>ul li .checkbox_item span {
        padding-left: 24px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kanto"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-hokuriku"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-oversea"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="kanto"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="hokuriku"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="tokai"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"] ul,
    .sep__detail__search .sep-search__details>ul li[data-details="oversea"] ul {
        margin-top: 10px;
        line-height: 0;
        -webkit-column-count: 5;
        -webkit-column-gap: 0px;
        -moz-column-count: 5;
        -moz-column-gap: 0px;
        -webkit-column-count: 2;
        column-count: 2;
        column-gap: 0px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kanto"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="office-hokuriku"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="office-oversea"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="kanto"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="hokuriku"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="tokai"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"] ul li,
    .sep__detail__search .sep-search__details>ul li[data-details="oversea"] ul li {
        width: 90%;
        float: none;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="office-kanto"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="office-hokuriku"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="office-oversea"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="kanto"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="hokuriku"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="tokai"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"] ul li:nth-child(even),
    .sep__detail__search .sep-search__details>ul li[data-details="oversea"] ul li:nth-child(even) {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kanto"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="office-hokuriku"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="office-oversea"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="kanto"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="hokuriku"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="tokai"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"] ul li .checkbox_item span,
    .sep__detail__search .sep-search__details>ul li[data-details="oversea"] ul li .checkbox_item span {
        padding-top: 0;
        padding: 0 0 5px 36px;
        display: inline-block;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kanto"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-hokuriku"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-oversea"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="kanto"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="hokuriku"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="tokai"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"] ul li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="oversea"] ul li .checkbox_item::before {
        top: 5px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kanto"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-hokuriku"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-oversea"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="kanto"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="hokuriku"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="tokai"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"] ul li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="oversea"] ul li .checkbox_item::after {
        top: -7px;
        margin-top: 0;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kanto"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-hokuriku"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="office-oversea"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="kanto"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="hokuriku"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="tokai"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"] ul li li .checkbox_item::after,
    .sep__detail__search .sep-search__details>ul li[data-details="oversea"] ul li li .checkbox_item::after {
        top: -3px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kanto"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-hokuriku"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="office-oversea"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="kanto"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="hokuriku"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="tokai"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"] ul li li .checkbox_item::before,
    .sep__detail__search .sep-search__details>ul li[data-details="oversea"] ul li li .checkbox_item::before {
        top: 8px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kanto"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-hokuriku"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="office-oversea"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="kanto"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="hokuriku"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="tokai"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"]>ul,
    .sep__detail__search .sep-search__details>ul li[data-details="oversea"]>ul {
        margin-top: 17px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tohoku"]>ul>li:nth-child(4),
    .sep__detail__search .sep-search__details>ul li[data-details="tohoku"]>ul>li:nth-child(4) {
        margin-top: 40px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-kinki"]>ul>li:last-child,
    .sep__detail__search .sep-search__details>ul li[data-details="kinki"]>ul>li:last-child {
        margin-bottom: 53px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-chushikoku"]>ul>li:last-child,
    .sep__detail__search .sep-search__details>ul li[data-details="chushikoku"]>ul>li:last-child {
        margin-bottom: 25px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-kyushu"]>ul>li:last-child,
    .sep__detail__search .sep-search__details>ul li[data-details="kyushu"]>ul>li:last-child {
        margin-bottom: 108px;
    }

    .sep__detail__search .sep-search__details>ul li[data-details="office-tokai"]>ul>li:last-child {
        margin-bottom: 60px;
    }

    .sep__detail__search.is-modal * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .sep__detail__search.is-modal .sep-search__tab ul li {
        width: calc(25% - 1.5px);
        padding-top: 0.1px;
        font-size: 16px;
    }

    .sep__detail__search.is-modal .sep-search__tab ul li+li {
        margin-left: 2px;
    }

    .sep__detail__search.is-modal .sep-search__tab ul li a:not(.is-active) {
        background-color: #2aabe4;
        margin-top: 10px;
    }

    .sep__detail__search.is-modal .sep-search__tab ul li .is-active {
        line-height: 45px;
    }

    .sep__detail__search.is-modal .sep-search__details {
        width: 490px;
    }
}

@media screen and (max-width: 767px) {
    .sep__detail__search .sep-text {
        padding: 10px 10px 20px 10px;
        font-size: 11px;
    }

    .sep__detail__search .sep-text p {
        margin: 5px 0;
    }

    .sep__detail__search .sep-search {
        background-color: #fff;
        padding: 0 10px;
    }

    .sep__detail__search .sep-search:first-child {
        padding-top: 10px;
    }

    .sep__detail__search .sep-search__btn ul li {
        padding-top: 1px;
    }

    .sep__detail__search .sep-search__btn ul li a {
        text-align: left;
        font-weight: bold;
        width: 100%;
        line-height: 40px;
        font-size: 14px;
        padding: 0 10px;
        display: block;
        background-color: #d7f5ff;
        position: relative;
    }

    .sep__detail__search .sep-search__btn ul li a::after {
        font-family: 'gakujoIcon';
        display: block;
        position: absolute;
        width: 22px;
        height: 22px;
        line-height: 22px;
        background-color: #2aabe4;
        color: #fff;
        text-align: center;
        right: 10px;
        top: 50%;
        margin-top: -11px;
        content: '\E902';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        border-radius: 3px;
    }

    .sep__detail__search .sep-search__btn ul li p {
        margin: 7px 0 15px 0;
        font-size: 12px;
        line-height: 1.4;
    }

    .sep__detail__search .sep-search__category {
        width: 200px;
        display: table-cell;
        font-size: 14px;
        vertical-align: top;
    }

    .sep__detail__search .sep-search__category li {
        display: table;
        width: 100%;
        padding: 0 20px 0 0;
        height: 46px;
        font-weight: bold;
    }

    .sep__detail__search .sep-search__category li a {
        display: table-cell;
        width: 100%;
        height: 100%;
        color: #2aabe4;
        vertical-align: middle;
        padding: 0 10px;
    }

    .sep__detail__search .sep-search__category li a.is-active {
        color: #404040;
        pointer-events: none;
        background-color: #d7f5ff;
        position: relative;
    }

    .sep__detail__search .sep-search__category li a.is-active::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 10px;
        border-color: transparent transparent transparent #d7f5ff;
        position: absolute;
        right: -10px;
        top: 50%;
        margin-top: -6px;
        content: " ";
        display: block;
    }

    .sep__detail__search .sep-search__details {
        display: table-cell;
        vertical-align: top;
        width: 510px;
        border-left: 1px #eaeaea solid;
        padding-left: 20px;
    }

    .sep__detail__search .sep-search__details>ul li {
        padding: 10px 0 0 0;
    }

    .sep__detail__search .sep-search__details>ul li .checkbox_item {
        font-size: 12px;
        line-height: 1.2;
        width: auto;
    }

    .sep__detail__search .sep-search__details>ul li .checkbox_item::after {
        top: 0;
        margin-top: 0;
    }

    .sep__detail__search .sep-search__details>ul li .checkbox_item::before {
        margin-top: -8px;
    }

    .sep__detail__search .sep-search__details>ul li .checkbox_item span {
        padding-top: 3px;
    }

    .sep__detail__search .sep-search__details>ul li>ul {
        padding-left: 10px;
        margin-top: 10px;
    }

    .sep__detail__search .sep-search__details>ul li>ul li {
        width: 50%;
        float: left;
        padding-right: 13px;
        padding: 10px 0;
    }

    .sep__detail__search .sep-search__details>ul li>ul li:nth-child(even) {
        padding-left: 13px;
        padding-right: 0px;
    }
}

.sep__detail__search-seminar {
    padding: 20px;
}

.sep__detail__search-seminar li {
    width: calc(25% - 15px);
    height: 171px;
    text-align: center;
    font-weight: bold;
    float: left;
}

.sep__detail__search-seminar li+li {
    margin-left: 20px;
}

.sep__detail__search-seminar li a {
    background-position: center 31px;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #2aabe4;
    border: 2px #2aabe4 solid;
    padding: 95px 0 10px 0;
    display: block;
    height: 100%;
    border-radius: 3px;
    line-height: 1.4;
}

.sep__detail__search-seminar li a.is-sem-date {
    background-image: url(../img/search/icon_search-date.png);
}

.sep__detail__search-seminar li a.is-sem-area {
    background-image: url(../img/search/icon_search-area.png);
}

.sep__detail__search-seminar li a.is-sem-industry {
    background-image: url(../img/search/icon_search-industry.png);
}

.sep__detail__search-seminar li a.is-sem-characteristic {
    background-image: url(../img/search/icon_search-characteristic.png);
}

.sep__detail__search-seminar li a:hover {
    text-decoration: none;
    background-color: #d7f5ff;
}

.sep__detail__search-feature {
    background-color: #fff;
    margin: 5px -10px -10px -10px;
    position: relative;
}

.sep__detail__search-feature .sep-text {
    padding: 0 20px 15px 20px;
}

.sep__detail__search-feature .sep-text li {
    width: 221px;
    line-height: 1.2;
    float: left;
}

.sep__detail__search-feature .sep-text li+li {
    margin-left: 20px;
}

.sep__detail__search-feature .sep-text li .sep-text__img img {
    width: 100%;
    height: auto;
}

.sep__detail__search-feature .sep-text li .sep-text__txt .sep-text__ttl {
    font-size: 16px;
    font-weight: bold;
    color: #2aabe4;
    margin: 10px 0 5px 0;
    display: block;
}

.sep__detail__search-feature .sep-text li .sep-text__txt p {
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
}

.sep__detail__search-feature .sep-text li a:hover {
    text-decoration: none;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}

@media screen and (max-width: 767px) {
    .sep__detail__search-feature {
        margin: 10px -5px -5px -5px;
    }

    .sep__detail__search-feature .sep-text {
        padding: 0 15px 15px 15px;
    }

    .sep__detail__search-feature .sep-text li {
        width: auto;
        float: none;
    }

    .sep__detail__search-feature .sep-text li+li {
        margin-left: 0;
        border-top: 1px #eaeaea solid;
        padding-top: 10px;
        margin-top: 10px;
    }

    .sep__detail__search-feature .sep-text li .sep-text__img {
        float: left;
        width: 110px;
    }

    .sep__detail__search-feature .sep-text li .sep-text__txt {
        margin-left: 125px;
        min-height: 83px;
    }

    .sep__detail__search-feature .sep-text li .sep-text__txt .sep-text__ttl {
        font-size: 14px;
        margin-top: 0;
    }

    .sep__detail__search-feature .sep-text li .sep-text__txt p {
        font-size: 12px;
    }
}

.sep__detail__search-matching {
    padding: 20px 20px 0 20px;
}

.sep__detail__search-matching .sep-text {
    background-color: #f4f4f4;
    padding: 15px 20px;
    position: relative;
}

.sep__detail__search-matching .sep-text+.sep-text {
    margin-top: 10px;
}

.sep__detail__search-matching .sep-text__ttl {
    font-size: 14px;
    font-weight: bold;
    width: calc(100% - 180px);
}

.sep__detail__search-matching .sep-text__txt p {
    font-size: 12px;
    width: calc(100% - 180px);
    margin: 5px 0 0 0;
    line-height: 1.6;
}

.sep__detail__search-matching .sep-text__btn {
    width: 160px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

@media screen and (max-width: 767px) {
    .sep__detail__search-matching {
        padding: 10px 10px 0 10px;
    }

    .sep__detail__search-matching .sep-text {
        background-color: #fff;
        padding: 0;
    }

    .sep__detail__search-matching .sep-text+.sep-text {
        margin-top: 15px;
    }

    .sep__detail__search-matching .sep-text__ttl {
        font-size: 12px;
        width: 100%;
        background-color: #f4f4f4;
        position: relative;
        padding: 5px;
        padding-right:25px;
    }

    .sep__detail__search-matching .sep-text__ttl.is-open:after,
    .sep__detail__search-matching .sep-text__ttl.is-close:after {
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -9px;
        width: 18px;
        height: auto;
        line-height: 18px;
        text-align: center;
        color: #fff;
        background-color: #2aabe4;
        border-radius: 3px;
        display: block;
        pointer-events: none;
    }

    .sep__detail__search-matching .sep-text__ttl.is-open:after {
        content: "－";
    }

    .sep__detail__search-matching .sep-text__ttl.is-close:after {
        content: "＋";
    }

    .sep__detail__search-matching .sep-text__txt p {
        font-size: 12px;
        width: 100%;
        margin: 10px 0;
    }

    .sep__detail__search-matching .sep-text__btn {
        width: 100%;
        height: auto;
        position: static;
        text-align: right;
        margin: 0;
        line-height: 1;
    }

    .sep__detail__search-matching .sep-text__btn .btn {
        border: none !important;
        font-size: 12px;
        font-weight: normal;
        height: auto;
        width: auto;
        display: inline;
        line-height: 1;
        padding: 0;
    }

    .sep__detail__search-matching .sep-text__btn .arw::after {
        display: none;
    }
}

.sep__detail__search-attention li {
    line-height: 50px;
    font-size: 12px;
    text-align: left;
}

.sep__detail__search-attention li a {
    display: block;
    padding: 0 10px 0 45px;
    font-weight: bold;
    background: transparent url(../img/search/icon_search-attention.png) 13px center no-repeat;
    background-size: 25px 25px;
}

.sep__detail__search-attention li+li {
    border-top: 1px #eaeaea solid;
}

.sep__tokusyubanner {
    margin-bottom: 30px;
}

.sep__tokusyubanner img {
    width: 100%;
}

.sep__tokusyubanner+.main_col>.sep__detail {
    margin-top: 0px;
}

@media screen and (max-width: 767px) {
    .sep__tokusyubanner {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 768px) {
    .sep__tokusyubanner:first-child {
        margin-top: 30px;
    }
}

.sep__search__number {
    margin: -15px auto;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .sep__search__number {
        margin: -10px 10px -20px 10px;
        text-align: left;
    }
}

table.sep-search__modal__table-cal {
    border: 1px #bfbfbf solid;
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
}

table.sep-search__modal__table-cal tr {
    border: none;
}

table.sep-search__modal__table-cal th {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    width: 14.2%;
    padding: 5px;
    border: 1px #bfbfbf solid;
}

table.sep-search__modal__table-cal .is-week-day {
    background-color: #d7f5ff;
}

table.sep-search__modal__table-cal .is-week-sun {
    background-color: #ffddd7;
}

table.sep-search__modal__table-cal .is-week-sat {
    background-color: #ffebb8;
}

table.sep-search__modal__table-cal td {
    border: 1px #bfbfbf solid;
    padding: 8px;
}

table.sep-search__modal__table-cal td .sep-day {
    text-align: center;
}

table.sep-search__modal__table-cal td .sep-day .sep-day-number {
    padding: 0;
    display: block;
    margin: 0 auto;
    line-height: 32px;
    width: 32px;
    border-radius: 50%;
    font-weight: normal;
    font-size: 16px;
}

table.sep-search__modal__table-cal td .sep-day .sep-day-number:link {
    background-color: #d7f5ff;
    color: #1a5790;
}

table.sep-search__modal__table-cal td .sep-day .sep-day-number.is-applied {
    background-color: #2aabe4;
    color: #fff;
}

table.sep-search__modal__table-cal td .sep-day .sep-day-number:hover:not(span) {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    table.sep-search__modal__table-cal {
        border: none;
    }

    table.sep-search__modal__table-cal th:first-child,
    table.sep-search__modal__table-cal td:first-child {
        border-left: none;
    }

    table.sep-search__modal__table-cal th:last-child,
    table.sep-search__modal__table-cal td:last-child {
        border-right: none;
    }

    table.sep-search__modal__table-cal tr:last-child td {
        border-bottom: none;
    }

    table.sep-search__modal__table-cal th {
        font-size: 12px;
        font-weight: normal;
        border-color: #fff;
        border-top: none;
        border-bottom: none;
    }

    table.sep-search__modal__table-cal td {
        padding: 2px;
        border-color: #eaeaea;
        border-top: none;
    }

    table.sep-search__modal__table-cal td .sep-day .sep-day-number {
        line-height: 35px;
        width: 35px;
        font-size: 14px;
    }
}

.sep-search-result__name {
    margin: 0 20px 15px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: columne;
}

.sep-search-result__name-ico {
    margin: 15px 0 !important;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.sep-search-result__name-ttl {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.sep-search-result__name-ttl h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    color: #1a5790;
}

.sep-search-result__company {
    border-top: 1px #eaeaea solid;
    color: #404040;
    margin: 15px 20px 0 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.sep-search-result__company::after {
    content: "";
    display: block;
    clear: both;
}

.sep-search-result__company .sep-photo {
    width: 310px;
    float: left;
}

.sep-search-result__company .sep-text {
    margin-left: 360px;
}

.sep-search-result__company .sep-text p:last-child {
    margin-bottom: 0;
}

.sep-search-result__company-ttl {
    font-weight: bold;
    color: #e5011a;
}

.sep-search-result__company-txt p {
    margin: 0 0 10px 0;
}

.sep-search-result__message {
    color: #404040;
    display: table;
    margin: 0 20px 0 20px;
    padding-bottom: 20px;
    clear: both;
}

.sep-search-result__message .sep-photo {
    width: 90px;
    display: table-cell;
    text-align: center;
    vertical-align: top;
}

.sep-search-result__message-ph {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.sep-search-result__message-ttl {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;
    margin: 5px auto;
}

.sep-search-result__message .sep-text {
    padding-left: 20px;
    width: 660px;
    vertical-align: top;
}

.sep-search-result__message .sep-text__fukidashi {
    border-radius: 3px;
    padding-bottom: 0.1px;
    position: relative;
}

.sep-search-result__message .sep-text__fukidashi::before {
    position: absolute;
    display: block;
    top: calc(8% + 35px);
    content: " ";
}

.sep-search-result__message .sep-text__fukidashi.is-blue .sep-search-result__message-cmt,
.sep-search-result__message .sep-text__fukidashi.is-orange .sep-search-result__message-cmt {
    padding: 7px 15px;
    color: #fff;
    text-align: center;
}

.sep-search-result__message .sep-text__fukidashi.is-blue::before,
.sep-search-result__message .sep-text__fukidashi.is-orange::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    left: -10px;
}

.sep-search-result__message .sep-text__fukidashi.is-blue {
    background-color: #d7f5ff;
}

.sep-search-result__message .sep-text__fukidashi.is-blue .sep-search-result__message-cmt {
    background-color: #2aabe4;
}

.sep-search-result__message .sep-text__fukidashi.is-blue::before {
    border-color: transparent #d7f5ff transparent transparent;
}

.sep-search-result__message .sep-text__fukidashi.is-orange {
    background-color: #ffefd4;
}

.sep-search-result__message .sep-text__fukidashi.is-orange .sep-search-result__message-cmt {
    background-color: #f79145;
}

.sep-search-result__message .sep-text__fukidashi.is-orange::before {
    border-color: transparent #ffefd4 transparent transparent;
}

.sep-search-result__message .sep-text__fukidashi.is-basic {
    border: 1px #2aabe4 solid;
    background-color: #fff;
}

.sep-search-result__message .sep-text__fukidashi.is-basic::before {
    left: -7px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #2aabe4;
    border-right: 1px solid #2aabe4;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background-color: #fff;
}

.sep-search-result__message-cmt {
    padding: 10px 15px 0 15px;
    border-radius: 3px 3px 0 0;
    font-size: 14px;
    font-weight: bold;
}

.sep-search-result__message-txt {
    margin: 10px 15px;
    font-size: 12px;
}

.sep-search-result__message-ico {
    padding: 0 15px 0.1px 15px;
}

.sep-search-result__seminar {
    margin: 0 20px;
    border-top: 1px #eaeaea solid;
    padding: 3px 0 20px 0;
    color: #404040;
}

.sep-search-result__seminar table {
    border-collapse: collapse;
    font-size: 12px;
    width: 100%;
    border: none;
    background-color: #fff;
}

.sep-search-result__seminar table th {
    background-color: #2aabe4;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-top: 1px #2aabe4 solid;
}

.sep-search-result__seminar table th:first-child {
    border-left: 1px #2aabe4 solid;
}

.sep-search-result__seminar table th:last-child {
    border-right: 1px #2aabe4 solid;
}

.sep-search-result__seminar table td {
    padding: 10px 15px;
    border: 1px #eaeaea solid;
}

.sep-search-result__seminar-area {
    width: 25%;
    text-align: center;
}

.sep-search-result__seminar-date {
    width: 75%;
    text-align: left;
    color: #2aabe4;
}

.sep-search-result__button {
    margin: 0 0 20px 0;
    text-align: center;
}

.sep-search-result__link {
    font-size: 12px;
    padding: 15px 20px;
    border-top: 1px #eaeaea solid;
}

.sep-search-result__link-ttl {
    font-weight: bold;
    margin-bottom: 5px;
}

.sep-search-result__link-lst li {
    display: inline;
    margin-right: -3px;
}

.sep-search-result__link-lst li::before {
    content: "｜";
}

.sep-search-result__link-lst li:first-child::before {
    content: none;
}

.sep-search-result__info {
    text-align: center;
    font-weight: bold;
    padding: 20px;
}

.sep-search-result__info-ttl {
    background-color: #2aabe4;
    color: #fff;
    padding: 3px 5px;
    margin: 15px 0;
}

.sep-search-result__info-lst {
    display: table;
    margin: 20px auto;
    width: 100%;
}

.sep-search-result__info-lst li {
    display: table-cell;
    width: 30%;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 85px;
    line-height: 1.4;
    font-size: 16px;
    vertical-align: top;
}

.sep-search-result__info-lst li.is-cmp {
    background-image: url(../img/search/icon_intro-cmp.png);
}

.sep-search-result__info-lst li.is-ai {
    background-image: url(../img/search/icon_intro-ai.png);
}

.sep-search-result__info-lst li.is-evt {
    background-image: url(../img/search/icon_intro-evt.png);
}

.sep-search-result__info-btn {
    padding: 20px 10px 5px 10px;
    border-top: 1px #eaeaea solid;
}

.sep-search-result__info-btn .spr-btn_entry {
    margin: 10px auto;
}

@media screen and (max-width: 767px) {
    .sep-search-result__name {
        margin: 0 10px;
        padding-top: 10px;
    }

    .sep-search-result__name-ico {
        margin: 10px 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .sep-search-result__name-ttl {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .sep-search-result__name-ttl h3 {
        font-size: 20px;
    }

    .sep-search-result__company {
        border-top: none;
        margin: 10px 10px 0 10px;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .sep-search-result__company .sep-photo {
        width: 170px;
    }

    .sep-search-result__company .sep-text {
        margin-left: 180px;
    }

    .sep-search-result__company .sep-text__txt {
        max-height: none;
        overflow: hidden;
        position: relative;
        margin-right: -10px;
        padding-right: 20px;
    }

    .sep-search-result__company .sep-text__txt::after {
        position: absolute;
        display: inline-block;
        right: 10px;
        bottom: 0;
    }

    .sep-search-result__company-ttl {
        color: #fff;
        background-color: #2aabe4;
        padding: 5px 12px;
        font-size: 14px;
    }

    .sep-search-result__company-txt {
        font-size: 11px;
    }

    .sep-search-result__company-txt p {
        margin: 0 0 5px 0;
    }

    .sep-search-result__message {
        display: block;
        margin: 0 10px 0 20px;
        padding-bottom: 15px;
        position: relative;
    }

    .sep-search-result__message .sep-photo {
        width: 50px;
        display: block;
        position: absolute;
        left: -10px;
        top: -5px;
        z-index: 1;
    }

    .sep-search-result__message-ph {
        width: 50px;
        height: 50px;
        z-index: 1;
    }

    .sep-search-result__message-ttl {
        display: block;
        font-size: 11px;
        margin: 13px 10px 8px 10px;
        padding: 0;
    }

    .sep-search-result__message .sep-text {
        padding-left: 0;
        width: 100%;
    }

    .sep-search-result__message .sep-text__fukidashi.is-blue::before,
    .sep-search-result__message .sep-text__fukidashi.is-orange::before,
    .sep-search-result__message .sep-text__fukidashi.is-basic::before {
        display: none;
    }

    .sep-search-result__message .sep-text__fukidashi.is-blue .sep-search-result__message-cmt,
    .sep-search-result__message .sep-text__fukidashi.is-orange .sep-search-result__message-cmt,
    .sep-search-result__message .sep-text__fukidashi.is-basic .sep-search-result__message-cmt {
        padding: 10px 5px 10px 45px;
    }

    .sep-search-result__message-cmt {
        padding: 10px 10px 10px 50px;
        font-size: 13.5px;
        text-align: left;
        background-color: #d7f5ff;
    }

    .sep-search-result__message-txt {
        margin: 7px 10px;
        font-size: 11px;
    }

    .sep-search-result__message-ico {
        padding: 0 10px 0.1px 10px;
    }

    .sep-search-result__seminar {
        margin: 0 0 10px 0;
        border-top-color: #2aabe4;
        padding: 0;
    }

    .sep-search-result__seminar-tbl {
        padding: 10px;
        background-color: #d7f5ff;
    }

    .sep-search-result__seminar table {
        font-size: 11px;
    }

    .sep-search-result__seminar-date {
        color: #1a5790;
    }

    .sep-search-result__button {
        margin: 0;
        padding: 0 10px 10px 10px;
    }

    .sep-search-result__button .btn.blue:not(.is-choice) {
        width: 48.5%;
        line-height: 1.1;
        float: left;
        margin-left: 0 !important;
        padding-top: 5px !important;
    }

    .sep-search-result__button .btn.orange {
        width: 48.5%;
        margin-left: 50%;
        float: left;
        margin-left: 3% !important;
    }

    .sep-search-result__button .btn.orange.is-already {
        font-size: 14px;
    }

    .sep-search-result__info {
        padding: 10px;
        font-size: 13px;
    }

    .sep-search-result__info-ttl {
        margin: 10px 0;
    }

    .sep-search-result__info-lst li {
        padding-top: 45px;
        font-size: 12px;
        background-size: 35px 35px;
    }

    .sep-search-result__info-btn {
        padding: 15px 0;
    }

    .sep-search-result__info-btn .spr-btn_entry {
        margin: 10px auto;
    }
}

.sep-search-sp {
    text-align: left;
}

.sep-search__modal__header .sep-title {
    padding: 10px 10px 10px 40px;
    background: #fff url(../img/search/icon_h-matching.png) 10px center no-repeat;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 0;
    background-size: 25px 25px;
}

.sep-search__modal__body .sep-list {
    border-bottom: 1px #eaeaea solid;
}

.sep-search__modal__body .sep-list .checkbox_item {
    background-color: transparent;
    width: auto;
    padding: 10px 10px 10px 20px;
}

.sep-search__modal__body .sep-list .checkbox_item span {
    font-size: 14px;
    line-height: 1.2;
}

.sep-search__modal__body .sep-list .checkbox_item::before {
    top: 50%;
    left: 27px;
}

.sep-search__modal__body .sep-list .checkbox_item::after {
    top: 50%;
    left: 20px;
}

.sep-search__modal__body .sep-list>li {
    display: block;
    background-color: #fff;
}

.sep-search__modal__body .sep-list>li+li {
    border-top: 1px #fff solid;
}

.sep-search__modal__body .sep-list>li .sep-list__ttl {
    background-color: #2aabe4;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding: 10px 40px 10px 10px;
}

.sep-search__modal__body .sep-list>li .sep-list__ttl .checkbox_item {
    margin: -10px 0 -10px -10px;
    padding-left: 10px;
}

.sep-search__modal__body .sep-list>li .sep-list__ttl .checkbox_item::before {
    left: 17px;
}

.sep-search__modal__body .sep-list>li .sep-list__ttl .checkbox_item::after {
    left: 10px;
}

.sep-search__modal__body .sep-list>li .sep-list__ttl a {
    position: absolute;
    width: 90%;
    height: 42px;
    display: block;
    right: 0;
    top: 50%;
    margin-top: -20px;
}

.sep-search__modal__body .sep-list>li .sep-list__ttl a.is-open:after,
.sep-search__modal__body .sep-list>li .sep-list__ttl a.is-close:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    width: 18px;
    height: auto;
    line-height: 18px;
    text-align: center;
    color: #2aabe4;
    background-color: #fff;
    border-radius: 3px;
    display: block;
    pointer-events: none;
}

.sep-search__modal__body .sep-list>li .sep-list__ttl a.is-open:after {
    content: "－";
}

.sep-search__modal__body .sep-list>li .sep-list__ttl a.is-close:after {
    content: "＋";
}

.sep-search__modal__body .sep-list>li li {
    border-top: 1px #eaeaea solid;
}

.sep-search__modal__body .sep-list>li li ul {
    display: block !important;
}

.sep-search__modal__body .sep-list>li li ul li .checkbox_item {
    padding-left: 35px;
}

.sep-search__modal__body .sep-list>li li ul li .checkbox_item::before {
    left: 42px;
}

.sep-search__modal__body .sep-list>li li ul li .checkbox_item::after {
    left: 35px;
}

.sep-search__modal__footer {
    padding: 10px;
    background-color: #fff;
}

.sep__search__number+article>.sep__detail {
    margin-top: 30px;
}

.sep-link--all.bln_wrap {
    position: static;
}

.sep-link--all.bln_wrap .bln.sep-sch {
    position: absolute;
    top: 170px;
    right: -315px;
    bottom: unset;
    width: 325px;
    z-index: 10;
    padding: 0;
    border: none;
    background-color: transparent;
}

.sep-link--all.bln_wrap .bln.sep-sch .bln_inner {
    border: 2px #2aabe4 solid;
    border-radius: 3px;
    background-color: #fff;
}

.sep-link--all.bln_wrap .bln.sep-sch .bln_inner .sep-bln__title {
    padding: 10px 15px;
    background-color: #2aabe4;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.sep-link--all.bln_wrap .bln.sep-sch .bln_inner .sep-bln__text {
    padding: 15px;
}

.sep-link--all.bln_wrap .bln.sep-sch .bln_inner .sep-bln__text .sep-bln__text__txt {
    font-size: 12px;
    margin-left: 127px;
}

.sep-link--all.bln_wrap .bln.sep-sch .bln_inner .sep-bln__text .sep-bln__text__ph {
    width: 117px;
    float: left;
}

.sep-link--all.bln_wrap .bln.sep-sch::after {
    top: 50%;
    left: 0;
    margin-top: -6px;
    margin-left: -8px;
    width: 14px;
    height: 10px;
    background: #fff;
    z-index: 20;
    border-bottom: 2px solid #2aabe4;
    border-left: 2px solid #2aabe4;
    -webkit-transform: rotate(22deg) skew(-45deg);
    transform: rotate(22deg) skew(-45deg);
}

.sep__detail__ranking .sep-form {
    background-color: #d7f5ff;
    padding: 15px;
    display: table;
    width: 100%;
}

.sep__detail__ranking .sep-form__ttl {
    font-weight: bold;
    display: table-cell;
    text-align: center;
    width: 65px;
    vertical-align: middle;
}

.sep__detail__ranking .sep-form__frm {
    width: 450px;
    display: table-cell;
    vertical-align: top;
}

.sep__detail__ranking .sep-form__frm .select_wrap {
    width: 100%;
}

.sep__detail__ranking .sep-form__frm .select_wrap select {
    border: 2px #2aabe4 solid;
    background-color: #fff;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
}

.sep__detail__ranking .sep-form__frm .select_wrap::after {
    right: 12px;
    margin-top: -7px;
}

.sep__detail__ranking .sep-form__btn {
    vertical-align: top;
    width: calc(100% - 515px);
    display: table-cell;
    padding-left: 10px;
}

.sep__detail__ranking .sep-form__btn .btn {
    font-size: 18px;
    width: 104px;
    line-height: 19px;
    padding: 10px 8px;
}

.sep__detail__ranking .sep-text {
    border: 2px #d4d4d4 solid;
    display: table;
    width: 100%;
    position: relative;
    margin-top: 25px;
}

.sep__detail__ranking .sep-text+.sep-text {
    margin-top: 10px;
}

.sep__detail__ranking .sep-text__icon {
    position: absolute;
    left: 5px;
    right: 5px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
}

.sep__detail__ranking .sep-text__icon .rank {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    top: 0;
    left: 1px;
    letter-spacing: -1px;
}

.sep__detail__ranking .sep-text__icon .rank span {
    z-index: 1;
    display: block;
    top: 4px;
    position: relative;
}

.sep__detail__ranking .sep-text__icon .rank svg {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.sep__detail__ranking .sep-text__icon .rank svg:not(:root) {
    overflow: hidden;
}

.sep__detail__ranking .sep-text__icon--pr {
    background-color: #e5011a;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: -15px;
    left: -15px;
    position: absolute;
    display: block;
    border-radius: 50%;
}

.sep__detail__ranking .sep-text__inner {
    padding: 20px 20px 0px 20px;
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 270px);
}

.sep__detail__ranking .sep-text__ph {
    width: 140px;
    height: auto;
    float: left;
}

.sep__detail__ranking .sep-text__txt {
    margin-left: 160px;
    line-height: 1.4;
}

.sep__detail__ranking .sep-text__txt--ttl {
    font-size: 20px;
    font-weight: bold;
}

.sep__detail__ranking .sep-text__txt a {
    color: #2aabe4;
}

.sep__detail__ranking .sep-text__txt--txt {
    font-size: 14px;
}

.sep__detail__ranking .sep-text__txt .sep__type {
    margin-top: 10px;
}

.sep__detail__ranking .sep-text__txt .sep__type dt,
.sep__detail__ranking .sep-text__txt .sep__type dd {
    margin-bottom: 5px;
}

.sep__detail__ranking .sep-text__button {
    padding: 0 15px;
    background-color: #d7f5ff;
    display: table-cell;
    vertical-align: middle;
    width: 270px;
}

@media screen and (max-width: 767px) {
    .sep__detail__ranking {
        padding: 0 10px;
    }

    .sep__detail__ranking .sep-form {
        padding: 15px 10px;
        margin: 0 -10px;
        width: calc(100% + 20px);
    }

    .sep__detail__ranking .sep-form__ttl {
        text-align: left;
        width: 45px;
        font-size: 12px;
    }

    .sep__detail__ranking .sep-form__frm {
        width: 180px;
    }

    .sep__detail__ranking .sep-form__frm .select_wrap {
        border: none;
    }

    .sep__detail__ranking .sep-form__frm .select_wrap select {
        border: 1px #2aabe4 solid;
        font-size: 14px;
        line-height: 20px;
        padding: 8px 15px 8px 10px;
    }

    .sep__detail__ranking .sep-form__btn {
        width: calc(100% - 225px);
        padding-left: 10px;
    }

    .sep__detail__ranking .sep-form__btn .btn {
        font-size: 14px;
        width: 100%;
        padding: 8px;
        line-height: 18px;
    }

    .sep__detail__ranking .sep-text {
        border-width: 1px;
        display: block;
        margin-top: 20px;
    }

    .sep__detail__ranking .sep-text+.sep-text {
        margin-top: 15px;
    }

    .sep__detail__ranking .sep-text__icon--pr {
        width: 32px;
        height: 22px;
        line-height: 22px;
        left: -12px;
        top: -12px;
        font-size: 12px;
        border-radius: 0;
    }

    .sep__detail__ranking .sep-text__icon .rank {
        width: 35px;
        height: 28px;
        line-height: 28px;
        left: -5px;
        top: -1px;
    }

    .sep__detail__ranking .sep-text__icon .rank span {
        top: 3px;
    }

    .sep__detail__ranking .sep-text__icon .rank svg {
        width: 35px;
        height: 28px;
    }

    .sep__detail__ranking .sep-text__inner {
        padding: 10px 10px 10px 10px;
        display: block;
        width: 100%;
    }

    .sep__detail__ranking .sep-text__ph {
        width: 60px;
        margin-top: 3px;
    }

    .sep__detail__ranking .sep-text__txt {
        margin-left: 70px;
    }

    .sep__detail__ranking .sep-text__txt--ttl {
        font-size: 13px;
    }

    .sep__detail__ranking .sep-text__txt a {
        display: inline-block;
        min-height: 47px;
    }

    .sep__detail__ranking .sep-text__txt--txt {
        font-size: 11px;
        margin: 5px 0 5px -70px;
    }

    .sep__detail__ranking .sep-text__txt .sep__type {
        margin: 5px 0 0 -70px;
    }

    .sep__detail__ranking .sep-text__txt .sep__type dt {
        font-size: 10px;
    }

    .sep__detail__ranking .sep-text__txt .sep__type dd {
        font-size: 11px;
        line-height: 1.4;
        min-height: 20px;
        margin-left: 50px;
    }

    .sep__detail__ranking .sep-text__button {
        padding: 10px;
        display: block;
        width: 100%;
    }

    .sep__detail__ranking .sep-text__button .btn {
        padding: 8px;
    }
}

.side_col .btn.twitter,
.side_col .btn.facebook {
    padding-left: 29px;
    text-indent: 0;
    padding-right: 0;
}

@media screen and (min-width: 768px) {

    .side_col .btn.twitter,
    .side_col .btn.facebook {
        width: 202px;
    }

    .side_col .btn.twitter svg,
    .side_col .btn.facebook svg {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 767px) {

    .side_col .btn.twitter svg,
    .side_col .btn.facebook svg {
        margin-left: -40% !important;
    }
}

.sep-news__table {
    border: 2px #f79145 solid;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}

.sep-news__table th {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #f79145 url(../img/events/icon_point-supplement-wh.png) 9px 10px no-repeat;
    padding: 0 0 3px 42px;
    line-height: 40px;
    text-align: left;
    background-size: 24px 24px;
}

.sep-news__table td {
    background-color: #fff;
    text-align: left;
    word-break: break-all;
}

.sep-news__table td a {
    color: #1a5790;
}

@media screen and (max-width: 767px) {
    .sep-news__table {
        width: calc(100% - 20px);
        margin: 15px 10px;
    }

    .sep-news__table th {
        font-size: 17px;
        padding: 0 0 3px 34px;
        line-height: 35px;
        background-position: 7px 8px;
    }
}

@media screen and (min-width: 768px) {
    .sep__top-recommend {
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
        background-color: #fff;
    }
}

.sep__top-recommend__inner * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__top-recommend__list {
    margin: 0 40px;
    padding: 20px 0;
    position: relative;
}

@media screen and (min-width: 768px) {
    .sep__top-recommend__list.slick_all .slick-list {
        overflow: hidden;
        min-height: 230px;
    }

    .sep__top-recommend__list.slick_all .slick-prev,
    .sep__top-recommend__list.slick_all .slick-next {
        border: none;
        width: 40px;
        height: 40px;
        background-color: #2aabe4;
        position: absolute;
        top: 50%;
        margin-top: -20px;
        text-indent: -9999px;
    }

    .sep__top-recommend__list.slick_all .slick-prev::after,
    .sep__top-recommend__list.slick_all .slick-next::after {
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        content: " ";
        top: 50%;
        margin-top: -6px;
    }

    .sep__top-recommend__list.slick_all .slick-prev:hover,
    .sep__top-recommend__list.slick_all .slick-next:hover {
        text-decoration: none;
        filter: alpha(opacity=65);
        -moz-opacity: 0.65;
        opacity: 0.65;
    }

    .sep__top-recommend__list.slick_all .slick-prev {
        left: -50px;
    }

    .sep__top-recommend__list.slick_all .slick-prev::after {
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-right: -8px;
        right: 50%;
    }

    .sep__top-recommend__list.slick_all .slick-next {
        right: -50px;
    }

    .sep__top-recommend__list.slick_all .slick-next::after {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-left: -8px;
        left: 50%;
    }
}

.sep__top-recommend__list li {
    width: 168px;
    float: left;
    max-width: 167px;
}

@media screen and (max-width: 767px) {
    .sep__top-recommend__list li {
        max-width: none;
    }
}

.sep__top-recommend__list li+li {
    margin-left: 10px;
}

.sep__top-recommend__list li .sep-text__inner .sep-button {
    margin-top: 0;
    position: relative;
    top: 50%;
}

.sep__top-recommend__list li .sep-text {
    color: #404040;
    display: block;
}

.sep__top-recommend__list li .sep-text:hover {
    text-decoration: none;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}

.sep__top-recommend__list li .sep-text__ph {
    margin-bottom: 10px;
}

.sep__top-recommend__list li .sep-text__ttl {
    margin: 5px 0;
    font-weight: bold;
    color: #2aabe4;
    font-size: 16px;
    line-height: 1.4;
}

.sep__top-recommend__list li .sep-text b {
    display: block;
    margin: 5px 0;
    font-size: 12px;
    font-weight: bold;
}

.sep__top-recommend__list li .sep-text__txt {
    font-size: 12px;
    line-height: 1.4;
}

.sep__top-recommend__list li .sep-button {
    margin-top: 15px;
}

.sep__top-recommend__list li .sep-button .btn {
    width: 100%;
    height: 40px;
    line-height: 16px;
}

.sep__top-recommend__list li .sep-button .btn.icon.follow svg {
    left: 18%;
}

.sep__top-recommend__list li .sep-button .bln_wrap.follow .bln {
    top: -211px;
    width: 160px;
    margin-left: -80px;
}

.sep__top-recommend__list li .slick_morebtn {
    border: 2px dotted #D4D4D4;
}

.sep__top-recommend__list li .slick_morebtn p {
    position: relative;
    top: 48%;
    text-align: center;
    font-weight: bold;
    color: #2aabe4;
}

.sep__top-recommend__list li .slick_morebtn a {
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sep__top-recommend__inner {
        padding-left: 10px;
    }

    .sep__top-recommend__list {
        padding: 15px 0 0 0;
        margin: 0;
    }

    .sep__top-recommend__list.slick_all .slick-arrow {
        visibility: visible;
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 60px;
        height: 60px;
        font-size: 0;
        background: #2AABE4;
        opacity: 0.9;
        border-radius: 50%;
        padding: 0;
        border: 0;
        top: 43%;
        margin-top: -45px;
        right: -30px;
        z-index: 3;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-delay: 0;
        transition-delay: 0;
    }

    .sep__top-recommend__list.slick_all .slick-arrow::after {
        font-family: 'gakujoIcon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        vertical-align: middle;
        position: absolute;
        content: '\E902';
        font-size: 16px;
        color: #fff;
        top: 50%;
        left: 9px;
        margin-top: -8px;
        line-height: 1;
        text-decoration: none !important;
        pointer-events: none;
    }

    .sep__top-recommend__list.slick_all .slick-arrow.slick-prev {
        right: auto;
        left: -40px;
    }

    .sep__top-recommend__list.slick_all .slick-arrow.slick-prev::after {
        content: '\E903';
        left: auto;
        right: 9px;
    }

    .sep__top-recommend__list.slick_all .slick-list.draggable {
        height: auto !important;
    }

    .sep__top-recommend__list li {
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
        width: 265px;
        margin: 0 10px;
    }

    .sep__top-recommend__list li+li {
        margin-left: 0;
    }

    .sep__top-recommend__list li .sep-text {
        padding: 12px 15px;
    }

    .sep__top-recommend__list li .sep-text__ph {
        width: 100px;
        margin: -12px 13px 8px -15px;
        float: left;
    }

    .sep__top-recommend__list li .sep-text__ttl {
        margin: 0 0 0 100px;
        font-size: 14px;
    }

    .sep__top-recommend__list li .sep-text b {
        margin: 3px 0 8px 100px;
    }

    .sep__top-recommend__list li .sep-text__txt {
        clear: both;
    }

    .sep__top-recommend__list li .sep-button {
        margin: 0;
        padding: 0 15px 15px 15px;
    }

    .sep__top-recommend__list li .sep-button .btn {
        width: 115px;
        height: 50px;
        line-height: 20px;
        float: left;
        font-size: 14px;
    }

    .sep__top-recommend__list li .sep-button .btn.icon.follow svg {
        left: 65% !important;
    }

    .sep__top-recommend__list li .sep-button .btn+.btn {
        margin-left: 5px;
    }
}

.sep__top-attention {
    font-size: 14px;
}

.sep__top-attention a {
    color: #1a5790;
}

.sep__top-attention-logo {
    margin-bottom: 15px;
}

.sep__top-attention-logo li {
    width: 150px;
    height: 50px;
    margin: 5px 15px;
    float: left;
    display: block;
    text-align: center;
}

.sep__top-attention-logo li a {
    display: block;
}

.sep__top-attention-logo li img {
    height: 100%;
    width: auto;
}

/* ----------------------------------------------------------------------------
    注目の企業
---------------------------------------------------------------------------- */
.attencomp {
    float:left;
}

.attencomp-tile {
    width: 175px;
    height: 100px;
    border: solid 1px #FFFFFF;
    text-align: center;
    margin: 10px 5px;
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.05), -5px -5px 10px 2px rgba(0, 0, 0, 0.05);
    position:relative;
}

.attencomp-tile:hover {
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.15), -5px -5px 10px 2px rgba(0, 0, 0, 0.15);
}

.attencomp-tile img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
    .attencomp-tile {
        width: 150px;
        height: 100px;   
    }
}

@media screen and (max-width: 320px) {
    .attencomp-tile {
        width: 140px;
    }
}


/* ----------------------------------------------------------------------------
    注目の企業（あさがく関連バナー）
---------------------------------------------------------------------------- */
.top_baner_asagaku {
    margin-top: 20px;
}

.top_baner_asagaku .navi_only {
    float:left;
    width:360px;
    margin-right:20px;
}

.top_baner_asagaku img {
     float:left;
    width:360px;
    margin-right:20px;
}
.top_baner_asagaku .not_navi_only_sp img {
     float:left;
    width:100%;
    margin-right:20px;
}
.top_baner_under {
    /*float: left;*/
    flex-basis:auto;
    width: auto!important;
    margin-right: 20px;
    margin-left: 20px;
}

.sep_img_secure_flex_pc .top_baner_under {
    width: auto !important;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .top_baner_under_sp {
        margin-bottom: 10px;
    }
}
.top_baner_asagaku_sp {
    margin-top:-10px!important;
}

.top_baner_asagaku .not_navi_only_pc a .typ1{
    margin-right: 2px;
    margin-bottom: 7px;
}
.top_baner_asagaku .not_navi_only_pc a .typ2 {
    margin-bottom: 7px;
}
.top_baner_asagaku .not_navi_only_pc a .typ3 {
    margin-right: 2px;
}

.top_baner_asagaku .not_navi_only_sp {
    display:none;
}

@media screen and (max-width: 767px) {
    .top_baner_asagaku .navi_only {
        width:100%;
        clear:left;
    }

    .top_baner_asagaku .not_navi_only_pc {
        display:none;
    }
    .top_baner_asagaku .not_navi_only_sp {
        display:block;
    }

    .not_navi_only_sp {
        overflow:scroll;
    }

    .top_baner_asagaku .not_navi_only_span {
        margin-bottom:10px;
    }
}


@media screen and (max-width: 767px) {
    .not_navi_only_sp {
	    width: 100%;
	    overflow-x: hidden;
	    overflow-y: hidden;
    }

    .not_navi_only_sp_box {
	    height: 95px;
	    overflow-x: scroll;
	    overflow-y: scroll;
    }

    .not_navi_only_sp_inner {
        width:990px;
    }

    .not_navi_only_sp_item {
        float:left;
        margin-right:10px;
        width: 240px;
    }
    .not_navi_only_sp_item:last-child {
        margin-right:0;
    }

    .not_navi_only_sp_item img {
        width:100%;
        
    }
}

/* ----------------------------------------------------------------------------
    お知らせ（右カラムバナー関連）
---------------------------------------------------------------------------- */
.right_baner_title {
    padding:10px 20px;
}

.right_baner-pc {
    display:block;
}

.right_baner-sp {
    display:none;
}

.right_baner_sp_item {
    text-align : center;
}

@media screen and (max-width: 767px) {
    .right_baner-pc {
        display:none;
    }

    .right_baner-sp {
        display:block;
        overflow-y: scroll;
        padding:5px 0px 5px 20px;
        margin-bottom:10px
    }

    .right_baner_sp_box {
	    height: 90px;
        overflow-y: scroll;
    }

    .right_baner_sp_item {
        float:left;
        margin-right:10px;
        width: 240px;
        height: 78px;
    }
    .right_baner_sp_item:last-child {
        margin-right:0;
    }

    img.right_baner_sp_item_img {
        width: 240px;
        height: 78px;
    }
}

@media screen and (max-width: 320px) {
    .sep {
        width:1636px;
    }
}


.sep__top-attention-txt li {
    display: inline;
}

.sep__top-attention-txt li::after {
    content: " ／";
}

.sep__top-attention-txt li:last-child::after {
    content: "　など";
}

@media screen and (max-width: 767px) {
    .sep__top-attention {
        padding: 10px;
        font-size: 12px;
    }

    .sep__top-attention-logo {
        margin: 0 auto 10px auto;
    }

    .sep__top-attention-logo li {
        width: 48.3%;
        margin: 5px 0;
    }

    .sep__top-attention-logo li:nth-child(even) {
        margin-left: 3.4%;
    }
}

@media screen and (min-width: 768px) {
    .sep__top-events {
        margin: 30px 0;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    }
}

.sep__top-events .btn_menu {
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #eaeaea;
}

.sep__top-events .btn_menu * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.sep__top-events .btn_menu .btn_box .bln_wrap {
    margin-bottom: 10px;
}

.sep__top-events .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #eaeaea;
}

.sep__top-events .card * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.sep__top-events .card .meta {
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .sep__top-events .card .ph {
        width: 243px;
        padding-top: 20px;
        padding-left: 20px;
        position: relative;
        z-index: 0;
    }
}

@media screen and (max-width: 767px) {
    .sep__top-events {
        padding: 0;
        margin: 15px 0;
    }

    .sep__top-events h2.sep-heading,
    .sep__top-events__inner {
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    }

    .sep__top-events .btn_menu {
        overflow: hidden;
        margin-bottom: 0 !important;
        padding: 0 0 10px 0;
    }

    .sep__top-events .card .table th {
        width: 4em;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.sep__top-news {
    margin: 30px 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.sep__top-news__inner {
    background-color: #d7f5ff;
    padding: 10px;
}

.sep__top-news__inner * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__top-news__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.sep__top-news__list li {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    position: relative;
    border-spacing: 0;
    display: block;
    width: 100%;
}

.sep__top-news__list li+li {
    margin-left: 10px;
}

.sep__top-news__list li a {
    background-color: #fff;
    padding: 0 10px 0 85px;
    text-align: center;
    display: table;
    width: 100%;
    height: 100px;
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #2aabe4;
    background-size: 70px 70px;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.sep__top-news__list li a:hover {
    text-decoration: none;
    background-color: #ebfaff;
}

.sep__top-news__list li a.is-icon--limited {
    background-image: url(../img/top/icon_news-limited.png);
}

.sep__top-news__list li a.is-icon--new {
    background-image: url(../img/top/icon_news-new.png);
}

.sep__top-news__list li a.is-icon--seminar {
    background-image: url(../img/top/icon_news-seminar.png);
}

.sep__top-news__list li a .sep__top-news__list__cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.sep__top-news__list li .sep-icon {
    position: absolute;
    margin-left: 0;
    left: 0;
    top: 0;
}

@media screen and (max-width: 767px) {
    .sep__top-news {
        margin: 15px 0;
    }

    .sep__top-news__list {
        width: 100%;
        display: block;
    }

    .sep__top-news__list li {
        width: 100%;
        display: block;
    }

    .sep__top-news__list li+li {
        margin-left: 0px;
        margin-top: 10px;
    }

    .sep__top-news__list li a {
        text-align: left;
        background-size: 60px 60px;
        padding-left: 80px;
        height: 80px;
    }
}

@media screen and (min-width: 768px) {
    .sep__top-special {
        margin: 30px 0;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    }

    .sep__top-special .slick_wrapper {
        padding: 20px 20px 0 20px;
        background-color: #fff;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }

    .sep__top-special .shadow {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .sep__top-special .box.type3 {
        width: 370px;
    }

    .sep__top-special .box.type3 .ph {
        width: 120px;
        border: none;
    }

    .sep__top-special .box.type3 .information {
        width: 230px;
        padding: 5px 0 5px 10px;
    }

    .sep__top-special .box {
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .sep__top-special {
        margin: 15px 0;
    }

    .sep__top-special .box {
        margin-top: 20px !important;
        margin-bottom: 5px !important;
    }

    .sep__top-special .slick_wrapper {
        background-color: #fff;
        border-top: 1px solid #eaeaea;
    }
}

@media screen and (min-width: 768px) {
    .sep__top-feature {
        background-color: #fff;
        margin: 30px 0;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    }

    .sep__top-feature__list {
        border-bottom: 1px solid #eaeaea;
    }
}

.sep__top-feature__inner * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep__top-feature__list {
    display: block;
    text-align: center;
    padding: 20px;
    width: 100%;
}

.sep__top-feature__list li {
    display: table;
    width: 175px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
    float: left;
}

.sep__top-feature__list li+li {
    margin-left: 15px;
}

.sep__top-feature__list li a {
    vertical-align: middle;
    padding: 0 10px 0 38px;
    border: 2px #d4d4d4 solid;
    border-radius: 3px;
    color: #2aabe4;
    display: table-cell;
    width: 100%;
    height: 80px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-color: #fff;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.sep__top-feature__list li a:hover {
    text-decoration: none;
    border-color: #2aabe4;
}

.sep__top-feature__list li a.is-icon--hand {
    background-image: url(../img/top/icon_par-hand.png);
    background-size: 24px auto;
}

.sep__top-feature__list li a.is-icon--up {
    background-image: url(../img/top/icon_par-up.png);
    background-size: 22px 26px;
}

.sep__top-feature__list li a.is-icon--heart {
    background-image: url(../img/top/icon_par-heart.png);
    background-size: 24px 22px;
}

.sep__top-feature__list li a.is-icon--mic {
    background-image: url(../img/top/icon_par-mic.png);
    background-size: 23px 28px;
}

@media screen and (max-width: 767px) {
    .sep__top-feature h2.sep-heading {
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    }

    .sep__top-feature__list {
        padding: 15px 10px 5px 10px;
    }

    .sep__top-feature__list li {
        display: block;
        width: 100%;
        float: none;
        text-align: left;
    }

    .sep__top-feature__list li+li {
        margin-left: 0;
        margin-top: 10px;
    }

    .sep__top-feature__list li a {
        padding: 12px 10px 12px 50px;
        height: auto;
        display: block;
        border: 1px #2aabe4 solid;
    }
}

.sep-btn--more--dif {
    padding: 20px 0;
    text-align: center;
}

.sep-btn--more--dif .btn {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .sep-btn--more--dif {
        background-color: #fff;
    }

    .sep-btn--more--dif .btn+.btn {
        margin-left: 15px;
    }

    .sep-btn--more--dif .btn.is-btn--w {
        width: 300px;
    }
}

@media screen and (max-width: 767px) {
    .sep-btn--more--dif {
        background-color: #fff;
        padding: 15px 10px;
    }

    .sep-btn--more--dif .btn+.btn {
        margin-top: 10px;
    }
}

.sep-btn--more--space {
    height: 40px;
    margin-top: 15px;
}

.sep__detail__howto-scd {
    padding: 15px 20px 20px 20px;
    text-align: center;
}

.sep__detail .sep-howto-scd__txt {
    font-weight: bold;
    color: #f79145;
    font-size: 16px;
}

.sep__detail__howto-use {
    padding: 20px 20px 10px 20px;
}

.sep__detail__howto-use li {
    width: 367px;
    margin-bottom: 10px;
    display: block;
    float: left;
}

.sep__detail__howto-use li:nth-child(even) {
    margin-left: 10px;
}

.sep__detail__howto-use li a {
    border: 2px #d4d4d4 solid;
    display: block;
    padding: 13px;
    min-height: 107px;
    position: relative;
    line-height: 1.5;
}

.sep__detail__howto-use li a .sep-ph {
    width: 100px;
    height: 75px;
    float: left;
    display: block;
}

.sep__detail__howto-use li a .sep-ttl {
    font-size: 15px;
    font-weight: bold;
    color: #2aabe4;
    display: block;
    margin-bottom: 5px;
    margin-left: 110px;
}

.sep__detail__howto-use li a .sep-txt {
    font-size: 14px;
    color: #404040;
    display: block;
    padding-right: 20px;
    margin-left: 110px;
}

.sep__detail__howto-use li a:hover {
    text-decoration: none;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.sep__detail__howto-use li a::after {
    font-family: 'gakujoIcon';
    line-height: 1;
    display: block;
    position: absolute;
    content: '\E902';
    right: 8px;
    top: 50%;
    margin-top: -6px;
    color: #e5011a;
    font-weight: normal;
    z-index: 0;
    pointer-events: none;
    font-size: inherit;
}

.sep__detail__howto-up-bnr {
    margin: -10px;
    width: 746px;
}

.sep__detail__howto-up-lst {
    background-color: #fff;
    margin: 30px -10px -10px -10px;
    padding: 5px 20px;
}

.sep__detail__howto-up-lst .sep-list>li {
    padding: 15px 0;
}

.sep__detail__howto-up-lst .sep-list>li+li {
    border-top: 1px #d4d4d4 solid;
}

.sep__detail__howto-up-lst .sep-list>li a {
    width: 260px;
    float: left;
}

.sep__detail__howto-up-lst .sep-list__sub {
    margin-left: 280px;
}

.sep__detail__howto-up-lst .sep-list__sub>li {
    float: left;
    width: 210px;
}

.sep__detail__howto-up-lst .sep-list__sub>li a {
    background: transparent url(../img/howto/icon_point-np.png) left center no-repeat;
    background-size: 17px 15px;
    color: #1a5790;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 0 3px 21px;
    width: auto;
}

.sep__detail__howto-up-lst .sep-list__sub>li.is-wide {
    width: auto;
}

@media screen and (max-width: 767px) {
    .sep__detail__howto-scd {
        padding: 10px;
    }

    .sep__detail .sep-howto-scd__txt {
        font-size: 12px;
    }

    .sep__detail__howto-use {
        padding: 10px;
    }

    .sep__detail__howto-use li {
        width: 100%;
        float: none;
    }

    .sep__detail__howto-use li:nth-child(even) {
        margin-left: 0;
    }

    .sep__detail__howto-use li a {
        padding: 10px;
        min-height: 90px;
        border-width: 1px;
    }

    .sep__detail__howto-use li a .sep-ph {
        width: 90px;
        height: 67px;
    }

    .sep__detail__howto-use li a .sep-ttl {
        font-size: 14px;
        margin-left: 100px;
    }

    .sep__detail__howto-use li a .sep-txt {
        font-size: 12px;
        margin-left: 100px;
    }

    .sep__detail__howto-up-bnr {
        margin: -7px -5px -5px -5px;
        width: auto;
    }

    .sep__detail__howto-up-lst {
        margin: 17px -5px -5px -5px;
        padding: 0 10px;
    }

    .sep__detail__howto-up-lst .sep-list>li {
        padding: 10px 0 5px 0;
    }

    .sep__detail__howto-up-lst .sep-list>li+li {
        padding-top: 15px;
    }

    .sep__detail__howto-up-lst .sep-list>li a {
        width: 100%;
        float: none;
        font-size: 14px;
    }

    .sep__detail__howto-up-lst .sep-list>li a.btn {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .sep__detail__howto-up-lst .sep-list__sub {
        margin-left: 0;
        padding: 10px;
    }

    .sep__detail__howto-up-lst .sep-list__sub>li {
        float: none;
        width: auto;
    }

    .sep__detail__howto-up-lst .sep-list__sub>li a {
        font-size: 12px;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 23px;
    }

    .sep__detail__howto-up-lst .sep-list__sub>li.is-wide {
        width: auto;
    }
}

.sep-howto__wrap {
    margin: 30px auto;
}

.sep-howto__list li {
    width: 189px;
    height: 151px;
    display: block;
    float: left;
    text-align: center;
    margin-right: 10px;
}

.sep-howto__list li:last-child {
    margin-right: 0;
    width: 188px;
}

.sep-howto__list li * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep-howto__list li a {
    border: 2px #2aabe4 solid;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    background-position: center 25px;
    background-repeat: no-repeat;
    padding-top: 80px;
    background-color: #fff;
    border-radius: 3px;
    color: #2aabe4;
    display: block;
    height: 100%;
    line-height: 1.3;
}

.sep-howto__list li a span {
    font-size: 15px;
}

.sep-howto__list li a:hover {
    text-decoration: none;
    background-color: #d7f5ff;
}

.sep-howto__list li a::after {
    font-family: 'gakujoIcon';
    line-height: 1;
    display: block;
    position: absolute;
    content: '\E901';
    bottom: 8px;
    left: 50%;
    margin-left: -6px;
    color: #e5011a;
    font-weight: normal;
    z-index: 0;
    pointer-events: none;
    font-size: inherit;
}

.sep-howto__list li a.is-icon--prp {
    background-image: url(../img/howto/icon_point-prp.png);
    padding-top: 70px;
}

.sep-howto__list li a.is-icon--anl {
    background-image: url(../img/howto/icon_point-anl.png);
    background-position: center 20px;
}

.sep-howto__list li a.is-icon--std {
    background-image: url(../img/howto/icon_point-std.png);
}

.sep-howto__list li a.is-icon--msr {
    background-image: url(../img/howto/icon_point-msr.png);
}

@media screen and (max-width: 767px) {
    .sep-howto__wrap {
        margin: 15px auto;
    }

    .sep-howto__list {
        padding: 0 10px;
    }

    .sep-howto__list li {
        width: calc(50% - 2.5px);
        height: 52px;
        text-align: left;
        margin-right: 0;
        margin-top: 5px;
    }

    .sep-howto__list li:last-child {
        width: calc(50% - 2.5px);
    }

    .sep-howto__list li:nth-child(even) {
        margin-left: 5px;
    }

    .sep-howto__list li a {
        border-width: 1px;
        font-size: 14px;
        padding: 15px 15px 0px 30px;
    }

    .sep-howto__list li a span {
        font-size: 10px;
    }

    .sep-howto__list li a::after {
        bottom: auto;
        left: auto;
        right: 5px;
        top: 50%;
        margin-top: -3px;
    }

    .sep-howto__list li a.is-icon--prp {
        padding-top: 5px;
        background-position: 10px center;
        background-size: 12px 16px;
    }

    .sep-howto__list li a.is-icon--anl {
        background-position: 7px center;
        background-size: 17px 18px;
    }

    .sep-howto__list li a.is-icon--std {
        padding-top: 6px;
        background-position: 6px center;
        background-size: 17px 14px;
    }

    .sep-howto__list li a.is-icon--msr {
        background-position: 6px center;
        background-size: 19px 14px;
    }
}

.sep-side__history {
    background-color: #fff;
}

.sep-side__history .sec_title a {
    display: block;
    position: relative;
    padding: 0;
    color: #404040;
}

.sep-side__history .sec_title a.is-open::after,
.sep-side__history .sec_title a.is-close::after {
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: #2aabe4;
    color: #fff;
    text-align: center;
    right: 15px;
    top: 50%;
    margin-top: -11px;
    font-weight: bold;
    border-radius: 3px;
}

.sep-side__history .sec_title a.is-open::after {
    content: "－";
}

.sep-side__history .sec_title a.is-close::after {
    content: "＋";
}

.sep-side__history .sec_title a:hover {
    text-decoration: none;
}

.sep-side__history .sep-title {
    background-color: #d7f5ff;
    font-size: 14px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 11px center;
}

.sep-side__history .sep-title a {
    display: block;
    padding: 6px 15px 6px 34px;
    color: #404040;
    font-size: 14px;
}

.sep-side__history .sep-title.is-icon-mypage {
    background-image: url(../img/history/icon_side-mypage.png);
    background-size: 11px 15px;
}

.sep-side__history .sep-title.is-icon-test {
    background-image: url(../img/history/icon_side-test.png);
    background-size: 15px 15px;
}

.sep-side__history .sep-title.is-icon-scout {
    background-image: url(../img/history/icon_side-scout.png);
    background-size: 18px auto;
}

.sep-side__history .sep-title.is-icon-recommend {
    background-image: url(../img/history/icon_side-recommend.png);
    background-size: 16px 17px;
}

.sep-side__history .sep-title.is-icon-mail {
    background-image: url(../img/history/icon_side-mail.png);
    background-size: 14px 10px;
}

.sep-side__history .sep-text {
    padding: 15px 14px;
    font-size: 12px;
}

.sep-side__history .sep-text__txt-new {
    font-size: 10px;
    font-weight: bold;
    color: #e5011a;
}

.sep-side__history .sep-text__txt-new span {
    font-size: 12px;
}

.sep-side__history .sep-text__txt-new::before {
    content: "　";
    font-size: 8px;
}

.sep-side__history .sep-text__txt+p:not(.sep-text__test) {
    margin-top: 5px;
}

.sep-side__history .sep-text__test {
    font-weight: bold;
    position: relative;
    padding: 0 0 0 40px;
    margin-top: 15px;
    min-height: 30px;
}

.sep-side__history .sep-text__test span {
    font-size: 14px;
    color: #f79145;
}

.sep-side__history .sep-text__test::before {
    position: absolute;
    content: " ";
    width: 38px;
    height: 38px;
    border: 1px #d4d4d4 solid;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: -5px top;
    background-size: 130% auto;
    border-radius: 50%;
    top: -8px;
    left: -2px;
}

.sep-side__history .sep-text__test.is-type01::before {
    background-image: url(../img/enia/illust_type01.png);
    background-size: 150% auto;
}

.sep-side__history .sep-text__test.is-type02::before {
    background-image: url(../img/enia/illust_type02.png);
    background-size: 125% auto;
}

.sep-side__history .sep-text__test.is-type03::before {
    background-image: url(../img/enia/illust_type03.png);
    background-position: -8px top;
}

.sep-side__history .sep-text__test.is-type04::before {
    background-image: url(../img/enia/illust_type04.png);
    background-position: -2px top;
    background-size: 115% auto;
}

.sep-side__history .sep-text__test.is-type05::before {
    background-image: url(../img/enia/illust_type05.png);
}

.sep-side__history .sep-text__test.is-type06::before {
    background-image: url(../img/enia/illust_type06.png);
}

.sep-side__history .sep-text__test.is-type07::before {
    background-image: url(../img/enia/illust_type07.png);
}

.sep-side__history .sep-text__test.is-type08::before {
    background-image: url(../img/enia/illust_type08.png);
    background-position: -7px top;
}

.sep-side__history .sep-text__test.is-type09::before {
    background-image: url(../img/enia/illust_type09.png);
    background-size: 125% auto;
}

.sep-side__history .sep-text__txt2 {
    font-weight: bold;
}

.sep-side__history .sep-text__thum {
    margin-top: 10px;
}

.sep-side__history .sep-text__thum-ph {
    width: 80px;
    height: 60px;
    float: left;
}

.sep-side__history .sep-text__thum-txt {
    margin-left: 90px;
}

.sep-side__history .sep-text__thum-txt p {
    margin-top: 5px;
}

.sep-side__history .sep-update {
    background-color: #fff5c8;
    padding: 0.1px 0;
}

.sep-side__history .sep-update__ttl {
    font-weight: bold;
    font-size: 12px;
    padding: 10px 15px 5px 15px;
}

.sep-side__history .sep-update__ttl+.sep-update__lst {
    margin-top: 0;
}

.sep-side__history .sep-update__lst {
    background-color: #fff;
    margin: 15px 15px 0 15px;
}

.sep-side__history .sep-update__lst:last-child {
    margin-bottom: 15px;
}

.sep-side__history .sep-update__lst li {
    line-height: 1.4;
}

.sep-side__history .sep-update__lst li+li {
    border-top: 1px #d4d4d4 solid;
}

.sep-side__history .sep-update__lst li a {
    font-size: 14px;
    display: block;
    padding: 10px 25px 10px 10px;
}

.sep-side__history .sep-update__lst li a:hover {
    text-decoration: none;
}

.sep-side__history .sep-update__lst li a:hover b {
    text-decoration: underline;
}

.sep-side__history .sep-update__lst li a p {
    font-size: 12px;
    margin-top: 3px;
    color: #404040;
}

.sep-side__history .sep-update__lst li a p.sep-update__lst-ttl {
    font-size: 14px;
}

.sep-side__history .sep-update__lst li a:hover {
    text-decoration: none;
}

.sep__celebration .text_size_lar {
    font-size: 42px;
    font-weight: bold;
}

.sep__celebration .text_size_mid {
    font-size: 28px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .sep__celebration .text_size_mid {
        font-size: 23px;
    }
}

.sep__celebration .sep__bg--orange {
    background: #fff0d8;
}

.sep__celebration .sep__bg--white {
    background: #ffffff;
}

.sep__celebration .sep__ajust__text {
    line-height: 1.2;
    margin-top: 9px;
    display: inline-block;
}

.sep__celebration .sep__detail__celebratin-cacth {
    padding: 30px;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__detail__celebratin-cacth {
        padding: 10px;
    }
}

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

@media screen and (max-width: 767px) {
    .sep__celebration .sep__detail__cacth {
        margin-top: 10px;
    }
}

.sep__celebration .sep__inspace {
    text-align: center;
    width: 100%;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__inspace {
        text-align: left;
        padding: 10px;
    }
}

.sep__celebration .sep__inspace p {
    margin: 0;
}

.sep__celebration .sep__benefits {
    font-size: 18px;
}

.sep__celebration .sep__benefits .is-ben--celebration {
    display: inline-block;
    width: 206px;
    font-size: 23px;
    float: none;
    background-image: url(../img/company/icon_ben-celebration.png);
    background-size: 30px 33px;
    line-height: 40px;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__benefits .is-ben--celebration {
        font-size: 20px;
        background-image: url(../img/company/icon_ben-celebration.png);
        background-size: 25px 27px;
        line-height: 32px;
    }
}

.sep__celebration .sep__float-left {
    float: left;
    width: 50%;
    padding-right: 20px;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__float-left {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .sep__celebration .sep__float-left:last-child {
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__nopddin-sp {
        padding: 0 !important;
        margin: 0px auto 20px !important;
    }
}

.sep__celebration .sep__contents__search {
    margin-right: -20px;
}

.sep__celebration .sep__contents__search h4 {
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    background: #2aabe4;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__contents__search h4 {
        padding: 15px 0;
    }
}

.sep__celebration .sep__contents__search .sep__contents__searchtext {
    padding: 20px 10px;
}

.sep__celebration .sep__contents__search figcaption {
    font-size: 13px;
}

.sep__celebration .sep__contents__search figure:nth-child(2) {
    margin-top: 18px;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__contents__search figure {
        padding: 0 20px;
    }
}

.sep__celebration .sep__attention {
    border-top: 2px solid #e60012;
    background: #ffeced;
    padding: 20px 30px;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__attention {
        padding: 20px 10px;
        margin-top: 30px;
    }
}

.sep__celebration .sep__attention h4 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #e60012;
}

.sep__celebration .sep__attention ul {
    font-size: 15px;
    margin-top: 20px;
}

.sep__celebration .sep__detail__body {
    margin: 30px auto 60px;
    padding: 0 30px;
    position: relative;
}

.sep__celebration .sep__contents__input {
    width: 30%;
    margin: 20px auto 0;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__contents__input {
        width: 100%;
    }
}

.sep__celebration .sep__contents__input-w {
    width: 40%;
    margin-bottom: 60px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__contents__input-w {
        width: 100%;
        margin-bottom: 30px;
    }
}

.sep__celebration .sep__contents__input-w a.btn.orange.is-submit {
    width: 100%;
}

.sep__celebration .sep__detail__contents div.select_wrap {
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #d4d4d4;
    display: block;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__detail__contents div.select_wrap {
        max-width: 100%;
        width: 100%;
    }
}

.sep__celebration .sep__detail__contents select {
    font-size: 18px;
    font-weight: bold;
    width: 600px;
    margin: 0 auto;
    border: 1px solid #d4d4d4;
    background: #fff;
    display: block;
    box-pack: center;
    -webkit-box-pack: center;
    text-align: center;
    text-align-last: center;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 13px 30px 13px 18px;
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep__detail__contents select {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .sep__celebration .sep-heading.is-lv3--bsc--noicon span {
        display: inline-block;
    }

    .sep__celebration .sep__detail__body {
        margin: 10px auto 20px;
        padding: 0 10px;
    }

    .sep__celebration .sep__outline .btn.is-page,
    .sep__celebration .sep__detail .btn.is-page,
    .sep__celebration .sep__button .btn.is-page,
    .sep__celebration .sep-modal .btn.is-page {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        height: auto;
        line-height: 1;
        padding: 10px 0;
    }
}

.sep__err {
    background-color: #e9e9e9;
    padding: 20px;
    text-align: left;
}

.sep__err+.sep__err {
    margin-top: 20px;
}

.sep__err .sep-title {
    background: transparent url(../img/common/icon_point-err.png) left 1px no-repeat;
    background-size: 24px 24px;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0 35px;
}

.sep__err .sep-text {
    font-size: 14px;
    margin-top: 15px;
}

.sep__err a {
    color: #1a5790;
    text-decoration: underline;
}

.sep__err a:hover {
    text-decoration: none;
}

.sep__err__after {
    margin-top: 20px;
}

.sep__err__after a {
    color: #1a5790;
    text-decoration: underline;
}

.sep__err__after a:hover {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .sep__err {
        padding: 10px 10px 15px 10px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .sep__err+.sep__err {
        margin-top: 15px;
    }

    .sep__err .sep-title {
        font-size: 14px;
        padding: 3px 0 3px 30px;
        margin-bottom: 5px;
    }

    .sep__err .sep-text {
        font-size: 12px;
        margin-top: 5px;
    }

    .sep__err .sep-text+.sep-text {
        margin-top: 15px;
    }

    .sep__err__after {
        font-size: 12px;
        margin: 15px 10px 0 10px;
    }
}

.sep-form__pr-count {
    text-align: right;
    font-size: 12px;
    padding-top: 5px;
    width: 93%;
    clear: both;
}

.sep-form__pr-count.is-sep {
    padding: 0;
    clear: none;
    width: 100%;
    margin: 5px 0;
}

.sep-form__pr-upload {
    width: 100% !important;
    padding: 0 !important;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep-form__pr-upload input[type="file"] {
    display: none;
}

.sep-form__pr-upload span {
    background: transparent url(../img/regist/icon_camera.png) left center no-repeat;
    padding-left: 27px;
    display: inline-block;
    background-size: 22px 18px;
}

.sep-form__pr-upload.is-del span {
    background: none !important;
    padding-left: 0;
}

.sep-form__inline-box {
    display: inline-block;
}

.sep-form__input__txt {
    width: 570px;
    float: left;
}

.sep-form__input__txt input[type="text"] {
    line-height: 30px;
}

.sep-form__input__txt input[type="text"].is-full {
    width: 100%;
}

.sep-form__input__btn {
    margin-left: 586px;
}

.sep-form__input__btn .btn.orange {
    padding-left: 26px;
}

.sep-form__input__btn .btn.orange .icon {
    left: 25px;
}

@media screen and (max-width: 767px) {
    .sep-form__input__txt {
        width: calc(100% - 85px);
    }

    .sep-form__input__txt input[type="text"] {
        border-width: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .sep-form__input__btn {
        margin-left: calc(100% - 80px);
    }

    .sep-form__input__btn .btn {
        line-height: 19px;
    }

    .sep-form__input__btn .btn.orange {
        padding-left: 26px;
    }

    .sep-form__input__btn .btn.orange .icon {
        left: 5px;
    }
}

.sep-form__button__sub {
    width: 90px;
    float: left;
    padding-top: 6px;
}

.sep-form__button__sub .spr-btn_thin {
    font-size: 12px;
}

.sep-form__button__sub.is-pattern2 {
    width: 120px;
}

.sep-form__button__submit {
    margin-left: 100px;
}

.sep-form__button__submit .btn.is-submit.is-search {
    font-size: 16px;
    padding-left: 25px;
}

.sep-form__button__submit .btn.is-submit.is-search .icon {
    left: 5px;
}

.sep-form__button__submit.is-pattern2 {
    margin-left: 130px;
}

@media screen and (max-width: 767px) {
    table.input_table .validate_block input.wide {
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .sep-form__pr-count {
        padding-top: 0;
        width: 100%;
    }
}

/* ----------------------------------------------------------------------------
//  //  bln
---------------------------------------------------------------------------- */
.bln .bln_inner a {
    display: inline;
    width: auto;
    height: auto;
    line-height: inherit;
}

.bln::after {
    bottom: -8px;
    left: 50%;
    width: 18px;
    height: 12px;
    margin-left: -9px;
}

.bln_wrap.follow .bln {
    left: 50%;
    top: -85px;
    font-size: 12px;
    color: #404040 !important;
    font-weight: normal !important;
    width: 470px;
    margin-left: -235px;
}

.bln_wrap.follow .june-entry-bln {
    width: 360px;
}

.sep__detail__body__recommend .bln_wrap.follow .bln {
    top: -140px;
    width: 255px;
    margin-left: -127.5px;
}

.bln_wrap.follow.orange .bln {
    margin-top: 0px;
}

.bln_wrap.follow:hover .bln {
    left: 50%;
}

.bln_wrap.follow.is-mini--pc .bln {
    top: -140px;
    width: 255px;
    margin-left: -127.5px;
}

.bln_wrap.follow.orange.is-mini--pc .bln {
    top: -125px;
    width: 255px;
    margin-left: -127.5px;
}

.bln_wrap.follow.sep-bln--s .bln {
    top: -140px;
    width: 255px;
    margin-left: -127.5px;
}

.spr-recommend_container .bln_wrap.follow .bln {
    top: -125px;
    width: 255px;
    margin-left: -136px;
}

/* ----------------------------------------------------------------------------
//  slider
---------------------------------------------------------------------------- */
.sep-slider span {
    display: block;
}

.sep-slider.slider-for {
    position: relative;
    width: 400px;
    height: 300px;
    float: left;
    z-index: 1;
}

.sep-slider.slider-for .slick-list {
    overflow: visible !important;
}

.sep-slider.slider-for .sep-ph {
    width: 400px;
    height: 300px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.sep-slider.slider-for .sep-ph img {
    width: 100%;
    height: auto;
}

.sep-slider.slider-for .sep-txt {
    position: absolute;
    left: 465px;
    top: 20px;
    font-size: 14px;
    width: 550px;
}

@media screen and (min-width: 768px) {
.movie.photo_youtube{
    text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .sep-slider.slider-for {
        width: auto;
        height: auto;
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
     .sep-slider.slider-for.photo_gallery{
        text-align: center;
    }

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

    .sep-slider.slider-for .sep-ph {
        width: 254px;
        height: 190px;
        margin: 0 auto;
    }

    .sep-slider.slider-for .youtube-video-photo-gallery {
        width: 254px;
        height: 190px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .sep-slider.slider-for .sep-txt {
        left: 0;
        top: auto;
        bottom: auto;
        font-size: 12px;
        width: auto;
        margin: 26px 10px 10px 10px;
    }
}

.sep-slider.slider-nav .slick-list {
    z-index: 10;
}

.sep-slider.slider-nav .slick-slide {
    width: 168px;
    height: 126px;
    cursor: pointer;
    margin: 0 3px;
    border: 5px transparent solid;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.sep-slider.slider-nav .slick-slide img {
    width: 100%;
    height: auto;
}

.sep-slider.slider-nav .slick-slide.slick-current {
    border-color: #2aabe4;
}

@media screen and (max-width: 767px) {
    .sep-slider.slider-nav .slick-slide {
        width: 84px;
        height: 63px;
        border-width: 3px;
        margin: 0;
    }
}

.sep__detail__body__photo .slick-prev,
.sep__detail__body__photo .slick-next {
    position: absolute;
    width: 29px;
    height: 134px;
    text-indent: -9999px;
    display: block;
    float: left;
    vertical-align: middle;
    z-index: 10;
    -webkit-transform: none;
    transform: none;
    top: 0;
}

.sep__detail__body__photo .slick-prev::before,
.sep__detail__body__photo .slick-next::before {
    position: absolute;
    content: " ";
    top: 50%;
    margin-top: -6px;
    width: 11px;
    height: 11px;
    border-top: 3px solid #2aabe4;
    border-right: 3px solid #2aabe4;
    opacity: 1 !important;
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: none;
}

.sep__detail__body__photo .slick-next {
    right: -24px !important;
}

.sep__detail__body__photo .slick-next::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 3px;
}

.sep__detail__body__photo .slick-prev {
    left: -24px !important;
}

.sep__detail__body__photo .slick-prev::before {
    -webkit-transform: rotate(-35deg);
    transform: rotate(-135deg);
    left: 3px;
}

@media screen and (max-width: 767px) {

    .sep__detail__body__photo .slick-prev,
    .sep__detail__body__photo .slick-next {
        width: 20px;
        height: 20px;
        top: 50%;
        margin-top: -10px;
    }

    .sep__detail__body__photo .slick-prev::before,
    .sep__detail__body__photo .slick-next::before {
        border-width: 2px;
    }

    .sep__detail__body__photo .slick-next {
        right: -15px !important;
    }

    .sep__detail__body__photo .slick-prev {
        left: -15px !important;
    }
}

/* ----------------------------------------------------------------------------
//  accordion
---------------------------------------------------------------------------- */
.sep__detail__body__seminar.is-readmore {
    max-height: inherit;
    overflow: visible;
}

.sep__detail__contents .sep__detail__body>.js-slide-accordion {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .sep__detail__contents .sep__detail__body>.js-slide-accordion {
        margin-top: 15px;
    }
}

.sep__detail__contents .js-slide-accordion {
    position: relative;
}

.sep__detail__contents .js-slide-accordion .sep__button.is-readmore {
    padding: 60px 0 20px 0;
}

@media screen and (max-width: 767px) {
    .sep__detail__contents .js-slide-accordion .sep__button.is-readmore {
        padding-bottom: 10px;
    }
}

.js-slide-accordion-min .sep__button.is-readclose {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 50px 0 0 0;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.js-slide-accordion-min .sep__button.is-readclose a {
    margin: 0 auto;
}

body.no_scroll {
    -ms-overflow-style: none;
}

body.no_scroll #all_wrapper {
    position: static !important;
}

body.no_scroll::-webkit-scrollbar {
    display: none;
}

body.no_scroll #modal_layer {
    -ms-overflow-style: none;
}

body.no_scroll #modal_layer::-webkit-scrollbar {
    display: none;
}

.spr-modal_btn-list .spr-btn_entry.sep-btn_entry {
    height: 34px;
}

.spr-modal_btn-list .spr-btn_entry.sep-btn_entry::before {
    height: 0.8em;
}

@media screen and (max-width: 767px) {
    .spr-modal_btn-list .spr-btn_entry.sep-btn_entry {
        margin-top: 0;
        height: 36px;
    }
}

@media screen and (min-width: 768px) {
    .sep-modal.is-modal-large {
        width: 950px;
    }
}

@media screen and (min-width: 768px) {
    .sep-modal.is-modal-large .spr-modal_inner {
        padding: 20px;
        overflow-y: scroll;
        max-height: 600px;
    }
}

@media screen and (max-width: 767px) {
    .sep-modal.is-modal-large {
        margin-top: -60px;
    }

    .sep-modal.is-modal-large .spr-modal_inner {
        padding: 0px;
    }

    .sep-modal.is-modal-large .spr-modal_container {
        height: 410px;
    }

    .sep-modal.is-modal-large .spr-modal_close {
        top: -75px;
    }
}

@media screen and (min-width: 768px) {
    .sep-modal.is-modal-search {
        width: 785px;
    }
}

.sep-modal.is-modal-search .spr-modal_inner {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .sep-modal.is-modal-search .spr-modal_inner {
        overflow-y: scroll;
        max-height: 600px;
    }
}

@media screen and (max-width: 767px) {
    .sep-modal.is-modal-search .spr-modal_inner {
        padding: 0px;
    }
}

@media screen and (min-width: 768px) {
    .sep-modal.is-modal-top-news {
        width: 770px;
    }
}

@media screen and (max-width: 767px) {
    .sep-modal.is-modal-top-news {
        margin-top: -60px;
    }
}

.sep-modal.is-modal-top-news .spr-modal_inner {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .sep-modal.is-modal-top-news .spr-modal_inner {
        overflow-y: scroll;
        max-height: 550px;
    }
}

@media screen and (max-width: 767px) {
    .sep-modal.is-modal-top-news .spr-modal_inner {
        padding: 0px;
    }
}

@media screen and (max-width: 767px) {
    .sep-modal.is-modal-top-news .spr-modal_content {
        padding: 0px;
        max-height: 420px;
    }
}

@media screen and (min-width: 768px) {
    .sep-modal.is-modal-update {
        width: 640px;
    }
}

.sep-modal.is-modal-update .spr-modal_inner {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .sep-modal.is-modal-update .spr-modal_inner {
        overflow-y: scroll;
    }
}

@media screen and (max-width: 767px) {
    .sep-modal.is-modal-update .spr-modal_inner {
        padding: 0px;
    }
}

@media screen and (max-width: 767px) {
    .sep-modal.is-modal-update .spr-modal_header+.spr-modal_content {
        max-height: calc(100% - 51px);
    }
}

.spr-modal_btn-list {
    position: relative;
}

.spr-modal_btn-list li.sep-spr-btn_l {
    width: 300px;
}

.spr-modal_btn-list li.sep-spr-btn_l .spr-btn_thin {
    font-size: 18px !important;
}

.spr-modal_btn-list li.sep-spr-btn_l--pair {
    margin-bottom: 3px;
}

@media screen and (max-width: 767px) {
    .spr-modal_btn-list.is-large {
        min-height: 50px;
    }

    .spr-modal_btn-list li.sep-spr-btn_l {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
    }

    .spr-modal_btn-list li.sep-spr-btn_l .spr-btn_thin {
        font-size: 16px !important;
    }

    .spr-modal_btn-list li.sep-spr-btn_l .spr-btn_entry {
        height: 47px;
    }

    .spr-modal_btn-list li.sep-spr-btn_l--pair {
        width: 62.5%;
        margin-bottom: 0;
        margin-top: 60px;
    }
}

.spr-btn_entry::after,
.spr-btn_entry::before {
    color: #fff !important;
}

.spr-modal_header.is-note {
    color: #e5011a;
    border-top-color: #e5011a;
    background: #fff url(../img/list/icon_h-note.png) 13px center no-repeat;
    background-size: 24px 24px;
    padding-left: 50px;
}

.spr-modal_header.is-bell,
.spr-modal_header.is-bell-or {
    background-color: #fff;
    background-position: 13px center;
    background-repeat: no-repeat;
    background-size: 22px 23px;
    padding-left: 45px;
}

@media screen and (max-width: 767px) {

    .spr-modal_header.is-bell,
    .spr-modal_header.is-bell-or {
        background-size: 18px 19px;
        padding-left: 40px;
        padding-right: 10px;
    }

    .spr-modal_header.is-bell h2,
    .spr-modal_header.is-bell-or h2 {
        line-height: 1.2;
    }
}

.spr-modal_header.is-bell {
    background-image: url(../img/top/icon_h-bell.png);
}

.spr-modal_header.is-bell-or {
    background-image: url(../img/top/icon_h-bell-or.png);
    border-top-color: #f79145;
}

.spr-modal_footer .sep__button {
    margin: 0 auto;
}

.spr-modal_footer .spr-l_sub-btn {
    position: absolute;
    right: 10px;
    bottom: 50%;
    margin-bottom: -19px;
}

.sep-form-input--large {
    width: 194px;
    height: 41px;
    border-width: 2px;
    border-style: solid;
}

@media screen and (max-width: 767px) {
    .sep-form-input--large {
        width: calc(100% - 40px);
        height: 24px;
    }
}

.sep-form-btn--entry-thin {
    height: 40px;
    font-size: 16px !important;
}

.sep-form-border--gray {
    border-color: #d4d4d4 !important;
}

.sep-modal_txt {
    font-size: 16px;
    margin: 15px 0;
}

@media screen and (max-width: 767px) {
    .sep-modal_txt {
        font-size: 12px;
        margin: 5px 0;
    }
}

.sep-modal_txt2 {
    font-size: 16px;
    margin: 15px 0;
}

@media screen and (max-width: 767px) {
    .sep-modal_txt2 {
        font-size: 14px;
        margin: 5px 0;
    }
}

.sep-modal_txt3 {
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .sep-modal_txt3 {
        font-size: 10px;
        margin: 5px 0;
    }
}

.sep-modal_txt--err {
    color: #e5011a;
    margin: 5px 0;
}

.sep-modal-license {
    border-width: 10px;
    border-style: solid;
    padding: 30px;
    line-height: 1;
    background-color: #fffef2;
}

.sep-modal-license--title {
    border-bottom-width: 2px;
    border-bottom-style: dotted;
}

.sep-modal-license--day {
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 15px;
}

.sep-modal-license--ttl {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}

.sep-modal-license--type {
    font-size: 48px;
    font-weight: bold;
    margin: 30px 0;
}

.sep-modal-license--txt {
    margin: 30px 0;
    line-height: 1.4;
}

.sep-modal-license--txt2 {
    margin: 30px 0;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sep-modal-license {
        border-width: 5px;
        padding: 20px 15px 17px 15px;
    }

    .sep-modal-license--title {
        border-bottom-width: 1px;
    }

    .sep-modal-license--day {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .sep-modal-license--ttl {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .sep-modal-license--type {
        font-size: 34px;
        margin: 15px 0;
    }

    .sep-modal-license--txt {
        font-size: 12px;
        line-height: 1.4;
        margin: 15px 0;
    }

    .sep-modal-license--txt2 {
        margin: 10px 0;
        line-height: 1.4;
    }
}

.sep-modal-admission.sep-modal-license {
    border-color: #f79145;
}

.sep-modal-admission .sep-modal-license--title {
    border-color: #f79145;
}

.sep-modal-admission .sep-modal-license--type {
    color: #f79145;
}

.sep-modal-exhibition.sep-modal-license {
    border-color: #2aabe4;
    background-color: #fffef2;
}

.sep-modal-exhibition .sep-modal-license--title {
    border-color: #2aabe4;
}

.sep-modal-exhibition .sep-modal-license--type {
    color: #2aabe4;
    font-size: 38px;
}

@media screen and (max-width: 767px) {
    .sep-modal-exhibition .sep-modal-license--type {
        font-size: 29px;
    }
}

.spr-modal_header+.spr-modal_content.is-no-footer {
    max-height: calc(100% - 75px);
}

.sep-list--box {
    margin-top: 20px;
}

.sep-list--box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep-list--box li {
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-bottom: 10px;
    display: block;
    float: left;
    overflow: hidden;
}

.sep-list--box li:nth-child(odd) {
    margin-left: 0;
}

.sep-list--box li input[type="checkbox"]:checked+label {
    background: #2aabe4;
    color: #fff;
    -webkit-box-shadow: 0px 3px 0px 0px #208dbd inset;
    box-shadow: 0px 3px 0px 0px #208dbd inset;
    padding-top: 2px;
}

.sep-list--box li label {
    display: block;
    width: 100%;
    line-height: 50px;
    height: 53px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center;
    background-color: #d7f5ff;
    -webkit-box-shadow: 0px -3px 0px 0px #7ac9ec inset;
    box-shadow: 0px -3px 0px 0px #7ac9ec inset;
    cursor: pointer;
    border-radius: 3px;
}

.sep-list--box li label:hover {
    background-color: #aee8fc;
    -webkit-box-shadow: 0px -1px 0px 0px #7ac9ec inset;
    box-shadow: 0px -1px 0px 0px #7ac9ec inset;
    padding-top: 2px;
}

@media screen and (max-width: 767px) {
    .sep-list--box {
        margin-top: 10px;
    }

    .sep-list--box li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 3px;
        float: none;
    }

    .sep-list--box li label {
        line-height: 40px;
        height: 43px;
        font-size: 14px;
    }
}

.sep-search__modal-sp {
    display: none;
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
}

.sp-modal_layer {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    position: fixed !important;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
}

table.sep-modal-table {
    border: 2px #d4d4d4 solid;
    font-size: 14px;
    text-align: left;
    margin: 10px auto;
    border-collapse: collapse;
    width: 100%;
}

table.sep-modal-table * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table.sep-modal-table th {
    border: 2px #d4d4d4 solid;
    background-color: #f4f4f4;
    padding: 25px 20px;
    width: 106px;
    font-weight: bold;
}

table.sep-modal-table td {
    border: 2px #d4d4d4 solid;
    background-color: #fff;
    padding: 25px 20px;
}

table.sep-modal-table td textarea {
    padding: 11px;
    background-color: #f4f4f4;
    border: 2px solid #d4d4d4;
    border-radius: 3px;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-property: border-color background-color;
    transition-property: border-color background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

table.sep-modal-table td textarea:focus {
    border-color: #2aabe4;
    background-color: #fff;
}

@media screen and (min-width: 768px) {
    table.sep-modal-table td textarea.is-title {
        height: 51px;
    }
}

table.sep-modal-table td .sep-form__pr-count {
    width: 100%;
}

table.sep-modal-table td .is-full {
    width: 100% !important;
}

table.sep-modal-table td .input_list li.select.is-select--year {
    width: 160px;
}

table.sep-modal-table td .input_list li.select.is-select--year .select_wrap {
    width: 125px;
}

table.sep-modal-table td .input_list li.select.is-select--md,
table.sep-modal-table td .input_list li.select.is-select--time {
    width: 115px;
}

table.sep-modal-table td .input_list li.select.is-select--time--plus {
    width: 150px;
}

table.sep-modal-table td .input_list li.select.is-select--md .select_wrap,
table.sep-modal-table td .input_list li.select.is-select--time .select_wrap,
table.sep-modal-table td .input_list li.select.is-select--time--plus .select_wrap {
    width: 80px;
}

table.sep-modal-table tr:last-child th {
    border-bottom-color: #d4d4d4;
}

@media screen and (max-width: 767px) {
    table.sep-modal-table {
        background-color: transparent;
        border: none;
        margin-bottom: 0;
        width: 100%;
    }

    table.sep-modal-table th {
        display: block;
        width: 100%;
        padding: 5px 10px;
        border: none;
        margin: 0;
    }

    table.sep-modal-table td {
        display: block;
        width: 100%;
        padding: 15px 5px 20px 5px;
        border: none;
    }

    table.sep-modal-table td .input_list {
        margin: -5px -4px;
    }

    table.sep-modal-table td .input_list li.select {
        font-size: 14px;
    }

    table.sep-modal-table td .input_list li.select .select_wrap::after {
        right: 5px;
    }

    table.sep-modal-table td .input_list li.select .select_wrap select {
        padding-right: 20px;
        padding-left: 5px;
    }

    table.sep-modal-table td .input_list li.select.is-select--year {
        width: 36%;
        margin-top: -5px;
    }

    table.sep-modal-table td .input_list li.select.is-select--year .select_wrap {
        width: 76%;
    }

    table.sep-modal-table td .input_list li.select.is-select--year .select_wrap select {
        font-size: 10px;
    }

    table.sep-modal-table td .input_list li.select.is-select--md {
        width: 29.5%;
        margin-top: -5px;
    }

    table.sep-modal-table td .input_list li.select.is-select--md .select_wrap {
        width: 70%;
    }

    table.sep-modal-table td .input_list li.select.is-select--md .select_wrap select {
        font-size: 10px;
    }

    table.sep-modal-table td .input_list li.select.is-select--md span.unit {
        padding-left: 0;
    }

    table.sep-modal-table td .input_list li.select.is-select--time,
    table.sep-modal-table td .input_list li.select.is-select--time--plus {
        width: 48.5%;
    }

    table.sep-modal-table td .input_list li.select.is-select--time .select_wrap,
    table.sep-modal-table td .input_list li.select.is-select--time--plus .select_wrap {
        width: 65%;
    }

    table.sep-modal-table td .input_list li.select.is-select--time .select_wrap select,
    table.sep-modal-table td .input_list li.select.is-select--time--plus .select_wrap select {
        font-size: 14px;
    }

    table.sep-modal-table td .input_list li span.unit {
        padding-left: 0;
    }

    table.sep-modal-table td textarea {
        border: 1px solid #adadad;
        margin-bottom: 10px;
    }

    table.sep-modal-table tr {
        margin: 0;
        width: 100%;
        border: none;
    }

    table.sep-modal-table tr:last-child td {
        padding-bottom: 0;
    }
}

p+table.sep-modal-table {
    margin-top: 20px;
}

.sep-modal-top-news {
    padding: 10px;
}

.sep-modal-top-news * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sep-modal-top-news__list {
    background-color: #fff;
    padding: 0 20px;
}

.sep-modal-top-news__list li {
    display: table;
    width: 100%;
    padding: 15px 0;
}

.sep-modal-top-news__list li+li {
    border-top: 1px #eaeaea solid;
}

.sep-modal-top-news__list li .sep-img {
    display: table-cell;
    width: 60px;
    vertical-align: top;
}

.sep-modal-top-news__list li .sep-img span {
    display: block;
    width: 100%;
    height: 60px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    border-radius: 50%;
}

.sep-modal-top-news__list li .sep-text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    line-height: 1.4;
}

.sep-modal-top-news__list li .sep-button {
    display: table-cell;
    vertical-align: middle;
}

.sep-modal-top-news.is-entry {
    background-color: #fff0d8;
}

.sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-text {
    font-size: 16px;
    width: 470px;
    padding-right: 20px;
}

.sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-text.is-ex {
    padding-top: 5px;
    vertical-align: top;
}

.sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-button {
    width: 180px;
}

.sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-button__txt {
    font-size: 11px;
    display: block;
    margin-top: 5px;
    line-height: 1.2;
}

.sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-button .btn {
    position: static;
    width: 100%;
    line-height: 28px;
}

.sep-modal-top-news.is-no-entry {
    background-color: #d7f5ff;
}

.sep-modal-top-news.is-no-entry .sep-modal-top-news__list li a {
    display: inline;
}

.sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text {
    width: 650px;
}

.sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__txt {
    font-size: 14px;
}

.sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon {
    margin-top: 8px;
}

.sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon .sep__type {
    margin: 0;
}

.sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon .sep__type dt,
.sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon .sep__type dd {
    margin-bottom: 0;
    font-size: 12px;
}

.sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon .sep__type dt {
    width: 60px;
}

.sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon .sep__type dd {
    margin-left: 65px;
}

@media screen and (max-width: 767px) {
    .sep-modal-top-news__list {
        padding: 0 10px;
    }

    .sep-modal-top-news__list li {
        display: block;
    }

    .sep-modal-top-news__list li .sep-img {
        display: block;
        width: 40px;
        float: left;
    }

    .sep-modal-top-news__list li .sep-img span {
        height: 40px;
        background-size: 40px 40px;
    }

    .sep-modal-top-news__list li .sep-text {
        display: block;
        padding-left: 0;
        margin-left: 50px;
    }

    .sep-modal-top-news__list li .sep-button {
        display: block;
        clear: both;
        padding-top: 10px;
    }

    .sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-text {
        font-size: 12px;
        width: auto;
        padding-right: 0;
    }

    .sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-text.is-ex {
        padding-top: 0;
    }

    .sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-button {
        width: 100%;
    }

    .sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-button__txt {
        font-size: 9px;
    }

    .sep-modal-top-news.is-entry .sep-modal-top-news__list li .sep-button .btn {
        padding: 0;
        line-height: 40px;
        font-size: 14px;
    }

    .sep-modal-top-news.is-no-entry .sep-modal-top-news__list li {
        padding-bottom: 10px;
    }

    .sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text {
        width: auto;
    }

    .sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__txt {
        font-size: 12px;
    }

    .sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon {
        margin-top: 5px;
    }

    .sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon .sep__type dt,
    .sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon .sep__type dd {
        font-size: 9px;
    }

    .sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon .sep__type dt {
        width: 35px;
    }

    .sep-modal-top-news.is-no-entry .sep-modal-top-news__list li .sep-text__icon .sep__type dd {
        margin-left: 40px;
    }
}

.mb-10 {
    margin-bottom: 10px;
}

a.btn.pre-entry-btn {
    border-color: #72c415;
    color: #72c415;
    text-indent: 0;
}

.btn.green {
  position: relative;
  top: 0;
  border-color: #6abb0e;
  background-color: #6abb0e;
  color: #fff !important;
  box-shadow: 0px 6px 0px 0px #008400;
  -webkit-transition-duration: 100ms;
  -ms-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-property: top box-shadow;
  -ms-transition-property: top box-shadow;
  transition-property: top box-shadow;
  -webkit-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
}

.btn.green::after {
  color: #fff !important;
}

.btn.green.text_l {
  font-size: 24px;
  line-height: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px!important;
}

.btn.green:hover, .btn.green.active {
  top: 4px;
  box-shadow: 0px 2px 0px 0px #008400;
}

@media screen and (max-width: 767px) {
    .ml-180 {
        margin-left: 180px !important;
    }

    .sep-search-result__button .btn.pre-entry-btn.is-preentry--helf:not(.is-choice) {
        margin-top: 10px;
        line-height: 1.1;
        float: left;
        margin-left: 0 !important;
        padding-top: 5px !important;
    }

    a.btn.pre-entry-btn.is-preentry--helf .pre-entry-btn-inner {
        position: relative;
        top: 8px;
    }

    a.btn.pre-entry-btn {
        border-width: 2px;
    }
}

a.btn.pre-entry-btn .pre-entry-btn-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

a.btn.pre-entry-btn .pre-entry-btn-inner figure {
    width: 18px;
    display: inline-block;
    margin-right: 5px;
}

@media screen and (max-width: 767px) {
    a.btn.pre-entry-btn .pre-entry-btn-inner figure {
        width: 20px;
    }
}

a.btn.pre-entry-btn .pre-entry-btn-inner figure img {
    margin-top: -3px;
}

@media screen and (max-width: 767px) {
    a.btn.pre-entry-btn .pre-entry-btn-inner figure img {
        margin-top: -6px;
    }
}

a.btn.pre-entry-btn .pre-entry-btn-inner span.label {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    a.btn.pre-entry-btn .pre-entry-btn-inner span.label {
        font-size: 14px;
    }
}

a.btn.pre-entry-btn:hover {
    background-color: #72c415;
    color: #fff;
}
.spr-mypage_btn-list .spr-btn_arw-r.sep-btn-icon--preentry::before {
    display: none;
}
.sep__detail__list-favo li .sep-favo-button {
    display: table-cell;
    width: 251px;
    vertical-align: middle;
    padding: 15px;
}
.spr-btn_entry.spr-btn_preentry {
    background-color: #72c415;
    box-shadow: 0 6px 0 0 #599217;
}

.spr-btn_entry.spr-btn_preentry:hover {
    bottom: 2px;
    box-shadow: 0 2px 0 0 #599217;
}
.spr-btn_entry.spr-btn_preentry.is--end {
    border-color: #d4d4d4;
    background-color: #f4f4f4;
    box-shadow: 0 0 0 0 #599217;
    color: #666;
    font-weight: normal;
    cursor: default; 
    font-size: 1.6rem;
}
.spr-btn_entry.spr-btn_preentry.is--end {
    bottom: 0;
    box-shadow: 0 0 0 0 #599217;
}
.is--cursor {
    cursor: pointer !important;
}
.spr-btn_pre .spr-btn_inner{
    color: #6abb0e;
}
.spr-btn_done.spr-btn_pre .spr-btn_inner{
    color: #666;
}
.spr-btn_entry.spr-btn_preentry.is--end.is--cursor:hover,
.spr-btn_pre:hover {
    border: 2px solid #72c415;
}

@media screen and (max-width: 767px) {
.sep__detail__list-favo li .sep-favo-button {
    display: block;
    width: 100%;
}
.spr-btn_pre {
    font-size: 1.4rem !important;
    height: 40px !important;
}
}

/*  btn */
@media screen and (max-width: 767px){

  .is-3btn.sep__button.is-sep-js--follow a.btn.pre-entry-btn .pre-entry-btn-inner figure{
    display: none;
  }
  .is-3btn.sep__button.is-sep-js--follow .btn {
    width: 28.5%;
    font-size: 14px;
    line-height: 36px;
    height: 40px;
    float: left;
  }
  .is-3btn.sep__button.is-sep-js--follow .btn.pre-entry-btn {
    margin-top: 10px;
    padding-top: 12px;
}
  
  .is-3btn.is-sep-js--follow a.btn.pre-entry-btn .pre-entry-btn-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
  }
  .is-3btn.is-sep-js--follow a.btn.pre-entry-btn .pre-entry-btn-inner span.label {
    font-size: 12px;
  }
  .is-3btn.sep__button.is-sep-js--follow .btn {
  }
.is-3btn.sep__button.is-sep-js--follow .btn.blue {
    line-height: 1;
    font-size: 12px;
    padding: 6px 18px 0 15px;
}

}
.bln_wrap.follow.is-mini--pc.pre-entry-btn .bln {
    top: -70px;
}
.bln_wrap.follow.pre-entry-btn .bln {
    top: -65px;
}

a.btn.pre-entry-btn:hover {
  background-color: #72c415;
  color: #fff;
}
.sep__ribbon .is-rib--entry {
    padding-right: 5px;
    background: #28b933;
    background: -webkit-gradient(linear, left top, right top, from(#28b933), to(#7cd683));
    background: linear-gradient(to right, #72c415 0%, #28b933 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='map-get($color-sub,"base")', endColorstr='map-get($color-sub,"light")', GradientType=1);
}
.sep__ribbon .is-rib--entry::after {
    border-color: #28b933 transparent #28b933 #28b933;
    right: -19px;
}

@media screen and (max-width: 767px) {
.is-3btn.sep__button.is-sep-js--follow .btn.pre-entry-btn {
    margin-top: 10px;
    padding-top: 12px;
    margin-right: 0;
}
.is-3btn.sep__button.is-sep-js--follow .btn.blue {
    line-height: 1;
    font-size: 12px;
    padding: 7px 18px 0 15px;
}
.is-3btn.sep__button.is-sep-js--follow .btn {
    width: 31%;
    font-size: 14px;
    line-height: 36px;
    height: 40px;
    float: left;
    margin-left: 5px;
}
.sep__button.is-sep-js--follow {
    padding: 5px 5px 15px 5px;
    display: table;
}
.spr-tab_box_toggle .sep-longtab-twoline {
    line-height: 1.35;
    letter-spacing: 0.01em;
    padding-top: 10px;
    padding-bottom: 6px;
}
.spr-tab_box_toggle .sep-longtab-oneline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.spr-tab_box_toggle .sep-longtab-oneline.is_active {
    padding-top: 30px;
    padding-bottom: 20px;
}
.spr-tab_box_toggle .sep-longtab-twoline.is_active {
    padding-top: 15px;
    padding-bottom: 10px;
}

}
@media screen and (max-width: 320px) {
    .is-3btn.sep__button.is-sep-js--follow .btn.blue,
    .is-3btn.is-sep-js--follow a.btn.pre-entry-btn .pre-entry-btn-inner span.label {
    font-size: 10px;
}.is-3btn.sep__button.is-sep-js--follow .btn.blue {
    line-height: 1;
    font-size: 10px;
    padding: 7px 14px 0 3px;
}
}

/*- 2022.04.22-*/
.event_comp_list {
    padding: 20px 20px 4px;
    position: relative;
}

.event_comp_list .sep__what {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 12px;
}

.event_comp_list .sep__what .bln.pc {
    position: absolute;
    height: auto;
    top: -139px;
    width: 230px;
    right: -20px;
    padding: 10px;
    font-size: 12px;
    color: #000;
}

.sep__hide__pc {
    display: none;
}

.sep__hide_sp {
    display: block;
}
.sep-text__title__ttl {
    position: relative;
}
.add-visitlist .visit_btn {
    position: absolute;
    right: -13px;
    top: -10px;
    text-align: center;
    width: 60px;
}
.add-visitlist .visit_btn .visit_btn_img {
    cursor: pointer;
}
.add-visitlist .visit_btn .visit_btn_img img {
    width: 25px;
    height: 25px;
    margin-bottom: 5px;
}
.add-visitlist .visit_btn .visit_btn_img.img_on img {
    box-shadow: 0px 2px 0px 0px #ca7638;
}

.add-visitlist .visit_btn .visit_btn_img.img_on:hover img  {
    position: relative;
    top: 2px;
    box-shadow: 0px 0px 0px 0px #ca7638;
}
.add-visitlist .visit_btn .visit_btn_text {
    font-size: 12px;
}
.sep__detail__events-list .add-visitlist .sep-text__title .sep-photo+.sep-text__title__ttl {
    padding-right: 50px;
}

@media screen and (max-width: 767px) {

    .sep__hide__pc {
        display: block;
    }

    span:last-child {
        margin-right: 0;
    }

    .sep__what__sp {
        text-align: center;
        margin-bottom: 20px;
    }

    .sep__what__sp .bln {
        display: none;
        text-align: left;
        font-size: 12px;
        padding: 10px;
        width: auto;
        margin-bottom: 20px;
    }

    .sep__what__sp a {
        color: #2aabe4;
    }

    .sep__hide_sp {
        display: none;
    }
.add-visitlist .visit_btn {
    right: -6px;
    top: -8px;
}
}
.spr-list_container.is_event > thead > tr > th {
    width: 12.34615%;
}.spr-btn_arw-r > span, .spr-btn_arw-l > span {
    padding: 0 24px;
}.spr-list_container > thead > tr > th > .spr-list_cell {
    padding-left: 7px;
}

/* 2020-12-追記 ここから ----------------------------------------- */
.sep__detail__body.is-dtl--nospace {
  padding: 0;
  margin:0;
}
.sep-heading.is-lv3--cmp--offers {
    background-image: url(../img/company/icon_h-offers.png);
    background-size: 24px auto;
}
/* offers(この求人が募集している他職種はこちら)  */
.sep__detail__body__offers{
  overflow-y: scroll;
  overflow-x: hidden;
}
.sep__detail__body__offers > li .sep-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
  position: relative;
}
.sep__detail__body__offers > li > a.sep-wrap::after {
    font-family: 'gakujoIcon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    position: absolute;
    content: '\E902';
    font-size: 16px;
    top: 50%;
    margin-top: -8px;
    right: 12px;
    color: #E50113;
    pointer-events: none;
}
.sep__detail__body__offers > li + li{
  border-top:1px #D4D4D4 solid;
}
.sep__detail__body__offers > li .sep-text{
  padding: 0 30px 0 20px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: calc(100% - 200px);
  line-height: 1.4;
}
.sep__detail__body__offers > li .sep-title{
  font-weight: bold;
  margin:0 0 10px 0;
}
.sep__detail__body__offers > li .sep-name{
  font-weight: bold;
  font-size: 14px;
  margin:10px 0;
}
.sep__detail__body__offers > li .sep-category{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
}
.sep__detail__body__offers > li > a{
  text-decoration: none;
}
.sep__detail__body__offers > li > a:hover .sep-title{
  text-decoration: underline;
}
.sep__detail__body__offers > li > a .sep-category,
.sep__detail__body__offers > li > a .sep-name{
  color:#404040;
}
.sep__detail__body__offers .sep-category > li{
  font-weight: normal;
}
.sep__detail__body__offers .sep-category > li::after{
  content:"｜";
}
.sep__detail__body__offers .sep-image{
  width: 200px;
  height: 110px;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  text-align: center;
  position: relative;
}
.sep__detail__body__offers .sep-image img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .sep__detail__body__offers{
    overflow: auto;
  }
  .sep__detail__body__offers > li .sep-wrap{
    display: block;
    padding: 20px 10px;
    position: relative;
  }
  .sep__detail__body__offers > li > a.sep-wrap::after {
      display: none;
  }
  .sep__detail__body__offers > li .sep-text{
    padding:0;
    width: 100%;
  }
  .sep__detail__body__offers > li .sep-title{
    font-size: 14px;
    min-height: 20.533333%;
    margin:0 0 0 45.588236%;
  }
  .sep__detail__body__offers > li .sep-title::after{
    font-family: 'gakujoIcon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    content: '\E902';
    font-size: 16px;
    margin-top: -8px;
    color: #E50113;
    pointer-events: none;
  }
  .sep__detail__body__offers > li .sep-name{
    margin:0;
  }
  .sep__detail__body__offers > li .sep-name::before{
    clear: both;
    display: block;
    content:"";
    padding-top:10px;
  }
  .sep__detail__body__offers .sep-category > li{
    display: inline;
  }
  .sep__detail__body__offers .sep-image{
    width: 41.176471%;
    height: auto;
    padding-top:22.647059%;
    float: left;
  }
}
/* sep-area__list(この求人の勤務地一覧)  */
.sep-area__list{
  padding: 10px 20px;
}
.sep-area__list-ttl{
  background:transparent url(../img/search/icon_result-area.png) 10px center no-repeat;
  background-size: 14px 20px;
  font-weight: bold;
  padding: 10px 0 10px 35px;
  color:#555;
  font-size: 16px;
  margin-bottom: 5px;
}
.sep-area__list-ttl b{
  color:#FF6B00;
  margin:3px 0;
}
.sep-area__list_inner{
}
.sep-area__list-lst{
  border-top: 1px #D4D4D4 solid;
  overflow: hidden;
}
.sep-area__list-lst.sep-open{
  overflow-y: scroll !important;
}
.sep-area__list-lst > li{
  border-bottom: 1px #D4D4D4 solid;
  font-size: 13px;
}
.sep-area__list-lst > li a{
  padding: 10px 25px 10px 20px;
  position: relative;
  display: block;
}
.sep-area__list-lst > li a::after{
  font-family: 'gakujoIcon';
  line-height: 1;
  display: block;
  position: absolute;
  content: '\E902';
  right: 8px;
  top: 50%;
  margin-top: -6px;
  color: #e5011a;
  font-weight: normal;
  z-index: 0;
  pointer-events: none;
  font-size: inherit;
}
.sep-area__list-area{
  display: inline-block;
  background-color: #D7F5FF;
  line-height: 20px;
  padding: 0 7px;
  font-size: 12px;
  margin-right: -5px;
  position: relative;
  z-index: 1;
}
.sep-area__list-lst > li.sep-active .sep-area__list-area{
  background-color: #29A8E0;
  color:#fff;
}
.sep-area__list-txt{
  margin-left: 10px;
  line-height: 24px;
  font-size: 13px;
}
.sep-area__list-more{
  text-align: right;
  margin: 10px 0 5px 0;
  display: none;
}
.sep-area__list-more span{
  display: inline-block;
  font-size: 14px;
  color:#2AABE4;
  position: relative;
  cursor: pointer;
}
.sep-area__list-more span:hover{
  text-decoration: underline;
}
.sep-area__list-more::after{
  content:"＋";
  color:#E7011A;
  margin-left: 3px;
}
.sep-area__list-more.sep-open::after{
  content:"－";
}
@media screen and (max-width: 767px) {
  .sep-area__list{
    padding: 10px;
  }
  .sep-area__list-ttl{
    background-position:7px center;
    margin-bottom: 0px;
    padding-left: 27px;
  }
  .sep-area__list-lst > li a{
    padding: 10px 20px 10px 10px;
  }
  .sep-area__list-lst > li a::after{
    right: 3px;
  }
  .sep-area__list-txt{
    margin-left: 7px;
  }
  .sep-area__list-more span{
    font-size: 12px;
  }
}
/* 2020-12-追記 ここまで ----------------------------------------- */
/* 2021-01-追記 ここから ----------------------------------------- */
.sep__detail__body__questionnaire .sep-text {
    overflow: hidden;
}
.sep__detail__body__questionnaire .sep-text dd::after {
    display: block;
    content: "";
    clear: both;
}
/* 2021-01-追記 ここまで ----------------------------------------- */
/* 2021-04-追記 マイリスト ここから ----------------------------------------- */
.sep__detail__list-favo li .sep-favo-text .sep-search-result__message{
    margin-left: auto;
}
.sep__detail__list-favo .sep-search-result__message .sep-text__fukidashi.is-orange::before,
.sep-search-result__message .sep-text__fukidashi.is-blue::before{
    content:none;
}
.sep__detail__list-favo .sep-search-result__message .sep-text{
    width: 606px;
}
.sep-search-result__message .sep-text__fukidashi.is-orange .sep-search-result__message-cmt,
.sep-search-result__message .sep-text__fukidashi.is-blue .sep-search-result__message-cmt{
    position: relative;
}
.sep-search-result__message .sep-text__fukidashi.is-orange .sep-search-result__message-cmt:before{
    content:'';
    width: 55px;
    height: 46px;
    background-image: url(../img/common/icon_title_orange.png);
    position: absolute;
    left:-32px;
    top:calc(50% - 23px);
}
.sep-search-result__message .sep-text__fukidashi.is-blue .sep-search-result__message-cmt:before{
    content:'';
    width: 55px;
    height: 46px;
    background-image: url(../img/common/icon_title_blue.png);
    position: absolute;
    left:-32px;
    top:calc(50% - 23px);
}
@media screen and (max-width: 767px) {
    .sep__detail__list-favo .sep-search-result__message .sep-text{
        width: auto;
    }  
    .sep-search-result__message .sep-text__fukidashi.is-orange .sep-search-result__message-cmt:before{
        width: 54px;
        height: 46px;
        background-image: url(../img/common/icon_title_orange_sp.png);
        background-size: 100% 100%;
        left:-14px;
        top:calc(50% - 23px);
    }
    .sep-search-result__message .sep-text__fukidashi.is-blue .sep-search-result__message-cmt:before{
        width: 54px;
        height: 46px;
        background-image: url(../img/common/icon_title_blue_sp.png);
        background-size: 100% 100%;
        left:-14px;
        top:calc(50% - 23px);
    }
    .sep-search-result__message .sep-text__fukidashi .sep-search-result__message-cmt{
        font-size: 12.5px;
        letter-spacing: -0.05em;
        padding-right: 3px;
    }
}
/* 2021-04-追記 マイリスト ここまで ----------------------------------------- */
/* 2021-04-追記 イベントページ アンカーナビ ここから ----------------------------------------- */
#events .events.detail > div > .sep__detail__mv{
  margin-top: 0
}

.sep__detail__nav *{

}
#ctl00_ContentPlaceHolder1_repList_ctl02_PanelDisp0 {
    background-color:#f4f4f4;
}

.sep__detail__nav > ul{

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sep__detail__nav > ul > li{


  text-align:center;
  font-size:12px;
}
.sep__detail__nav > ul > li a{
    color:black;
    position: relative;
    height: 16px;
    display: block;
    transition:all .3s ease;
    padding:10px 0px 10px 0px;
    border-bottom:2px solid white;
    margin-left:10px;
}
.sep__detail__nav > ul > li a:hover{
      font-weight   : bold; 
      text-decoration:none;
      border-bottom:2px solid;  
}

.wordbreak {
word-break:break-all;
}
.box .companywording {
padding-bottom:5px;
}
@media screen and (min-width: 768px) {

  .sep__detail__nav > ul > li:nth-child(3n){
    border-right:none;
  }
  .sep__detail__nav > ul > li:nth-child(n+4),
  .sep__detail__nav > ul > li:nth-child(1):nth-last-child(1),
  .sep__detail__nav > ul > li:nth-child(1):nth-last-child(2),
  .sep__detail__nav > ul > li:nth-child(1):nth-last-child(3),
  .sep__detail__nav > ul > li:nth-child(2):nth-last-child(1),
  .sep__detail__nav > ul > li:nth-child(2):nth-last-child(2),
  .sep__detail__nav > ul > li:nth-child(3):nth-last-child(1){
    border-bottom:none;
  }
  .sep__detail__nav > ul > li a:hover{
    background-color: #fff;
    color:#2AABE4;
  }
    .sep__detail__nav > ul > li a{
        font-weight:bold;
  }

}
@media screen and (max-width: 767px) {
    div .sep__detail__nav > ul > li:last-child {
      border-right: 10px solid white;
    }
    .sep__detail__nav > ul.menu {
        overflow:scroll;
        flex-wrap:nowrap;
        display: -webkit-box;
        -ms-overflow-style: none;
    }
    .sep__detail__nav > ul > li {
 
    }
    .sep__detail__nav > ul.menu::-webkit-scrollbar {
    display:none;
    }

    .sep__detail__nav > ul > li a {
    padding:10px 0px 10px 0px;

    }

  #events .events.detail > div > .sep__detail__mv{
    padding-top: 20px;
  }

  .sep__detail__nav > ul > li{

  }
  .sep__detail__nav > ul > li:nth-child(2n){
    border-right:none;
  }
  .sep__detail__nav > ul > li:nth-child(n+5),
  .sep__detail__nav > ul > li:nth-child(1):nth-last-child(1),
  .sep__detail__nav > ul > li:nth-child(1):nth-last-child(2),
  .sep__detail__nav > ul > li:nth-child(2):nth-last-child(1),
  .sep__detail__nav > ul > li:nth-child(3):nth-last-child(1),
  .sep__detail__nav > ul > li:nth-child(3):nth-last-child(2),
  .sep__detail__nav > ul > li:nth-child(4):nth-last-child(1){
    border-bottom:none;
  }
  .sep__detail__nav > ul > li a{
    font-size: 12px;
  }
  .sep__detail__nav > ul > li a::after{
    font-size: 12px;
  }

  .sep__detail__nav > ul > li :hover{
    background-color: #fff;
    color:#2AABE4;

  }

}
/* 2021-04-追記 アンカーナビ ここまで ----------------------------------------- */
/* 2021-04-気になるアニメ ここから ------------------------------- */
/* --- STEP1 --- */
a.btn.fav {
    position: relative;
    z-index: 0;
    background-image: linear-gradient(0deg, #2aabe4, #ffffff);
    background-position: 0 0;
    background-size: 200% 10000%;
    text-indent: 0;
}
@media screen and (max-width: 767px) {
  .scout_list_btns a.btn.fav{
    height: 20px;
  }
  .scout_list_btns a.btn.fav.fav-active {
    line-height: 20px;
    padding-top: 4px;
    padding-bottom:4px;
    height: 42px;
  }
}
@keyframes bgGradientMove {
    0% {
        background-position: 50% 0;
    }
    100% {
        background-position: 50% 100%;
    }
}
a.btn.fav .label {
    transition: opacity .3s ease;
}
a.btn.fav .label.is-hide {
    opacity: 0;
}
a.btn.fav .fav_icon {
    display: inline-block;
    opacity: 1;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    transform: translateY(0);
    transition: opacity .6s ease-in-out .6s, transform .6s ease-in-out .6s;
}
a.btn.fav .fav_icon svg {
    position: static;
}
@media screen and (max-width: 767px) {
    a.btn.fav .fav_icon svg {
        margin-left: 0;
    }
}
/* --- STEP2 --- */
a.btn.fav.fav-active {
    color: #fff;
    border-color: #2aabe4;
    text-indent: 0;
    animation: bgGradientMove .6s ease-in-out forwards;
}
a.btn.fav.fav-active .label {
    margin-left: 0;
}
a.btn.fav.fav-active .fav_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
}
a.btn.fav.is-mini--pc.fav-active .fav_icon {
  top: 3px;
}
a.btn.fav.fav-active .fav_icon.is-hide {
    opacity: 0;
    transform: translateY(-20px);
}
/* --- STEP3 --- */
a.btn.fav.fav-active.is-choice {
    background-color: #fff;
    background-image: none;
}
a.btn.fav.fav-active.is-choice:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(transparent, #2aabe4);
    background-image: none;
    background-position: center center;
    animation: radiation 0.5s ease-in-out forwards;
    animation: radiationIE 0.5s ease-in-out forwards\0;
}
@keyframes radiation {
    0% {
        background-color: #2aabe4;
        background-size: 100% 100%;
    }
    50% {
        background-color: transparent;
        background-size: 100% 100%;
    }
    99% {
        background-size: 6000% 6000%;
    }
    100% {
        background: none;
    }
}
@keyframes radiationIE {
    0% {
        background-color: #2aabe4;
    }
    99% {
        background-color: transparent;
    }
    100% {
        background-color: transparent;
        background: none;
    }
}
/* ボタン変化後のスタイル */
@media screen and (min-width: 768px) {
  a.btn.fav.fav-active.is-choice:hover {
      color: #fff !important;
      background-color: #72c415 !important;
  }
}
a.btn.fav.fav-active.is-choice .fav_icon {
    display: none;
}
/* 2021-04-気になるアニメ ここまで ------------------------------- */
/* 2021-04-タイムラインここから ------------------------------- */
@media screen and (min-width: 991px) {
  .tab_display {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .pc_none {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sp_none {
    display: none;
  }
}


.icon-ttl{
    font-size: 12px;
    padding: 5px 5px 5px 24px;
    position: relative;
    display: inline-block;
    background-color:#F4F4F4;
    border-radius: 4px;
    line-height: 1;
    color:#29ABE4;
}
.icon-ttl img{
    position: absolute;
    bottom:0;
    left:-10px;
    width: 28px;
    height: auto;
}
.index-timeline{
    border-top: 2px #2aabe4 solid;
}
.index-timeline h2{
    color:#404040;
    display: flex;
    background-image: url(../../assets_static/img/timeline/icon_timeline.png);
    background-repeat: no-repeat;
    background-position: center left 21px;
    background-size: 25px;
    background-color: #fff;
    border-bottom:1px solid #EBEAEA;
    font-size: 18px;
    font-weight: bold;
    padding: 22px 20px 22px 53PX;
    justify-content: space-between;
}
.index-timeline--contents{
    padding: 0 8px 0;
    background: linear-gradient(#fff 0, #fff 40%, #29ABE4 40%,#29ABE4 41%, #D4EEFA 41%, #D4EEFA 100%);
    background: linear-gradient(#fff 0, #fff 60px, #29ABE4 60px,#29ABE4 61px, #D4EEFA 61px, #D4EEFA 100%);
}
.index-timeline-slider .slick-slide{
    margin:20px 8px 20px;
    position: relative;
}
.index-timeline-slider .slick-slide figure img{
    max-width: 97%;
    max-height: 97%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.index-timeline-slider .slick-slide figure{
    width: auto;
    height: 90px;
    background-color: #fff;
    position: relative;
    border: 4px solid #fff;
    border-image: linear-gradient(to top,#1e90ff,#87ceeb);
    border-image-slice: 1;
    background-clip: content-box;
    
}

.index-timeline-slider .slick-prev,.index-timeline-slider .slick-next{
    width: 40px;
    height: 40px;
    top:60px;
    z-index: 1;
}
.index-timeline-slider .slick-next:before{
    content:'';
    background-image: url(../../assets_static/img/timeline/next.png);
    width: 40px;
    height: 40px;
    background-size: cover;
    position: absolute;
    top:0;
    left:0;
    content:'';
    opacity: 1;
}
.index-timeline-slider .slick-prev:before{
    content:'';
    background-image: url(../../assets_static/img/timeline/prev.png);
    width: 40px;
    height: 40px;
    background-size: cover;
    position: absolute;
    top:0;
    left:0;
    content:'';
    opacity: 1;
}
.index-pickup h2{
    color:#404040;
    display: flex;
    background-image: url(../../assets_static/img/timeline/icon_pickup.png);
    background-repeat: no-repeat;
    background-position: center left 21px;
    background-size: 25px;
    background-color: #fff;
    border-bottom:1px solid #F79145;
    font-size: 18px;
    font-weight: bold;
    padding: 22px 20px 22px 53PX;
    display: flex;
    justify-content: space-between;
}
.index-pickup--contents{
    padding: 20px 10px 20px;
    background-color: #FEE9DA;
}
.index-pickup-wrap{
    display: flex;
    justify-content: space-between;
    
}
@media screen and (min-width: 767px) {
    .index-pickup-item {
        width: calc(50% - 16px);
        display: flex;
        vertical-align: top;
    }
    .balloon2-left .more-show-btn {
            transform: translateY(25%) translateX(28%);
        position: absolute;
        bottom: 10px;
        display: block;
        background: #F79145;
        width: 100px;
        padding: 1px;
        border-radius: .4rem;
        text-align: center;
        color: #FFF;
        text-decoration: none;
        letter-spacing: .1rem;
        border: none;
    
    }
    .balloon2-top .more-show-btn{
        border: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        background: #F79145;
        width: 100px;
        padding: 1px;
        border-radius: .4rem;
        text-align: center;
        color: #FFF;
        text-decoration: none;
        letter-spacing: .1rem;
    }
    .figure-sp {
    display:none;
    }
}
.index-pickup-item img {
    max-width: 97%;
    max-height: 97%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    }
.index-pickup-item figure{
    width: 160px;
    height: 121px;
    background-color: #fff;
    position: relative;
    border: 4px solid #fff;
    border-image: linear-gradient(to top,#ff8c00,#ff0000);
    border-image-slice: 1;
    background-clip: content-box;
}

.index-pickup-item .balloon2-left{
    width: calc(100% - 146px);
    height:130px;
    margin-bottom:auto;
    position: relative;
}

.balloon2-left #comnmicon{
    background: url(../../assets_static/img/timeline/icon_timeline_cmp.png);
    background-repeat: no-repeat;
    background-position: left -1px bottom 9px;
    background-size: 16px;
}
.balloon2-top #comnmicon2{
    background: url(../../assets_static/img/timeline/icon_timeline_cmp.png);
    background-repeat: no-repeat;
    background-size: 16px;
}
.balloon2-left #comnmicon{
    padding: 0px 0px 5px 17px;
}
.balloon2-top #comnmicon2{
    padding: 0px 0px 5px 17px;
}
.balloon2-comnm {
    font-weight:bold;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sep-link--arr4::after{
    font-family: 'gakujoIcon';
    content: '\E902';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    /*font-size: inherit;*/
    color: #FFF;
    font-weight: normal;
    pointer-events: none;
    margin-left: 3px;
    text-decoration: none !important;
    display: inline-block;
}
.index-pickup-item a{
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.balloon2-top {
  position: relative;
  display: inline-block;
  margin: 1em 0 0;
  min-width: 120px;
  max-width: 100%;
  color: #404040;
  font-size: 12px;
  background: #FFF;
  border: solid 2px #fff;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1.5;
}

.balloon2-top:before {
  content: "";
  position: absolute;
  top: -11px;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  z-index: 2;
}

.balloon2-top:after {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  z-index: 1;
}
.balloon2-left p,
.balloon2-top p{
    line-height: 1.5;
    overflow-wrap: break-word;
}
.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 0 0 0 15px;
  min-width: 120px;
  max-width: 100%;
  color: #404040;
  font-size: 12px;
  background: #FFF;
  border: solid 2px #fff;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1.5;
}
.balloon2-left1{
        padding: 5px 8px 0px 8px;
        color: #404040;
}
.balloon2-left2 {
        padding: 0px 10px 10px 10px;
}

.balloon2-top1{
        padding: 10px 10px 0px 10px;
        height: 90px;
        color: #404040;
}
.balloon2-top2{
        padding: 20px 10px 10px 10px;
}
.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;
  margin-top: -7px;
  border: 6px solid transparent;
  border-right: 6px solid #FFF;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -17px;
  margin-top: -9px;
  border: 8px solid transparent;
  border-right: 8px solid #fff;
  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
    .index-pickup-item a:hover .balloon2-left1{
        color:#F79145;
        text-decoration: underline;
        background: transparent;
    }
    .index-pickup-item a:hover .balloon2-left1:after{
        color:#F79145;
        text-decoration: underline;
        background: transparent;
    }
    .index-timeline a:hover  .balloon2-top1{
        color:#29abe4;
        text-decoration-line:underline;
        background: transparent;
    }
    .index-timeline a:hover  .balloon2-top1:after{
        color:#29abe4;
        text-decoration-line:underline;
        background: transparent;
    }
}
@media screen and (max-width: 767px) {
    .index-pickup-item a:hover .balloon2-left1{
        color:#F79145;
        text-decoration: underline;
    }
    .index-pickup-item a:hover .balloon2-left1:after{
        text-decoration: underline;
        color:#F79145;
    }
        .index-timeline a:hover  .balloon2-top1{
        color:#29abe4;
        text-decoration-line:underline;
    }
    .index-timeline a:hover  .balloon2-top1:after{
        color:#29abe4;
        text-decoration-line:underline;
    }
}


@media screen and (max-width: 767px) {
    .icon-ttl {
        display:none;
    }
    .balloon2-top{
        min-width: 80px;
    }
    .balloon2-top1 {
        padding: 10px 10px 0px 10px;
        height: 130px;
        color: #404040;
    }
    .balloon2-top2 {
    padding: 0px 10px 10px 10px;
    }
    .index-timeline-slider .slick-slide{
        margin:15px 5px 15px;
    }
    .index-timeline-slider .slick-prev{
        width: 30px;
        height: 30px;
        left:-30px;
        top:55px;
    }
    .index-timeline-slider .slick-next{
        width: 30px;
        height: 30px;
        right:-30px;
        top:55px;
    }
    .index-timeline-slider .slick-next:before{
        width: 30px;
        height: 30px;
    }
    .index-timeline-slider .slick-prev:before{
        width: 30px;
        height: 30px;
    }
    .index-timeline--contents{
        padding: 0 30px 0;
        background: linear-gradient(#fff 0, #fff 40%, #29ABE4 40%,#29ABE4 41%, #D4EEFA 41%, #D4EEFA 100%);
        background: linear-gradient(#fff 0, #fff 55px, #29ABE4 55px,#29ABE4 56px, #D4EEFA 56px, #D4EEFA 100%);
    }
    .icon-ttl{
        font-size:11px;
    }
    .icon-ttl img{
        top:calc(50% - 12.5px);
        bottom:auto;
    }
    .index-timeline h2{
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 32px;
    }
    .index-pickup h2{
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 32px;
    }
    .balloon2-left:before {
      content: "";
      position: absolute;
      top: -11px;
      left: 50%;
      margin-left: -6px;
      border: 6px solid transparent;
      border-bottom: 6px solid #FFF;
      z-index: 2;
      margin-top: 0;
    }

    .balloon2-left:after {
      content: "";
      position: absolute;
      top: -16px;
      left: 50%;
      margin-left: -8px;
      border: 8px solid transparent;
      border-bottom: 8px solid #fff;
      z-index: 1;
      margin-top: 0;
    }
    .index-pickup--contents{
        padding: 15px 30px;
    }
    .index-pickup-item{
        width: calc(50% - 10px);
        vertical-align: top;
    }
    .index-pickup-item a{
        display: block;
    }
    .index-pickup-item a figure{
        margin:0 auto 10px;
    }
    .index-pickup-item .balloon2-left{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .balloon2-left .more-show-btn,
    .balloon2-top .more-show-btn{
        border: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        background: #F79145;
        width: 84px;
        padding: 1px;
        border-radius: .4rem;
        text-align: center;
        color: #FFF;
        text-decoration: none;
        letter-spacing: .1rem;
    }
}
.modal-close{
    position: absolute;
    width: 40px;
    height: 40px;
    top:-20px;
    right:-20px;
}
.timeline-modal-body{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
}
.modal-overlay{
    z-index: 9999;
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100vh;
    background-color: rgba(64,64,64,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}
.timeline-modal{
    border-top: 4px solid #29ABE4;
    width: 636px;
    /*max-height: 600px;*/
    background-color: #fff;
    position: relative;
    border-radius: 4px;
}
.timeline-modal-item-num{
    position: absolute;
    top:0;
    left:0;
    background-color: #29ABE4;
    color:#fff;
    font-size: 14px;
    border-radius: 4px 0 4px 0;
    text-align: center;
    padding: 8px 10px;
    line-height: 1;
    margin-top: -4px;
}
.timeline-modal-item-header{
    text-align: center;
    padding: 20px 20px;
    font-size: 20px;
    border-bottom: #D5D5D5 1px solid;
}
.timeline-modal-item-header span{
    color:#E50113;
}
.timeline-modal-item-ttl{
    color:#29ABE4;
    padding:20px 20px;
    font-size: 20px;
    border-bottom: #D5D5D5 1px solid;
    
}
#timeline-modal-item-ttl-baseinfourl {
    padding-right: 24px;
    font-size:16px;
    float:right;
    margin-top:15px;
}
.timeline-modal-item-contents{
    overflow:hidden;
    display: flex;
    border-bottom: #D5D5D5 1px solid;
}
.timeline-modal-item-contents-left{
    width:260px;
    padding: 20px;
    border-right: #D5D5D5 1px solid;
}
.timeline-modal-item-contents-left dl{
    display: flex;
    margin-bottom: 20px;
    align-items: flex-start;
}
.timeline-modal-item-contents-left dt{
    width: 85px;
    text-align: center;
    font-size:14px;
    background-color: #EBEAEA;
    margin-right: 10px;
}
.timeline-modal-item-contents-left dd{
    width: calc(100% - 95px);
    font-size:14px;
}
.timeline-modal-item-contents-right{
    width: calc(100% - 300px); 
}
.timeline-modal-item-contents-right *{
    word-break: break-all;
}
.timeline-modal-item-contents-right-inner{
    /*max-height: 50vh;*/
    padding: 20px;
}
/*@media screen and (min-width: 768px) {
    .timeline-modal-item-contents-right-inner{
        overflow-y: scroll;
    }
}*/
@media screen and (min-width: 768px) {
    .timeline-modal-item-contents-spbox{
        max-height: 55vh;
        overflow-y: scroll;
    }
}
.timeline-modal-item-contents-right-ttl{
    position: relative;
    margin-top: 28px;
    margin-bottom: 20px;
}
.timeline-modal-item-contents-right-ttl:first-child{
    margin-top: 0;
}
.timeline-modal-item-contents-right-ttl span{
    background-color: #F4F4F4;
    border-radius: 4px;
    padding: 5px 10px 5px 35px;
    color:#29ABE4;
    font-size:12px;
}

.timeline-modal-item-contents-right-ttl img{
    width: 29px;
    position: absolute;
    height: auto;
    bottom:2px;
    left:-5px;
}
.timeline-modal-item-contents-right p{
    font-size: 16px;
}
.timeline-modal-item-footer{
    
    padding: 20px 50px;
}
.timeline-modal-item-footer-wrapper{
    display: flex;
    justify-content: space-between;
}
.timeline-modal-item-btn{
    line-height: 40px;
    height: 40px;
    border-radius: 4px;
    background: #fff;
    border: 2px solid #d3d4d4;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 150px;
    font-size: 16px;
    position: relative;
    transition-duration: 250ms;
    color:#29ABE4!important;
}
.timeline-modal-item-btn:hover{
    border-color: #29ABE4;
    text-decoration: none;
}
.timeline-modal-item-next:after{
    font-family: 'gakujoIcon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    position: absolute;
    content: '\E902';
    font-size: 16px;
    top: 50%;
    margin-top: -8px;
    right: 12px;
    color: #E50113;
    font-weight: normal;
    pointer-events: none;
}
.timeline-modal-item-prev:after{
    font-family: 'gakujoIcon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    position: absolute;
    content: '\E903';
    font-size: 16px;
    top: 50%;
    margin-top: -8px;
    left: 12px;
    color: #E50113;
    font-weight: normal;
    pointer-events: none;
}
.timeline-modal-item-fav{
    width: 200px;
}
.timeline-modal-item-fav img{
    margin-right: 12px;
    width: 18px;
    vertical-align: text-bottom;
}


@media screen and (max-width: 767px) {
    .timeline-modal{
        width: calc(100% - 30px);
        margin-bottom: 50px;
    }
    .timeline-modal-item-ttl,
    .timeline-modal-item-header{
        font-size: 15px;
        padding: 12px;
    }
    .timeline-modal-item-num{
        font-size: 11px;
        padding: 4px 6px;
    }
    .timeline-modal-item-contents-spbox{
        height: 55vh;
        overflow-y: scroll;
    }
    .timeline-modal-item-contents-footer-contents{
        border-bottom: #D5D5D5 1px solid;
        padding: 12px;
    }
    .timeline-modal-item-contents-footer-contents dl{
        display: flex;
        margin-top: 10px;
        align-items: flex-start;
    }
    .timeline-modal-item-contents-footer-contents dl:first-child{
        margin-top: 0;
    }
    .timeline-modal-item-contents-footer-contents dt{
        width: 85px;
        text-align: center;
        font-size:11px;
        background-color: #EBEAEA;
        margin-right: 10px;
    }
    .timeline-modal-item-contents-footer-contents dd{
        width: calc(100% - 95px);
        font-size:11px;
    }
    .timeline-modal-item-contents{
        overflow:hidden;
        display: block;
        border-bottom: #D5D5D5 1px solid;
    }
    .timeline-modal-item-contents-left{
        padding: 12px;
        width: auto;
        border-bottom: #D5D5D5 1px solid;
        border-right:none;
        text-align: center;
    }
    .timeline-modal-item-contents-left img{
        max-height: 150px;
    }
    .timeline-modal-item-contents-right{
        width: auto;
        
    }
    .timeline-modal-item-contents-right p{
        font-size: 13px;
    }
    .timeline-modal-item-contents-right-ttl{
        margin-top: 20px;
        margin-bottom: 12px;
    }
    .timeline-modal-item-contents-right-inner{
        max-height: none;
        height: auto;
        padding: 12px;
    }
    .timeline-modal-item-footer{
        padding: 12px;

    }
    .timeline-modal-item-btn{
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        min-width: 70px;
        width: auto;
        padding: 0 1em;
    }
    .timeline-modal-item-fav img{
        width: 15px;
    }
    .timeline-modal-item-next{
        padding-right: 2em;
        min-width: 30px;
    }
    .timeline-modal-item-prev{
        padding-left: 2em;
        min-width: 30px;
    }
    .modal-close{
        top:-15px;
        right:-15px;
        width: 30px;
        height: 30px;
    }
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{
    opacity: 0!important;
}
.timeline-modal,
.modal-overlay{
    display: none;
}
.slick-prev:before, .slick-next:before{
    content:''!important;
}
.sliderArea{
    min-height: 160px;
}
.index-timeline--contents_loading{
    min-height: 200px;
    background: linear-gradient(#fff 0, #fff 40%, #29ABE4 40%,#29ABE4 41%, #D4EEFA 41%, #D4EEFA 100%);
    background: linear-gradient(#fff 0, #fff 60px, #29ABE4 60px,#29ABE4 61px, #D4EEFA 61px, #D4EEFA 100%);
}
@media screen and (max-width: 767px) {
    .index-timeline--contents_loading{
        padding: 0 30px 0;
        background: linear-gradient(#fff 0, #fff 40%, #29ABE4 40%,#29ABE4 41%, #D4EEFA 41%, #D4EEFA 100%);
        background: linear-gradient(#fff 0, #fff 55px, #29ABE4 55px,#29ABE4 56px, #D4EEFA 56px, #D4EEFA 100%);
    }
}
.index-pickup--contents_loading{
    min-height: 160px;
    background-color: #FEE9DA;
}
@media screen and (max-width: 767px) {
    .index-pickup--contents_loading{
        padding: 0 30px 0;
        background-color: #FEE9DA;
    }
}
@media screen and (max-width:415px) {
    .balloon2-top2 {
        padding: 13px 0px 5px 0px;
    }
    .index-pickup-item a figure {
        width:95%;
    }
    .balloon2-left1 {
        height:77px;
    }
    .balloon2-left2 {
        padding: 13px 0px 5px 0px;
    }
    .index-pickup-item .balloon2-left {
    height:134px;
    }
}

/* 2021-04-タイムラインここまで ------------------------------- */
.sep-search-result__message .sep-text__fukidashi.is-blue::before,
.sep-search-result__message .sep-text__fukidashi.is-orange::before,
.sep-search-result__message .sep-text__fukidashi.is-basic::before {
    display: none!important;
}
/* 2021-05-吹き出し修正 ------------------------------- */
/* 2023-04-タイムライン・ピックアップ改修 ------------- */



/* インターンfireworkここから ------------------------------- */
.index-firework{
  margin-top: 35px;
}
.sep-link--blue.is-index-more {
  font-size: 14px;
  display: block;
}
@media screen and (max-width: 767px) {
  .sep-link--blue.is-index-more {
  }
}
/* インターンfireworkここまで ------------------------------- */

/* ピックアップイベントここから ------------------------------- */
@media screen and (max-width: 767px) {
    .search_pickup_event {
        background-color:#FFFFFF;
    }
    .btn_search_pickup_event {
        top:-10px;
    }
}
/* ピックアップイベントここまで ------------------------------- */

/* 2022/4用追加 ここから ------------------------------- */
.prvMsgPc {
    text-align: center;
}
@media screen and (max-width: 767px) {
    .prvMsgSp {
        text-align: left;
    }
}
/* 2022/4用追加 ここまで ------------------------------- */

/* LINEAPPLE連携ここから ------------------------------- */
@media screen and (max-width: 767px) {

    .btnsLineSP {
        margin: 0 10px;
        text-align: center;
    }
}

    .BtnLineImagePC {
        width: 336px;
    }

    .btnsLinePC {
        padding: 0px 40px 0px;
        margin: 0 10px;
        text-align: center;
    }

    @media screen and (max-width: 767px) {
     .btnsAppleSP {
        margin: 0 10px;
        text-align: center;
    }
}

    .BtnAppleImagePC {
        width: 336px;
    }

    .btnsApplePC{
        padding: 0px 40px 0px;
        margin: 0 10px;
        text-align: center;
    }

@media screen and (max-width: 767px) {
    .apple-btnSP{
        width:270px; 
        vertical-align: middle;
    }
     .apple-registSP {
        width:270px; 
        vertical-align: middle;
        margin-top: 20px;
    }
      .line-registSP{
        width:270px;
        vertical-align: middle
    }
}
@media screen and (min-width: 768px) {
    .apple-btnPC {
        height: 40px!important;
        vertical-align: middle;
    }
    .apple-registPC {
        height: 45px!important;
        vertical-align: middle;
    }
     .line-registPC{
        height:45px!important;
        vertical-align: middle
    }
      .line-registPC:hover {
        opacity: 1 !important;
    }
      .line-btn{
        height:40px!important;
        vertical-align: middle
    }
}
   .apple-btnPC:hover{
  color: #586075; text-decoration: none; opacity: .8;
   }

@media screen and (max-width: 767px) {
 .lineApplebtn{
       display: block!important;
       text-align: center;
   }
    .snsBtnSP {
        text-align: center; 
        display: block!important; 
    }
    .appleSP{
        padding-top: 20px;
    }
     .modal_scrollSP{
       overflow:scroll;
       overflow-x:hidden;
       overflow-y:auto;
       max-height: calc(100vh - 30vh)!important;
   }
     .stp_connectSP{
       width: 100px !important;
   }
}
   .snsBtnPC{
        text-align: center; 
        display: flex; 
        justify-content: space-around;
   }

   .apple_btn_hover:hover{
       color: #586075; text-decoration: none; opacity: .8;
   }

   .modal_scroll{
       overflow:scroll;
       overflow-x:hidden;
       overflow-y:auto;
       max-height: calc(100vh - 150px)
   }

   .stp_connect{
       height: 55px !important;
   }

   .login_orange {
       text-align: center;
       margin-bottom: 22px !important;
   }

/* LINEAPPLE連携ここまで ------------------------------- */

    .auto_login_password {
        text-align: center;
        color: #2AABE4!important;
    }