@charset "UTF-8";
@media only screen and (max-width: 767.98px) {
  .mypage_sec .mypage_main .separator {
    display: block;
    width: 100%;
    height: 35px;
    background-color: #f0f0f0;
  }
  .mypage_sec .mypage_main .my_profile {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 40px;
    background-color: #e5e5e5;
    font-weight: 700;
  }
  .mypage_sec .mypage_main .my_profile span {
    font-size: 1.2rem;
  }
  .mypage_sec .mypage_main .my_profile a {
    position: absolute;
    right: 10px;
    color: #2e7de8;
    font-size: 1rem;
  }
  .mypage_sec .mypage_main .my_profile .arrow {
    position: absolute;
    bottom: -12px;
    left: calc(50% - 14px);
    border-top: 12px solid #e5e5e5;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
  }
  .mypage_sec .mypage_main .head_area {
    padding: 0 0 1.5% 0;
  }
  .mypage_sec .mypage_main .head_area .pankuzu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 4px;
    padding: 16px 3.5% 0 4.5%;
  }
  .mypage_sec .mypage_main .head_area .pankuzu li {
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .head_area .pankuzu li:not(:last-child):after {
    content: "\A0>\A0";
  }
  .mypage_sec .mypage_main .head_area .usr_info {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
    margin-left: 4px;
    padding: 0 3.5% 0 4.5%;
  }
  .mypage_sec .mypage_main .head_area .usr_info-img {
    width: 86px;
    height: 86px;
    margin-right: 20px;
    margin-left: -5px;
    border-radius: 50%;
  }
  .mypage_sec .mypage_main .head_area .usr_info-company {
    margin-top: 6px;
    color: #4a4a4a;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .head_area .usr_info-company-post {
    margin-left: 13px;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m {
    margin-top: 12px;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-name {
    display: inline-block;
    color: #333;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -0.18px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status {
    display: inline-block;
    position: relative;
    margin-left: 8px;
    padding-left: 30px;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 12px;
    vertical-align: text-top;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_prm:before, .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_bit:before, .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_flw:before {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    content: "";
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_prm {
    color: #a3976d;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_prm:before {
    background-color: #c09a00;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    content: "P";
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_bit {
    color: #8b572a;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_bit:before {
    background-image: url(/https/www.sbbit.jp/assets/svg/icon_bit.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_flw {
    color: #2e7de8;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_flw:before {
    background-color: #2e7de8;
    background-image: url(/https/www.sbbit.jp/assets/svg/icon_check_wht.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70% auto;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-edit-wrp {
    position: relative;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-edit {
    margin-top: 12px;
  }
  .mypage_sec .mypage_main .head_area .self_intro {
    position: relative;
    margin-top: 10px;
    padding: 0 3.5% 0 4.5%;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
  }
  .mypage_sec .mypage_main .head_area .self_intro p {
    max-height: 43px;
    overflow: hidden;
    transition: max-height 1s ease;
  }
  .mypage_sec .mypage_main .head_area .self_intro button {
    display: inline-block;
    position: absolute;
    right: 3.5%;
    bottom: 0;
    width: auto;
    height: auto;
    padding-left: 40px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 20px, white);
    color: #53768c;
    font-size: inherit;
    line-height: inherit;
    white-space: nowrap;
  }
  .mypage_sec .mypage_main .head_area .self_intro button:hover {
    opacity: 1;
  }
  .mypage_sec .mypage_main .head_area .self_intro.is-open p {
    max-height: 100vh;
  }
  .mypage_sec .mypage_main .head_area .self_intro.is-open button {
    display: none;
  }
  .mypage_sec .mypage_main .head_area .regist_stts {
    margin-top: 24px;
  }
  .mypage_sec .mypage_main .head_area.is-m_right .usr_info-m-edit-wrp:before {
    z-index: 1;
    position: absolute;
    bottom: -30px;
    left: 37%;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    background-color: #f5f5f5;
    content: "";
  }
  .mypage_sec .mypage_main .head_area.is-m_right .usr_info-m-edit-wrp .usr_info-m-edit {
    overflow: visible;
  }
  .mypage_sec .mypage_main .head_area.is-m_right .usr_info-m-edit-wrp .usr_info-m-edit:after {
    position: absolute;
    top: -6px;
    right: -8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ce0000;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    content: "!";
  }
  .mypage_sec .mypage_main .head_area.is-m_right .regist_stts {
    display: flex;
  }
  .mypage_sec .mypage_main .regist_stts {
    display: none;
    position: relative;
    flex-direction: column;
    align-items: center;
    margin-bottom: 18px;
    padding: 12px 10px 17px 10px;
    border: 1px solid #e2e2e2;
    background-color: #f5f5f5;
  }
  .mypage_sec .mypage_main .regist_stts .progress {
    width: 100%;
  }
  .mypage_sec .mypage_main .regist_stts .progress-msg {
    margin-top: 9px;
  }
  .mypage_sec .mypage_main .regist_stts .progress-msg p {
    width: 100%;
    color: #2f2f2f;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .regist_stts .trial {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 97%;
    height: 34px;
    margin: 12px 9px 0 12px;
    border: 1px solid #f35f18;
    border-radius: 3px;
    background-color: #fff;
  }
  .mypage_sec .mypage_main .regist_stts .trial-txt {
    color: #f35f18;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .regist_stts .trial-txt label {
    color: #f35f18;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .mypage_reg_stts .regist_stts {
    display: flex;
    margin-top: 7px;
    margin-bottom: 26px;
  }
  .mypage_sec .mypage_main .mypage_reg_stts .regist_stts:after {
    z-index: 1;
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    background-color: #f5f5f5;
    content: "";
  }
  .mypage_sec .mypage_main .link-leave {
    padding-top: 29px;
    padding-bottom: 38px;
    border-top: 1px solid #e2e2e2;
    text-align: right;
  }
  .mypage_sec .mypage_main .link-leave button {
    position: relative;
    padding-right: 18px;
    color: #748393;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.58px;
    line-height: 14px;
  }
  .mypage_sec .mypage_head {
    padding: 12px 5% 20px 0;
    background: #f0f0f0;
  }
  .mypage_sec .mypage_head .secom {
    padding: 0;
    text-align: right;
  }
  .mypage_sec .mypage_main .tabnav_wrapper {
    height: 50px;
    margin-bottom: 6px;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area {
    position: relative;
    height: 50px;
    overflow-y: hidden;
    background-color: #fff;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list_wrapper {
    scrollbar-width: none;
    width: 100%;
    height: 42px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list_wrapper::-webkit-scrollbar {
    display: none;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list {
    -webkit-overflow-scrolling: touch;
    display: table;
    width: 100%;
    padding-top: 4px;
    background-color: #07080a;
    white-space: nowrap;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm {
    display: table-cell;
    min-width: 14.28%;
    vertical-align: bottom;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm:first-child .tabnav_link {
    border-right: 1px solid #07080a;
    border-left: none;
    border-radius: 0 4px 0 0;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm:last-child .tabnav_link {
    border-right: none;
    border-left: 1px solid #07080a;
    border-radius: 4px 0 0 0;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm .tabnav_link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 4px 10px;
    border-right: 1px solid #07080a;
    border-left: 1px solid #07080a;
    border-radius: 4px 4px 0 0;
    background-color: #405067;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm .tabnav_link label {
    display: block;
    cursor: pointer;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm .tabnav_link label:nth-of-type(1) {
    order: 2;
    padding-left: 12px;
    color: #929aa5;
    font-family: "HelveticaNeue";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm .tabnav_link label:nth-of-type(2) {
    order: 1;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm .tabnav_link.tabnav_home {
    height: 34px;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm .tabnav_link.tabnav_home label:nth-of-type(1) {
    order: 1;
    width: 19px;
    height: 19px;
    background-image: url(/https/www.sbbit.jp/assets/images/common/icon_home_white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm .tabnav_link.tabnav_home label:nth-of-type(2) {
    order: 2;
    padding-left: 12px;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm.is-active .tabnav_link {
    height: 38px;
    background-color: #fff;
    color: #587a8f;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_list .tabnav_itm.is-active .tabnav_home label:nth-of-type(1) {
    background-image: url(/https/www.sbbit.jp/assets/images/common/icon_home_blk.png);
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_btn {
    position: relative;
    top: -60px;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_btn_left,
.mypage_sec .mypage_main .tabnav_wrapper .tabnav_area .tabnav_btn_right {
    display: none;
  }
  .mypage_sec .mypage_main .tabnav_wrapper .is-fixed {
    z-index: 3;
    position: fixed;
    top: 43px;
    width: 100%;
  }
  .mypage_sec .mypage_main .body_area {
    padding: 0;
  }
  .mypage_sec .mypage_main .body_area .b_ttl {
    padding: 20px 20px 11px;
    background-color: #fff;
    color: #748393;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 1.26px;
    line-height: 22px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .b_list_link {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    margin-right: auto;
    margin-left: auto;
    padding: 16px 9px;
    background-color: #f0f0f0;
    color: #2470ff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 13px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .b_list_link:after {
    display: block;
    position: absolute;
    top: 54%;
    right: 7%;
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translateY(-50%);
    border-top: 2px solid #2470ff;
    border-right: 2px solid #2470ff;
    border-bottom: none;
    border-left: none;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .b_nomsg {
    color: #748393;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.19px;
    line-height: 28.8px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .nomsg {
    padding: 20px 10px 21px 0px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold:first-of-type {
    position: relative;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold:first-of-type:before {
    display: block;
    width: 100%;
    background-color: #f35f18;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.21px;
    line-height: 26px;
    text-align: center;
    content: "\958B\50AC\9593\8FD1\306E\30BB\30DF\30CA\30FC";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold:first-of-type:after {
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top: 8px solid #f35f18;
    content: "";
    pointer-events: none;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold + .itm:not(.is-week-hold) {
    position: relative;
    margin-top: 45px;
    border-top: none;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold + .itm:not(.is-week-hold):before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2px 0;
    border-top: none;
    background-color: #6f8d9f;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.21px;
    line-height: 26px;
    text-align: center;
    content: "\6765\9031\4EE5\964D\958B\50AC\306E\30BB\30DF\30CA\30FC";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold + .itm:not(.is-week-hold):after {
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top: 8px solid #6f8d9f;
    content: "";
    pointer-events: none;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 14px 16px 22px 16px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt {
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.21px;
    line-height: 22px;
    cursor: pointer;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.icons {
    display: flex;
    align-items: center;
    height: 46px;
    margin-left: auto;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.21px;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.icons .icon {
    margin-left: 13px;
    padding: 5px 15px;
    border-radius: 15px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.icons .icon.is-benefit {
    background-color: #cf1010;
    color: #fff;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.icons .icon.is-benefit::before {
    display: inline-block;
    width: 13px;
    height: 15px;
    margin-right: 6px;
    background-image: url(/https/www.sbbit.jp/assets/images/common/icon-present.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -2px;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.date {
    line-height: 18px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.date.is-end_event:before {
    display: block;
    width: 100%;
    height: 16px;
    border-radius: 3px;
    background-color: #e8e8e8;
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 16px;
    text-align: center;
    content: "\7D42\4E86\6E08\307F";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.date.is-pickup:before {
    display: block;
    width: 100%;
    height: 16px;
    border-radius: 3px;
    background-color: #f7814a;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 16px;
    text-align: center;
    content: "\6CE8\76EE";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.date.is-end_rejected:before {
    display: block;
    width: 100%;
    height: 16px;
    border-radius: 3px;
    background-color: #e8e8e8;
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 16px;
    text-align: center;
    content: "\7D42\4E86\6E08\307F(\843D\9078)";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.area {
    height: 34px;
    padding: 10.5px 0;
    background-color: #f1f2f4;
    color: #53768c;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 12px;
    text-align: center;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt:nth-of-type(1) {
    width: 110px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt:nth-of-type(2) {
    width: 86px;
    margin-left: 22px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt:last-of-type {
    display: block;
    width: 100%;
    margin-top: 3px;
    margin-left: -1px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.trnct-line-1 {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .list-link {
    margin-bottom: 15px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 26px 2px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn {
    position: relative;
    width: 444px;
    padding: 12px 12px 13px 12px;
    border-radius: 3px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn-lbl {
    margin-right: 4px;
    padding: 0px 7px 1px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.58px;
    line-height: 15px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn-ttl {
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 15px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-download_link {
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 2px #387dfd;
    background-color: #ebf2ff;
    text-align: left;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-download_link .status-btn-lbl {
    background-color: #387dfd;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-download_link .status-btn-ttl {
    color: #387dfd;
    line-height: 21px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-download_link:after {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    transform: rotate(45deg);
    border: 0px;
    border-top: solid 2px #387dfd;
    border-right: solid 2px #387dfd;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-mail {
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 2px #387dfd;
    background-color: #ebf2ff;
    text-align: left;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-mail .status-btn-lbl {
    background-color: #387dfd;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-mail .status-btn-ttl {
    color: #387dfd;
    line-height: 21px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-waiting {
    right: -24px;
    width: 100%;
    padding: 0;
    text-align: right;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-waiting span {
    color: #cf1010;
    font-weight: normal;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-waiting span::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background-image: url(/https/www.sbbit.jp/assets/images/common/icon-darts-active.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -3px;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-rejected {
    right: -24px;
    width: 100%;
    padding: 0;
    text-align: right;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-rejected span {
    color: #222;
    font-weight: normal;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-rejected span::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background-image: url(/https/www.sbbit.jp/assets/images/common/icon-darts-inactive.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -3px;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-online .area {
    background-color: #fff1eb;
    color: #f4611b;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr:first-of-type .itm.is-rejected {
    margin-top: 4px;
    background-color: #c8c8c8;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl {
    position: relative;
    width: 100%;
    text-align: right;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .b_ttl {
    background: none;
    color: #748393;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.17px;
    line-height: 18px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check {
    display: inline-block;
    margin: 12px 17px 18px 0;
    padding: 7px 18px;
    border-radius: 16px;
    background-color: #ebf2ff;
    text-align: right;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-ipt {
    display: none;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-ipt:checked + .check-lbl:before {
    border: 2px solid #4e74e9;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-ipt:checked + .check-lbl:after {
    display: block;
    position: absolute;
    top: -6px;
    left: 7px;
    width: 6px;
    height: 18px;
    transform: rotate(40deg);
    border-right: 6px solid #4e74e9;
    border-bottom: 6px solid #4e74e9;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-lbl {
    position: relative;
    padding-top: 1px;
    padding-left: 30px;
    color: #2570ff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-lbl:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #2570ff;
    background-color: #f8f8f8;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .follow_tag {
    padding: 0 0 15px;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .nomsg {
    padding: 20px 10px 21px 0px;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 26px 34px 0 32px;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .itm {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 17px;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .list-link {
    margin-top: 3px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .nomsg {
    padding: 20px 10px 21px 0px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm {
    margin: 3% 3% 0% 2.7%;
    padding: 0% 0% 3.9% 1.5%;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm:not(:last-of-type) {
    border-bottom: 1px solid #d8d8d8;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .usrico {
    flex: 0 0 44px;
    height: 44px;
    margin-left: 8px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-txt {
    display: flex;
    flex-direction: row;
    padding: 6px 5px 0 5px;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-txt-ctnr {
    flex: 0 0 calc(100% - 20px - 54px);
    max-height: 97px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-txt-ctnr.is-open {
    max-height: 100vh;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-txt-ctnr button {
    color: #53768c;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-dtl {
    flex: 0 0 calc(100% - 44px - 54px);
    flex-basis: calc(100% - 44px - 54px);
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-dtl-edit {
    flex: 0 0 54px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-like {
    position: static;
    width: 13%;
    margin-top: 14px;
    padding-left: 14px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-like .btn_like {
    color: #53768c;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 10px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-like .btn_like.is-b-active {
    color: #2e7de8;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-like .btn_like .count {
    padding-top: 5px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn {
    width: 26px;
    height: 16px;
    margin-top: 10px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn span {
    top: 0;
    left: 9px;
    height: 100%;
    margin: 0;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn span:before, .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn span:after {
    width: 6px;
    height: 6px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn.is-b-open span:before {
    top: 10px;
    left: -13px;
    width: 14px;
    height: 3px;
    transform: rotate(45deg);
    transform-origin: bottom right;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn.is-b-open span:after {
    top: 10px;
    left: 2px;
    width: 14px;
    height: 3px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .usr_cmt_art {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-top: 13.5px;
    padding-left: 6px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .usr_cmt_art-ttl {
    width: 100%;
    color: #2e7de8;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .list-link {
    margin-top: 9px;
  }
  .mypage_sec .mypage_main .body_area .fllw_page_list_link {
    margin: 14px auto;
  }
  .mypage_sec .mypage_main .body_area .fllw_list {
    margin-top: -7px;
    padding: 0 18px 0 18px;
  }
  .mypage_sec .mypage_main .body_area .fllw_list .itm {
    padding: 14px 0 25px 0;
  }
  .mypage_sec .mypage_main .body_area .fllw_list .itm:not(:first-of-type) {
    border-top: 1px solid #e2e2e2;
  }
  .mypage_sec .mypage_main .body_area .fllw_list_btn {
    padding: 15px 0;
  }
  .mypage_sec .mypage_main .body_area .mct_page_list_link {
    margin-top: 16px;
  }
  .mypage_sec .mypage_main .body_area .trnd_page_list_link {
    margin: 16px auto 20px;
  }
  .mypage_sec .mypage_main .body_area .trnd_list {
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    padding-right: 0;
    padding-left: 0;
  }
  .mypage_sec .mypage_main .body_area .trnd_list li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 24px;
  }
  .mypage_sec .mypage_main .body_area .trnd_list li > a {
    padding-top: 4px;
  }
  .mypage_sec .mypage_main .body_area .trnd_list li > button {
    min-width: 92px;
  }
  .mypage_sec .mypage_main .body_area .trnd_list .trnd_wrd_lst-itm {
    position: relative;
  }
  .mypage_sec .mypage_main .body_area .trnd_list .trnd_wrd_lst-itm:not(:first-of-type)::before {
    position: absolute;
    top: 0;
    right: 20px;
    left: 20px;
    margin: auto;
    border-top: 1px solid #e2e2e2;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .trnd_list .trnd_wrd_lst-itm:last-of-type::after {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    margin: auto;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .trnd_list_btn {
    margin-top: 15px;
    padding-bottom: 15px;
  }
  .mypage_sec .mypage_main .body_area .trnd_list_btn .more_read {
    width: 88%;
  }
  .mypage_sec .mypage_main .body_area.is-empty {
    padding: 26px 26px 76px;
  }
  .mypage_sec .mypage_main .body_area.is-empty .ttl {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 30px;
    padding-right: 24px;
    padding-left: 24px;
    color: #748393;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.19px;
    line-height: 28.8px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area.is-empty .fllw_page_list_link,
.mypage_sec .mypage_main .body_area.is-empty .trnd_page_list_link {
    width: 100%;
    margin-right: auto;
    background-color: #f0f0f0;
  }
  .mypage_sec .mypage_main .body_area.tabnav_evntsmnr .ttl.end_ttl {
    width: 100%;
    margin-bottom: 9px;
    background-color: transparent;
    color: #748393;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.17px;
    line-height: 28.8px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area.tabnav_evntsmnr .list .itm {
    padding-bottom: 19px;
    border-top: 1px solid #d8d8d8;
  }
  .mypage_sec .mypage_main .body_area.tabnav_evntsmnr .list .itm .link {
    padding: 12px 12px 0px 16px;
  }
  .mypage_sec .mypage_main .body_area.tabnav_evntsmnr .more_link {
    height: 45px;
    margin-top: 18px;
    background-color: #f0f0f0;
    color: #2470ff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 13px;
  }
  .mypage_sec .mypage_main .body_area.tabnav_evntsmnr .more_link-wrp {
    padding-bottom: 28px;
  }
  .mypage_sec .mypage_main .body_area.page_bit .btn {
    padding-bottom: 15px;
  }
  .mypage_sec .mypage_main .btn .save {
    display: block;
    width: 90%;
    height: 45px;
    margin: 44px auto 0 auto;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .btn .updt {
    display: block;
    width: 90%;
    height: 44px;
    margin: 4px auto 0 auto;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .btn .reset {
    display: block;
    width: 90%;
    height: 44px;
    margin: 21px auto 0 auto;
    border-radius: 3px;
    background-color: #ededed;
    color: #274d9c;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .btn .more_read {
    display: block;
    width: 93%;
    height: 46px;
    margin: 0 auto 0 auto;
    background-color: #f0f0f0;
    color: #2470ff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 13px;
  }
  .mypage_sec .mypage_main .btn .setting {
    display: block;
    width: 90%;
    height: 44px;
    margin: 0 auto 20px;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 44px;
    text-align: center;
  }
  .mypage_sec .mypage_main .btn .unsubscribe {
    display: block;
    width: 90%;
    height: 44px;
    margin: 15px auto 5px;
    border-radius: 3px;
    background-color: #ededed;
    color: #748393;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 16px;
    pointer-events: none;
  }
  .mypage_sec .mypage_main .btn .unsubscribe.is-active {
    color: #2d76ff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 16px;
    pointer-events: auto;
  }

  #wrapper.mypage .cntlist_sec .cottl_sec-h2 {
    height: 35px;
    margin-top: 13px;
    padding: 6px 15px;
    background-color: #f0f0f0;
  }
  #wrapper.mypage .cntlist_sec .cottl_sec-h2 h2 {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 1.26px;
    line-height: 22px;
    text-align: left;
  }
  #wrapper.mypage .rcmd_evntsmnr .cottl_sec-h2 {
    background-color: #f0f0f0;
  }
  #wrapper.mypage .rcmd_evntsmnr .crd_lst .rkg_itm,
#wrapper.mypage .rcmd_evntsmnr .crd_lst .crd_inner {
    border-top: none;
  }
  #wrapper.mypage .rcmd_evntsmnr .crd_lst .crd_itm {
    background-color: #f0f0f0;
  }
  #wrapper.mypage .rcmd_evntsmnr .crd_lst div.crd_itm {
    background-color: #fff;
  }
  #wrapper.mypage .rcmd_evntsmnr .crd_lst .crd_evtsmr-date {
    background-color: rgba(168, 175, 183, 0.16);
  }
  #wrapper.mypage .rcmd_evntsmnr .crd_lst .crd_evtsmr-date.is-online {
    background-color: #fff1eb;
  }
  #wrapper.mypage .rcmd_evntsmnr .btn_link_wht {
    background-color: #f0f0f0;
  }

  .mypage_sec .mypage_main .pankuzu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 12px 22px 0px 22px;
  }
  .mypage_sec .mypage_main .pankuzu li {
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .pankuzu li:not(:last-child):after {
    content: "\A0>\A0";
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng > .ttl {
    margin-bottom: 19px;
    padding: 0px 16px;
    color: #53768c;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 1.73px;
    line-height: 32px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng .sttng_link {
    margin-top: 16px;
    padding: 0 20px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng .sttng_link a {
    display: block;
    width: 160px;
    color: #2470ff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng .sttng_link a:before {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 6px;
    transform: rotate(45deg);
    transform-origin: center;
    border-bottom: 2px solid #2470ff;
    border-left: 2px solid #2470ff;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng > .btn button {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 11px 0 11px 0px;
    border-bottom: 2px solid #2470ff;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng > .btn button label {
    color: #2f2f2f;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.24px;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng > .btn button.is-ex-mark label {
    position: relative;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng > .btn button.is-ex-mark label:after {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #ce0000;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    content: "!";
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_list {
    display: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm {
    background-color: #f1f4f5;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm {
    border-bottom: 1px solid #c7c7c7;
    color: #333;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 13px;
    text-align: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm.is-ex-mark label {
    position: relative;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm.is-ex-mark label:after {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #ce0000;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    content: "!";
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .ttl {
    padding-left: 29px;
    color: #748393;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.42px;
    line-height: 10px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .link {
    display: block;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    color: #2f2f2f;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.58px;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .leave {
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_btn {
    position: relative;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_btn:before {
    display: block;
    position: absolute;
    top: 11px;
    right: 23px;
    width: 8px;
    height: 6px;
    transform: rotate(135deg) translateY(-50%);
    border-top: 2px solid #2470ff;
    content: "";
    transition: 0.3s ease;
    transition-property: top, right, transform;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_btn:after {
    display: block;
    position: absolute;
    top: 11px;
    right: 23px;
    width: 6px;
    height: 8px;
    transform: rotate(135deg) translateY(-50%);
    border-right: 2px solid #2470ff;
    content: "";
    transition: 0.3s ease;
    transition-property: top, right, transform;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng > .btn.is-sp-sttng-open .sttng_btn:before {
    display: block;
    position: absolute;
    top: 21px;
    right: 17px;
    width: 8px;
    height: 6px;
    transform: rotate(-45deg) translateY(-50%);
    border-top: 2px solid #2470ff;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng > .btn.is-sp-sttng-open .sttng_btn:after {
    display: block;
    position: absolute;
    top: 21px;
    right: 17px;
    width: 6px;
    height: 8px;
    transform: rotate(-45deg) translateY(-50%);
    border-right: 2px solid #2470ff;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_head {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    padding: 22px 21px 21px 21px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_head .ttl {
    color: #748393;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 0.23px;
    line-height: 28.8px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_head .btn:before {
    left: 7%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl {
    margin-bottom: 15px;
    padding: 0 20px;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 1.26px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl.is-m-prm {
    position: relative;
    margin-left: 21px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl.is-m-prm:before {
    display: block;
    position: absolute;
    top: 1px;
    left: -1px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #c09a00;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    content: "P";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl.is-ex-mark {
    position: relative;
    padding-left: 52px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl.is-ex-mark:before {
    display: inline-block;
    position: absolute;
    left: 20px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ce0000;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    content: "!";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_lead {
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_lead_txt {
    padding: 0 20px 18px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_lead:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_lead .btn {
    padding-bottom: 10px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm {
    position: relative;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text], .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel], .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email], .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password], .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number] {
    min-width: 0;
    min-height: 35px;
    padding: 6.5px 8px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    background-color: #f9fdcf;
    color: inherit;
    font-size: 16px;
    letter-spacing: inherit;
    vertical-align: middle;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]:-webkit-autofill, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]:-webkit-autofill, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]:-webkit-autofill, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]:-webkit-autofill, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]:-webkit-autofill {
    box-shadow: 0 0 0px 999px #fff inset;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]::-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]::-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]::-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]::-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]::-moz-placeholder {
    color: #757575;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .slct-alw {
    position: relative;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .slct-alw select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 32px;
    padding: 4px 20px 4px 8px;
    border: 1px solid #d4d4d4;
    border-bottom: 2px solid #9b9b9b;
    background-color: #f9fdcf;
    color: inherit;
    font-size: 16px;
    letter-spacing: inherit;
    line-height: inherit;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .slct-alw:after {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 15px;
    width: 12px;
    height: 7px;
    background: url(/https/www.sbbit.jp/assets/images/common/arrow_down_blk_01.png);
    background-repeat: no-repeat;
    background-size: 12px 7px;
    vertical-align: -1px;
    content: "";
    pointer-events: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .wide select {
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .wide:after {
    right: 15px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .wide.textarea textarea {
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .type {
    display: flex;
    align-items: center;
    order: 3;
    margin-top: 8px;
    padding-left: 15px;
    color: #53768c;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.94px;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .entered {
    padding-left: 12px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.44px;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .textarea textarea {
    padding: 4px 8px;
    border: solid 1px #d4d4d4;
    border-radius: 4px;
    background-color: #f9fdcf;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.44px;
    line-height: 21px;
    resize: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .textarea textarea.is-resizable {
    resize: vertical;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_head {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 7px 20px;
    background-color: #f0f0f0;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 1.26px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_head_req {
    display: inline-block;
    min-width: 30px;
    margin-left: 6px;
    padding: 2px 3px;
    border: 1px solid #cf1010;
    background-color: #fff;
    color: #cf1010;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.79px;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 20px 25px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .pt-clmn-unit {
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.44px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .pt-clmn-unit .ttl,
.mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .pt-clmn-unit input {
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .pt-clmn-unit textarea {
    width: 100%;
    padding: 4px 8px;
    border: solid 1px #d4d4d4;
    border-radius: 4px;
    background-color: #f9fdcf;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.44px;
    line-height: 21px;
    resize: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .pt-clmn-unit input.wide {
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .err {
    display: none;
    color: #ff0000;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .err.has-err {
    display: block;
    width: 100%;
    margin-top: 11px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt_consent .consent_check {
    width: 90%;
    margin: 0 auto 20px;
    text-align: left;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 4px 10px 9px 19px;
    border-top: 1px solid #e2e2e2;
    color: #53768c;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm > .txt:nth-of-type(1) {
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm > .txt:nth-of-type(2) {
    margin-top: 8px;
    margin-bottom: 7px;
    color: #000;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .img {
    width: 86px;
    height: 86px;
    margin-top: 8px;
    margin-left: 1px;
    border-radius: 50%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-top: 7px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn .txt {
    display: flex;
    flex-direction: row;
    width: 100%;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 1.26px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn .txt:nth-of-type(2) {
    margin-top: 5px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn .txt label:nth-of-type(1) {
    margin-right: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name .txt {
    display: flex;
    flex-direction: column;
    width: auto;
    margin-top: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name .txt:nth-of-type(2) {
    margin-left: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name .txt label:nth-of-type(1) {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 1.26px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name .txt label:nth-of-type(2) {
    margin-top: 6px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm.m_p_shrt.is-ex-mark p:first-child {
    position: relative;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm.m_p_shrt.is-ex-mark p:first-child:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #ce0000;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    content: "!";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm.icon_p_grey .txt:nth-of-type(1) {
    display: inline-block;
    position: relative;
    width: auto;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm.icon_p_grey .txt:nth-of-type(1):after {
    display: block;
    position: absolute;
    top: 3px;
    right: -22px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #53768c;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    content: "P";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .link {
    display: block;
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .link-txt {
    color: #2470ff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm {
    padding: 0 0 0 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .txt {
    width: 100%;
    padding: 7px 16px 7px 16px;
    background-color: #f0f0f0;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 1.26px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk {
    width: 100%;
    padding: 17px 0px 20px 0px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .two-clmn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .two-clmn .txt {
    display: inline-block;
    width: 24%;
    margin-left: 0;
    padding-left: 23px;
    background-color: transparent;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.58px;
    line-height: 22px;
    text-align: left;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .two-clmn > .three-clmn {
    width: 76%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .two-clmn > .three-clmn .type {
    width: 94%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .two-clmn:nth-of-type(2) {
    margin-top: 10px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .three-clmn {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .three-clmn input {
    width: 90%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk input {
    width: 94%;
    height: 32px;
    padding: 4px 8px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    background-color: #f9fdcf;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk .fb {
    margin-left: 4px;
    background-color: transparent;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 28px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .type {
    display: block;
    width: 90%;
    color: #53768c;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.94px;
    line-height: 22px;
    text-align: right;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .err {
    display: none;
    width: 90%;
    color: #ff0000;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.44px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .err.has-err {
    display: block;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .link {
    display: block;
    width: 90%;
    padding: 0;
    color: #2470ff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.58px;
    line-height: 22px;
    text-align: left;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm {
    padding: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check {
    padding: 16px 26px 8px 26px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-ipt {
    display: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-ipt:checked + .check-lbl:before {
    border: 2px solid #4e74e9;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-ipt:checked + .check-lbl:after {
    display: block;
    position: absolute;
    top: -6px;
    left: 7px;
    width: 6px;
    height: 18px;
    transform: rotate(40deg);
    border-right: 6px solid #4e74e9;
    border-bottom: 6px solid #4e74e9;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-lbl {
    position: relative;
    padding-left: 30px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.58px;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-lbl:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #979797;
    background-color: #f8f8f8;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk > .check {
    padding: 16px 26px 16px 26px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .other_news {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .other_news .txt {
    margin-left: 27px;
    color: #2f2f2f;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.63px;
    line-height: 15px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm > .txt:first-of-type {
    width: 100%;
    padding: 7px 20px 7px 20px;
    background-color: #f0f0f0;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 1.26px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm > .itm_blk {
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .btn {
    padding-bottom: 15px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck {
    width: 100%;
    padding: 0 18px 0 18px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_head {
    padding: 22px 0 0 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body {
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-list .itm {
    padding: 14px 0 25px 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-list .itm:first-of-type {
    border-top: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-nousr {
    padding: 50px 24px 50px;
    text-align: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-nousr p {
    color: #53768c;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.19px;
    line-height: 28.8px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .btn {
    margin: 20px auto 0 auto;
    padding-right: 4px;
    padding-left: 12px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_withdraw {
    width: 100%;
    padding: 8px 5px 8px 5px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_withdraw .prof_head .ttl {
    margin-top: -3px;
    margin-right: 22px;
    margin-bottom: 0;
    color: #748393;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 33px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_withdraw .prof_body .usr_withdraw-txt {
    padding: 0 11px 0 11px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.44px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_withdraw .prof_body .btn {
    margin-top: 34px;
    text-align: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_withdraw .prof_body .btn .withdraw {
    width: 93%;
    height: 44px;
    border-radius: 3px;
    color: #2e7de8;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.menu .prof_head .ttl {
    color: #333;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.69px;
    line-height: 20px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.menu .prof_body .list .itm .link {
    display: block;
    position: relative;
    width: 100%;
    padding: 12px 0;
    color: #53768c;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 1.6px;
    line-height: 16px;
    text-align: left;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.menu .prof_body .list .itm .link:after {
    display: inline-block;
    position: absolute;
    top: 42%;
    right: 10px;
    width: 9px;
    height: 9px;
    margin-right: 6px;
    transform: rotate(-45deg);
    transform-origin: center;
    border-right: 2px solid #2470ff;
    border-bottom: 2px solid #2470ff;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .ttl {
    position: relative;
    margin-bottom: 9px;
    padding-left: 39px;
    color: #2f2f2f;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 36px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .ttl_leave {
    color: #2f2f2f;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 30px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .ttl:before {
    position: absolute;
    top: 5px;
    left: 21px;
    height: 24px;
    border-left: 4px solid #53768c;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .ttl.mail + .list, .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .ttl.business + .list + .list {
    padding-bottom: 36px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .ttl.enquete + .list {
    padding-bottom: 33px;
  }
  .mypage_sec .mypage_main .head_area .usr_info {
    position: relative;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn {
    display: flex;
    display: none;
    position: relative;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    justify-content: space-around;
    width: 136px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #53768c;
    border-radius: 3px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn span {
    position: relative;
    width: 22px;
    height: 14px;
    background-image: url("/https/www.sbbit.jp/assets/images/common/icon_follow.svg");
    background-repeat: no-repeat;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn span:before {
    display: block;
    position: absolute;
    top: 8px;
    width: 0;
    height: 0;
    transform: rotate(-90deg);
    border-radius: 10px;
    background: none repeat scroll 0 0 #53768c;
    content: "";
    transition: all 0.2s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn span:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 0;
    height: 0;
    transform: rotate(0deg);
    border-radius: 10px;
    background: none repeat scroll 0 0 #53768c;
    content: "";
    transition: all 0.2s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn label {
    color: #53768c;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn label:hover {
    cursor: pointer;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn.is-b-active {
    border: none;
    background-color: #ced5dc;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn.is-b-active span {
    width: 0px;
    margin: 0px;
    background-image: none;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn.is-b-active span:before {
    display: block;
    position: absolute;
    top: 8px;
    width: 6px;
    height: 2px;
    transform: rotate(45deg);
    border-radius: 10px;
    background: none repeat scroll 0 0 #53768c;
    content: "";
    transition: all 0.2s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn.is-b-active span:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 14px;
    height: 2px;
    transform: rotate(-45deg);
    border-radius: 10px;
    background: none repeat scroll 0 0 #53768c;
    content: "";
    transition: all 0.1s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .blck-btn {
    display: none;
    width: 136px;
    height: 32px;
    border: 1px solid #ce0000;
    border-radius: 3px;
    color: #ce0000;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn {
    position: relative;
    width: 20px;
    height: 20px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn + .toggle_list {
    display: none;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 12px;
    margin-top: -6px;
    margin-left: -2px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span:before {
    top: 0;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span:after {
    bottom: 0;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span:before, .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span:after {
    display: block;
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #748393;
    content: "";
    transition: all 0.2s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn.is-myp-toggle-open span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 8px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn.is-myp-toggle-open span:before {
    top: 10px;
    left: -11px;
    width: 14px;
    height: 3px;
    transform: rotate(45deg);
    transform-origin: bottom right;
    border-radius: 0;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn.is-myp-toggle-open span:after {
    top: 10px;
    left: 3px;
    width: 14px;
    height: 3px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    border-radius: 0;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list {
    z-index: 3;
    position: absolute;
    top: 25px;
    right: 0;
    width: 210px;
    padding: 15px;
    background-color: #fff;
    box-shadow: -2px 4px 8px 2px rgba(0, 0, 0, 0.12);
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-release-btn, .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-btn {
    display: none;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-release-btn button, .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-btn button {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .head_area.is-blck .usr_info .usr_info-m-edit .blck-btn,
.mypage_sec .mypage_main .head_area.is-blck .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-release-btn {
    display: block;
  }
  .mypage_sec .mypage_main .head_area.is-release-blck .usr_info .usr_info-m-edit .flw-btn {
    display: flex;
  }
  .mypage_sec .mypage_main .head_area.is-release-blck .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-btn {
    display: block;
  }
  .mypage_sec .mypage_main .body_area.is-empty .ttl {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 30px;
    padding: 0;
    color: #748393;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.19px;
    line-height: 28.8px;
    text-align: center;
  }
  .mypage_sec .mypage_main .tabnav_list {
    width: 100%;
  }
  .mypage_sec .mypage_main .tabnav_itm {
    width: 33.33%;
  }
  .mypage_sec .mypage_main .tabnav_link {
    align-items: center;
    justify-content: center;
  }

  #wrapper.usrpage .btn {
    padding-bottom: 15px;
  }
  #wrapper.usrpage .btn .more_read {
    display: block;
    width: 93%;
    height: 46px;
    margin: 0 auto 0 auto;
    background-color: #f0f0f0;
    color: #2470ff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 13px;
  }
}
@media only screen and (min-width: 768px), print {
  #wrapper.mypage div#contents {
    padding-left: 0;
  }
  #wrapper.mypage div#contents .contents_main {
    margin-top: 43px;
  }
  #wrapper.mypage div#contents .contents_main-adjustmt {
    margin-top: -18px;
  }
  #wrapper.mypage .rcmd_evntsmnr {
    width: 1000px;
    margin: 0 auto;
  }

  .mypage_main {
    width: 1000px;
    margin: 0 auto;
    margin-top: 43px;
  }
  .mypage_main .head_area {
    background-color: #fff;
  }
  .mypage_main .tabnav_area {
    position: relative;
    background-color: #fff;
  }
  .mypage_main .body_area,
.mypage_main .mypage_sttng {
    background-color: #fff;
  }

  .mypage_sec .mypage_main .link-back {
    margin-top: -22px;
    margin-bottom: 20px;
    text-align: right;
  }
  .mypage_sec .mypage_main .link-back a {
    position: relative;
    padding-right: 18px;
    color: #2470ff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.58px;
    line-height: 17px;
  }
  .mypage_sec .mypage_main .link-back a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translateY(-50%);
    border-top: 2px solid #748393;
    border-right: 2px solid #748393;
    border-bottom: none;
    border-left: none;
    content: "";
  }
  .mypage_sec .mypage_main .my_profile {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 40px;
    background-color: #e5e5e5;
    font-weight: 700;
  }
  .mypage_sec .mypage_main .my_profile span {
    font-size: 1.4rem;
  }
  .mypage_sec .mypage_main .my_profile a {
    position: absolute;
    right: 60px;
    color: #2e7de8;
    font-size: 1.2rem;
  }
  .mypage_sec .mypage_main .my_profile .arrow {
    position: absolute;
    bottom: -12px;
    left: calc(50% - 14px);
    border-top: 12px solid #e5e5e5;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
  }
  .mypage_sec .mypage_main .head_area {
    padding: 2.5% 15% 2.7% 6.4%;
  }
  .mypage_sec .mypage_main .head_area .usr_info {
    display: flex;
    flex-direction: row;
  }
  .mypage_sec .mypage_main .head_area .usr_info-img {
    width: 86px;
    height: 86px;
    margin-right: 20px;
    border-radius: 50%;
  }
  .mypage_sec .mypage_main .head_area .usr_info-blk {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 106px);
  }
  .mypage_sec .mypage_main .head_area .usr_info-company {
    margin-top: 4px;
    color: #4a4a4a;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .head_area .usr_info-company-post {
    margin-left: 13px;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 5px;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-name {
    color: #333;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: -0.22px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status {
    position: relative;
    margin-left: 20px;
    padding-left: 30px;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_prm:before, .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_bit:before, .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_flw:before {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    content: "";
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_prm {
    color: #a3976d;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_prm:before {
    background-color: #c09a00;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    content: "P";
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_bit {
    color: #8b572a;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_bit:before {
    background-image: url(/https/www.sbbit.jp/assets/svg/icon_bit.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_flw {
    color: #2e7de8;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-status.is-m_flw:before {
    background-color: #2e7de8;
    background-image: url(/https/www.sbbit.jp/assets/svg/icon_check_wht.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70% auto;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-edit-wrp {
    position: relative;
  }
  .mypage_sec .mypage_main .head_area .usr_info-m-edit {
    margin-left: 26px;
  }
  .mypage_sec .mypage_main .head_area .self_intro {
    position: relative;
    margin-top: -5px;
    padding-left: 106px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
  }
  .mypage_sec .mypage_main .head_area .self_intro p {
    max-height: 51px;
    overflow: hidden;
    transition: max-height 1s ease;
  }
  .mypage_sec .mypage_main .head_area .self_intro button {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    padding-left: 40px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 20px, white);
    color: #53768c;
    font-size: inherit;
    line-height: inherit;
  }
  .mypage_sec .mypage_main .head_area .self_intro button:hover {
    opacity: 1;
  }
  .mypage_sec .mypage_main .head_area .self_intro.is-open p {
    max-height: 100vh;
  }
  .mypage_sec .mypage_main .head_area .self_intro.is-open button {
    display: none;
  }
  .mypage_sec .mypage_main .head_area .regist_stts {
    margin-left: 106px;
  }
  .mypage_sec .mypage_main .head_area.is-m_right .usr_info-m-edit-wrp:before {
    z-index: 1;
    position: absolute;
    bottom: -18px;
    left: 61%;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    background-color: #f5f5f5;
    content: "";
  }
  .mypage_sec .mypage_main .head_area.is-m_right .usr_info-m-edit-wrp .usr_info-m-edit {
    overflow: visible;
  }
  .mypage_sec .mypage_main .head_area.is-m_right .usr_info-m-edit-wrp .usr_info-m-edit:after {
    position: absolute;
    top: -6px;
    right: -8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ce0000;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    content: "!";
  }
  .mypage_sec .mypage_main .head_area.is-m_right .regist_stts {
    display: flex;
  }
  .mypage_sec .mypage_main .regist_stts {
    display: none;
    position: relative;
    flex-direction: row;
    align-items: center;
    margin-top: -4px;
    margin-bottom: 18px;
    padding: 10px 10px 17px 21px;
    border: 1px solid #e2e2e2;
    background-color: #f5f5f5;
  }
  .mypage_sec .mypage_main .regist_stts .progress {
    width: calc(100% - 218px);
  }
  .mypage_sec .mypage_main .regist_stts .progress-msg {
    margin-top: 9px;
  }
  .mypage_sec .mypage_main .regist_stts .progress-msg p {
    width: 100%;
    color: #2f2f2f;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .regist_stts .trial {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 218px;
    height: 34px;
    margin-top: 8px;
    margin-left: 18px;
    padding: 6px 12px 10px 12px;
    border: 1px solid #f35f18;
    border-radius: 3px;
    background-color: #fff;
  }
  .mypage_sec .mypage_main .regist_stts .trial-txt {
    color: #f35f18;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .regist_stts .trial-txt label {
    color: #f35f18;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .mypage_reg_stts .regist_stts {
    display: flex;
    margin-bottom: -1px;
  }
  .mypage_sec .mypage_main .mypage_reg_stts .regist_stts:after {
    z-index: 1;
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    background-color: #f5f5f5;
    content: "";
  }
  .mypage_sec .mypage_main .link-leave {
    margin-top: 22px;
    margin-bottom: 10px;
    text-align: right;
  }
  .mypage_sec .mypage_main .link-leave button {
    position: relative;
    padding-right: 18px;
    color: #53768c;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.58px;
    line-height: 14px;
  }
  .mypage_sec .mypage_head {
    position: relative;
    width: 100%;
    padding: 0 0 30px;
  }
  .mypage_sec .mypage_head .secom {
    text-align: right;
  }
  .mypage_sec .mypage_head .brdcrb {
    position: absolute;
    bottom: 8px;
    left: 0;
    padding: 0 0 0 0;
  }
  .mypage_sec .mypage_main .tabnav_area {
    width: 100%;
    height: 56px;
    padding: 0 17.6% 0 16.4%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_itm {
    width: 100%;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_itm.is-active {
    border-bottom: 4px solid #2470ff;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_itm.is-active .tabnav_link {
    padding-bottom: 9px;
    color: #333;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_itm .tabnav_link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding-bottom: 13px;
    color: #717171;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_itm .tabnav_link label {
    display: block;
    cursor: pointer;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_itm .tabnav_link label:nth-of-type(1) {
    color: #9b9b9b;
    font-family: "HelveticaNeue";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 21px;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_itm .tabnav_link.tabnav_home label:nth-of-type(1) {
    width: 15px;
    height: 26px;
    background-image: url(/https/www.sbbit.jp/assets/images/common/icon_home.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_btn {
    display: none;
  }
  .mypage_sec .mypage_main .body_area {
    padding: 37px 137px 58px 162px;
  }
  .mypage_sec .mypage_main .body_area_usr-list {
    padding: 37px 136px 58px 162px;
  }
  .mypage_sec .mypage_main .body_area-itm:not(:last-of-type) {
    border-bottom: 1px solid #d8d8d8;
  }
  .mypage_sec .mypage_main .body_area .b_ttl {
    padding-left: 5px;
    color: #748393;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .body_area .b_list_link {
    display: block;
    position: relative;
    margin-left: auto;
    padding: 9px 9px;
    color: #2470ff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 13px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .b_list_link:after {
    display: block;
    position: absolute;
    top: 17px;
    right: 15px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translateY(-50%);
    border-top: 2px solid #2470ff;
    border-right: 2px solid #2470ff;
    border-bottom: none;
    border-left: none;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .b_nomsg {
    color: #53768c;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 1.41px;
    line-height: 34px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .nomsg {
    padding: 27px 22px 8px 0px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .list {
    padding: 20px 10px 10px 1px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm {
    position: relative;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm:not(:first-of-type) {
    padding-top: 1px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm:not(:first-of-type):before {
    display: inline-block;
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    border-top: 1px solid #d8d8d8;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold:first-of-type {
    position: relative;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold:first-of-type:before {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2px 0;
    border-top: none;
    background-color: #f35f18;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.21px;
    line-height: 26px;
    text-align: center;
    content: "\958B\50AC\9593\8FD1\306E\30BB\30DF\30CA\30FC";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold:first-of-type:after {
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -16px;
    border: 14px solid transparent;
    border-top: 14px solid #f35f18;
    content: "";
    pointer-events: none;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold + .itm:not(.is-week-hold) {
    position: relative;
    margin-top: 45px;
    border-top: none;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold + .itm:not(.is-week-hold):before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2px 0;
    border-top: none;
    background-color: #6f8d9f;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.21px;
    line-height: 26px;
    text-align: center;
    content: "\6765\9031\4EE5\964D\958B\50AC\306E\30BB\30DF\30CA\30FC";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold + .itm:not(.is-week-hold):after {
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -16px;
    border: 14px solid transparent;
    border-top: 14px solid #6f8d9f;
    content: "";
    pointer-events: none;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-week-hold .area {
    background-color: #f1f2f4;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px 14px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt {
    align-self: flex-start;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.21px;
    line-height: 26px;
    cursor: pointer;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.icons {
    display: flex;
    align-items: center;
    height: 46px;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.21px;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.icons .icon {
    margin-left: 13px;
    padding: 5px 15px;
    border-radius: 15px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.icons .icon.is-benefit {
    background-color: #cf1010;
    color: #fff;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.icons .icon.is-benefit::before {
    display: inline-block;
    width: 13px;
    height: 15px;
    margin-right: 6px;
    background-image: url(/https/www.sbbit.jp/assets/images/common/icon-present.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -2px;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.date {
    align-self: center;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.date.is-end_event:before {
    display: block;
    width: 100%;
    height: 16px;
    border-radius: 3px;
    background-color: #e8e8e8;
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 16px;
    text-align: center;
    content: "\7D42\4E86\6E08\307F";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.date.is-pickup:before {
    display: block;
    width: 100%;
    height: 16px;
    border-radius: 3px;
    background-color: #f7814a;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 16px;
    text-align: center;
    content: "\6CE8\76EE";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.date.is-end_rejected:before {
    display: block;
    width: 100%;
    height: 16px;
    border-radius: 3px;
    background-color: #e8e8e8;
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 16px;
    text-align: center;
    content: "\7D42\4E86\6E08\307F(\843D\9078)";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt.area {
    height: 46px;
    padding: 17px 0;
    background-color: #f1f2f4;
    color: #53768c;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 12px;
    text-align: center;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt:nth-of-type(1) {
    width: 110px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt:nth-of-type(2) {
    width: 80px;
    margin-left: 15px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .link-txt:last-of-type {
    width: 100%;
    margin-top: 9px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .list-link {
    width: 220px;
    margin-top: 8px;
    margin-right: 12px;
    margin-bottom: 21px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px 20px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn {
    position: relative;
    width: 444px;
    padding: 17px 14px 18px 14px;
    border-radius: 3px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn-lbl {
    margin-right: 4px;
    padding: 0px 3px 1px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.58px;
    line-height: 15px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn-ttl {
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 15px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-download_link {
    border: solid 2px #387dfd;
    background-color: #ebf2ff;
    text-align: start;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-download_link .status-btn-lbl {
    background-color: #387dfd;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-download_link .status-btn-ttl {
    color: #387dfd;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-download_link:after {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    transform: rotate(45deg);
    border: 0px;
    border-top: solid 2px #387dfd;
    border-right: solid 2px #387dfd;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-mail {
    border: solid 2px #387dfd;
    background-color: #ebf2ff;
    text-align: start;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-mail .status-btn-lbl {
    background-color: #387dfd;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-mail .status-btn-ttl {
    color: #387dfd;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-waiting {
    width: 100%;
    padding: 0;
    text-align: right;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-waiting span {
    color: #cf1010;
    font-weight: normal;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-waiting span::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background-image: url(/https/www.sbbit.jp/assets/images/common/icon-darts-active.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -3px;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-rejected {
    width: 100%;
    padding: 0;
    text-align: right;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-rejected span {
    color: #222;
    font-weight: normal;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .status-btn.is-rejected span::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background-image: url(/https/www.sbbit.jp/assets/images/common/icon-darts-inactive.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -3px;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-online .area {
    background-color: #fff1eb;
    color: #f4611b;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr .itm.is-online.is-week-hold .area {
    background-color: #fff1eb;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr:first-of-type .itm.is-rejected {
    margin-top: 4px;
    background-color: #c8c8c8;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl {
    position: relative;
    width: 100%;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check {
    position: absolute;
    top: 0;
    right: 10px;
    padding: 7px 18px;
    border-radius: 16px;
    background-color: #ebf2ff;
    text-align: right;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-ipt {
    display: none;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-ipt:checked + .check-lbl:before {
    border: 2px solid #4e74e9;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-ipt:checked + .check-lbl:after {
    display: block;
    position: absolute;
    top: -6px;
    left: 7px;
    width: 6px;
    height: 18px;
    transform: rotate(40deg);
    border-right: 6px solid #4e74e9;
    border-bottom: 6px solid #4e74e9;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-lbl {
    position: relative;
    padding-top: 1px;
    padding-left: 30px;
    color: #2570ff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .body_area .atnd_smnr_dl .check-lbl:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #2570ff;
    background-color: #f8f8f8;
    content: "";
  }
  .mypage_sec .mypage_main .body_area .follow_tag {
    padding: 4.2% 0 0 0;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .nomsg {
    padding: 27px 22px 8px 0px;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 2.8%;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .itm {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 50%;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .itm:nth-of-type(2n) {
    padding: 0 8.8% 1.5% 3.8%;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .itm:nth-of-type(2n + 1) {
    padding: 0 9.8% 1.5% 2.8%;
  }
  .mypage_sec .mypage_main .body_area .follow_tag .list-link {
    width: 220px;
    margin-top: -8px;
    margin-right: 12px;
    margin-bottom: 21px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt {
    padding: 4.2% 0;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .nomsg {
    padding: 27px 22px 8px 0px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm {
    margin: 3% 3% 0% 2.7%;
    padding: 0% 0% 3.9% 1.5%;
    border-bottom: 1px solid #d8d8d8;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-txt {
    padding: 0 40px 0 0;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-txt-ctnr {
    max-height: 97px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list-txt-ctnr.is-open {
    max-height: 100vh;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn {
    width: 26px;
    height: 16px;
    margin-top: 10px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn span {
    top: 0;
    left: 9px;
    height: 100%;
    margin: 0;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn span:before, .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn span:after {
    width: 6px;
    height: 6px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn.is-b-open span:before {
    top: 10px;
    left: -13px;
    width: 14px;
    height: 3px;
    transform: rotate(45deg);
    transform-origin: bottom right;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .itm .cmtarea_list .btn_cmt-drpdwn.is-b-open span:after {
    top: 10px;
    left: 2px;
    width: 14px;
    height: 3px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .usr_cmt_art {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-top: 3%;
    padding-right: 7%;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .usr_cmt_art-img {
    width: 79px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .usr_cmt_art-ttl {
    width: calc(100% - 82px);
    margin-top: -3px;
    padding-left: 12px;
    color: #748393;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.21px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .body_area .follow_usr_cmt .list-link {
    width: 270px;
    margin-top: 16px;
    margin-right: 3px;
  }
  .mypage_sec .mypage_main .body_area .btn .save {
    display: block;
    width: 260px;
    height: 45px;
    margin: 52px auto 0 auto;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .body_area .btn .updt {
    display: block;
    width: 260px;
    height: 45px;
    margin: 30px auto 0 auto;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .body_area .btn .reset {
    display: block;
    width: 260px;
    height: 45px;
    margin: 14px auto 0 auto;
    color: #2d76ff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .body_area .btn .more_read {
    display: block;
    width: 93%;
    height: 46px;
    background-color: #f0f0f0;
    color: #2470ff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 13px;
  }
  .mypage_sec .mypage_main .body_area .fllw_page_list_link {
    width: 220px;
    height: 45px;
    margin-top: -11px;
    margin-right: 12px;
    margin-left: auto;
    padding: 16px 8px;
  }
  .mypage_sec .mypage_main .body_area .fllw_page_list_link:after {
    top: 24px;
  }
  .mypage_sec .mypage_main .body_area .fllw_list {
    margin-top: 17px;
    margin-left: -6px;
    padding-right: 0;
    padding-left: 0px;
  }
  .mypage_sec .mypage_main .body_area .fllw_list .itm {
    margin-top: 56px;
  }
  .mypage_sec .mypage_main .body_area .fllw_list .itm:nth-of-type(1), .mypage_sec .mypage_main .body_area .fllw_list .itm:nth-of-type(2), .mypage_sec .mypage_main .body_area .fllw_list .itm:nth-of-type(3) {
    margin-top: 0;
  }
  .mypage_sec .mypage_main .body_area .fllw_list_btn {
    margin-top: 56px;
    margin-bottom: 15px;
  }
  .mypage_sec .mypage_main .body_area .mct_page_list_link,
.mypage_sec .mypage_main .body_area .trnd_page_list_link {
    width: 210px;
    height: 45px;
    margin-top: -11px;
    margin-right: 12px;
    margin-left: auto;
    padding: 16px 8px;
  }
  .mypage_sec .mypage_main .body_area .mct_page_list_link:after,
.mypage_sec .mypage_main .body_area .trnd_page_list_link:after {
    top: 24px;
  }
  .mypage_sec .mypage_main .body_area .trnd_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 12px;
    margin-left: -15px;
    padding-right: 0;
    padding-left: 0;
  }
  .mypage_sec .mypage_main .body_area .trnd_list li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 48%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-top: 1px solid #d4d4d4;
  }
  .mypage_sec .mypage_main .body_area .trnd_list li:nth-of-type(1), .mypage_sec .mypage_main .body_area .trnd_list li:nth-of-type(2) {
    padding-top: 0;
    border-top: none;
  }
  .mypage_sec .mypage_main .body_area .trnd_list li > a {
    width: 68%;
    padding-top: 4px;
  }
  .mypage_sec .mypage_main .body_area .trnd_list li > button {
    width: 31%;
  }
  .mypage_sec .mypage_main .body_area .trnd_list_btn {
    margin-top: 18px;
    margin-bottom: 0;
  }
  .mypage_sec .mypage_main .body_area .trnd_list_btn .more_read {
    width: 98%;
  }
  .mypage_sec .mypage_main .body_area.page_bit {
    padding: 20px 0 0 0;
    background-color: transparent;
  }
  .mypage_sec .mypage_main .body_area.page_bit .btn {
    margin-top: 60px;
  }
  .mypage_sec .mypage_main .body_area.page_bit .btn .more_read {
    width: 100%;
    background-color: #fff;
  }
  .mypage_sec .mypage_main .body_area.page_bit.is-empty {
    background-color: #fff;
  }
  .mypage_sec .mypage_main .body_area.tabnav_evntsmnr .ttl {
    color: #748393;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.17px;
    line-height: 28.8px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area.tabnav_evntsmnr .ttl.end_ttl {
    margin-top: 60px;
  }
  .mypage_sec .mypage_main .body_area.tabnav_evntsmnr .list {
    padding-top: 16px;
  }
  .mypage_sec .mypage_main .body_area.tabnav_evntsmnr .more_read {
    margin: auto;
  }
  .mypage_sec .mypage_main .body_area.is-empty {
    padding: 37px 137px 82px 138px;
  }
  .mypage_sec .mypage_main .body_area.is-empty .ttl {
    width: 100%;
    margin-top: 58px;
    margin-bottom: 57px;
    color: #53768c;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 1.89px;
    line-height: 34px;
    text-align: center;
  }
  .mypage_sec .mypage_main .body_area.is-empty .fllw_page_list_link,
.mypage_sec .mypage_main .body_area.is-empty .trnd_page_list_link {
    margin-right: auto;
  }

  #wrapper.mypage .crd_lst .rkg_itm {
    border-top: none;
  }

  .mypage_sec .mypage_main .mypage_sttng {
    display: flex;
    flex-direction: row;
    border: 1px solid #e2e2e2;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng {
    flex: 0 0 196px;
    border-right: 1px solid #e2e2e2;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_list {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm {
    padding-top: 12px;
    padding-bottom: 17px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm:first-of-type {
    padding-top: 10px;
    padding-bottom: 18px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm.is-active {
    padding-top: 5px;
    padding-bottom: 13px;
    border-left: 3px solid #748393;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm.is-active .link {
    padding-left: 26px;
    color: #2f2f2f;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.63px;
    line-height: 15px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm.is-ex-mark {
    position: relative;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm.is-ex-mark:after {
    display: inline-block;
    position: absolute;
    top: 10px;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #ce0000;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    content: "!";
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .itm.is-active.is-ex-mark:after {
    top: 2px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .ttl {
    padding-left: 29px;
    color: #748393;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.42px;
    line-height: 10px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .link {
    padding-left: 29px;
    color: #2f2f2f;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.58px;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .leave {
    display: inline-block;
    margin-top: 42px;
    margin-bottom: 10px;
    color: #676767;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .leave.is-active {
    padding-top: 5px;
    padding-bottom: 13px;
    padding-left: 26px;
    border-left: 3px solid #748393;
    color: #2f2f2f;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.63px;
    line-height: 15px;
  }
  .mypage_sec .mypage_main .mypage_sttng .sttng_itm .hr {
    margin: 15px 33px 19px 22px;
    border-bottom: 1px solid #e2e2e2;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof {
    flex: 0 0 804px;
    max-width: 804px;
    padding: 49px 86px 62px 79px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_head {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_head .ttl {
    margin-bottom: 33px;
    color: #748393;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 0.23px;
    line-height: 28.8px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_head .btn {
    position: absolute;
    right: 0;
    width: 166px;
    padding: 8px 9px 8px 26px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_head .btn:before {
    left: 7%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_head .secom {
    position: absolute;
    top: -33px;
    right: 18px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl {
    margin-bottom: 22px;
    color: #2f2f2f;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1.41px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl.is-m-prm {
    position: relative;
    padding-left: 30px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl.is-m-prm:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #c09a00;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    content: "P";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl.is-ex-mark {
    position: relative;
    padding-left: 33px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .ttl.is-ex-mark:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ce0000;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    content: "!";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_lead {
    margin: 0 0 22px;
    padding: 0 0 22px;
    border-bottom: 1px solid #e2e2e2;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_lead_txt {
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_lead:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: start;
    padding: 8px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text], .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel], .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email], .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password], .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number] {
    min-width: 0;
    min-height: 35px;
    padding: 6.5px 8px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    background-color: #f9fdcf;
    color: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    vertical-align: middle;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]:-webkit-autofill, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]:-webkit-autofill, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]:-webkit-autofill, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]:-webkit-autofill, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]:-webkit-autofill {
    box-shadow: 0 0 0px 999px #fff inset;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]:placeholder-shown, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]::-webkit-input-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]:-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=text]::-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=tel]::-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=email]::-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=password]::-moz-placeholder, .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm input[type=number]::-moz-placeholder {
    color: #757575;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .slct-alw {
    position: relative;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .slct-alw select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 32px;
    padding: 4px 32px 4px 8px;
    border: 1px solid #d4d4d4;
    border-bottom: 2px solid #9b9b9b;
    background-color: #f9fdcf;
    color: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .slct-alw:after {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 115px;
    width: 12px;
    height: 7px;
    background: url(/https/www.sbbit.jp/assets/images/common/arrow_down_blk_01.png);
    background-repeat: no-repeat;
    background-size: 12px 7px;
    vertical-align: -1px;
    content: "";
    pointer-events: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .wide select {
    flex: 1;
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .wide:after {
    right: 16px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .wide.textarea textarea {
    width: 94%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .type {
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #53768c;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.94px;
    line-height: 12px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .entered {
    padding-left: 12px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.44px;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .textarea textarea {
    padding: 4px 8px;
    border: solid 1px #d4d4d4;
    border-radius: 4px;
    background-color: #f9fdcf;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.44px;
    line-height: 21px;
    resize: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .textarea textarea.is-resizable {
    resize: vertical;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 25%;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_head_ttl {
    width: 80%;
    line-height: 20px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_head_ttl:after {
    color: #ff0000;
    content: "\203B";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_head_ttl.is-none:after {
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_head_req {
    padding: 2px 3px;
    border: 1px solid #cf1010;
    color: #cf1010;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.79px;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd {
    display: flex;
    flex-direction: row;
    width: 75%;
    padding-left: 25px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .pt-clmn-unit {
    width: 100%;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.44px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .pt-clmn-unit input {
    width: 53%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .pt-clmn-unit textarea {
    flex: 0 0 100%;
    width: 100%;
    padding: 4px 8px;
    border: solid 1px #d4d4d4;
    border-radius: 4px;
    background-color: #f9fdcf;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.44px;
    line-height: 21px;
    resize: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .pt-clmn-unit input.wide {
    width: 90%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .err {
    display: none;
    color: #ff0000;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .leave_ipt-itm .ipt_bd .err.has-err {
    display: block;
    width: 100%;
    margin-top: 11px;
    text-align: left;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 10px 10px 2px;
    border-bottom: 1px solid #e2e2e2;
    color: #333;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 1.02px;
    line-height: 20px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm:first-of-type {
    border-top: 1px solid #e2e2e2;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm > .txt {
    margin-left: 39px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm > .txt:first-of-type {
    width: 15%;
    margin-left: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .img {
    width: 86px;
    height: 86px;
    margin-left: 36px;
    border-radius: 50%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 85%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn .txt {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-left: 39px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn .txt:nth-of-type(2) {
    margin-top: 2px;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.94px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn .txt label:nth-of-type(1) {
    margin-right: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name .txt {
    display: flex;
    flex-direction: column;
    width: auto;
    margin-top: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name .txt:nth-of-type(1) {
    margin-right: 8px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name .txt:nth-of-type(2) {
    margin-left: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name .txt label:nth-of-type(1) {
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm .two-clmn.name .txt label:nth-of-type(2) {
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.94px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm.icon_p_grey .txt:nth-of-type(2) {
    position: relative;
    padding-left: 30px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm.icon_p_grey .txt:nth-of-type(2):before {
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #53768c;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    content: "P";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm.is-ex-mark > p:last-of-type {
    position: relative;
    padding-left: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list .itm.is-ex-mark > p:last-of-type:before {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ce0000;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    content: "!";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .link {
    display: block;
    margin-top: 29px;
    text-align: right;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .link-txt {
    color: #2470ff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .btn .save {
    display: block;
    width: 260px;
    height: 45px;
    margin: 52px auto 0 auto;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .btn .updt {
    display: block;
    width: 260px;
    height: 45px;
    margin: 30px auto 0 auto;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 18px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .btn .reset {
    display: block;
    width: 260px;
    height: 45px;
    margin: 14px auto 0 auto;
    color: #2d76ff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .btn .more_read {
    display: block;
    width: 93%;
    height: 46px;
    background-color: #f0f0f0;
    color: #2470ff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 13px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .btn .setting {
    display: block;
    width: 260px;
    height: 45px;
    margin: 30px auto 0 auto;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 45px;
    text-align: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .btn .unsubscribe {
    display: block;
    width: 260px;
    height: 45px;
    margin: 14px auto 0 auto;
    color: #748393;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 16px;
    pointer-events: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .btn .unsubscribe.is-active {
    color: #2d76ff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 16px;
    pointer-events: auto;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm {
    padding: 15px 7px 18px 7px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .txt {
    width: 20%;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 30px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk {
    width: 80%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .two-clmn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .two-clmn .txt {
    display: inline-block;
    width: 20%;
    margin-left: 0;
    text-align: right;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .two-clmn > .three-clmn {
    width: 80%;
    margin-left: 33px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .two-clmn:nth-of-type(2) {
    margin-top: 20px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .three-clmn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .three-clmn input,
.mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk > .three-clmn .err {
    margin-left: 53px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk input {
    width: 241px;
    height: 32px;
    padding: 4px 8px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    background-color: #f9fdcf;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .itm_blk .fb {
    margin-left: 49px;
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.19px;
    line-height: 28px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .type {
    padding-left: 10px;
    color: #53768c;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.94px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .err {
    display: none;
    width: 100%;
    margin-top: 8px;
    color: #ff0000;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.44px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .err.has-err {
    display: block;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .list.password .itm .link {
    display: inline-block;
    margin-top: 8px;
    margin-left: 0;
    color: #2470ff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.58px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check {
    padding: 12px 6px 12px 6px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-ipt {
    display: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-ipt:checked + .check-lbl:before {
    border: 2px solid #4e74e9;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-ipt:checked + .check-lbl:after {
    display: block;
    position: absolute;
    top: -6px;
    left: 7px;
    width: 6px;
    height: 18px;
    transform: rotate(40deg);
    border-right: 6px solid #4e74e9;
    border-bottom: 6px solid #4e74e9;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-lbl {
    position: relative;
    padding-left: 30px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .check-lbl:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #979797;
    background-color: #f8f8f8;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk > .check {
    padding: 16px 6px 16px 6px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .other_news {
    display: flex;
    flex-direction: column;
    margin-top: 31px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm .itm_blk .other_news .txt {
    margin-left: 9px;
    color: #2f2f2f;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.63px;
    line-height: 15px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm > .txt:first-of-type {
    width: 30%;
    padding: 14px 0 0 6px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof_body .prov_service .itm > .itm_blk {
    width: 70%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck {
    width: 100%;
    padding: 38px 30px 38px 30px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body {
    width: 100%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-list .itm {
    border-bottom: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-list .itm:first-of-type {
    border-top: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-list .itm:nth-of-type(1), .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-list .itm:nth-of-type(2), .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-list .itm:nth-of-type(3) {
    margin-top: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-txt {
    padding: 0 40px 0 11px;
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-txt .link {
    display: inline;
    margin-top: 0;
    color: #2470ff;
    text-align: start;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-nousr {
    margin-top: 58px;
    text-align: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .usr_blck-nousr p {
    color: #53768c;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 1.89px;
    line-height: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_blck .prof_body .btn {
    margin: 46px auto 22px auto;
    padding-right: 4px;
    padding-left: 12px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_withdraw {
    width: 100%;
    padding: 38px 30px 38px 30px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_withdraw .prof_body .usr_withdraw-txt {
    padding: 0 40px 0 11px;
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_withdraw .prof_body .btn {
    margin-top: 70px;
    text-align: center;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.usr_withdraw .prof_body .btn .withdraw {
    width: 218px;
    height: 16px;
    margin-right: 25px;
    color: #2e7de8;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.67px;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof.menu {
    display: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .ttl {
    position: relative;
    margin-bottom: 9px;
    padding-left: 22px;
    color: #2f2f2f;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 36px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .ttl:before {
    position: absolute;
    top: 3px;
    left: 4px;
    height: 24px;
    border-left: 4px solid #53768c;
    content: "";
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .ttl.enquete + .list .itm {
    border-top: none;
    border-bottom: none;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list {
    padding-bottom: 46px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list .itm {
    flex-wrap: nowrap;
    padding: 10px 8px 10px 8px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list .itm .txt {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.44px;
    line-height: 22px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list .itm .txt:nth-of-type(1) {
    width: 17%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list .itm .txt:nth-of-type(2) {
    flex: 1;
    margin: auto 0 auto 19px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list .itm .two-clmn {
    width: 83%;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list .itm .two-clmn .txt {
    margin-left: 19px;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list .itm .two-clmn p:nth-of-type(1) {
    padding-bottom: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list .itm .two-clmn p:nth-of-type(2) {
    padding-top: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list.w_address {
    padding-bottom: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list.w_address .itm {
    border-bottom: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list.w_address .itm:not(:first-of-type) {
    padding-top: 0;
  }
  .mypage_sec .mypage_main .mypage_sttng .prof .prof_body.regist-info-edit .list.w_address .itm:not(:last-of-type) {
    padding-bottom: 0;
  }

  .prsnlpage_crdlist {
    width: 1000px;
    margin: 32px auto 0;
  }

  .mypage_sec .mypage_main .head_area .usr_info {
    position: relative;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit {
    margin-right: 40px;
    margin-left: auto;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn {
    display: flex;
    display: none;
    position: relative;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    justify-content: space-around;
    width: 136px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #53768c;
    border-radius: 3px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn span {
    position: relative;
    width: 22px;
    height: 14px;
    background-image: url("/https/www.sbbit.jp/assets/images/common/icon_follow.svg");
    background-repeat: no-repeat;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn span:before {
    display: block;
    position: absolute;
    top: 8px;
    width: 0;
    height: 0;
    transform: rotate(-90deg);
    border-radius: 10px;
    background: none repeat scroll 0 0 #53768c;
    content: "";
    transition: all 0.2s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn span:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 0;
    height: 0;
    transform: rotate(0deg);
    border-radius: 10px;
    background: none repeat scroll 0 0 #53768c;
    content: "";
    transition: all 0.2s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn label {
    color: #53768c;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn label:hover {
    cursor: pointer;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn.is-b-active {
    border: none;
    background-color: #ced5dc;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn.is-b-active span {
    width: 0px;
    margin: 0px;
    background-image: none;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn.is-b-active span:before {
    display: block;
    position: absolute;
    top: 8px;
    width: 6px;
    height: 2px;
    transform: rotate(45deg);
    border-radius: 10px;
    background: none repeat scroll 0 0 #53768c;
    content: "";
    transition: all 0.2s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .flw-btn.is-b-active span:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 14px;
    height: 2px;
    transform: rotate(-45deg);
    border-radius: 10px;
    background: none repeat scroll 0 0 #53768c;
    content: "";
    transition: all 0.1s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .blck-btn {
    display: none;
    width: 136px;
    height: 32px;
    border: 1px solid #ce0000;
    border-radius: 3px;
    color: #ce0000;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-m-edit .blck-btn label:hover {
    cursor: pointer;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action {
    position: absolute;
    top: 45px;
    right: 10px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn {
    position: relative;
    width: 20px;
    height: 20px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn + .toggle_list {
    display: none;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 12px;
    margin-top: -6px;
    margin-left: -2px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span:before {
    top: 0;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span:after {
    bottom: 0;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span:before, .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn span:after {
    display: block;
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #748393;
    content: "";
    transition: all 0.2s ease;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn.is-myp-toggle-open span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 8px;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn.is-myp-toggle-open span:before {
    top: 10px;
    left: -11px;
    width: 14px;
    height: 3px;
    transform: rotate(45deg);
    transform-origin: bottom right;
    border-radius: 0;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .action-btn.is-myp-toggle-open span:after {
    top: 10px;
    left: 3px;
    width: 14px;
    height: 3px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    border-radius: 0;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list {
    z-index: 3;
    position: absolute;
    top: 25px;
    right: -75px;
    width: 210px;
    padding: 15px;
    background-color: #fff;
    box-shadow: -2px 4px 8px 2px rgba(0, 0, 0, 0.12);
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-release-btn, .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-btn {
    display: none;
  }
  .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-release-btn button, .mypage_sec .mypage_main .head_area .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-btn button {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
  }
  .mypage_sec .mypage_main .head_area.is-blck .usr_info .usr_info-m-edit .blck-btn,
.mypage_sec .mypage_main .head_area.is-blck .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-release-btn {
    display: block;
  }
  .mypage_sec .mypage_main .head_area.is-release-blck .usr_info .usr_info-m-edit .flw-btn {
    display: flex;
  }
  .mypage_sec .mypage_main .head_area.is-release-blck .usr_info .usr_info-action .toggle_list .toggle_list_inner .toggle_itm.blck-btn {
    display: block;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_itm {
    flex: none;
    width: auto;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_itm .tabnav_link {
    padding-right: 23px;
    padding-left: 23px;
  }
  .mypage_sec .mypage_main .tabnav_area .tabnav_list .tabnav_btn {
    display: none;
  }
  .mypage_sec .mypage_main .body_area_usrpage-crdlist {
    padding: 0;
    background-color: transparent;
  }
  .mypage_sec .mypage_main .body_area .b_nomsg {
    padding: 50px 0 100px;
    color: #53768c;
    font-family: NotoSansCJKjp-Medium;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 1.89px;
    line-height: 34px;
    text-align: center;
  }

  #wrapper.usrpage .btn {
    width: 1000px;
    margin: 46px auto 22px auto;
  }
  #wrapper.usrpage .btn .more_read {
    display: block;
    width: 100%;
    height: 46px;
    background-color: #fff;
    color: #2470ff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 13px;
  }

  html {
    padding-bottom: 0;
  }

  main {
    flex: 100%;
  }

  #contents {
    height: auto;
    min-height: 0;
    margin-bottom: 0;
  }

  footer {
    position: static;
  }
}