@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;900&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    outline: 0;
    vertical-align: baseline;
    list-style: none;
    font-family: Noto Sans JP,ヒラギノ角ゴシック,Hiragino Sans,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,メイリオ,Meiryo,Meiryo UI,YuGothic,Yu Gothic,Yu Gothic UI,sans-serif!important;
    font-weight: 300;
}

* {
    box-sizing: border-box;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html {
    font-size: 16px;
}

header {
    margin-bottom: 0;
}

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

a:hover, a:focus {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}

input {
    border: none;
    /* Google Chrome, Safari, Opera 15+, Android, iOS */
    /* Firefox 18- */
    /* Firefox 19+ */
    /* IE 10+ */
}

input:placeholder-shown {
    color: #ddd;
}

input::-webkit-input-placeholder {
    color: #ddd;
}

input:-moz-placeholder {
    color: #ddd;
    opacity: 1;
}

input::-moz-placeholder {
    color: #ddd;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #ddd;
}

textarea {
    /* Google Chrome, Safari, Opera 15+, Android, iOS */
    /* Firefox 18- */
    /* Firefox 19+ */
    /* IE 10+ */
}

textarea:placeholder-shown {
    color: #ddd;
}

textarea::-webkit-input-placeholder {
    color: #ddd;
}

textarea:-moz-placeholder {
    color: #ddd;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: #ddd;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: #ddd;
}

.pre-wrap {
    white-space: pre-wrap;
}

.btn_orange {
    background: linear-gradient(262deg, #fcc85b, #fb9943);
    color: #fff;
    line-height: 1;
}

.btn_orange:hover {
    color: #fff;
}

/*hblab add 29/04/2021*/
.link_delete_line {
    font-size: 13px;
    text-align: right;
    color: #f5a623;
    display: block;
    margin-top: 20px;
    cursor: pointer;

}

.link_delete_line:hover {
    color: #f5a623;
}

/*hblab add 25/02/2021*/
.btn_wh {
    border-radius: 2px;
    background-color: #ffffff;
    color: #fdb650;
    border: 1px solid #dddddd;

}

.btn_wh:hover {
    color: #fdb650;
}

/* end hblab add 25/02/2021*/


.btn_white {
    background: #fff;
    color: #fcc85b;
    border: #fcc85b 1px solid;
    line-height: 1;
}

.status-orange {
    background-color: #fdb650;
    border: 1px solid #fdb650;
    border-radius: 4px;
    color: #fff;
}

.status-green {
    background-color: #56b8b8;
    border: 1px solid #56b8b8;
    border-radius: 4px;
    color: #fff;
}

.status-gray {
    background: #e5e8ec;
    border: 1px solid #e5e8ec;
    color: #fff;
    border-radius: 4px;
}

.status-white {
    background: #fff;
    border: 1px solid #858b94;
    color: #858b94;
    border-radius: 4px;
}

.usrimg_c {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    border-radius: 50%;
}

.usrimg_s {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.cast-pagenation {
    margin-bottom: 2.5rem;
    text-align: center;
}

.cast-pagenation ul {
    margin: 0 auto;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
}

.cast-pagenation li {
    width: 32px;
    height: 32px;
}

.cast-pagenation li > a {
    width: 100%;
    height: 100%;
    border-right: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    border-left: none;
    color: #a8a8a8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cast-pagenation li.active > a {
    background-color: #fdb650;
    border-color: #ddd;
    color: #fff;
}

.cast-pagenation li:first-child > a {
    border-right: 2px solid #ddd;
}

.cast-pagenation li:last-child > a {
    border-right: none;
}

.modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.modal-bg {
    min-height: 100vh;
    position: relative;
}

.modal-box {
    max-width: 343px;
    padding: 3rem 0 0;
    background-color: #f7f7fb;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 100%;
}

.modal-box--white {
    background-color: #fff;
    max-width: 500px;
    min-width: 343px;
    top: 0;
    transform: translate(-50%, 0%);
    margin: 50px auto;
}

.modal-box.mh450px {
    max-height: 450px;
    overflow: scroll;
}

.modal-box__close:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    vertical-align: middle;
    background: url("/images/model/close-glay-24_2x.png") no-repeat top/16px 16px;
    position: absolute;
    top: 16px;
    right: 16px;
}

.modal-box__alert {
    margin-bottom: 1.5rem;
    padding: 2px .5rem 2px 4rem;
    background: url(/images/model/icon_alert.png) no-repeat left 2rem center/1rem auto;
    font-size: 0.75rem;
    text-align: left;
    color: #da2647;
}

.modal-box__catch {
    margin-bottom: 1.5rem;
    padding: 0 1.375rem;
    color: #39374f;
    font-size: 1rem;
}

.modal-box__text {
    margin-bottom: 2.625rem;
    padding: 0 1.375rem;
    color: #858b94;
    font-size: 0.8rem;
    line-height: 1.85;
}

.modal-box__text--flexbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    word-break: break-word;
    text-align: left;
}

.modal-box__text--bottom {
    margin: 2.2rem 0 1.5rem;
}

.modal-box__btn {
    padding: 1rem;
    background-color: #fdb650;
    color: #fff;
    display: block;
    font-size: 1rem;
    line-height: 1;
    border-radius: 2px;
    margin: 1.25rem 1rem;
}

.modal-box__btn:hover {
    color: #fff;
    opacity: .8;
}

.modal-box__yorn {
    border-top: 1px solid #ddd;
    color: #858b94;
    display: flex;
    font-size: 1rem;
    line-height: 1;
}

.modal-box__yorn__y {
    width: 50%;
    padding: 1rem;
    display: inline-block;
}

.modal-box__yorn__n {
    width: 50%;
    padding: 1rem;
    border-left: 1px solid #ddd;
    display: inline-block;
}

.modal-box__pulldown {
    max-width: 100%;
    margin: 0 1.375rem 1.5rem;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: left;
}

.modal-box__pulldown:before {
    content: "▼";
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 0.875rem;
    width: 16px;
    height: 16px;
    transform: translate(0, -50%);
}

.modal-box__pulldown select {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    display: block;
    height: 40px;
    padding: .2rem 2rem 0 0.75rem;
    line-height: 1.5;
    cursor: pointer;
    border: none;
}

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

.modal-box__schedule__radio input {
    display: none;
}

.modal-box__schedule__radio label {
    margin: 1.56rem 0 1.56rem 1.375rem;
    padding-left: 2.2rem;
    background: url('/images/model/icon_radio01.png') no-repeat left center;
    line-height: 2;
    font-size: .875rem;
    color: #48485a;
    font-weight: bold;
}

.modal-box__schedule__radio label:hover {
    background-image: url('/images/model/icon_radio01_hover.png');
}

.modal-box__schedule__radio input:checked + label {
    background-image: url('/images/model/icon_radio02.png');
}

.modal-box__schedule__day {
    background-color: #f5f5f5;
}

.modal-box__schedule__day-title {
    color: #000;
    font-size: .875rem;
    font-weight: bold;
    padding: .625rem 0 1.2rem .75rem;
}

.modal-box__schedule__wish {
    border-top: 1px solid #aaa;
    padding: .625rem;
}

.modal-box__schedule__wish + .modal-box__schedule__wish {
    border-bottom: 1px solid #aaa;
}

.modal-box__schedule__wish__text {
    color: #333;
    font-weight: bold;
    margin-bottom: 1rem;
}

.modal-box__schedule__calendar {
    width: 100%;
    height: 36px;
    margin: 0 1.5rem 1rem 0;
    position: relative;
}

.modal-box__schedule__calendar input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    border: 1px solid #d3d8dc;
    border-radius: 2px;
}

.modal-box__schedule__calendar__btn {
    position: absolute;
    top: 0;
    right: -1px;
    width: 36px;
    height: 36px;
    background: url("/images/client/icon_calendar_white.png") no-repeat center/11px auto;
    background-color: #fdb650;
    border: none;
    border-radius: 0 2px 2px 0;
}

.modal-box__schedule__calendar__flex {
    display: flex;
    align-items: center;
}

.modal-box__schedule__time {
    margin-left: 2.25rem;
}

.modal-box__schedule__pulldown {
    position: relative;
}

.modal-box__schedule__pulldown:before {
    content: "▼";
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 0.875rem;
    width: 16px;
    height: 16px;
    transform: translate(0, -50%);
}

.modal-box__schedule__pulldown select {
    width: 208px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: left;
    display: block;
    height: 40px;
    padding: .2rem 2rem 0 0.75rem;
    line-height: 1.5;
    cursor: pointer;
    color: #48485a;
}

.modal-box__price {
    background-color: #f5f5f5;
    padding: .875rem 1.375rem 1.8rem;
    text-align: left;
}

.modal-box__price__text {
    color: #000;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.modal-box__price__flex {
    display: flex;
    align-items: flex-end;
}

.modal-box__price input {
    width: 250px;
    height: 36px;
    border: 1px solid #d3d8dc;
    padding: 0 .875rem;
}

.modal-box__price__yen {
    margin-left: .875rem;
}

.modal-box__contents {
    background-color: #f5f5f5;
    padding: .875rem 1.375rem 1.8rem;
    text-align: left;
}

.modal-box__contents__text {
    color: #000;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.modal-box__contents__flex {
    display: flex;
    flex-wrap: wrap;
}

.modal-box__contents input {
    display: none;
}

.modal-box__contents label {
    margin: 0 0 2rem 1.375rem;
    padding-left: 2.2rem;
    background: url('/images/model/icon_searchlist.png') no-repeat left center;
    line-height: 2;
    font-size: .875rem;
    color: #000;
    width: 100%;
}

.modal-box__contents label:last-child {
    margin-bottom: 0;
}

.modal-box__contents input:checked + label {
    background-image: url('/images/model/icon_searchlist2.png');
}

.modal-box__contract {
    background-color: #f5f5f5;
    padding: .875rem 1.375rem 1rem;
    text-align: left;
}

.modal-box__contract__title {
    color: #000;
    font-size: .875rem;
    font-weight: bold;
    padding: .625rem 0 1.2rem 0;
}

.modal-box__contract__calendar {
    width: 100%;
    height: 36px;
    margin: 0 1.5rem .75rem 0;
    position: relative;
}

.modal-box__contract__calendar input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    border: 1px solid #d3d8dc;
    border-radius: 2px;
}

.modal-box__contract__calendar__btn {
    position: absolute;
    top: 0;
    right: -1px;
    width: 36px;
    height: 36px;
    background: url("/images/client/icon_calendar_white.png") no-repeat center/11px auto;
    background-color: #fdb650;
    border: none;
    border-radius: 0 2px 2px 0;
}

.modal-box__contract__text {
    color: #000;
}

.modal-box__note {
    text-align: left;
    padding: 1.5rem 1.65rem 0 1.65rem;
}

.modal-box__note__title {
    color: #000;
    font-size: .875rem;
    font-weight: bold;
    padding-bottom: .75rem;
}

.modal-box__note__textarea {
    resize: none;
    width: 100%;
    height: 67px;
    margin-bottom: 2.25rem;
    display: block;
    border: 1px solid #ddd;
    padding: .75rem;
}

.modal-box__note input {
    display: none;
}

.modal-box__note label {
    margin: 0 0 2.5rem 0;
    padding-left: 2.2rem;
    background: url('/images/model/icon_searchlist.png') no-repeat left center;
    line-height: 2;
    font-size: .875rem;
    color: #48485a;
    font-weight: bold;
}

.modal-box__note input:checked + label {
    background-image: url('/images/model/icon_searchlist2.png');
}

.modal-box__refuse-btn {
    width: 300px;
    margin: 0 auto 1.5rem;
}

.modal-box__refuse-btn a {
    display: block;
    padding: 1rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
}

.modal-box__refuse-btn--on a {
    background: linear-gradient(262deg, #fcc85b, #fb9943);
}

.modal-box__refuse-btn--off a {
    background-color: #e5e8ec;
}

.modal-box__update {
    padding-bottom: 1rem;
}

.modal-box__update__btn {
    width: 300px;
    margin: 0 auto 1.5rem;
}

.modal-box__update__btn a {
    display: block;
    padding: 1rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    background-color: #fdb650;
}

.dropdown-menu thead .btn {
    background-color: #fdb650;
    color: #fff;
}

.dropdown-menu table th {
    vertical-align: top;
}

.dropdown-menu .h6 {
    display: none;
}

.btn-default {
    background-color: #fdb650;
    color: #fff;
    border: none;
}

.btn-default:hover {
    background-color: #fdb650;
    color: #fff;
    opacity: .8;
}

.btn-default span.text-muted {
    color: #999;
}

.btn-default span.text-info {
    color: #ff1b2d;
}

.btn-default.text-muted {
    color: #ddd;
    background-color: #fdb650;
}

.btn-default.active {
    background-color: #fff;
}

.btn-default[disabled] {
    color: #333;
}

.btn-group .btn-info {
    padding: .75rem 1rem;
    background-color: #fdb650;
    border-color: #fdb650;
}

.btn-group .btn-info:hover {
    background-color: #fdb650;
    border-color: #fdb650;
}

.btn-danger {
    padding: .75rem 1rem;
    background-color: #ffdca4;
    border-color: #ffdca4;
}

.btn-danger:hover {
    background-color: #ffdca4;
    border-color: #ffdca4;
}

.btn-success {
    padding: .75rem 1rem;
    background-color: #ddd;
    border-color: #ddd;
}

.btn-success:hover {
    background-color: #ddd;
    border-color: #ddd;
}

.btn-info.active {
    background-color: #fff;
    border-color: #fff;
    color: #fdb650;
}

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

.modal-urlcopy {
    min-width: 120px;
    height: 40px;
    margin-left: 1rem;
    padding: 0.5rem;
    border-radius: 0 2px 2px 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 13px;
    text-align: center;
}

.modal-urlcopy:hover {
    color: #fff;
}

.modal-urlcopy span {
    padding-left: 1.5rem;
    background: url(/images/model/copy_white_16.png) no-repeat left;
    font-size: 13px;
}

.newbadge {
    position: relative;
}

.newbadge__icon {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 0;
    min-width: 16px;
    height: 16px;
    background-color: #da2647;
    border-radius: 50%;
    color: #fff;
    padding: 0.1rem;
    display: flex;
    font-size: 0.5rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: translate(100%, -50%);
    z-index: 1;
}

.newbadge__icon.horizon {
    top: 50%;
}

.area-all {
    min-height: 100vh;
    padding: 64px 0 0 260px;
    background-color: #f7f7fb;
}

.area-all--padding-left0 {
    padding-left: 0;
}

.area-all.lp {
    padding-top: 0;
}

.area-all.message {
    padding-top: 172px !important;
}

.area-all.padding-117 {
    padding-top: 127px !important;
}

.area-all.invalid {
    padding-top: 54px;
}

.area-all.cast-setting, .area-all.invalid {
    margin-top: 64px;
    padding-bottom: 80px;
}

.area-all.cast-setting .config-header {
    margin: 64px 0 0 260px;
}

.area-header {
    height: 64px;
    background-color: #fff;
    border-bottom: 1px solid #e5e8ec;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.area-header__loginbefore {
    max-width: 750px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.area-header__loginbefore__logo {
    width: 161px;
}

.area-header__loginafter {
    max-width: 750px;
    height: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.area-header__loginafter__logo {
    width: 142px;
    height: auto;
}

.area-header__loginafter__list {
    color: #323140;
    display: flex;
    text-align: center;
}

.area-header__loginafter__list__item {
    margin-left: 0.5rem;
    font-size: 0.625rem;
}

.area-header__loginafter__list__item > a {
    width: 100%;
    height: 100%;
    padding-top: 23px;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
}

.area-header__loginafter__list__item > a > span {
    display: block;
    line-height: 1;
    transform: scale(0.8);
}

.area-header__loginafter__list__item.todo > a {
    background-image: url("/images/model/icon_header_todo_2x.png");
    background-size: 18px 14px;
    background-position: top 5px center;
}

.area-header__loginafter__list__item.mypage > a {
    background-image: url("/images/model/icon_header_mypage_2x.png");
    background-size: 24px 26px;
}

.area-header__loginafter__list__item.message > a {
    background-image: url("/images/model/icon_header_message_2x.png");
    background-size: 26px 26px;
}

.area-header__loginafter__list__item.menu > a {
    background-image: url("/images/model/icon_header_menu_2x.png");
    background-size: 26px 26px;
}

.header-badge {
    width: 16px;
    height: 16px;
    margin-left: 28px;
    background-color: #da2647;
    border-radius: 50%;
    color: #fff;
    float: right;
    font-size: 10px;
    position: absolute;
    top: 25%;
    right: unset;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%) !important;
}

.area-header-message {
    height: 54px;
    background-color: #fff;
    border-bottom: 1px solid #e5e8ec;
}

.area-header-message__inner {
    max-width: 750px;
    height: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
}

.area-header-message__back {
    min-height: 1rem;
    padding-left: 1.5rem;
    background: url("/images/model/icon_back_toleft_black.png") no-repeat left center;
    color: #48485a;
    display: inline-block;
    font-size: 0.875rem;
}

.area-footer__purple {
    padding: 1rem 0.5rem 0.75rem;
    background-color: #48485a;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

.area-footer__purple__inner {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.area-footer__purple__list {
    margin-bottom: .5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.area-footer__purple__list__item {
    padding: 0 0.5rem;
    border-left: 1px solid #fff;
}

.area-footer__purple__list__item:first-child {
    border-left: none;
}

.area-footer__gray {
    padding: 1.5rem 0;
    background-color: #f7f7fb;
    color: #a8a8a8;
    font-size: 0.625rem;
    text-align: center;
}

.area-footer__transparent {
    background: none !important;
    border-bottom: none;
}

.area-footer__transparent ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.area-footer__transparent ul li {
    margin-bottom: 10px;
    padding: 0 0.5rem;
    border-left: 1px solid #fff;
    color: #fff;
    line-height: 1;
    display: inherit;
}

.area-footer__transparent ul li a {
    border-bottom: none !important;
    font-size: 10px;
    margin: 0;
}

.area-footer__transparent__list {
    padding-bottom: 0.5rem;
}

.area-footer__transparent__border {
    margin: 40px 0;
}

.area-footer__transparent__client {
    padding-bottom: 2.5rem;
    font-size: 12px;
}

.area-footer__transparent__list li:first-child {
    border-left: none;
}

.area-footer__transparent__copyright {
    padding: 1rem 0 0.75rem;
    font-size: 10px;
}

.area-home-footer {
    background-color: #f6f6f9;
}

.area-home-footer__inner {
    max-width: 924px;
    margin: 0 auto;
    padding: 1.75rem 0;
}

.area-home-footer__row {
    padding: 1.25rem;
    display: flex;
}

.area-home-footer__col1 {
    width: 27%;
    margin-right: 3rem;
}

.area-home-footer__col1 img {
    width: 243px;
    height: 24px;
}

.area-home-footer__col2 {
    width: 58%;
}

.area-home-footer__text {
    color: #48485a;
    font-size: 0.8rem;
    line-height: 1.6;
}

.area-home-footer__h {
    margin-bottom: 0.875rem;
    color: #48485a;
    font-size: 0.8rem;
    font-weight: bold;
}

.area-home-footer__list {
    color: #48485a;
    font-size: 0.75rem;
    display: flex;
    flex-wrap: wrap;
}

.area-home-footer__list__item {
    margin-bottom: 1rem;
}

.area-home-footer__list__item:nth-of-type(3n+1) {
    width: 24%;
}

.area-home-footer__list__item:nth-of-type(3n+2) {
    width: 43%;
}

.area-home-footer__list__item:nth-of-type(3n+3) {
    width: 33%;
}

.area-home-footer__bnr {
    width: 206px;
    color: #fff;
    font-size: 0.8rem;
    text-align: center;
}

.area-home-footer__bnr__bnr1 {
    margin-bottom: 1rem;
    padding: 0.75rem 1.5rem;
    background-color: #32bbb7;
    border-radius: 2px;
    display: block;
}

.area-home-footer__bnr__bnr2 {
    padding: 0.75rem 1.5rem;
    background-color: #fdb650;
    border-radius: 2px;
    display: block;
}

.area-home-copyright {
    background-color: #48485a;
    color: #fff;
    font-size: 0.75rem;
}

.area-home-copyright__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0.875rem 0;
    display: flex;
    justify-content: space-between;
}

.area-home-copyright__list {
    display: flex;
}

.area-home-copyright__list__item {
    padding: 0 1rem;
    border-right: 1px solid #fff;
}

.area-home-copyright__list__item:last-child {
    border-right: none;
}

.area-wrap {
    max-width: 750px;
    margin: 0 auto;
    width: calc(100% - 2rem);
}

.backimg-frame {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url("/images/model/sp_main_bgimg01.jpg");
    background-size: cover;
    z-index: -1;
}

.backimg-frame li {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: none;
    opacity: 0;
    -webkit-animation: anime 30s linear 0s infinite;
    animation: anime 30s linear 0s infinite;
}

.backimg-frame li:nth-child(1) {
    background-image: url("/images/model/sp_main_bgimg01.jpg");
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.backimg-frame li:nth-child(2) {
    background-image: url("/images/model/sp_main_bgimg02.jpg");
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}

.backimg-frame li:nth-child(3) {
    background-image: url("/images/model/sp_main_bgimg03.jpg");
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
}

@-webkit-keyframes anime {
    0% {
        -webkit-animation-timing-function: ease-in;
        opacity: 0;
    }
    10% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes anime {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
    }
    10% {
        transform: scale(1);
        opacity: 1;
    }
    40% {
        transform: scale(1);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.regi-wip-frame {
    min-height: 100vh;
    text-align: center;
    padding: 0 2rem;
    background-size: cover;
}

.regi-wip-frame p {
    color: #fff;
}

.regi-wip-frame a {
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 0 0.5rem;
}

.regi-wip-frame form {
    margin-bottom: 0;
}

.regi-wip-head {
    padding-top: 100px;
}

.regi-wip-head p {
    font-size: 14px;
    color: #fff;
    padding-bottom: 30px;
}

.regi-wip-head img {
    width: 243px;
    height: 24px;
    margin: 0 auto;
}

.regi-wip-head a {
    border-bottom: none;
}

.regi-wip-agent {
    text-align: center;
}

.regi-wip-text {
    font-size: 18px;
    color: #fff;
    padding: 4rem 0 3rem;
}

.regi-wip-list input {
    width: 100%;
    height: 48px;
    background-color: unset;
    color: #fff;
}

.regi-wip-list input:focus {
    outline: 0;
}

.regi-wip-list input::placeholder {
    opacity: 0.5;
}

.regi-wip-list__item {
    margin-bottom: 1rem;
}

.regi-wip-list__item.regimail {
    position: relative;
}

.regi-wip-list__item.regimail .alertnote {
    padding-top: 0.5rem;
    color: #f00;
    font-size: 0.75rem;
}

.regi-wip-list__item__mail {
    padding-left: 3rem;
    background: url("/images/model/messege_white_16.png") no-repeat center left;
    background-position-x: 1rem;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.16);
}

.regi-wip-list__item__pass {
    padding-left: 3rem;
    background: url("/images/model/pass_white_16.png") no-repeat center left;
    background-position-x: 1rem;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.16);
}

.regi-wip-list__item__pass2 {
    padding-left: 3rem;
    background: url("/images/model/pass_white_16.png") no-repeat center left;
    background-position-x: 1rem;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.16);
}

.regi-wip-check {
    font-size: 12px;
    display: inline-block;
}

.regi-wip-check input[type="checkbox"] {
    display: none;
}

.regi-wip-check__check {
    display: inline-block;
}

.regi-wip-check__check__label {
    padding: 0.25rem 1rem 0.25rem 1.25rem;
    background: url(/images/model/check_off.png) no-repeat left center;
    line-height: 1;
    display: flex;
    justify-content: center;
    color: #fff;
}

.regi-wip-check input[type="checkbox"]:checked + label {
    background-image: url(/images/model/check_on.png);
}

.regi-wip-login {
    font-size: 12px;
}

.regi-wip-btn {
    width: 100%;
    padding: 1rem;
    margin: 0.625rem 0 1rem;
    border-radius: 2px;
    border: none;
}

.regi-wip-btn__item {
    font-size: 16px;
    padding-left: 2.5rem !important;
    border-bottom: none !important;
    background: url("/images/model/icon_air_white_20.png") no-repeat left;
}

.regi-wip-alert {
    margin: 0 0 1rem;
    padding: 1rem 1rem;
    background-color: #f7d3da;
}

.regi-wip-alert__text {
    background: url("/images/model/error_red_16.png") no-repeat left top/1rem auto;
    font-size: 0.75rem;
    padding-left: 2rem;
    color: #da2647 !important;
    display: inline-block;
    text-align: left;
}

.regi-pro-flow {
    margin-bottom: 0.875rem;
    padding: 1.5rem 0;
    line-height: 0;
    text-align: center;
}

.regi-pro-flow img {
    width: 204px;
}

.regi-pro-box {
    margin-bottom: 1.5rem;
    padding: 1.25rem 1rem;
    background-color: #fff;
}

.regi-pro-box__h {
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #ddd;
    color: #48485a;
    font-size: 1rem;
}

.regi-pro-inputs__h {
    color: #48485a;
    font-size: 0.875rem;
}

.regi-pro-inputs__row {
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap;
}

.regi-pro-inputs__2col {
    display: flex;
    justify-content: space-between;
}

.regi-pro-inputs__2col__col {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
}

.regi-pro-inputs__optional {
    margin-left: 8px;
    padding: 6px;
    background-color: #ddd;
    border-radius: 2px;
    color: #6b6b6b;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.regi-pro-inputs__required {
    margin-left: 8px;
    padding: 6px;
    background-color: #f7d3da;
    border-radius: 2px;
    color: #da2647;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.regi-pro-inputs__label {
    margin-left: 8px;
    padding: 5px;
    border: 1px solid #a8a8a8;
    border-radius: 2px;
    color: #a8a8a8;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.regi-pro-inputs__label.publish {
    border: 1px solid #fdb650;
    color: #fdb650;
}

.regi-pro-inputs__inputtext {
    width: 100%;
    height: 40px;
    margin-top: 0.5rem;
    padding: 0 0.75rem;
    background-color: #f7f7fb;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: flex;
    align-items: center;
}

.regi-pro-inputs__mailcap {
    font-size: 12px;
    color: #ff0000;
    padding-top: 8px;
}

.regi-pro-inputs__textarea {
    width: 100%;
    margin-top: 0.5rem;
    padding: 1rem;
    background-color: #f7f7fb;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.regi-pro-inputs__caption {
    margin-top: 0.5rem;
    color: #858b94;
    display: inline-block;
    font-size: 0.75rem;
}

.regi-pro-inputs__alert {
    margin-top: 0.5rem;
    color: #da2647;
    display: inline-block;
    font-size: 0.75rem;
}

.regi-pro-inputs__pulldown {
    width: 100%;
    margin-top: 0.5rem;
    position: relative;
}

.regi-pro-inputs__pulldown:before {
    color: #48485a;
    font-size: 10px;
    content: "▼";
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%) scale(0.8);
}

.regi-pro-inputs__pulldown select {
    width: 100%;
    height: 40px;
    padding: 0 0.75rem;
    background-color: #f7f7fb;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: flex;
    align-items: center;
}

.regi-pro-achive {
    margin-top: 0.75rem;
    color: #fdb650;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8rem;
    line-height: 1;
    text-align: center;
}

.regi-pro-achive__item {
    margin: 0 1rem 1rem 0;
}

.regi-pro-achive__item > a {
    padding: 0.7rem;
    border: 1px solid #fdb650;
    border-radius: 44px;
    display: inline-block;
    text-decoration: none;
    color: #fdb650;
}

.regi-pro-achive__item.active {
    color: #fff;
}

.regi-pro-achive__item.active > a {
    padding-left: 2rem;
    background: url("/images/model/icon_check_white.png") no-repeat left 0.75rem center/14px auto, linear-gradient(252deg, #fcc85b, #fb9943);
    color: #fff;
}

.regi-pro-profimg__item {
    margin-bottom: 1.5rem;
    display: flex;
}

.regi-pro-profimg__img {
    width: 74px;
    height: 74px;
    color: #fff;
    position: relative;
}

.regi-pro-profimg__img__cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    font-size: 14px;
    text-align: center;
}

.regi-pro-profimg__img__cover > span {
    width: 100%;
    padding-top: 1.5rem;
    background: url("/images/model/icon_plus_white.png") no-repeat top center/14px auto;
    display: block;
    position: absolute;
    left: 50%;
    right: 0;
    font-size: 10px;
    transform: translateX(-50%) scale(0.8);
}

.sign-up-img > span {
    background: url("/images/client/icon_plus_grey.png") no-repeat top center/14px auto;
}

.sign-up-img__title {
    font-weight: 400;
}

.sign-up-img__alert {
    font-weight: 500;
}

.regi-pro-profimg__content {
    width: calc(100% - 74px);
    padding-left: 0.75rem;
}

.regi-pro-profimg__text {
    color: #858b94;
    font-size: 0.8rem;
    line-height: 1.6;
}

.regi-pro-profimg__h {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
}

.regi-pro-profimg__h__title {
    color: #48485a;
    font-size: 0.875rem;
}

.regi-pro-profimg__h__optional {
    margin-left: 8px;
    padding: 6px;
    background-color: #ddd;
    border-radius: 2px;
    color: #6b6b6b;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.regi-pro-profimg__h__required {
    margin-left: 8px;
    padding: 6px;
    background-color: #f7d3da;
    border-radius: 2px;
    color: #da2647;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.regi-pro-profimg__h__label {
    margin-left: 8px;
    padding: 5px;
    border: 1px solid #a8a8a8;
    border-radius: 2px;
    color: #a8a8a8;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.regi-pro-profimg__h__label.publish {
    border: 1px solid #fdb650;
    color: #fdb650;
}

.login-frame {
    min-height: 100vh;
    text-align: center;
    padding: 0 2rem;
}

.login-frame p {
    color: #fff;
}

.login-frame a {
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 0 0.5rem;
}

.login-head {
    padding-top: 100px;
}

.login-head p {
    font-size: 14px;
    color: #fff;
    padding-bottom: 1.75rem;
}

.login-head img {
    width: 243px;
    height: 24px;
    margin: 0 auto;
}

.login-head a {
    border-bottom: none;
}

.login-login {
    font-size: 12px;
}

.login-border {
    margin: 40px 0;
}

.login-client {
    padding-bottom: 2.5rem;
    font-size: 12px;
}

.history-slide {
    padding-bottom: 0.5rem;
    position: relative;
}

.history-slide img {
    width: 100%;
    max-height: 48%;
}

.history-slide__list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.history-slide__list__item {
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.history-slide__list__item:before {
    content: "";
    display: block;
    padding-top: 48%;
}

.history-slide .slick-prev {
    left: 5px;
    z-index: 1;
}

.history-slide .slick-prev:before {
    background: url("/images/model/icon_slide_l.png") no-repeat center/16px auto;
    color: transparent;
}

.history-slide .slick-next {
    right: 5px;
    z-index: 1;
}

.history-slide .slick-next:before {
    background: url("/images/model/icon_slide_r.png") no-repeat center/16px auto;
    color: transparent;
}

.history-slide .slick-dots li.slick-active button:before {
    color: #fdb650;
}

.history-slide__text {
    padding: 0.625rem 0.8rem;
    background-color: rgba(50, 49, 64, 0.48);
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.67;
    position: absolute;
    bottom: calc(30px + .5rem);
    left: 0;
    right: 0;
}

.history-index {
    padding: 1rem;
    background-color: #fff;
}

.history-index__offertype {
    height: 16px;
    margin-right: 1rem;
    padding: 0 0 0 2rem;
    background: url("/images/model/icon_search_offertype_navy.png") no-repeat left 6px center/16px auto;
    color: #323140;
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
}

.history-index__area {
    height: 16px;
    padding: 0 0 0 2rem;
    background: url("/images/model/icon_search_map_navy.png") no-repeat left 6px center/16px auto;
    color: #323140;
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
}

.history-index__deadend {
    height: 16px;
    margin-top: 1rem;
    padding: 0 0 0 2rem;
    background: url("/images/model/icon_search_date_navy.png") no-repeat left 6px center/16px auto;
    color: #323140;
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
}

.history-index__deadend__date {
    margin-left: 2rem;
    color: #da2647;
    display: inline-block;
}

.history-catch {
    padding: 1.5rem 1.2rem;
    background-color: #fef6e8;
    color: #323140;
    font-size: 1rem;
    line-height: 1.75;
}

.btn__finish {
    padding-left: 1.5rem;
    background: url("/images/model/check_on_white_16.png") no-repeat left;
}

.history-fixbnr {
    width: calc(100% - 260px);
    position: fixed;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
}

.history-fixbnr__list {
    padding: 1rem 2rem;
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
    text-align: center;
    max-width: 750px;
    width: 100%;
    margin: auto;
}

.history-fixbnr__list__item {
    width: 100%;
}

.history-fixbnr__list__item > a {
    width: 100%;
    padding: 1rem 0.75rem;
    border-radius: 2px;
    display: inline-block;
}

.history-fixbnr .btn__finish {
    font-size: 16px;
    padding-left: 1.5rem;
    background: url("/images/model/check_on_white_16.png") no-repeat left;
    background-position: 0 2px;
}

.history-head-text {
    font-size: 16px;
    color: #323140;
    padding: 1.25rem 0.75rem;
    text-align: center;
}

.history-head-text.v2 {
    color: #48485a;
    font-size: 18px;
    font-weight: 600;
}
.history-table__note.v2 {
    padding: 0rem 0.5rem;
    display:flex;
    flex-direction: column;
    gap: 8px;
}
.history-table__title.v2 {
    font-weight: 600;
    color: #333333;
    font-size: 12px;
}
.history-table__description.v2 {
    color: #333333;
    font-size: 12px;
    word-wrap: break-word;
}
.history-report-frame {
    padding: 1.5rem 1rem;
    background: #fff;
}

.history-report-frame__box {
    text-align: center;
}

.history-report-frame__box__item1 {
    font-size: 16px;
    color: #323140;
}

.history-report-frame__box__item2 {
    font-size: 13px;
    color: #48485a;
    padding: 1.75rem 0 1rem;
}

.history-report-frame__box__item2__t {
    padding-bottom: 1.5rem;
}

.history-report-pulldown {
    width: 100%;
    color: #48485a;
    font-size: 0.875rem;
    position: relative;
}

.history-report-pulldown:before {
    color: #48485a;
    font-size: 10px;
    content: "▼";
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%) scale(0.8);
}

.history-report-pulldown select {
    width: 100%;
    height: 40px;
    padding: 0 0.75rem;
    background-color: #f7f7fb;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.history-report-bnr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.history-report-bnr__btn {
    width: 100%;
    padding: 1rem;
    text-align: center;
    font-size: 16px;
    border-radius: 2px;
    margin-bottom: 2.5rem;
    border: none;
}

.history-report-bnr__btn.btn__red {
    background-color: rgba(218, 38, 71, 0.16);
    padding: 0.75rem 0;
}

.history-report-bnr__btn.btn__red span {
    color: #da2647;
    padding-left: 1.5rem;
    background: url("/images/model/error_red_16.png") no-repeat left;
}

.history-report-bottom-frame {
    padding: 1.5rem 1rem 7rem;
}

.history-report-link {
    color: #fdb650;
    font-size: 13px;
    text-align: right;
    padding-bottom: 1.5rem;
}

.history-report-link a {
    padding-right: 1rem;
    background: url("/images/model/more_next_orange_16.png") no-repeat right/13px 13px;
}

.history-index {
    padding: 1rem;
    background-color: #fff;
}

.history-index__offertype {
    height: 16px;
    margin-right: 1rem;
    padding: 0 0 0 2rem;
    background: url("/images/model/icon_search_offertype_navy.png") no-repeat left 6px center/16px auto;
    color: #323140;
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
}

.history-index__area {
    height: 16px;
    padding: 0 0 0 2rem;
    background: url("/images/model/icon_search_map_navy.png") no-repeat left 6px center/16px auto;
    color: #323140;
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
}

.history-index__deadend {
    height: 16px;
    margin-top: 1rem;
    padding: 0 0 0 2rem;
    background: url("/images/model/icon_search_date_navy.png") no-repeat left 6px center/16px auto;
    color: #323140;
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
}

.history-index__deadend__date {
    margin-left: 2rem;
    color: #da2647;
    display: inline-block;
}

.date-alert {
    max-width: 340px;
    margin: 4.3rem auto;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(133, 139, 148, 0.3);
}

.date-alert__top {
    text-align: center;
    padding: 2rem 1.25rem;
    border-bottom: 1px solid #ddd;
}

.date-alert__top-title {
    font-weight: bold;
    color: #ff7f00;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.date-alert__top-text {
    color: #4a4634;
    line-height: 1.5;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.date-alert__top-btn a {
    background-image: linear-gradient(261deg, #fcc85b, #fb9943);
    border-radius: 2px;
    display: block;
    color: #fff;
    padding: 1rem;
    margin: 0 auto;
    font-size: 1rem;
}

.date-alert__top-btn a:hover {
    opacity: .8;
}

.date-alert__middle-box2 {
    font-size: 0.75rem;
    color: #323140;
    padding: 1.25rem;
}

.date-alert__middle-box2-top {
    display: flex;
    margin-bottom: 1rem;
}

.date-alert__middle-box2-top p {
    width: 50%;
}

.date-alert__middle-box2-bottom {
    display: flex;
    align-items: center;
}

.date-alert__middle-box2-list {
    padding-left: 1.5rem;
    margin-right: 1rem;
}

.date-alert__middle-box2-list.sns {
    background: url("/images/model/icon_category_black.png") no-repeat left top/16px auto;
}

.date-alert__middle-box2-list.place {
    background: url("/images/model/icon_modelcase_map.png") no-repeat left top/16px auto;
}

.date-alert__middle-box2-list.date {
    background: url("/images/model/icon_search_date_navy.png") no-repeat left center/16px auto;
}

.date-alert__middle-box2-date.red {
    color: #da2647;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.date-alert__bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    line-height: 1;
}

.date-alert__bottom-btn {
    width: 50%;
    text-align: center;
}

.date-alert__bottom-btn.orange {
    border-left: 1px solid #ddd;
}

.date-alert__bottom-btn a {
    display: block;
    padding: 1rem;
    color: #858b94;
}

.date-alert__bottom-btn.orange a {
    color: #ff7f00;
}

.date-alert__bottom-btn a:hover {
    opacity: .8;
}

.date-alert-index {
    border-bottom: 1px solid #f6f6f9;
    color: #323140;
    line-height: 1.4;
}

.date-alert-index a {
    display: flex;
}

.date-alert-index__img {
    width: 100px;
    height: 100px;
}

.date-alert-index__text {
    width: calc(100% - 100px);
    padding: 16px;
    font-size: 13px;
}

.top-alert {
    background-color: #fff;
    color: #da2647;
    font-size: 0.75rem;
}

.top-alert > span {
    max-width: 750px;
    margin: 0 auto;
    padding: 1rem 1rem 1rem 3rem;
    background: url("/images/model/icon_alert.png") no-repeat left 1rem center/1rem auto;
    display: block;
}

.top-heading {
    margin-bottom: 2.375rem;
    color: #323140;
    font-size: 1rem;
    text-align: center;
}

.top-offerlist {
    padding: 0 2rem 1rem;
}

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

.top-offeritem {
    background-color: #fff;
}

.top-offeritem__row1 {
    display: flex;
    line-height: 1.64;
}

.top-offeritem__row2 {
    padding: 1rem;
    border-top: 1px solid #ddd;
    line-height: 1.5;
    font-size: 0.75rem;
}

.top-offeritem__img {
    width: 180px;
    height: 180px;
}

/*hblab update width 4/3/2021*/
.top-offeritem__text {
    width: 506px;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    word-wrap: break-word;
}

/* hblab add  4/3/2021*/
@media screen and (max-width: 768px) {
    .top-offeritem__text {
        width: 306px;
    }
}

/* hblab end add  4/3/2021*/

.top-offeritem__index {
    font-size: 0.75rem;
}

.top-offeritem__offertype {
    margin-right: 0.75rem;
    padding-left: 1.2rem;
    background: url("/images/model/icon_search_offertype.png") no-repeat left center/12px auto;
    color: #858b94;
    display: inline-block;
}

.top-offeritem__area {
    padding-left: 1.2rem;
    background: url("/images/model/icon_search_map.png") no-repeat left center/12px auto;
    color: #858b94;
    display: inline-block;
}

.top-offeritem__deadend {
    margin-top: 0.5rem;
    padding-left: 1.2rem;
    background: url("/images/model/icon_search_date.png") no-repeat left center/12px auto;
    color: #858b94;
}

.top-offeritem__deadend__date {
    margin-left: 0.75rem;
    color: #da2647;
    display: inline-block;
}

/*hblab add 25/02/2021*/
.top-offeritem__a {
    width: 100px;
    height: 20px;
    border-radius: 4px;
    border: solid 1px #858b94;
    background-color: #ffffff;
    margin-top: 20px;
}

.top-offeritem__a img {
    width: 10px;
    height: 10px;
    object-fit: contain;
    margin-bottom: 9px;
    margin-left: 5px;
}

.top-offer__suba {
    width: 70px;
    height: 10px;
    font-size: 10px;
    color: #858b94;
    float: right;
    margin-right: 8px;
    margin-top: 1px;
}

/* end hblab add 25/02/2021*/

.top-modal-bg {
    background-color: #fff !important;
}

.top-news {
    margin-bottom: 2rem;
    padding: 0 2rem;
}

.top-news__h {
    padding: 1.25rem 1rem 1.25rem 1.625rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #323140;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.875rem;
}

.top-news__link {
    padding: 2px 1.7rem 2px 1rem;
    background: url("/images/model/icon_arrow_toright_orange.png") no-repeat right center/1rem auto;
    color: #fdb650;
    cursor: pointer;
    font-size: 0.8rem;
}

.top-news__list {
    padding: 1.5rem;
    background-color: #fff;
}

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

.top-news__list__item:last-child {
    margin-bottom: 0;
}

.top-news__list__item > a {
    display: flex;
    align-items: center;
}

.top-news__date {
    margin-right: 1.8rem;
    color: #858b94;
    display: inline-block;
    font-size: 0.75rem;
}

.top-news__title {
    color: #48485a;
    font-size: 0.875rem;
}

.mypage-prof-header {
    text-align: center;
}

.mypage-prof-header__inner {
    margin: 0 auto;
    position: relative;
}

.mypage-prof-header__img {
    display: flex;
}

.mypage-prof-header__img__item {
    width: 25%;
    display: block;
}

.mypage-prof-header__img__item:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.mypage-prof-header__btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1.5rem;
    color: #48485a;
    font-size: 0.8rem;
}

.mypage-prof-header__btn__view {
    margin-left: 1rem;
    padding: 0.75rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: inline-block;
}

.mypage-prof-header__btn__view:hover {
    background: #fdb650;
    border: 1px solid #fdb650;
    color: #fff;
}

.mypage-prof-header__btn__profile-edit {
    background: url("/images/model/edit_glay_16.png") no-repeat left 0.75rem center;
    margin-left: 1rem;
    padding: 0.75rem 0.75rem 0.75rem 2rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: inline-block;
}

.mypage-prof-header__btn__profile-edit:hover {
    background: #fdb650;
    border: 1px solid #fdb650;
    color: #fff;
    background: url("/images/model/edit_white.png") no-repeat left 0.75rem center/13px 13px, #fdb650;
}

.mypage-prof-header__btn__url {
    background: url("/images/model/ shaere_glay_16.png") no-repeat left 0.75rem center/13px 13px;
    margin-left: 1rem;
    padding: 0.75rem 0.75rem 0.75rem 2rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: inline-block;
}

.mypage-prof-header__btn__url:hover {
    background: #fdb650;
    border: 1px solid #fdb650;
    color: #fff;
    background: url("/images/model/share_white.png") no-repeat left 0.75rem center/13px 13px, #fdb650;
}

.mypage-prof-header__btn__hint {
    background: url("/images/model/help_glay_16.png") no-repeat left 0.75rem center/13px 13px;
    margin-left: 1rem;
    padding: 0.75rem 0.75rem 0.75rem 2rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: inline-block;
}

.mypage-prof-header__btn__hint:hover {
    background: #fdb650;
    border: 1px solid #fdb650;
    color: #fff;
    background: url("/images/model/help_white_16.png") no-repeat left 0.75rem center/13px 13px, #fdb650;
}

.mypage-prof-headtab {
    background-color: #fff;
    border-bottom: 1px solid #e1e1e9;
    color: #858b94;
    font-size: 0.875rem;
    text-align: center;
}

.mypage-prof-headtab__list {
    max-width: 490px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.mypage-prof-headtab__list__item a {
    padding: 1.5rem;
    display: block;
    position: relative;
    line-height: 1;
}

.mypage-prof-headtab__list__item a:hover {
    color: #fdb650;
}

.mypage-prof-headtab__list__item a:hover:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1.5rem;
    right: 1.5rem;
    height: 4px;
    background-color: #fdb650;
}

.mypage-prof-headtab__list__item.current a {
    color: #fdb650;
}

.mypage-prof-headtab__list__item.current a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1.5rem;
    right: 1.5rem;
    height: 4px;
    background-color: #fdb650;
}

.mypage-prof-container {
    background-color: #fff;
}

.mypage-prof-container__inner {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.mypage-prof-main {
    width: 66%;
    order: 2;
}

.mypage-prof-main .movie-block__youtubeModal {
    position: relative;
    display: inline-block;
}

.mypage-prof-main .movie-block__youtubeModal--item {
    display: block;
    width: 396px;
    height: 224px;
}

.mypage-prof-main .btn__play {
    width: 50%;
    z-index: 1;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.mypage-prof-sub {
    width: calc(33% - 48px);
    order: 1;
}

.mypage-prof-catchbox {
    margin-bottom: 2.5rem;
    padding: 1rem 1rem 0;
    border: 1px solid #e1e1e9;
    border-radius: 2px;
    color: #48485a;
}

.mypage-prof-catchbox__h {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: bold;
}

.mypage-prof-catchbox__text {
    margin-bottom: 1rem;
    font-size: 0.8rem;
}

.mypage-prof-lv2h {
    margin-bottom: 2.875rem;
    padding: 0.5rem 1.5rem 0.5rem 1.375rem;
    border-left: 2px solid #48485a;
    color: #48485a;
    font-size: 1rem;
}

.mypage-prof-movie {
    margin-bottom: 2.875rem;
}

.mypage-prof-movie iframe {
    max-width: 396px;
}

.mypage-prof-exp {
    margin-bottom: 2.875rem;
    color: #48485a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.75rem;
    text-align: center;
}

.mypage-prof-exp__item {
    margin: 0 0.5rem 0.5rem 0;
    padding: 0.75rem;
    background-color: #f6f6f9;
    border: 1px solid #e1e1e9;
    line-height: 1;
}

.mypage-prof-exp2__text {
    margin-bottom: 1.5rem;
    color: #333340;
    font-size: 0.8rem;
}

.mypage-prof-exp2__text.textclose {
    max-height: 70px;
    overflow: hidden;
    position: relative;
}

.mypage-prof-exp2__text.textclose:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}

.mypage-prof-exp2__more {
    padding: 0 1.5rem 0 1rem;
    background: url("/images/client/lp_faq1.png") no-repeat center right;
    color: #32bbb7;
    font-size: 0.8rem;
}

.mypage-prof-exp2__more:hover {
    color: #48485a;
    text-decoration: underline;
}

.mypage-prof-exp2__more.linkopen {
    background: url("/images/client/lp_faq2.png") no-repeat center right;
}

.mypage-prof-castindex {
    margin-bottom: 4rem;
    text-align: center;
}

.mypage-prof-castindex__thumb {
    width: 164px;
    height: 164px;
    margin: 0 auto 2rem;
    border-radius: 50%;
    box-shadow: 0 2px 8px 0 rgba(133, 139, 148, 0.3);
    overflow: hidden;
    position: relative;
}

.mypage-prof-castindex__name {
    margin-bottom: 1.5rem;
    color: #48485a;
    font-size: 1.5rem;
}

.mypage-prof-castindex__detail {
    margin-bottom: 2rem;
    color: #858b94;
    font-size: 0.8rem;
}

.mypage-prof-castindex__detail p {
    margin-bottom: 0.75rem;
}

.mypage-prof-castindex__sns {
    color: #48485a;
    display: flex;
    justify-content: center;
    font-size: 0.8rem;
    text-align: left;
}

.mypage-prof-castindex__sns + .mypage-prof-castindex__sns {
    margin-top: .5rem;
}

.mypage-prof-castindex__sns__twitter {
    margin: 0 .5rem;
    padding-left: 1.375rem;
    background: url("/images/client/icon_twitter_off.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__sns__twitter.on {
    background: url("/images/client/icon_twitter_on.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__sns__instagram {
    margin: 0 .5rem;
    padding-left: 1.375rem;
    background: url("/images/client/icon_instagram_off.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__sns__instagram.on {
    background: url("/images/client/icon_instagram_on.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__sns__youtube {
    margin: 0 .5rem;
    padding-left: 1.375rem;
    background: url("/images/client/icon_youtube_off.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__sns__youtube.on {
    background: url("/images/client/icon_youtube_on.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__sns__tiktok {
    margin: 0 .5rem;
    padding-left: 1.375rem;
    background: url("/images/client/icon_tiktok_off.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__sns__tiktok.on {
    background: url("/images/client/icon_tiktok_on.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__sns__blog {
    margin: 0 .5rem;
    padding-left: 1.375rem;
    background: url("/images/client/icon_rss_off.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__sns__blog.on {
    background: url("/images/client/icon_rss_on.png") no-repeat left center/14px auto;
}

.mypage-prof-castindex__production_logo {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin: 1rem 0 0;
}

.mypage-prof-castindex__production_logo__image {
    max-width: 54px;
    max-height: 44px;
    margin-right: 8px;
}

.mypage-prof-castindex__production_logo__link {
    font-size: 12px;
    color: #51b8b9;
}

.mypage-prof-castbnrs {
    margin-bottom: 2.5rem;
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    line-height: 1;
}

.mypage-prof-castbnrs__add {
    width: 48%;
    padding: 0.875rem 1.875rem 0.875rem 2.875rem;
    background: url("/images/client/icon_plius_green.png") no-repeat left 1.5rem center/13px auto;
    border: 1px solid #fdb650;
    border-radius: 2px;
    color: #fdb650;
    display: inline-block;
    text-align: center;
}

.mypage-prof-castbnrs__add:hover {
    background: #fdb650;
    color: #fff;
    background: url("/images/client/icon_plius_white.png") no-repeat left 1.5rem center/13px auto, #fdb650;
}

.mypage-prof-castbnrs__offer {
    width: 48%;
    padding: 0.875rem 1rem 0.875rem 2.875rem;
    background: url("/images/client/icon_handshake_white.png") no-repeat left 1.5rem center/16px auto;
    background-color: #fdb650;
    border: 1px solid #fdb650;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    text-align: center;
}

.mypage-prof-castbnrs__offer:hover {
    color: #fff;
    opacity: 0.8;
}

.mypage-prof-castbasic__h {
    margin-bottom: 1.5rem;
    color: #48485a;
    font-size: 1rem;
}

.mypage-prof-castbasic__table {
    padding: 1.5rem 1.5rem 1rem;
    background-color: #f6f6f9;
    color: #333340;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8rem;
}

.mypage-prof-castbasic__table dt {
    width: 47%;
    padding: 0 1rem 0.5rem 0;
}

.mypage-prof-castbasic__table dd {
    width: 53%;
}

.mypage-prof-score {
    margin-bottom: 3rem;
    padding-left: 1rem;
}

.mypage-prof-score__text {
    color: #48485a;
    font-size: 0.8rem;
}

.mypage-prof-score__text .star {
    color: #fdb650;
}

.mypage-prof-score__rate {
    min-height: 40px;
    margin-bottom: 1.2rem;
    padding-left: 4rem;
    background: url("/images/client/lp_score.png") no-repeat left center;
    display: flex;
    align-items: center;
}

.mypage-prof-score__rate__star {
    width: 77px;
    height: 13px;
    font-size: 13px;
    display: inline-block;
    letter-spacing: 3px;
    overflow: hidden;
    position: relative;
}

.mypage-prof-score__rate__star:before {
    content: "★★★★★";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    color: #ddd;
    height: 13px;
    line-height: 13px;
}

.mypage-prof-score__rate__star:after {
    content: "★★★★★";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 13px;
    color: #fdb650;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
}

.mypage-prof-score__rate__star.rate00:after {
    width: 0;
}

.mypage-prof-score__rate__star.rate05:after {
    width: 10%;
}

.mypage-prof-score__rate__star.rate10:after {
    width: 20%;
}

.mypage-prof-score__rate__star.rate15:after {
    width: 30%;
}

.mypage-prof-score__rate__star.rate20:after {
    width: 40%;
}

.mypage-prof-score__rate__star.rate25:after {
    width: 50%;
}

.mypage-prof-score__rate__star.rate30:after {
    width: 60%;
}

.mypage-prof-score__rate__star.rate35:after {
    width: 70%;
}

.mypage-prof-score__rate__star.rate40:after {
    width: 80%;
}

.mypage-prof-score__rate__star.rate45:after {
    width: 90%;
}

.mypage-prof-score__rate__star.rate50:after {
    width: 100%;
}

.mypage-prof-price {
    margin-bottom: 2.875rem;
    padding-left: 2rem;
    color: #fdb650;
    font-size: 0.75rem;
    line-height: 1;
}

.mypage-prof-price dl {
    display: flex;
    flex-wrap: wrap;
}

.mypage-prof-price dt {
    width: 25%;
    padding: 0.5rem 0;
    display: inline-block;
}

.mypage-prof-price dd {
    width: 70%;
    padding: 0.5rem;
    display: inline-block;
}

.mypage-prof-price dd:nth-of-type(2) {
    width: 30%;
}

.mypage-prof-price__genre {
    color: #48485a;
    font-size: 0.875rem;
}

.mypage-prof-price__star {
    width: 77px;
    height: 13px;
    font-size: 13px;
    display: inline-block;
    letter-spacing: 3px;
    overflow: hidden;
    position: relative;
}

.mypage-prof-price__star:before {
    content: "★★★★★";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    color: #ddd;
    height: 13px;
    line-height: 13px;
}

.mypage-prof-price__star:after {
    content: "★★★★★";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 13px;
    color: #fdb650;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
}

.mypage-prof-price__star.rate00:after {
    width: 0;
}

.mypage-prof-price__star.rate05:after {
    width: 10%;
}

.mypage-prof-price__star.rate10:after {
    width: 20%;
}

.mypage-prof-price__star.rate15:after {
    width: 30%;
}

.mypage-prof-price__star.rate20:after {
    width: 40%;
}

.mypage-prof-price__star.rate25:after {
    width: 50%;
}

.mypage-prof-price__star.rate30:after {
    width: 60%;
}

.mypage-prof-price__star.rate35:after {
    width: 70%;
}

.mypage-prof-price__star.rate40:after {
    width: 80%;
}

.mypage-prof-price__star.rate45:after {
    width: 90%;
}

.mypage-prof-price__star.rate50:after {
    width: 100%;
}

.mypage-prof-price__num {
    width: 50px;
    padding: 0 1rem;
    display: inline-block;
}

.mypage-prof-price__price {
    padding-left: 1rem;
    border-left: 1px solid #32bbb7;
}

.mypage-prof-imgs {
    display: flex;
    flex-wrap: wrap;
}

.mypage-prof-imgs__item {
    max-width: 219px;
    max-height: 195rem;
    min-width: 174px;
    width: 25%;
    margin-bottom: 1.5rem;
    padding: 0 0.75rem;
    position: relative;
}

.mypage-prof-imgs__item img {
    display: none;
}

.mypage-prof-imgs__item:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.mypage-prof-imgs__item > a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    backgroung-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    display: block;
    width: calc(100% - 24px);
    overflow: hidden;
}

.mypage-prof-limited {
    margin-bottom: 6.5rem;
    color: #48485a;
    font-size: 0.75rem;
}

.mypage-prof-limited__list__item {
    border-top: 1px dotted #ddd;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mypage-prof-limited__th {
    width: 50%;
    padding: 1.375rem 1rem;
}

.mypage-prof-limited__td {
    width: 50%;
    padding: 1.375rem 1rem;
}

.mypage-prof-skillsetbnr {
    margin-bottom: 1.5rem;
}

.mypage-prof-skillsetbnr a {
    max-width: 343px;
    margin: 0 auto;
    padding: 1rem;
    border-radius: 2px;
    display: block;
    font-size: 1rem;
    text-align: center;
}

.mypage-prof-skillsetbnr.disabled a {
    background: #e5e8ec;
    pointer-events: none;
}

.message-header-wrap {
    position: fixed;
    margin-top: 64px;
    padding-left: 260px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.message-headbar {
    background-color: #fff;
    border-bottom: 1px solid #e5e8ec;
}

.message-headbar__inner {
    max-width: 750px;
    height: 54px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
}

.message-headbar__back {
    min-height: 1rem;
    padding-left: 1.5rem;
    background: url("/images/model/icon_back_toleft_black.png") no-repeat left center;
    color: #48485a;
    display: inline-block;
    font-size: 0.875rem;
}

.message-header {
    max-width: 750px;
    margin: 0 auto;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: flex;
    height: 54px;
    align-items: center;
}

.message-header__status {
    height: 24px;
    margin: 0 .5rem 0 2rem;
    padding: 0 calc(.5rem - 1px);
    border: 1px solid #858b94;
    border-radius: 4px;
    color: #858b94;
    display: flex;
    align-items: center;
    font-size: 11px;
}

.message-header__status.orange {
    background-color: #fdb650;
    border-color: #fdb650;
    color: #fff;
}

.message-header__status.gray {
    background-color: #e5e8ec;
    border-color: #e5e8ec;
    color: #fff;
}

.message-header__status.green {
    background-color: #56b8b8;
    border-color: #56b8b8;
    color: #fff;
}

.message-header__cat {
    height: 24px;
    margin-right: 0.5rem;
    padding: 0 calc(.5rem - 1px);
    border: 1px solid #858b94;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 11px;
}

.message-header__title {
    font-size: 0.75rem;
}

.message-header__title a {
    display: block;
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
}

.message-header.recruitment .message-header__cat {
    border-color: #32bbb7;
    color: #32bbb7;
}

.message-header.recruitment .message-header__title {
    color: #32bbb7;
}

.message-header.nominate .message-header__cat {
    border-color: #fdb650;
    color: #fdb650;
}

.message-header.nominate .message-header__title {
    color: #fdb650;
}

.message-area {
    height: 532px;
    margin-top: 1.5rem;
    padding: 1.875rem 1.5rem;
    background-color: #fff;
    overflow: auto;
}

.message-input {
    background-color: #f7f7fb;
}

.message-input form {
    max-width: 750px;
    margin: 0 auto;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
}

.message-input__col1 {
    width: 71%;
}

.message-input__col2 {
    width: 29%;
    padding-left: 1.5rem;
}

.message-filelink {
    display: flex;
    flex-wrap: wrap;
}

.message-filelink__link {
    padding-left: 1.5rem;
    background: url("/images/model/icon_file_orange.png") no-repeat left center/20px auto;
    color: #fdb650;
    font-size: 0.875rem;
    margin: 0 1rem 1rem 0;
    cursor: pointer;
}

.message-filelink__link--pic {
    background: url("/images/model/file-image@2x.png") no-repeat left center/18px auto;
}

.message-filelink__link--music {
    background: url("/images/model/file-audio@2x.png") no-repeat left center/18px auto;
}

.message-filelink.disabled .message-filelink__link {
    background-image: url("/images/model/icon_file_gray.png");
    color: #e5e8ec;
    pointer-events: none;
}

.uploadImage.disabled .message-filelink__link, .message-filelink__link.disabled {
    cursor: not-allowed;
}
.message-send {
    width: 100%;
    padding: 0.875rem 1.25rem;
    border-radius: 2px;
    display: inline-block;
    font-size: 0.8rem;
}

.message-send > span {
    padding: 2px 0 2px 1.7rem;
    background: url("/images/model/icon_air_white.png") no-repeat left center/1rem auto;
    display: inline-block;
}

.message-send.disabled {
    background: #e5e8ec;
    pointer-events: none;
}

.message-template {
    width: 100%;
    height: 40px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.message-template > span {
    width: 100px;
    color: #48485a;
    font-size: 0.875rem;
}

.message-template label {
    max-width: calc(100% - 100px);
    height: 100%;
    margin-left: 1rem;
    color: #48485a;
    font-size: 0.875rem;
    position: relative;
}

.message-template label:before {
    content: "▼";
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 0.75rem;
    font-size: 10px;
    transform: translateY(-50%) scale(0.8);
}

.message-template select {
    width: 100%;
    height: 100%;
    padding: 0 0.75rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    display: flex;
    align-items: center;
}

.message-template input {
    width: 49px;
    height: 100%;
    background: linear-gradient(230deg, #fcc85b, #fb9943);
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    text-align: center;
    justify-content: center;
}

.message-typearea {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.message-typearea textarea {
    width: 100%;
    height: 100px;
    min-height: 100px;
    padding: 0.75rem;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 0.8rem;
    line-height: 1.85;
}

.message-typearea textarea.disabled {
    background-color: #f7f7fb;
    pointer-events: none;
}

.message-typearea__send {
    height: 42px;
    margin-bottom: 0.5rem;
    display: inline-block;
    background: url("/images/model/icon_air_white.png") no-repeat center/20px, linear-gradient(230deg, #fcc85b, #fb9943);
    color: #fff;
}

.message-typearea__send.disabled {
    background: url("/images/model/icon_air_white.png") no-repeat center/20px;
    background-color: #e5e8ec;
    pointer-events: none;
}

.message-typearea__file {
    height: 42px;
    border-radius: 0;
    display: inline-block;
    background: url("/images/model/icon_file_white.png") no-repeat center/20px, linear-gradient(230deg, #fcc85b, #fb9943);
    color: #fff;
}

.message-typearea__file.disabled {
    background: url("/images/model/icon_file_white.png") no-repeat center/20px;
    background-color: #e5e8ec;
    pointer-events: none;
}

.message-typearea__files {
    width: calc(100% - 115px);
    display: flex;
    justify-content: space-between;
}

.message-typearea__files__item {
    width: calc(100% / 2);
    height: 42px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top .5rem center;
    background-size: 4.25rem auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.message-typearea__files__item--ep {
    width: 100%;
    height: 42px;
    background: #fff url("/images/model/file-image@2x.png") no-repeat center/18px auto;
    border: 1px solid #ddd;
    color: transparent;
}

.message-typearea__files__item:nth-of-type(2) {
    border-right: 1px solid #ddd;
}

.message-typearea__files__item.photo {
    background: #fff url("/images/model/file-image@2x.png") no-repeat center/18px auto;
}

.message-typearea__files__item.music {
    background: #fff url("/images/model/file-audio@2x.png") no-repeat center/18px auto;
}

.message-typearea__btns {
    width: 49px;
    display: flex;
    flex-direction: column;
}

.message-typearea__close {
    height: 42px;
    width: 48px;
    border-radius: 0;
    display: inline-block;
    background: url("/images/model/icon_close_white.png") no-repeat center/20px;
    background-color: #bcbfc3;
    color: #fff;
}

.message-talk {
    margin-bottom: 1.5rem;
    display: flex;
}

.message-talk__thumb {
    width: 44px;
    height: 44px;
}

.message-talk__balloon {
    padding: 1rem;
    border-radius: 8px;
    color: #323140;
    font-size: 0.8rem;
    overflow-wrap: break-word;
}

.message-talk__balloon a {
    color: #fdb650;
}

.message-talk__date {
    margin-top: 0.5rem;
    color: #858b94;
    display: inline-block;
    font-size: 10px;
}

.message-talk.fromme {
    justify-content: flex-end;
}

.message-talk.fromme .message-talk__wrap {
    padding-right: 1rem;
    width: 80%;
}

.message-talk.fromme .message-talk__balloon {
    background-color: #fdedd4;
}

.message-talk.fromme .message-talk__date {
    text-align: right;
    width: 100%;
}

.message-talk.tome .message-talk__thumb {
    order: 1;
}

.message-talk.tome .message-talk__wrap {
    width: 80%;
    order: 2;
    padding-left: 1rem;
}

.message-talk.tome .message-talk__balloon {
    background-color: rgba(221, 221, 221, 0.2);
}

.password-border {
    margin: 40px 0;
}

.password-client {
    padding-bottom: 2.5rem;
    font-size: 12px;
}

.area-needrequired {
    padding: 20px 16px;
    background-color: #f6f6f9;
}

.area-needrequired__text {
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
}

.area-needrequired__text + .area-needrequired__text {
    margin-top: 6px;
}

.area-needrequired__text--red {
    color: #d0021b;
}

.area-needrequired__bnrs {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

.area-needrequired__bnrs__item + .area-needrequired__bnrs__item {
    margin-top: 18px;
}

.area-needrequired__bnrs__item a {
    padding: 16px;
    border: none;
    border-radius: 2px;
    font-size: 16px;
    display: block;
}

.area-needrequired__bnrs__item--disabled a {
    background: #e5e8ec;
    color: #858b94;
    pointer-events: none;
}

.offer-box__title {
    height: 40px;
    background-color: #f8a596;
    display: flex;
    align-items: center;
}

.offer-box__title .offer-box__h {
    display: block;
    color: white;
    font-size: 1rem;
    padding: 0 1rem;
    margin: 0;
}

.entry-checklist {
    background-color: #fffaee;
    border: 1px solid #e6d600;
    border-radius: 8px;
}

.entry-checklist__top {
    padding: 1.25rem 1.125rem;
    border-bottom: 1px solid #ddd;
}

.entry-checklist__h {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: .875rem;
}

.entry-checklist__h span {
    font-size: .75rem;
    font-weight: bold;
    color: #bf0000;
}

.entry-checklist__caution {
    font-size: .75rem;
    color: #bf0000;
}

.entry-checklist__item {
    padding: 1.25rem 1.125rem;
    font-size: 0.875rem;
}

.entry-checklist__item input[type="checkbox"] {
    display: none;
}

.entry-checklist__item label {
    display: block;
}

.entry-checklist__check {
    margin-bottom: 1rem;
    padding: 3px 0 3px 2.375rem;
    background: url("/images/model/icon_searchlist.png") no-repeat left top 3px/20px auto;
}

.entry-checklist__check.active {
    background-image: url("/images/model/icon_searchlist2.png");
}

.entry-checklist__check input {
    display: none;
}

.entry-checklist__check__bold {
    color: #48485a;
    font-weight: bold;
    display: block;
    margin-bottom: .75rem;
}

.entry-checklist__check__gray {
    color: #48485a;
    font-size: .75rem;
    display: block;
}

.entry-checklist__check__red {
    color: #da2647;
    font-size: .75rem;
    font-weight: bold;
    display: block;
    margin-bottom: .25rem;
}

.entry-checklist__check__link a {
    color: #f5a623;
    font-size: .75rem;
    font-weight: bold;
    text-decoration: underline;
}

.entry-checklist__check__link a:hover {
    text-decoration: none;
}

.offer-box {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #fff;
}

.offer-box__check {
    text-align: center;
    color: #da2647;
    font-size: 14px;
    margin-bottom: 1rem;
}

.offer-box__caution {
    color: #48485a;
    margin-bottom: 0.5rem;
}

.offer-box__important {
    color: #da2647;
}

.offer-box__h {
    margin-bottom: 1.2rem;
    padding: 0.25rem 0.5rem 0;
    color: #323140;
    font-size: 1rem;
}

.offer-box__text {
    color: #323140;
    font-size: 0.75rem;
    line-height: 1.33;
    overflow-wrap: break-word;
}

.offer-box__alert__h {
    margin-bottom: 1rem;
    color: #da2647;
    font-size: 0.875rem;
    text-align: center;
}

.offer-box__alert__h > span {
    padding: 0.25rem 0 0.25rem 1.625rem;
    background: url("/images/model/icon_offer_alert.png") no-repeat left center;
    display: inline-block;
}

.offer-box__alert__text {
    color: #48485a;
    font-size: 0.8rem;
}

.offer-box-point {
    background-color: #fdefeb;
}

.offer-bnr {
    margin-bottom: 0.75rem;
    padding: 1.5rem 1rem;
}

.offer-bnr a {
    max-width: 343px;
    margin: 0 auto;
    padding: 1rem;
    border-radius: 2px;
    display: block;
    text-align: center;
}

.offer-btn-disabled, .offer-btn-disabled:hover {
    background-color: #e5e8ec;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #e5e8ec;
    border-radius: 3px;
    width: 343px;
    height: 48px;
}

.profile-edit-url, .profile-edit-url:hover {
    font-size: 12px;
    font-weight: 600;
    color: #fdb650;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-top: 20px !important;
}

.offer-entryhead {
    margin: 1.5rem 0;
    color: #323140;
    font-size: 1rem;
    text-align: center;
}

.offer-entrylist {
    margin-bottom: 1.5rem;
    padding: 0 1rem;
}

.offer-entrylist__item {
    margin-bottom: 1rem;
    background-color: #fff;
}

.offer-entryoffer {
    background-color: #fff;
}

.offer-entryoffer__row1 {
    border-bottom: 1px solid #ddd;
    display: flex;
    line-height: 1.64;
}

.offer-entryoffer__row2 {
    padding: 1rem;
    line-height: 1.5;
    font-size: 0.75rem;
}

.offer-entryoffer__img {
    width: 110px;
    height: 110px;
}

.offer-entryoffer__title {
    width: calc(100% - 110px);
    padding: 0.75rem 1rem;
}

.offer-entryoffer__offertype {
    margin-right: 0.75rem;
    padding-left: 1.2rem;
    background: url("/images/model/icon_search_offertype.png") no-repeat left center/12px auto;
    color: #858b94;
    display: inline-block;
}

.offer-entryoffer__area {
    padding-left: 1.2rem;
    background: url("/images/model/icon_search_map.png") no-repeat left center/12px auto;
    color: #858b94;
    display: inline-block;
}

.offer-entryoffer__deadend {
    margin-top: 0.5rem;
    padding-left: 1.2rem;
    background: url("/images/model/icon_search_date.png") no-repeat left center/12px auto;
    color: #858b94;
}

.offer-entryoffer__deadend__date {
    margin-left: 0.75rem;
    color: #da2647;
    display: inline-block;
}

.offer-entrytable {
    color: #48485a;
    font-size: 0.75rem;
}

.offer-entrytable a {
    color: #fdb650;
}

.offer-entrytable__row {
    border-top: 1px solid #f0f0f6;
    display: flex;
}

.offer-entrytable__th {
    width: 35%;
    padding: 1rem 0.5rem;
}

.offer-entrytable__td {
    width: 65%;
    padding: 1rem 0.5rem;
    overflow-wrap: break-word;
}

.offer-entrytable__td img {
    width: 74px;
}

.offer-entrytable__caption {
    color: #858b94;
}

.offer-entrytable__tilda {
    margin: 0.5rem auto;
    display: block;
    text-align: center;
    writing-mode: vertical-rl;
}

.offer-entrytable__hr {
    margin: 1rem -0.5rem;
    background-color: #f0f0f6;
}

.offer-entrytable__text {
    padding: 1.5rem 0.5rem 0;
    border-top: 1px solid #f0f0f6;
    color: #323140;
    font-size: 0.75rem;
    line-height: 1.33;
}

.offer-entrytable__img {
    width: 100%;
    max-width: 70px;
}

.offer-entrytable__img:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.offer-entrytable__link {
    padding: 1rem 0 0;
    border-top: 1px solid #f0f0f6;
    color: #fdb650;
    font-size: 0.8rem;
    text-align: right;
}

.offer-entrytable__link a {
    padding-right: 1.75rem;
    background: url("/images/model/icon_arrow_toright_orange.png") no-repeat right center/auto 100%;
}

.offer-entrytable__movie-thumb {
    width: auto !important;
}

.offer-entryalert {
    margin-bottom: 1.5rem;
    color: #da2647;
    font-size: 0.8rem;
    text-align: center;
}

.offer-entryedit {
    margin-bottom: 0.5rem;
    padding: 1rem;
    text-align: right;
}

.offer-entryedit__link {
    color: #fdb650;
    font-size: 0.8rem;
    padding: 2px 1.75rem 2px 0;
    background: url("/images/model/icon_arrow_toright_orange.png") no-repeat right center;
}

.offer-entryedit__link:hover {
    color: #fdb650;
    text-decoration: underline;
}

.offer-entryedit.toleft {
    text-align: left;
}

.offer-entryedit.toleft .offer-entryedit__link {
    padding: 2px 0 2px 1.75rem;
    background: url("/images/model/icon_arrow_toleft.png") no-repeat left center;
}

.offer-entryedit.tocenter {
    text-align: center;
}

.offer-entryedit.tocenter .offer-entryedit__link {
    background: none;
    padding: 0;
}

.offer-entrycomplete {
    margin-bottom: 0.5rem;
    padding: 1rem;
    text-align: center;
}

.offer-entrycomplete img {
    margin-bottom: 2.5rem;
    display: inline-block;
}

.offer-entrycomplete__text {
    color: #6b6b6b;
    font-size: 0.8rem;
    line-height: 1.4;
}

.offer-entrycomplete__cancel {
    color: #48485a;
    font-size: .8rem;
    font-weight: bold;
    padding: 1rem 1rem 0;
}

.offer-entryinduction {
    margin-bottom: 2.5rem;
    padding: 1.5rem 1rem 0;
}

.offer-entryinduction__box {
    margin-bottom: 1.5rem;
    background: linear-gradient(262deg, #fcc85b, #fb9943);
    display: flow-root;
    border-radius: 3px;
    overflow: hidden;
}

.offer-entryinduction__h {
    padding: 1rem 1rem 1rem 3rem;
    color: #fff;
    font-size: 1rem;
}

.offer-entryinduction__h.profile {
    background: url("/images/model/icon_entry_profile.png") no-repeat left 1rem center, linear-gradient(262deg, #fcc85b, #fb9943);
}

.offer-entryinduction__h.line {
    background: url("/images/model/icon_entry_line.png") no-repeat left 1rem center, linear-gradient(262deg, #fcc85b, #fb9943);
}

.offer-entryinduction__inner {
    margin: 2px;
    background-color: white;
    border-radius: 3px;
    padding: 1rem;
}

.offer-entryinduction__list {
    padding: 0.5rem;
    font-size: 0.8rem;
}

.offer-entryinduction__list__item {
    margin-bottom: 1rem;
    padding: 3px 0 3px 2.375rem;
    background: url("/images/model/icon_searchlist.png") no-repeat left top 1px/20px auto;
    color: #ddd;
}

.offer-entryinduction__list__item.active {
    background-image: url("/images/model/icon_searchlist2.png");
    color: #323140;
}

.offer-entryinduction__text {
    margin-bottom: 1.5rem;
    color: #48485a;
    font-size: 0.8rem;
    text-align: center;
}

.offer-entryinduction__link {
    padding: 1rem;
    border: 1px solid #fdb650;
    color: white;
    background-color: #fdb650;
    display: block;
    border-radius: 32px;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
}

.config-header {
    height: 54px;
    background-color: #fff;
    border-bottom: 1px solid #e5e8ec;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.config-header__config {
    max-width: 750px;
    height: 100%;
    margin: 0 auto;
    padding: 0 1rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #323140;
}

.config-header__config a {
    background: url("/images/model/icon_more-back-navi.png") no-repeat center/16px 16px;
    width: 3rem;
    height: 100%;
}

.config-header__config span {
    width: 100%;
    text-align: center;
    padding-right: 2rem;
}

.config-bnr {
    width: 100%;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 2px;
    border: none;
}

.config-pro-box {
    margin-bottom: 1.5rem;
    padding: 1.25rem 1rem;
    background-color: #fff;
    margin-top: 0.75rem;
}

.config-pro-box:first-child {
    margin-top: 0.875rem;
}

.config-pro-box__h {
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #ddd;
    color: #48485a;
    font-size: 1rem;
}

.config-pro-box__h__text {
    font-size: 13px;
    color: #a8a8a8;
    text-align: center;
    padding-bottom: 1.5rem;
}

.config-pro-box__list {
    font-size: 0.875rem;
}

.config-pro-box__list__item {
    margin-bottom: 1.5rem;
}

.config-pro-box__list__item > a {
    padding: 0 0 0 3rem;
    background: url("/images/model/icon_searchlist.png") no-repeat left 10px center/20px auto;
    display: block;
}

.config-pro-box__list__item.active > a {
    background-image: url("/images/model/icon_searchlist2.png");
}

.config-pro-box.mail {
    padding-bottom: 7rem;
}

.config-pro-box.password {
    padding-bottom: 2.25rem;
}

.mb0 {
    margin-bottom: 0 !important;
}

.config-pro-inputs__h {
    color: #48485a;
    font-size: 0.875rem;
}

.config-pro-inputs__text {
    color: #da2647;
    background-color: rgba(253, 182, 80, 0.1);
    padding: 1rem;
    font-size: 13px;
    margin-top: 1rem;
}

.config-pro-inputs__p {
    font-size: 13px;
    color: #858b94;
    padding-top: 10px;
}

.config-pro-inputs__row {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
}

.config-pro-inputs__row:last-child {
    margin-bottom: 0;
}

.config-pro-inputs__row__note {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.625rem;
}

.config-pro-inputs__row__note__item1 {
    color: #da2647;
    padding-bottom: 1rem;
}

.config-pro-inputs__row__note__item2 {
    color: #48485a;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ddd;
}

.config-pro-inputs__row__name {
    width: 100%;
    padding-bottom: 1rem;
}

.config-pro-inputs__row__address {
    width: 100%;
}

.config-pro-inputs__row dl {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    font-size: 13px;
    padding-bottom: 0.5rem;
}

.config-pro-inputs__row dl:last-child {
    padding-bottom: 0;
}

.config-pro-inputs__row dl dt {
    width: 40%;
}

.config-pro-inputs__row dl dd {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
}

.config-pro-inputs__row dl dd span {
    width: 100%;
}

.config-pro-inputs__instagram {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 3.5rem;
    background: url("/images/model/icon_instagram.png") no-repeat left top/40px 40px;
}

.config-pro-inputs__instagram:last-child {
    margin-bottom: 0;
}

.config-pro-inputs__twitter {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 3.5rem;
    background: url("/images/model/icon_twitter.png") no-repeat left top/40px 40px;
}

.config-pro-inputs__twitter:last-child {
    margin-bottom: 0;
}

.config-pro-inputs__twitter a {
    width: 100%;
    color: #fff;
    background: #1da1f2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 2px;
    margin-top: 10px;
    font-size: 16px;
}

.config-pro-inputs__twitter__row {
    width: 100%;
    margin-bottom: 0.75rem;
}

.config-pro-inputs__blog {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 3.5rem;
    background: url("/images/model/icon_edit.png") no-repeat left top/40px 40px;
}

.config-pro-inputs__blog:last-child {
    margin-bottom: 0;
}

.config-pro-inputs__tiktok {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 3.5rem;
    background: url("/images/model/icon_tiktok.png") no-repeat left top/40px 40px;
}

.config-pro-inputs__youtube:last-child {
    margin-bottom: 0;
}

.config-pro-inputs__youtube {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 3.5rem;
    background: url("/images/model/icon_YouTube.png") no-repeat left top/40px 40px;
}

.config-pro-inputs__fansmusic {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 3.5rem;
    background: url("/images/model/icon_fansmusic_2.png") no-repeat left top/40px 40px;
}

.config-pro-inputs__fansmusic:last-child {
    margin-bottom: 0;
}

.config-pro-inputs__link {
    font-size: 13px;
    color: #fdb650;
    width: 100%;
    text-align: right;
    padding: 10px 0;
}

.config-pro-inputs__link span {
    padding-right: 1rem;
    background: url("/images/model/more-next-orange-16.png") no-repeat right/13px 13px;
}

.config-pro-inputs__link__name {
    width: 100%;
    padding-bottom: 1rem;
}

.config-pro-inputs__link__address {
    width: 100%;
}

.config-pro-inputs__link dl {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    font-size: 13px;
    padding-bottom: 0.5rem;
}

.config-pro-inputs__link dl:last-child {
    padding-bottom: 0;
}

.config-pro-inputs__link dl dt {
    width: 40%;
}

.config-pro-inputs__link dl dd {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
}

.config-pro-inputs__link dl dd span {
    width: 100%;
}

.config-pro-inputs__link__note {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.625rem;
}

.config-pro-inputs__link__note__item1 {
    color: #da2647;
    padding-bottom: 1rem;
}

.config-pro-inputs__link__note__item2 {
    color: #48485a;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ddd;
}

.config-pro-inputs__asterisk {
    font-size: 14px;
    color: #858b94;
    padding: 0.625rem 0.625rem 0;
}

.config-pro-inputs__2col {
    display: flex;
    justify-content: space-between;
}

.config-pro-inputs__2col__col {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
}

.config-pro-inputs__optional {
    margin-left: 8px;
    padding: 6px;
    background-color: #ddd;
    border-radius: 2px;
    color: #6b6b6b;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.config-pro-inputs__required {
    margin-left: 8px;
    padding: 6px;
    background-color: #f7d3da;
    border-radius: 2px;
    color: #da2647;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.config-pro-inputs__label {
    margin-left: 8px;
    padding: 5px;
    border: 1px solid #a8a8a8;
    border-radius: 2px;
    color: #a8a8a8;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.config-pro-inputs__label.publish {
    border: 1px solid #fdb650;
    color: #fdb650;
}

.config-pro-inputs__inputtext {
    width: 100%;
    height: 40px;
    margin-top: 0.5rem;
    padding: 0 0.75rem;
    background-color: #f7f7fb;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: flex;
    align-items: center;
}

.config-pro-inputs__textarea {
    width: 100%;
    margin-top: 0.5rem;
    padding: 1rem;
    background-color: #f7f7fb;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.config-pro-inputs__caption {
    margin-top: 0.5rem;
    color: #858b94;
    display: inline-block;
    font-size: 0.75rem;
}

.config-pro-inputs__alert {
    margin-top: 0.5rem;
    color: #da2647;
    display: inline-block;
    font-size: 0.75rem;
}

.config-pro-inputs__pulldown {
    width: 100%;
    margin-top: 0.5rem;
    position: relative;
}

.config-pro-inputs__pulldown:before {
    color: #48485a;
    font-size: 10px;
    content: "▼";
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%) scale(0.8);
}

.config-pro-inputs__pulldown select {
    width: 100%;
    height: 40px;
    padding: 0 0.75rem;
    background-color: #f7f7fb;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: flex;
    align-items: center;
}

.config-pro-inputs__t {
    font-size: 14px;
    color: #48485A;
    padding: 0 0.5rem 1.25rem;
    width: 100%;
}

.config-pro-inputs__img {
    margin: auto;
}

.config-pro-inputs__img img {
    width: 100%;
}

.config-pro-inputs__line-link {
    width: 100%;
    color: #fdb650;
    font-size: 13px;
    text-align: right;
}

.config-pro-inputs__line-link a span {
    background: url("/images/model/icon_blank-copy.png") no-repeat right/16px 16px;
    padding-right: 1.5rem;
}

.config-pro-inputs__notification {
    padding-top: 1rem;
}

.config-pro-inputs__notification__box {
    color: #48485A;
    display: flex;
    flex-wrap: wrap;
    padding-left: 2rem;
    background: url("/images/model/icon_check_deep-orange.png") no-repeat left top/14px 14px;
    background-position-y: 2px;
    margin: 1rem 0;
}

.config-pro-inputs__notification__box:last-child {
    margin-bottom: 0;
}

.config-pro-inputs__notification__h {
    font-size: 14px;
    width: 100%;
}

.config-pro-inputs__notification__t {
    font-size: 12px;
    padding: 1rem 0;
    width: 100%;
}

.config-pro-inputs__finish {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.config-pro-inputs__finish p {
    width: 100%;
    text-align: center;
    padding: 2rem 0 0;
}

.config-pro-inputs__finish__bnr {
    width: 100%;
    padding: 0 1rem;
    margin: 3rem 0;
}

.config-pro-inputs__finish__bnr a {
    display: flex;
    width: 100%;
    height: 48px;
    color: #fff;
    background: linear-gradient(262deg, #fcc85b, #fb9943);
    border-radius: 2px;
    align-items: center;
    justify-content: center;
}

.config-pro-inputs__finish__bnr a:hover {
    cursor: pointer;
}

.config-notification-bnr {
    width: 100%;
    padding: 0 1rem;
    margin-bottom: 1.5rem;
}

.config-notification-bnr a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
}

.config-notification-bnr a:hover {
    cursor: pointer;
}

.config-pro-gender {
    width: 100%;
    margin-top: 0.5rem;
    color: #48485a;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
}

.config-pro-gender label {
    margin-right: 1rem;
    padding: 0.5rem 0.5rem 0.5rem 2.25rem;
    background: url("/images/model/icon_radio01.png") no-repeat left center/22px auto;
}

.config-pro-gender label:hover {
    background-image: url("/images/model/icon_radio01_hover.png");
}

.config-pro-gender input {
    display: none;
}

.config-pro-gender input:checked + label {
    background-image: url("/images/model/icon_radio02.png");
}

.config-pro-inputfull {
    width: 100%;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
}

.config-pro-inputfull__inputtext {
    width: 100%;
    height: 40px;
    padding: 0 0.75rem;
    background-color: #f7f7fb;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: flex;
    align-items: center;
}

.config-pro-inputfull__text {
    margin-left: 0.5rem;
    color: #6b6b6b;
    display: inline-block;
    font-size: 0.8rem;
}

.config-footer__f {
    display: flex;
    background: #fff;
    flex-wrap: wrap;
    border-top: 1px solid #ddd;
}

.config-footer__f:first-child {
    margin-bottom: 1.5rem;
}

.config-footer__box1 {
    width: 100%;
    padding-right: 1rem;
    border-bottom: 1px solid #ddd;
    height: 54px;
}

.config-footer__box1 a {
    display: block;
    padding: 1rem;
    background: url("/images/model/icon_more-next-white.png") no-repeat right/16px 16px;
}

.config-footer__box1 a span {
    color: #323140;
    font-size: 16px;
}

.config-footer__box2 {
    width: 50%;
    border-bottom: 1px solid #ddd;
    padding-right: 1rem;
    height: 54px;
}

.config-footer__box2 a {
    display: block;
    background: url("/images/model/icon_more-next-white.png") no-repeat right/16px 16px;
    padding: 1rem;
}

.config-footer__box2 a span {
    color: #323140;
    font-size: 16px;
}

.config-footer__box2:nth-child(even) {
    border-left: 1px solid #ddd;
}

.config-fixbnr {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    margin-left: 260px;
}

.config-fixbnr__list {
    padding: 1rem;
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
    text-align: center;
    max-width: 750px;
    width: 100%;
    margin: auto;
}

.config-fixbnr__list__item {
    width: 100%;
}

.config-fixbnr__list__item > a {
    width: 100%;
    padding: 1rem 0.75rem;
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
}

.config-pro-profimg__item {
    margin-bottom: 1.5rem;
    display: flex;
}

.config-pro-profimg__close {
    width: 24px;
    height: 24px;
    background: url("/images/model/delete.png") no-repeat center top/100% auto;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -40%);
    z-index: 1;
}

.config-pro-profimg__img {
    width: 74px;
    height: 74px;
    color: #fff;
    position: relative;
}

.config-pro-profimg__img__cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    font-size: 14px;
    text-align: center;
}

.config-pro-profimg__img__cover > span {
    width: 100%;
    padding-top: 1.5rem;
    background: url("/images/model/icon_plus_white.png") no-repeat top center/14px auto;
    display: block;
    position: absolute;
    left: 50%;
    right: 0;
    font-size: 10px;
    transform: translateX(-50%) scale(0.8);
}

.config-pro-profimg__content {
    width: calc(100% - 74px);
    padding-left: 0.75rem;
}

.config-pro-profimg__text {
    color: #858b94;
    font-size: 0.8rem;
    line-height: 1.6;
}

.config-pro-profimg__h {
    margin-bottom: 0.4rem;
    display: flex;
    align-items: center;
}

.config-pro-profimg__h__title {
    color: #48485a;
    font-size: 0.875rem;
}

.config-pro-profimg__h__optional {
    margin-left: 8px;
    padding: 6px;
    background-color: #ddd;
    border-radius: 2px;
    color: #6b6b6b;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.config-pro-profimg__h__required {
    margin-left: 8px;
    padding: 6px;
    background-color: #f7d3da;
    border-radius: 2px;
    color: #da2647;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.config-pro-profimg__h__label {
    margin-left: 8px;
    padding: 5px;
    border: 1px solid #a8a8a8;
    border-radius: 2px;
    color: #a8a8a8;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}

.config-pro-profimg__h__label.publish {
    border: 1px solid #fdb650;
    color: #fdb650;
}

.config-pro-profimg__sizenote {
    margin-bottom: 0.4rem;
    font-size: 0.6rem;
    color: #a6a6a6;
}

.config-pro-inputs-bnr {
    width: 100%;
}

.config-pro-inputs-bnr a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 2px;
}

.lp-caselist-bnr {
    font-size: 1rem;
    text-align: center;
}

.lp-caselist-bnr > a {
    max-width: 343px;
    margin: 0 auto;
    padding: 1.5rem;
    border-radius: 2px;
    display: block;
    position: relative;
}

.lp-caselist-bnr > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.lp-caselist-bnr > a:hover:before {
    background-color: rgba(255, 255, 255, 0.2);
}

.campaign-container {
    background-color: #fff;
}

.campaign-container__inner {
    max-width: 750px;
    margin: 0 auto;
    padding: 3rem 0 1rem;
}

.campaign-container__h {
    margin-bottom: 2.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
    text-align: center;
}

.campaign-container__h.orange {
    color: #fdb650;
}

.campaign-container.bg_f7f7fb {
    background-color: #f7f7fb;
}

#campaign-content {
    padding-top: 100px;
}

.campaign-logo {
    width: 171px;
    margin: 0 auto 0.5rem;
}

.campaign-caption {
    margin-bottom: 1.375rem;
    color: #48485a;
    font-size: 11px;
    text-align: center;
}

.campaign-billboard {
    margin-bottom: 10px;
    text-align: center;
}

.campaign-todetail {
    width: 300px;
    margin: 0 auto 2.5rem;
    padding: 11px 2rem 11px 11px;
    background: url("/images/model/icon_arrow_toright_orange.png") no-repeat right 10px center/1rem auto;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    color: #fdb650;
    display: block;
    font-size: 11px;
    line-height: 1.82;
}

.campaign-fullwidthimg {
    margin-bottom: 3rem;
    text-align: center;
}

.campaign-merits {
    margin-bottom: 3.5rem;
    text-align: center;
}

.campaign-bnr {
    margin-bottom: 2.5rem;
    font-size: 1rem;
    text-align: center;
}

.campaign-bnr > a {
    width: 300px;
    margin: 0 auto;
    padding: 1rem;
    border-radius: 2px;
    display: block;
}

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

.campaign-share img {
    max-width: 520px;
    width: 100%;
}

.campaign-share__h {
    margin-bottom: 1.5rem;
    padding-top: 5.25rem;
    background: url("/images/model/campaign_share.png") no-repeat top center/45px auto;
    color: #fdb650;
    font-size: 1.25rem;
    line-height: 2;
}

.campaign-share__caption {
    margin-bottom: 4.8rem;
    color: #39374f;
    font-size: 0.75rem;
    line-height: 1.67;
}

.campaign-share__capture__h {
    margin-bottom: 1rem;
    color: #39374f;
    font-size: 0.75rem;
}

.campaign-share__capture__img {
    margin-bottom: 5rem;
}

.campaign-howto {
    padding-top: 3rem;
    text-align: center;
}

.campaign-howto img {
    max-width: 520px;
    margin-bottom: 3rem;
    display: inline-block;
    width: 100%;
}

.campaign-howto__h {
    margin-bottom: 3rem;
    color: #fdb650;
    font-size: 1.25rem;
}

.campaign-limitedicon {
    margin-bottom: 1.8rem;
    text-align: center;
}

.campaign-limitedicon img {
    width: 53px;
}

.campaign-description {
    width: calc(100% - 20px);
    margin: 0 auto 3.25rem;
    padding: 2.75rem 10px 13px;
    background-color: rgba(245, 166, 35, 0.05);
}

.campaign-description__h {
    margin-bottom: 1.5rem;
    color: #fdb650;
    font-size: 1.25rem;
    text-align: center;
}

.campaign-description__text {
    color: #48485a;
    font-size: 0.75rem;
}

.campaign-description__note {
    color: #858b94;
    font-size: 0.75rem;
}

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

.campaign-flow img {
    max-width: 520px;
    width: 100%;
}

.campaign-flow__h {
    margin-bottom: 2.5rem;
    font-size: 1.25rem;
}

.campaign-detailnote {
    margin-bottom: 2.375rem;
    padding: 0 10px;
}

.campaign-detailnote__h {
    margin-bottom: 1rem;
    color: #fdb650;
    font-size: 0.75rem;
}

.campaign-detailnote__text {
    color: #48485a;
    font-size: 11px;
    line-height: 1.5;
}

.campaign-detailnote__text .red {
    color: #da2647;
}

.campaign-detailnote__text2 {
    display: flex;
    color: #48485a;
    font-size: 11px;
    line-height: 1.5;
}

.campaign-detailnote__text2:before {
    content: "●";
}

.campaign-footer {
    padding: 3rem 0 1rem;
    background-color: #fff;
    text-align: center;
}

.campaign-footer__logo {
    width: 270px;
    margin: 0 auto 1.25rem;
}

.campaign-footer__text {
    margin-bottom: 2.5rem;
    color: #48485a;
    font-size: 0.75rem;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'Meiryo UI', YuGothic, 'Yu Gothic', 'Yu Gothic UI', sans-serif;
    font-weight: 300;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

/* 新規プロフィールページ用CSS */

.area-header__loginafter.max-width {
    max-width: 100%;
}

.cast-sidebar-castindex {
    padding: .625rem;
    color: #fff;
    display: flex;
    align-content: center;
}

.cast-sidebar-castindex__pic {
    position: relative;
}

.cast-sidebar-castindex__thumb {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 1.7rem;
}

.cast-sidebar-castindex__thumb-btn {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    background: url("/images/enterprise/prod-noimage.png") no-repeat center center / cover;
}

.cast-sidebar-castindex__mydate {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.cast-sidebar-castindex__name {
    margin-bottom: .6875rem;
    width: 100%;
    font-size: .875rem;
    font-weight: 400;
}

.cast-sidebar-castindex__code {
    font-weight: 400;
    font-size: .6875rem;
    width: 100%;
    line-height: 1.27;
}

.mypage-container {
    min-height: calc(100vh - 64px);
    position: relative;
    box-sizing: border-box;
    background-color: #fafaf8;
}

.mypage-container__inner {
    margin: 0 auto;
    padding: 1.5rem 3.375rem 3.875rem 3.375rem;
    display: flex;
    justify-content: space-between;
}

.mypage-main {
    width: 100%;
}

.mypage-main-todo {
    position: relative;
}

.mypage-main-todo__title {
    color: #333;
    font-weight: bold;
    font-size: 1.125rem;
    padding: 1.875rem 1rem .875rem 1.875rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.mypage-main-todo__list__item a {
    display: flex;
    align-items: center;
    padding: .875rem 3rem .875rem 1.875rem;
    background: #fff url("/images/model/icon-more-right@2x.png") no-repeat center right 30px /17px auto;
    border-bottom: 1px solid #ddd;
}

.mypage-main-todo__list__item a:hover {
    background-color: #f8f8f8;
    cursor: pointer;
}

.mypage-main-todo__list__item__img {
    min-width: 44px;
    height: 44px;
    background: url("/images/enterprise/no-image.png") no-repeat center top /cover;
}

.mypage-main-todo__list__item__list-right {
    margin-left: 20px;
    width: 100%;
}

.mypage-main-todo__list__item__title {
    font-weight: bold;
    margin-bottom: .3125rem;
    color: #f5a623;
}

.mypage-main-todo__list__item__content {
    font-size: .75rem;
    color: #858b94;
}

.mypage-main-todo__list-beginner__item a {
    display: flex;
    align-items: center;
    padding: .875rem 3rem .875rem 1.875rem;
    background: #fff url("/images/model/icon-more-right@2x.png") no-repeat center right 30px /17px auto;
    border-bottom: 1px solid #ddd;
}

.mypage-main-todo__list-beginner__item a:hover {
    background-color: #f8f8f8;
    cursor: pointer;
}

.mypage-main-todo__list-beginner__item__img > img {
    min-width: 44px;
    height: 44px;
}

.mypage-main-todo__list-beginner__item__list-right {
    margin-left: 20px;
    width: 100%;
}

.mypage-main-todo__list-beginner__item__title {
    font-weight: bold;
    margin-bottom: .3125rem;
    color: #f5a623;
}

.mypage-main-todo__list-beginner__item__content {
    font-size: .75rem;
    color: #858b94;
}

.mypage-main-todo__btn {
    background-color: #fff;
    padding: 1.25rem 1.875rem 1.625rem;
}

.mypage-main-todo__btn a {
    display: block;
    width: 100%;
    background-color: #f2f2f2;
    color: #333;
    text-align: center;
    padding: 1.125rem;
}

.mypage-main-todo__btn a:hover {
    opacity: .8;
}

.mypage-gototop {
    width: 42px;
    height: 42px;
    display: inline-block;
    background: #888 url(/images/client/icon_arrow_up_white.png) no-repeat center/auto 10px;
    position: fixed;
    right: 55px;
    bottom: 81px;
    opacity: 1;
    transition: opacity .5s;
    z-index: 100;
    border-radius: 50%;
}

.mypage-gototop--hidden {
    opacity: 0;
    transition: opacity .5s;
    pointer-events: none;
}

.mypage-footer {
    width: calc(100% - 260px);
    padding: 1.5rem 0;
    position: absolute;
    background-color: #fafaf8;
    color: #a8a8a8;
    font-size: .625rem;
    text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .lp-flow .slick-prev {
        left: 3rem;
        transform: translate(0, -50%);
    }

    .lp-flow .slick-next {
        right: 3rem;
        transform: translate(0, -50%);
    }
}

@media screen and (min-width: 769px) {
    .sp {
        display: none !important;
    }

}

@media screen and (max-width: 768px) {
    .pc {
        display: none !important;
    }

    .area-all {
        padding-left: 0;
    }

    .area-all.message {
        background-color: #fff;
        padding-top: 117px !important;
    }

    .area-all.padding-117 {
        padding-top: 117px !important;
    }

    .area-all.cast-setting .config-header {
        margin-left: 0;
    }

    .area-footer__purple__inner {
        flex-direction: column;
    }

    .area-footer__purple__list__item {
        margin-bottom: 0.5rem;
    }

    .message-area {
        height: auto;
        padding: 1rem 1rem 150px;
        transform: translateY(0);
        margin-top: 0;
    }

    .message-header-wrap {
        padding-left: 0;
    }

    .area-header-message {
        padding: 0 1rem;
    }

    .message-header__status {
        margin-left: 1rem;
    }

    .message-header__title {
        width: calc(100% - 165px);
    }

    .message-input {
        padding: 0.5rem;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
    }

    .message-input form {
        display: block;
        padding: 0;
    }

    .message-typearea {
        height: auto;
    }

    .message-typearea textarea {
        width: calc(100% - 112px);
        height: auto;
        min-height: 42px;
        padding: .1rem .5rem;
        line-height: 1.22;
        resize: none;
        max-height: 141px;
    }

    .message-typearea__file {
        width: 48px;
        margin-right: .5rem;
    }

    .message-typearea__send {
        width: 48px;
        margin: 0;
    }

    .message-typearea__btns {
        width: auto;
    }

    #message__textarea {
        margin-right: .5rem;
    }

    .message-template {
        margin-bottom: 0.5rem;
        align-items: flex-start;
        justify-content: space-between;
    }

    .message-template label {
        width: calc(100% - 57px);
        max-width: 100%;
        margin-left: 0;
    }

    .message-template select {
        min-width: 0;
    }

    .hbgmenu-btn {
        background: url('/images/model/lp/icon-menu@2x.png') no-repeat center/48px auto;
        display: block;
    }

    .hbgmenu-btn--pushed {
        background: url('/images/logouttop/hbg_close.png') no-repeat center/20px auto;
    }

    .mypage-prof-spheader {
        width: 100%;
        height: 150px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        filter: blur(4px);
    }

    .mypage-prof-spthumb {
        width: 120px;
        height: 120px;
        margin: 0 auto;
        border: 2px solid #fff;
        transform: translateY(-50%);
    }

    .mypage-prof-spbox {
        margin-bottom: 1.5rem;
        padding-bottom: 2.5rem;
        background-color: #fff;
    }

    .mypage-prof-spdetail {
        margin-bottom: 1.5rem;
        padding: 0 1rem;
        text-align: center;
    }

    .mypage-prof-spdetail__name {
        margin-bottom: 1rem;
        color: #323140;
        font-size: 1.1rem;
    }

    .mypage-prof-spdetail__code {
        margin-bottom: 2rem;
        color: #48485a;
        font-size: 0.875rem;
    }

    .mypage-prof-spdetail__info {
        margin-bottom: 1.3rem;
        color: #a8a8a8;
        font-size: 0.8rem;
    }

    .mypage-prof-spdetail__cat {
        margin-bottom: 2rem;
        color: #a8a8a8;
        font-size: 0.8rem;
    }

    .mypage-prof-spdetail__sns {
        color: #48485a;
        display: flex;
        justify-content: center;
        font-size: 0.8rem;
    }

    .mypage-prof-spdetail__sns + .mypage-prof-spdetail__sns {
        margin-top: .5rem;
    }

    .mypage-prof-spdetail__sns__twitter {
        margin: 0 0.8rem;
        padding-left: 1.5rem;
        background: url("/images/client/icon_twitter_off.png") no-repeat left center/14px auto;
        display: inline-block;
    }

    .mypage-prof-spdetail__sns__twitter .on {
        background: url("/images/client/icon_twitter_on.png") no-repeat left center/14px auto;
    }

    .mypage-prof-spdetail__sns__instagram {
        margin: 0 0.8rem;
        padding-left: 1.5rem;
        background: url("/images/client/icon_instagram_off.png") no-repeat left center/14px auto;
        display: inline-block;
    }

    .mypage-prof-spdetail__sns__instagram .on {
        background: url("/images/client/icon_instagram_on.png") no-repeat left center/14px auto;
    }

    .mypage-prof-spdetail__sns__youtube {
        margin: 0 0.8rem;
        padding-left: 1.5rem;
        background: url("/images/client/icon_youtube_off.png") no-repeat left center/14px auto;
        display: inline-block;
    }

    .mypage-prof-spdetail__sns__youtube .on {
        background: url("/images/client/icon_youtube_on.png") no-repeat left center/14px auto;
    }

    .mypage-prof-spdetail__sns__tiktok {
        margin: 0 0.8rem;
        padding-left: 1.5rem;
        background: url("/images/client/icon_tiktok_off.png") no-repeat left center/14px auto;
        display: inline-block;
    }

    .mypage-prof-spdetail__sns__tiktok .on {
        background: url("/images/client/icon_tiktok_on.png") no-repeat left center/14px auto;
    }

    .mypage-prof-spdetail__sns__blog {
        margin: 0 0.8rem;
        padding-left: 1.5rem;
        background: url("/images/client/icon_rss_off.png") no-repeat left center/14px auto;
        display: inline-block;
    }

    .mypage-prof-spdetail__sns__blog .on {
        background: url("/images/client/icon_rss_on.png") no-repeat left center/14px auto;
    }

    .mypage-prof-sppr {
        margin-bottom: 1.5rem;
        padding: 0 1rem;
        text-align: center;
    }

    .mypage-prof-sppr__catch {
        margin-bottom: 1rem;
        color: #323140;
        font-size: 15px;
        font-weight: bold;
    }

    .mypage-prof-sppr__text {
        margin-bottom: 1rem;
        color: #323140;
        font-size: 0.8rem;
        line-height: 1.7;
    }

    .mypage-prof-sppr__text.textclose {
        max-height: 70px;
        overflow: hidden;
        position: relative;
    }

    .mypage-prof-sppr__text.textclose:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    }

    .mypage-prof-sppr__more > a {
        padding-right: 1.5rem;
        background: url("/images/model/more_down_2x.png") no-repeat right center/16px auto;
        color: #fdb650;
        display: inline-block;
        font-size: 0.8rem;
    }

    .mypage-prof-sppr__more.linkopen > a {
        background: url("/images/model/more_up_2x.png") no-repeat right center/16px auto;
    }

    .mypage-prof-spimgs {
        margin-bottom: 2.5rem;
        padding: 0 1rem;
        display: flex;
        justify-content: space-between;
    }

    .mypage-prof-spimgs__item {
        width: calc(25% - .75rem);
    }

    .mypage-prof-spimgs__item a {
        width: 100%;
        display: inline-block;
    }

    .mypage-prof-spimgs__item a:before {
        content: "";
        padding-top: 100%;
        display: block;
    }

    .mypage-prof-spbtns {
        display: flex;
        margin: 1rem 1rem 0 1rem;
        padding-top: 1rem;
        border-top: 1px solid #ddd;
        text-align: center;
        font-size: 10px;
        color: #6b6b6b;
    }

    .mypage-prof-spbtns__profile-edit {
        width: 32%;
        border-right: 1px solid #ddd;
        padding: 2rem 1.5rem 0 1rem;
        background: url("/images/model/edit_glay_24.png") no-repeat top center;
    }

    .mypage-prof-spbtns__url {
        width: 36%;
        border-right: 1px solid #ddd;
        padding: 2rem 1rem 0 1rem;
        background: url("/images/model/shaere_glay_24.png") no-repeat top center;
    }

    .mypage-prof-spbtns__hint {
        width: 32%;
        padding: 2rem 1rem 0 1.5rem;
        background: url("/images/model/help_glay_24.png") no-repeat top center/24px 24px;
    }

    .mypage-prof-sptab {
        margin-bottom: 1.5rem;
        color: #858b94;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.875rem;
        text-align: center;
    }

    .mypage-prof-sptab__item {
        width: calc(100% / 4);
    }

    .mypage-prof-sptab__item a {
        padding: 1.1rem 0;
        display: inline-block;
        position: relative;
    }

    .mypage-prof-sptab__item.current {
        color: #fdb650;
    }

    .mypage-prof-sptab__item.current a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background-color: #fdb650;
    }

    .mypage-prof-spacv {
        padding: 0 1.5rem;
    }

    .mypage-prof-spacv__h {
        margin-bottom: 1.5rem;
        padding: 0.625rem 0 0.625rem 1.4rem;
        border-left: 2px solid #48485a;
        color: #323140;
        font-size: 1rem;
    }

    .mypage-prof-spacv__video {
        margin-bottom: 1.5rem;
    }

    .mypage-prof-spacv__video iframe {
        width: 100%;
        max-height: 188px;
    }

    .mypage-prof-spacv__list {
        margin-bottom: 1rem;
        display: flex;
        flex-wrap: wrap;
    }

    .mypage-prof-spacv__list__item {
        margin: 0 0.5rem 0.5rem 0;
        padding: 0.75rem;
        background-color: #f6f6f9;
        border: 1px solid #e1e1e9;
        color: #48485a;
        font-size: 0.8rem;
        line-height: 1;
    }

    .mypage-prof-spacv__text {
        margin-bottom: 1.1rem;
        color: #48485a;
        font-size: 0.875rem;
    }

    .mypage-prof-spacv__text.textclose {
        max-height: 70px;
        overflow: hidden;
        position: relative;
    }

    .mypage-prof-spacv__text.textclose:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    }

    .mypage-prof-spacv__more {
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .mypage-prof-spacv__more__link {
        padding-right: 1.5rem;
        background: url("/images/model/more_down_2x.png") no-repeat right center/16px 16px;
        color: #fdb650;
        display: inline-block;
        font-size: 0.8rem;
    }

    .mypage-prof-spacv__more__link.linkopen {
        background: url("/images/model/more_up_2x.png") no-repeat right center/16px 10px;
    }

    .mypage-prof-spbsc {
        padding: 0 1.5rem;
    }

    .mypage-prof-spbsc__h {
        margin-bottom: 1.5rem;
        color: #323140;
        font-size: 1rem;
    }

    .mypage-prof-spbsc__table {
        padding: 1.5rem;
        background-color: #f6f6f9;
        display: flex;
        flex-wrap: wrap;
    }

    .mypage-prof-spbsc__table dt {
        width: 40%;
        margin-bottom: 0.3rem;
        padding-right: 1rem;
    }

    .mypage-prof-spbsc__table dd {
        width: 60%;
        margin-bottom: 0.3rem;
    }

    .mypage-prof-spbsc__bnr {
        text-align: center;
    }

    .mypage-prof-spbsc__bnr a {
        width: 100%;
        padding: 1rem;
        background-color: #56b8b8;
        border-radius: 2px;
        color: #fff;
        display: inline-block;
    }

    .mypage-prof-spbsc__bnr a > span {
        padding-left: 1.5rem;
        background: url(/images/client/icon_handshake_white.png) no-repeat left center/16px auto;
        display: inline-block;
    }

    .mypage-prof-photo {
        padding: 0 0.75rem;
    }

    .mypage-prof-photo__list {
        margin-bottom: 1rem;
        display: flex;
        flex-wrap: wrap;
    }

    .mypage-prof-photo__list__item {
        width: calc(50% - 1.5rem);
        margin: 0 0.75rem 1.5rem;
    }

    .mypage-prof-photo__list__item > a {
        width: 100%;
        display: inline-block;
    }

    .mypage-prof-photo__list__item > a:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .mypage-prof-photo__bnr {
        width: 100%;
        font-size: 16px;
        text-align: center;
        padding: 0 1.25rem;
        display: flex;
        flex-wrap: wrap;
    }

    .mypage-prof-photo__bnr__item {
        padding: 0.75rem 0;
        border: 1px solid #fdb650;
        color: #fdb650;
        width: 100%;
    }

    .mypage-prof-secret {
        padding: 0 1.5rem;
    }

    .mypage-prof-secret__h {
        margin-bottom: 1.5rem;
        padding: 0.625rem 0 0.625rem 1.4rem;
        border-left: 2px solid #48485a;
        color: #323140;
        font-size: 1rem;
    }

    .mypage-prof-secret__list {
        margin-bottom: 4rem;
        color: #48485a;
        font-size: 0.875rem;
    }

    .mypage-prof-secret__list__item {
        border-top: 1px dotted #ddd;
        display: flex;
    }

    .mypage-prof-secret__th {
        width: 50%;
        padding: 1.5rem 1rem;
    }

    .mypage-prof-secret__td {
        width: 50%;
        padding: 1.5rem 1rem 1.5rem 0;
    }

    .mypage-prof-secret__rate {
        margin-bottom: 1.2rem;
        background: url(/images/client/lp_score.png) no-repeat left center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .mypage-prof-secret__rate img {
        width: 40px;
        height: 40px;
        margin-right: 1.5rem;
        display: inline-block;
    }

    .mypage-prof-secret__rate__caption {
        width: 100%;
        margin: 1rem 0 3.75rem;
        color: #48485a;
        font-size: 0.8rem;
    }

    .mypage-prof-secret__rate__caption > span {
        color: #fdb650;
    }

    .mypage-prof-secret__rate__star {
        width: 77px;
        height: 13px;
        font-size: 13px;
        display: inline-block;
        letter-spacing: 3px;
        overflow: hidden;
        position: relative;
    }

    .mypage-prof-secret__rate__star:before {
        content: "★★★★★";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        color: #ddd;
        height: 13px;
        line-height: 13px;
    }

    .mypage-prof-secret__rate__star:after {
        content: "★★★★★";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        height: 13px;
        color: #fdb650;
        line-height: 13px;
        overflow: hidden;
        white-space: nowrap;
    }

    .mypage-prof-secret__rate__star.rate00:after {
        width: 0;
    }

    .mypage-prof-secret__rate__star.rate05:after {
        width: 10%;
    }

    .mypage-prof-secret__rate__star.rate10:after {
        width: 20%;
    }

    .mypage-prof-secret__rate__star.rate15:after {
        width: 30%;
    }

    .mypage-prof-secret__rate__star.rate20:after {
        width: 40%;
    }

    .mypage-prof-secret__rate__star.rate25:after {
        width: 50%;
    }

    .mypage-prof-secret__rate__star.rate30:after {
        width: 60%;
    }

    .mypage-prof-secret__rate__star.rate35:after {
        width: 70%;
    }

    .mypage-prof-secret__rate__star.rate40:after {
        width: 80%;
    }

    .mypage-prof-secret__rate__star.rate45:after {
        width: 90%;
    }

    .mypage-prof-secret__rate__star.rate50:after {
        width: 100%;
    }

    .mypage-prof-skills {
        margin-bottom: 2rem;
    }

    .mypage-prof-skills__bnr {
        max-width: 343px;
        padding: 1rem;
        border-radius: 2px;
        display: block;
        font-size: 1rem;
        text-align: center;
    }

    .mypage-gototop {
        right: 1rem;
        bottom: 1rem;
    }

    .top-offeritem__img {
        width: 110px;
        height: 110px;
    }

    .top-offerlist {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .top-news {
        margin-bottom: 0;
        padding: 0;
    }

    .campaign-share img,
    .campaign-howto img,
    .campaign-flow img {
        max-width: 100%;
    }

    .mypage-prof-main {
        width: 66%;
        order: 2;
    }

    .mypage-prof-main .movie-block__youtubeModal {
        position: relative;
        display: inline-block;
    }

    .mypage-prof-main .movie-block__youtubeModal--item {
        display: block;
        width: 396px;
        height: 224px;
    }

    .btn__play {
        max-width: 320px;
        z-index: 1;
        position: relative;
        top: -110px;
        left: 0;
        right: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .modal-box__schedule__pulldown__fixed {
        width: 375px;
        top: auto;
        bottom: 0;
        left: -16px;
    }

    .modal-box__schedule__pulldown__fixed li a {
        padding: 1.31rem 1.68rem;
    }

    .mypage-container {
        padding: 0;
    }

    .mypage-container__inner {
        padding: 0;
    }

    .mypage-main-todo {
        margin-bottom: 1rem;
    }

    .mypage-main-todo__title {
        padding: 1.25rem 2rem .375rem 1rem;
        font-size: 1rem;
    }

    .mypage-main-todo__list__item a,
    .mypage-main-todo__list-beginner__item a {
        padding: .375rem 2rem .375rem 1rem;
        background-size: 11px auto;
        background-position: center right 17px;
    }

    .mypage-main-todo__list__item__img,
    .mypage-main-todo__list-beginner__item__img > img {
        min-width: 35px;
        height: 35px;
    }

    .mypage-main-todo__list__item__list-right,
    .mypage-main-todo__list-beginner__item__list-right {
        margin-left: 1rem;
    }

    .mypage-main-todo__list__item__title,
    .mypage-main-todo__list-beginner__item__title {
        font-size: .75rem;
        margin-bottom: 0;
    }

    .mypage-main-todo__list__item__content,
    .mypage-main-todo__list-beginner__item__content {
        font-size: .625rem;
    }

    .mypage-main-todo__btn {
        padding: 1rem;
    }

    .mypage-main-todo__btn a {
        padding: .6875rem;
        margin: 0 auto;
        width: 290px;
    }

    .mypage-footer {
        width: 100%;
    }

    .mypage-footer__list {
        padding: 1rem 1rem .5rem 1rem;
    }

    .mypage-footer__gray {
        padding: 1rem;
    }

    .cast-sidebar-castindex__mydate {
        margin-right: 2rem;
    }

    .config-fixbnr {
        margin-left: 0;
    }

    .entry-checklist {
        margin: 1rem;
    }

    .offer-entrytable__th {
        width: 40%;
    }

    .offer-entrytable__td {
        width: 60%;
    }

    .history-fixbnr {
        width: 100%;
    }

}

@media screen and (min-width: 751px) {
    .area-footer__transparent {
        max-width: 343px;
        margin: auto;
    }

    .backimg-frame {
        background-image: url("/images/model/main_bgimg01.jpg");
        background-size: cover;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
    }

    .backimg-frame li {
        background-position: 50% 50%;
    }

    .backimg-frame li:nth-child(1) {
        background-image: url("/images/model/main_bgimg01.jpg");
    }

    .backimg-frame li:nth-child(2) {
        background-image: url("/images/model/main_bgimg02.jpg");
        -webkit-animation-delay: 10s;
        animation-delay: 10s;
    }

    .backimg-frame li:nth-child(3) {
        background-image: url("/images/model/main_bgimg03.jpg");
        -webkit-animation-delay: 20s;
        animation-delay: 20s;
    }

    .regi-wip {
        max-width: 100% !important;
    }

    .regi-wip-frame {
        text-align: center;
    }

    .regi-wip-box {
        max-width: 343px;
        margin: 0 auto;
    }

    .regi-wip-agent {
        text-align: center;
        max-width: 375px;
        height: auto;
        margin: auto;
    }

    .login {
        max-width: 100% !important;
    }

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

    .login-box {
        max-width: 343px;
        margin: 0 auto;
    }

    .password {
        max-width: 100% !important;
    }

}

@media screen and (max-width: 374px) {
    .regi-pro-inputs__2col {
        flex-wrap: wrap;
    }

    .regi-pro-inputs__2col__col {
        width: 100%;
    }

    .regi-pro-inputs__2col__col:first-child {
        margin-bottom: 1rem;
    }

    .config-pro-inputs__2col {
        flex-wrap: wrap;
    }

    .config-pro-inputs__2col__col {
        width: 100%;
    }

    .config-pro-inputs__2col__col:first-child {
        margin-bottom: 1rem;
    }
}

/* HBLab- AnhV 2021/04/25 Start*/
/* HBLab- AnhV 2021/04/25 End */
/*↑↑↑終わり↑↑↑*/
/*Hblab 20210208 add new css in video upload name*/
.video-upload-name {
    padding: 3rem 0.5rem !important;
}

.entry-video {
    width: 55%;
}

.uploading-popup {
    position: relative;
    margin: auto;
    width: 350px;
    height: 350px;
    padding: 48px 20px 36px 9.5px;
    box-shadow: 0 2px 8px 0 rgba(133, 139, 148, 0.3);
    background-color: #ffffff;
}

.uploading-popup-header1 {
    margin: 0 0 10px 12.5px;
    font-family: HiraginoSans-W4;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #39374f;
}

.uploading-popup-header2 {
    margin: 10px 54.5px 29px 67px;
    font-family: HiraginoSans-W4;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #39374f;
}

.cloud-upload {
    width: 42px;
    height: 36.5px;
    margin: 29px 130px 28.5px 141.5px;
    object-fit: contain;
    background: url("/images/model/cloud-upload.png") no-repeat left center/42px auto;
}

.uploading-gif {
    width: 139px;
    height: 20px;
    margin: 28.5px 80px 47px 94.5px;
    background: url("/images/model/Fading_squares.gif") no-repeat left center/139px auto;
}

.uploading-popup-bottom {
    margin: 47px 0.5px 0 0;
    font-family: HiraginoSans-W4;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #39374f;
}

.config-linked-bnr {
    margin: 0 auto;
    width: 60%;
    padding: 0 1rem;
}

.config-linked-bnr a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
}

.config-linked-bnr a:hover {
    cursor: pointer;
}

.btn_link_op {
    background: #fdb650;
    color: #fff;
    line-height: 1;
}

.btn_link_op:hover {
    opacity: .8;
    color: #fff;
}

.btn_unlink_op {
    background: #f00;
    color: #fff;
    line-height: 1;
}

.btn_unlink_op:hover {
    color: #fff;
    opacity: .8;
}

.link-op-term {
    padding-bottom: 20px;
    text-align: center;
}

.link-op-term input {
    width: 18%;
    max-width: 343px;
    padding: 0.8rem;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.02);
    font-size: 1rem;
    line-height: 1;
}

.link-op-title {
    color: #000000 !important;
    text-align: center;
    margin: 0 78px 8px 82px;
    font-size: 16px;
    font-weight: bold;
}

.link-op-flow {
    padding-top: 28px;
    line-height: 0;
    text-align: center;
}

.oidc-information {
    width: 288px;
    margin: 8px 0 0;
    border: solid 1px #ddd;
    background-color: #fff;
}

.title-oidc-info {
    width: 100px;
}

.title-oidc-info span {
    margin-right: 14px;
    text-align: left;
    font-weight: bold;
}

.text-oidc-info {
    text-align: left;
    font-size: 12px;
}


.link-oidc {
    font-size: 12px;
    text-decoration: revert;
    color: #0000ee !important;
    font-weight: bold;
}

.area-footer_transparent_border_oidc {
    margin: 20px 0;
    border-top-width: 2px;
}

.padding-oidc-info {
    margin-left: 20px;
    margin-right: 20px;
}

@media screen and (max-width: 768px) {
    .link-op-term input {
        width: 30%;
        max-width: 343px;
        padding: 0.8rem;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.02);
        font-size: 1rem;
        line-height: 1;
    }

    .area-footer_transparent_border_oidc {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.modal-unlink-withlab-box__catch {
    margin-bottom: 1.5rem;
    padding: 0 1.375rem;
    font-weight: bold;
    text-align: center;
    color: #000;
    font-size: 16px;
}

.modal-unlink-withlab-box__text {
    margin-bottom: 2.625rem;
    padding: 0 1.375rem;
    color: #000;
    font-size: 13px;
    line-height: 1.33;
    text-align: center;
}

.modal-unlink-withlab-box__yorn {
    border-top: 1.5px solid #ddd;
    color: #006be8;
    display: flex;
    font-size: 16px;
    line-height: 1;
}

.modal-unlink-withlab-box__yorn__y {
    width: 50%;
    padding: 1rem;
    display: inline-block;
    border-left: 1.5px solid #ddd;
    font-weight: normal;
}

.modal-unlink-withlab-box__yorn__n {
    width: 50%;
    padding: 1rem;
    display: inline-block;
    font-weight: normal;
}

.modal-unlink-withlab-box {
    border-radius: 6px;
    max-width: 320px;
    padding: 2rem 0 0;
    background-color: #f7f7fb;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 100%;
}

.modal-unlink-withlab-box__yorn a.disabled {
    pointer-events: none;
    color: #ccc;
}

.div-oidc-info {
    width: 158px;
    word-break: break-all;
    text-align: left;
}

.area-footer-withlab__transparent__border {
    margin: 20px 0;
}

/*HBLAB 20210520 Add css for file*/

.plus-icon {
    padding-left: 17px;
    margin-top: -13px;
    font-size: 50px;
    font-weight: 500;
    color: gray;
}

.sns-add-button-text {
    padding: 14px;
    font-size: 16px;
    color: #48485a;
    font-weight: 400;
}

.add-sns-button {
    cursor: pointer;
    display: flex;
    height: 52px;
    border-radius: 2px;
    border: solid 1px #ddd;
    background-color: #fff;
}

.add-sns-place {
    padding-top: 14px;
}

.add-sns-input {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
}

.add-sns-background-icon {
    margin-left: 10px;
    width: 45px;
    height: 25px;
    background: url("/images/model/lv-1-icon-other-link-copy.png") no-repeat left top/40px 40px;
    background-size: 24px 24px;
}

.add-sns-input-no-icon {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 3.5rem;
}

.sns-text-under {
    font-size: 12px;
    color: #aaa;
}

.extend {
    margin: 0 .5rem;
    padding-left: 1.375rem;
}

.btn-focus:hover {
    opacity: 0.8;
}

.print-btn {
    background-color: #56b8b8;
    font-weight: 600;
    padding: 8px 23px;
    border-radius: 2px;
    font-size: 13px;
    color: #ffffff;
    border: none;
}

.print-btn:hover {
    opacity: .8;
    color: #ffffff;
}

.history-head-text.v2 {
    margin-left: 145px;
}

.area-container {
    min-height: 100vh;
    background-color: #f7f7fb;
}

@media print {
    a {
        color: #fdb650 !important;
    }
    .cast-sidebar, .todo, .mypage, .message, .print-btn, .print-container, .history-box__f__item, .history-report-link {
        display: none !important;
    }
    .sp {
        display: none !important;
    }
    .area-header div{
        justify-content: center !important;
    }
    .text-head-container {
        width: 100% !important;
    }
    .history-head-text {
        padding: 25px 0 0 0 !important;
    }
    .history-box {
        margin-bottom: 1rem !important;
    }
    .area-footer {
        display: none;
    }
    .history-head-text.v2 {
        margin-left: 0;
    }
    header, footer {
        display: none !important;
    }
    @page {
        margin: 0 !important;
    }
}