@charset "utf-8";
/* CSS Document */

/* after_login
   ========================================================================== */
.after_login .lg\:gap-2 {
    gap: 10px;
}

/* form_top_text
   ========================================================================== */
.form_top_text {
    text-align: left;
}

/* border_title
   ========================================================================== */
.border_title {
    padding-left: 0;
    padding-right: 0;
}

/* possible_login
   ========================================================================== */
.possible_login {
    font-size: 0;
    text-align: center;
}

.possible_login h4 {
    margin: 0 0 6vw;
    font-size: 3.5vw;
    line-height: 170%;
    font-weight: 400;
    text-align: center;
}

.my_branches_page .possible_login h4 {
    margin: 12vw 0;
}

/* possible_login_list
   ========================================================================== */
.possible_login_list {
    margin: 0 auto;
    font-size: 0;
    text-align: left;
    display: block;
}

.possible_login_list > li {
    margin: 2vw 2% 0 0;
    width: 49%;
    font-size: 3.3vw;
    font-weight: 500;
    background: #f6f6f6;
    display: inline-flex;
}

.possible_login_list > li:nth-child(2n + 2) {
    margin-right: 0;
}

.possible_login_list > li a {
    height: 12vw;
    font-size: 3.3vw;
    width: 100%;
    font-weight: 500;
    background: #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* radius_10
   ========================================================================== */
.radius_10 {
    border-radius: 10px;
}

/* auth_page
   ========================================================================== */
.auth_page label {
    font-size: 13px;
    margin: 0 0 10px;
    font-weight: 700;
}

/* login_page
   ========================================================================== */
.login_page .possible_login_list_block {
    margin-top: 3vw;
}

/* schedule_box_list
   ========================================================================== */
.schedule_box_list {
    position: relative;
}

.schedule_box_list > li {
    position: relative;
}

.schedule_box_list > li + li {
    margin-top: 4vw;
}

.schedule_box_list .schedule_box {
    padding: 4vw 8vw 4vw 4vw;
    display: block;
    position: relative;
    border: 1px solid #ddd;
}

.schedule_box_list .schedule_box::before {
    content: "";
    background-image: url("../images/icon_arrow_right.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 2vw;
    height: 5vw;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 3vw;
}

.schedule_box_list span {
    display: block;
    line-height: 150%;
    letter-spacing: 0.1em;
}

.schedule_box_list .schedule_top_block {
    display: flex;
}

.schedule_box_list .schedule_venue,
.schedule_box_list .schedule_case {
    padding: 1vw 3vw;
    font-size: 3.4vw;
    display: inline-block;
}

.schedule_box_list .schedule_venue {
    background: #eee;
    font-weight: 700;
}

.schedule_box_list .schedule_case {
    margin: 0 0 0 3vw;
    color: #fff;
    background: #bc1b21;
}

.schedule_box_list .schedule_date {
    margin: 2vw 0 0;
    font-size: 3.3vw;
}

.schedule_box_list .schedule_ttl,
.schedule_box_list .schedule_time,
.schedule_box_list .schedule_place {
    margin: 1vw 0 0;
    font-size: 3.5vw;
}

.schedule_box_list .schedule_ttl {
    font-weight: 700;
}

/* member_list
   ========================================================================== */
.member_list {
    margin-top: 4vw;
}

.member_list > li {
    margin-top: 4vw;
    position: relative;
}

.member_list .box {
    padding: 0;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}

.member_list .box span {
    display: block;
    line-height: 150%;
    letter-spacing: 0.1em;
}

.member_list .box .left {
    width: 35vw;
    line-height: 0;
}

.member_list .box .left img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 9 / 9;
}

.member_list .box .right {
    padding: 0vw 1vw 0vw 4vw;
    width: calc(100% - 35vw);
    box-sizing: border-box;
}

.member_list .right .member_info span {
    font-size: 3.6vw;
    font-weight: bold;
    letter-spacing: 0;
}

.member_list .right .member_info .organization {
    font-size: 3.2vw;
}

.member_list .right .member_info .organization {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 130%;
}

.member_list .right .member_info .name {
    margin-top: 1vw;
}

.member_list .right .member_info span .kana {
    font-size: 2.5vw;
    display: inline-block;
}

.member_list .right .member_info .branch {
    margin: 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
}

.member_list .right .member_info .branch > span {
    padding: 1vw 2vw;
    font-size: 3.2vw;
    background: #eee;
    display: inline-block;
}

.member_list .right .member_info .status {
    font-size: 3.2vw;
}

.member_list .right .member_info .introducer {
    margin: 0 0 0;
    position: absolute;
    bottom: 1vw;
    right: 1.5vw;
    font-size: 3vw;
    font-weight: 400;
}

/* management_index_list
   ========================================================================== */
.management_index_list {
    margin-top: 5vw;
}

.management_index_list.member_accounts {
    margin-top: 4vw;
}

.management_index_list > li {
    margin: 2vw 0 0;
    padding: 4vw;
    border: 1px solid #ddd;
    position: relative;
}

.management_index_list.member_accounts > li {
    margin: -1px 0 0;
}

.management_index_list .management_data_box {
    padding: 0;
}

.management_index_list .management_data_box .medium {
    font-weight: 500;
}

.management_index_list .management_data_box .bold {
    font-weight: 700;
}

.management_index_list .management_data_box * {
    font-size: 3.5vw;
    line-height: 150%;
}

.management_index_list .management_data_box .f13 {
    font-size: 3.3vw;
}

.management_index_list .management_data_box .f14 {
    font-size: 3.4vw;
}

.management_index_list .management_data_box .f17 {
    font-size: 3.7vw;
}

.management_index_list .branch {
    margin: 0 0 2vw;
}

.management_index_list .branch > span {
    padding: 1vw 2vw;
    font-size: 3.2vw;
    line-height: 150%;
    font-weight: 700;
    background: #eee;
    display: inline-block;
}

.management_index_list .name {
    margin: 0 0 1vw;
}

.management_index_list .event_title {
    margin: 1vw 0;
}

.management_index_list .name a {
    font-size: inherit;
    font-weight: inherit;
}

.management_index_list .btn_box {
    margin: 0 0 0 -4vw;
    padding: 1vw 0 0;
    font-size: 0;
    text-align: right;
}

.management_index_list .btn_box > * {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.management_index_list .btn_box > form,
.management_index_list .btn_box > div {
    margin: 2vw 0 0 2vw;
}

/* member_info_box
   ========================================================================== */
.member_info_box {
    margin: 5vw 0;
}

.member_info_box .top_box {
    margin: 0;
}

.member_info_box .top_box .left {
    text-align: center;
    line-height: 0;
}

.member_info_box .top_box .left span {
    display: inline-block;
    width: 80%;
    overflow: hidden;
}

.member_info_box .top_box .left span img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.member_info_box .top_box .right {
    padding: 6vw 0 0;
}

.member_info_box .top_box .right p {
    font-weight: bold;
    line-height: 170%;
}

.member_info_box .top_box .right p:first-child {
    font-size: 4.3vw;
}

.member_info_box .top_box .right p span {
    display: block;
}

.member_info_box .top_box .right h1 {
    margin: 3vw 0;
    font-size: 6vw;
    font-weight: 700;
}

.member_info_box .top_box .right h1 span {
    font-size: 0.6em;
}

.member_info_box .top_box .right .introducer {
    margin: 0 0 20px;
}

.member_info_box .bottom_box {
    margin: 8vw 0 0;
}

/* design_table
   ========================================================================== */
.design_table {
    width: 100%;
    line-height: 150%;
    box-sizing: border-box;
}

.design_table pre,
.design_table a {
    font-size: inherit;
    line-height: 150%;
}

.design_table th,
.design_table td {
    width: 100%;
    font-size: 3.5vw;
    line-height: 170%;
    letter-spacing: 0.1em;
    display: block;
    font-weight: normal;
    border-bottom: none;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
}

.design_table tr:nth-child(2n + 2) {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.design_table tr:first-child {
    border-top: 1px solid #ddd;
}

.design_table tr:last-child {
    border-bottom: 1px solid #ddd;
}

.design_table th {
    padding: 10px;
    font-weight: bold;
}

.design_table td {
    padding: 0 10px;
}

.design_table td .border {
    padding: 10px 0;
    border: none;
    border-top: 1px solid #ccc;
}

/* attendances_events_page
   ========================================================================== */
.attendances_rule_block {
    padding: 0 0 5vw;
    border-bottom: 1px solid #ddd;
}

.attendances_rule_block .txt_box {
    margin: 0 0 4vw;
    padding: 0 0 4vw;
    border-bottom: 1px dashed #ddd;
}

.attendances_rule_block .confirmation_check input {
    margin-right: 6px;
}

/* border_box_attendances_events_page_events_show_page
   ========================================================================== */
.guests_events_show_page .border_wrap,
.events_show_page .border_wrap,
.attendances_events_page .border_wrap {
    padding: 3vw 5vw 8vw;
}

.events_show_page .events_master_block > * {
    margin: 0 -2vw 0 0;
}

.events_show_page .events_master_block > * + * {
    margin-top: 2vw;
}

.guests_events_show_page .grid div {
    word-break: break-all;
}

/* guest_color
   ========================================================================== */
.guest_color {
    background: #1abc9c;
}

/* events_show_page
   ========================================================================== */
.events_show_page .event_situation_block {
    margin: 8vw auto 0;
}

.events_show_page .event_situation_block > div + div {
    margin-top: 2vw;
}

.events_show_page .event_situation_block > div {
    padding: 3vw 2vw;
    font-size: 3.5vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
    background: #bc1b21;
    border: 2px solid #bc1b21;
}

/* 欠席 */
.events_show_page .event_situation_block > .attendance-bg-status0 {
    border-color: #2980b9;
    background: #2980b9;
}

/* キャンセル待ち */
.events_show_page .event_situation_block > .attendance-bg-status2 {
    border-color: #b33771;
    background: #b33771;
}

.events_show_page .event_situation_block > .is_waiting_list {
    border-color: #b33771;
    color: #b33771;
    background: #fff;
}

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

.events_show_page .margin_center {
    margin-left: auto;
    margin-right: auto;
}

.events_show_page .margin_right {
    margin-left: auto;
    margin-right: 0;
}

/* ソート機能追加 */
.events_show_page .sort_selecter {
    margin: 2vw 0 0;
}

/* participant_list_block イベントの参加者一覧ブロック
   ========================================================================== */
.participant_list_block .border div {
    font-size: 3.5vw;
    line-height: 170%;
}

.participant_list_block .border .place {
    font-weight: 400;
    font-size: 3.2vw;
}

.participant_list_block .border .company_name {
    margin-top: 1vw;
    font-weight: 500;
}

.participant_list_block .border .guest_referrer_name {
    font-size: 3.4vw;
}

.participant_list_block .border .occupation {
    margin-top: 1vw;
    font-size: 3.1vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.participant_list_block .border .anime_btn {
    line-height: 0;
}

/* pagination vendor\pagination\tailwind.blade.php
   ========================================================================== */
.pagination {
    margin: 12vw auto 0;
    text-align: center;
    font-size: 0;
}

.sp_pagination a,
.sp_pagination span {
    text-decoration: none;
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    padding: 6px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.6vw;
    width: 35vw;
    height: 12vw;
    box-sizing: border-box;
    letter-spacing: 0;
    transition: all ease-out 0.3s;
}

.sp_pagination span {
    background: #fff;
    color: #ddd;
    border-color: #ddd;
}

/* cautionary_note
   ========================================================================== */
.cautionary_note p {
    padding: 3vw;
    font-size: 3.5vw;
    line-height: 150%;
    letter-spacing: 0.1em;
    color: #e94235;
    background: #fff8f8;
    border: 1px solid #e94235;
}

/* event_branch_selecter
   ========================================================================== */
.event_branch_selecter {
    text-align: right;
}

.event_branch_selecter select {
    border-color: #ccc;
}

/* select_box
   ========================================================================== */
select.select_box {
    border-color: #ccc;
    border-radius: 6px;
    max-width: 100%;
    box-sizing: border-box;
}

select.select_box + .siz_s {
    margin: 2vw 0 0;
    font-size: 3.2vw;
}

/* list_info
   ========================================================================== */
.list_info .profile_btn {
    margin: 2vw 0;
}

/* popup_profile_wrap
   ========================================================================== */
.popup_profile_wrap {
    padding-top: 10vw;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.66);
}

.popup_profile_box {
    max-width: 90%;
    max-height: 90vh;
    position: relative;
}

.popup_profile_box .popup_profile_close_btn {
    position: absolute;
    width: 8vw;
    top: -9vw;
    left: calc(100% + -3vw);
    line-height: 0;
}

.popup_profile_box .popup_profile_bg_box {
    padding-bottom: 3vw;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.popup_profile_box .place_title {
    padding: 5px 10px;
    font-size: 4.5vw;
    height: 15vw;
    letter-spacing: 0.1em;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #bc1b21;
    color: #fff;
    text-align: center;
}

.popup_profile_box .member_info_box {
    margin: 2vw 1vw 0;
    padding: 3vw 4vw 5vw;
    height: calc((100vh - 15vw) - 30vh);
    box-sizing: border-box;
    overflow-y: scroll;
}

.popup_profile_box .member_info_box::-webkit-scrollbar {
    width: 5px;
    background: #eee;
    border-radius: 50px;
}

.popup_profile_box .member_info_box::-webkit-scrollbar-thumb {
    background: #bc1b21;
    border-radius: 50px;
}

@media screen and (min-width: 500px) {
    /* form_top_text
       ========================================================================== */
    .form_top_text {
        text-align: center;
    }

    /* border_title
       ========================================================================== */
    .border_title {
        padding-left: 2.3vw;
        padding-right: 2.3vw;
    }

    /* possible_login
       ========================================================================== */
    .possible_login h4 {
        margin: 0 0 2.8vw;
        font-size: 1.5vw;
    }

    .my_branches_page .possible_login h4 {
        margin: 5vw 0 4.5vw;
    }

    /* possible_login_list
       ========================================================================== */
    .possible_login_list {
        margin: -2vw auto 0;
    }

    .possible_login_list > li {
        margin: 2vw 1% 0 0;
        width: 24.25%;
    }

    .possible_login_list > li:nth-child(2n + 2) {
        margin-right: 1%;
    }

    .possible_login_list > li:nth-child(4n + 4) {
        margin-right: 0;
    }

    .possible_login_list > li a {
        height: 5vw;
        font-size: 1.5vw;
        transition: 0.3s;
    }

    .possible_login_list > li a:hover {
        background: #bc1b21;
        color: #fff;
    }

    /* auth_page
       ========================================================================== */
    .auth_page label {
        font-size: 14px;
        margin: 0 0 10px;
    }

    /* login_page
       ========================================================================== */
    .login_page .possible_login_list_block {
        margin-top: 2.5vw;
    }

    /* schedule_box_list
       ========================================================================== */
    .schedule_box_list {
        position: relative;
    }

    .schedule_box_list > li + li {
        margin-top: 2vw;
    }

    .schedule_box_list .schedule_box {
        padding: 2vw 7vw 2vw 2.5vw;
        transition: 0.3s;
    }

    .schedule_box_list .schedule_box::before {
        width: 1vw;
        right: 3.5vw;
        transition: 0.3s;
    }

    .schedule_box_list a:hover {
        border-color: #bc1b21;
    }

    .schedule_box_list a:hover::before {
        transform: translateX(5px);
    }

    .schedule_box_list .schedule_venue,
    .schedule_box_list .schedule_case {
        padding: 0.5vw 1.5vw;
        font-size: 1.4vw;
    }

    .schedule_box_list .schedule_case {
        margin: 0 0 0 1vw;
    }

    .schedule_box_list .schedule_date {
        margin: 1.5vw 0 0;
        font-size: 1.3vw;
    }

    .schedule_box_list .schedule_ttl,
    .schedule_box_list .schedule_time,
    .schedule_box_list .schedule_place {
        margin: 0.5vw 0 0;
        font-size: 1.5vw;
    }

    /* member_list
       ========================================================================== */
    .member_list {
        margin-top: 1.6vw;
        font-size: 0;
    }

    .member_list > li {
        margin: 2vw 2% 0 0;
        width: 49%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .member_list > li:nth-child(2n + 2) {
        margin-right: 0;
    }

    .member_list .box {
        padding: 0;
        transition: 0.3s;
    }

    .member_list a:hover {
        border-color: #f39c12;
    }

    .member_list .box .left {
        width: 16vw;
    }

    .member_list .box .right {
        padding: 0vw 1vw 0vw 2vw;
        width: calc(100% - 16vw);
    }

    .member_list .right .member_info span,
    .member_list .right .member_info span.organization {
        font-size: 1.7vw;
        letter-spacing: 0.1em;
    }

    .member_list .right .member_info span.name {
        margin-top: 0.3vw;
    }

    .member_list .right .member_info span .kana {
        font-size: 1.3vw;
    }

    .member_list .right .member_info .branch {
        margin: 0 0 0.5vw;
    }

    .member_list .right .member_info .branch > span {
        padding: 0.5vw 1.5vw;
        font-size: 1.4vw;
    }

    .member_list .right .member_info .status {
        font-size: 1.4vw;
    }

    .member_list .right .member_info .introducer {
        bottom: 0.7vw;
        right: 1.2vw;
        font-size: 1.3vw;
    }

    /* management_index_list
       ========================================================================== */
    .management_index_list {
        margin-top: 2.5vw;
    }

    .management_index_list.member_accounts {
        margin-top: 4vw;
    }

    .management_index_list > li {
        margin-top: 2vw;
        padding: 2vw 2.5vw;
        display: flex;
        align-items: center;
    }

    .management_index_list .management_data_box * {
        font-size: 1.5vw;
    }

    .management_index_list .management_data_box .f13 {
        font-size: 1.3vw;
    }

    .management_index_list .management_data_box .f14 {
        font-size: 1.4vw;
    }

    .management_index_list .management_data_box .f17 {
        font-size: 1.7vw;
    }

    .management_index_list .branch {
        margin: 0 0 1vw;
    }

    .management_index_list .branch > span {
        padding: 0.4vw 1.5vw;
        font-size: 1.4vw;
    }

    .management_index_list .name {
        margin: 0 0 1vw;
    }

    .management_index_list .event_title {
        margin: 0.9vw 0;
    }

    .management_index_list .btn_box {
        margin: 0 0 0 auto;
        padding: 0 0 0;
        box-sizing: border-box;
    }

    .management_index_list .btn_box > form,
    .management_index_list .btn_box > div {
        margin: 0 0 0 0.5vw;
    }

    /* ボタン２個 */
    .management_index_list .management_data_box {
        width: 80%;
    }

    .management_index_list .btn_box {
        width: calc(100% - 80%);
    }

    /* management_events_list */
    .management_index_list.management_events_list .management_data_box {
        width: 50%;
    }

    .management_index_list.management_events_list .btn_box {
        width: calc(100% - 50%);
    }

    /* member_accounts */
    .management_index_list.member_accounts .management_data_box {
        width: 69%;
    }

    .management_index_list.member_accounts .btn_box {
        width: calc(100% - 69%);
    }

    /* member_info_box
	   ========================================================================== */
    .member_info_box {
        margin: 0;
    }

    .member_info_box .top_box {
        display: flex;
    }

    .member_info_box .top_box .left {
        width: 37%;
    }

    .member_info_box .top_box .left .photo {
        width: 100%;
    }

    .member_info_box .top_box .right {
        padding: 4.5vw 0 0 5.5vw;
        width: 63%;
    }

    .member_info_box .top_box .right p:first-child {
        font-size: 1.7vw;
    }

    .member_info_box .top_box .right h1 {
        margin: 1.5vw 0;
        font-size: 2.5vw;
    }

    .member_info_box .top_box .right h1 span {
        font-size: 1.5vw;
    }

    .member_info_box .bottom_box {
        margin: 4vw 0 0;
    }

    /* design_table
	   ========================================================================== */
    .design_table {
        width: 100%;
        box-sizing: border-box;
    }

    .design_table th,
    .design_table td {
        width: auto;
        font-size: 1.5vw;
        line-height: 3vw;
        display: table-cell;
        vertical-align: middle;
        box-sizing: border-box;
    }

    .design_table th {
        padding: 0 1.5vw;
        width: 18%;
    }

    .design_table .col th {
        padding: 1.5vw 1.5vw;
    }

    .design_table .title_top th {
        padding-top: 1.5vw;
        vertical-align: top;
    }

    .design_table td {
        padding: 1.5vw 0;
    }

    .member .design_table th {
        white-space: nowrap;
    }

    .member .design_table td {
        width: 75%;
    }

    .design_table td .border {
        padding: 0 3vw;
        border-top: none;
        border-left: 1px solid #ccc;
        min-height: 3vw;
        display: flex;
        align-items: center;
    }

    /* attendances_events_page
       ========================================================================== */
    .attendances_rule_block {
        padding: 2.6vw 3.5vw 2.8vw;
    }

    .attendances_rule_block .txt_box {
        margin: 0 0 2.3vw;
        padding: 0 0 2vw;
    }

    .attendances_rule_block .confirmation_check input {
        margin-right: 1vw;
    }

    /* border_box_attendances_events_page_events_show_page
       ========================================================================== */
    .guests_events_show_page .border_wrap,
    .events_show_page .border_wrap,
    .attendances_events_page .border_wrap {
        padding: 2.5vw 3.5vw 5.3vw;
    }

    .events_show_page .events_master_block > * {
        margin: -0.8vw -1.5vw 0 0;
    }

    .events_show_page .events_master_block > * + * {
        margin-top: 1vw;
    }

    /* events_show_page
       ========================================================================== */
    .events_show_page .event_situation_block {
        margin: 4vw auto 0;
    }

    .events_show_page .event_situation_block > div + div {
        margin-top: 1vw;
    }

    .events_show_page .event_situation_block > div {
        padding: 1.3vw 1vw;
        font-size: 2vw;
    }

    /* ソート機能追加 */
    .events_show_page .sort_selecter {
        margin: 0 0 0;
    }

    /* participant_list_block イベントの参加者一覧ブロック
       ========================================================================== */
    .participant_list_block .border div {
        font-size: 1.5vw;
    }
    
    .participant_list_block .border .place {
    font-size: 1.4vw;
    }

    .participant_list_block .border .company_name {
        margin-top: .6vw;
        font-size: 1.5vw;
    }

    .participant_list_block .border .guest_referrer_name {
        font-size: 1.4vw;
    }

    .participant_list_block .border .occupation {
        margin-top: .4vw;
        font-size: 1.3vw;
        -webkit-line-clamp: 1;
    }

    /* pagination vendor\pagination\tailwind.blade.php
       ========================================================================== */
    .pagination {
        margin: 7vw auto 0;
        text-align: center;
    }

    .pc_pagination .btn_container a,
    .pc_pagination .btn_container span span {
        margin: 0 0.5vw;
        width: 4vw;
        height: 4vw;
        font-size: 1.5vw;
        background: #ddd;
        color: #fff;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .pc_pagination .btn_container a:hover,
    .pc_pagination .btn_container span.active span {
        background: #bc1b21;
    }

    /* cautionary_note
       ========================================================================== */
    .cautionary_note p {
        padding: 1.4vw 2vw;
        font-size: 1.5vw;
        line-height: 3vw;
    }

    /* select_box
       ========================================================================== */
    select.select_box + .siz_s {
        margin: 1vw 0 0;
        font-size: 1.2vw;
    }

    /* list_info
       ========================================================================== */
    .list_info.profile_btn_in {
        align-items: center;
    }

    .list_info .profile_btn {
        margin: 0;
        line-height: 0 !important;
    }

    /* popup_profile_wrap
       ========================================================================== */
    .popup_profile_wrap {
        padding-top: 0;
    }

    .popup_profile_box {
        max-width: 95vw;
        max-height: 90vh;
    }

    .popup_profile_box .popup_profile_close_btn {
        width: 2.9vw;
        top: -5.5vw;
        left: calc(100% + -2.5vw);
    }

    .popup_profile_box .popup_profile_bg_box {
        padding-bottom: 3.4vw;
    }

    .popup_profile_box .place_title {
        font-size: 2.5vw;
        height: 8vw;
    }

    .popup_profile_box .member_info_box {
        margin: 1.7vw 1vw 0;
        padding: 2.8vw 1vw 2.3vw;
        height: calc((100vh - 8vw) - 44vh);
    }

    .popup_profile_box .member_info_box > div {
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
    }

    .popup_profile_box .member_info_box::-webkit-scrollbar {
        width: 5px;
    }
}
@media screen and (min-width: 1040px) {
    /* form_top_text
       ========================================================================== */
    .form_top_text {
        text-align: center;
    }

    /* border_title
       ========================================================================== */
    .border_title {
        padding-left: 23px;
        padding-right: 23px;
    }

    /* possible_login
       ========================================================================== */
    .possible_login h4 {
        margin: 0 0 28px;
        font-size: 15px;
    }

    .my_branches_page .possible_login h4 {
        margin: 50px 0 45px;
    }

    /* possible_login_list
       ========================================================================== */
    .possible_login_list {
        margin: -20px auto 0;
        max-width: 900px;
    }

    .possible_login_list > li {
        margin: 20px 20px 0 0;
        width: 210px;
    }

    .possible_login_list > li:nth-child(2n + 2) {
        margin-right: 20px;
    }

    .possible_login_list > li:nth-child(4n + 4) {
        margin-right: 0;
    }

    .possible_login_list > li a {
        height: 50px;
        font-size: 15px;
    }

    /* auth_page
       ========================================================================== */
    .auth_page label {
        font-size: 17px;
        margin: 0 0 15px;
    }

    /* login_page
       ========================================================================== */
    .login_page .possible_login_list_block {
        margin-top: 25px;
    }

    /* schedule_box_list
       ========================================================================== */
    .schedule_box_list {
        position: relative;
    }

    .schedule_box_list > li + li {
        margin-top: 20px;
    }

    .schedule_box_list .schedule_box {
        padding: 20px 70px 20px 25px;
    }

    .schedule_box_list .schedule_box::before {
        width: 10px;
        right: 35px;
    }

    .schedule_box_list .schedule_venue,
    .schedule_box_list .schedule_case {
        padding: 5px 15px;
        font-size: 14px;
    }

    .schedule_box_list .schedule_case {
        margin: 0 0 0 10px;
    }

    .schedule_box_list .schedule_date {
        margin: 15px 0 0;
        font-size: 13px;
    }

    .schedule_box_list .schedule_ttl,
    .schedule_box_list .schedule_time,
    .schedule_box_list .schedule_place {
        margin: 5px 0 0;
        font-size: 15px;
    }

    /* member_list
       ========================================================================== */
    .member_list {
        margin-top: 16px;
    }

    .member_list > li {
        margin-top: 20px;
    }

    .member_list .box .left {
        width: 149px;
    }

    .member_list .box .right {
        padding: 0px 5px 0px 25px;
        width: calc(100% - 149px);
    }

    .member_list .right .member_info span {
        font-size: 17px;
    }

    .member_list .right .member_info span.organization {
        font-size: 14px;
    }

    .member_list .right .member_info span.name {
        margin-top: 3px;
    }

    .member_list .right .member_info span .kana {
        font-size: 13px;
    }

    .member_list .right .member_info .branch {
        margin: 0 0 5px;
    }

    .member_list .right .member_info .branch > span {
        padding: 5px 15px;
        font-size: 14px;
    }

    .member_list .right .member_info .status {
        font-size: 14px;
        padding-top: 3px;
    }

    .member_list .right .member_info .introducer {
        bottom: 7px;
        right: 12px;
        font-size: 13px;
    }

    /* management_index_list
       ========================================================================== */
    .management_index_list {
        margin-top: 25px;
    }

    .management_index_list.member_accounts {
        margin-top: 40px;
    }

    .management_index_list > li {
        margin-top: 20px;
        padding: 20px 25px;
        display: flex;
        align-items: center;
    }

    .management_index_list .management_data_box * {
        font-size: 15px;
    }

    .management_index_list .management_data_box .f13 {
        font-size: 13px;
    }

    .management_index_list .management_data_box .f14 {
        font-size: 14px;
    }

    .management_index_list .management_data_box .f17 {
        font-size: 17px;
    }

    .management_index_list .branch {
        margin: 0 0 10px;
    }

    .management_index_list .branch > span {
        padding: 4px 15px;
        font-size: 14px;
    }

    .management_index_list .name {
        margin: 0 0 10px;
    }

    .management_index_list .event_title {
        margin: 9px 0;
    }

    .management_index_list .btn_box {
        margin: 0 0 0 auto;
        padding: 0 0 0;
        box-sizing: border-box;
    }

    .management_index_list .btn_box > form,
    .management_index_list .btn_box > div {
        margin: 0 0 0 5px;
    }

    /* member_info_box
	   ========================================================================== */
    .member_info_box {
        margin: 0;
    }

    .member_info_box .top_box .left {
        width: 37%;
    }

    .member_info_box .top_box .left .photo {
        width: 100%;
    }

    .member_info_box .top_box .right {
        padding: 45px 0 0 55px;
        width: 63%;
    }

    .member_info_box .top_box .right p:first-child {
        font-size: 17px;
    }

    .member_info_box .top_box .right h1 {
        margin: 15px 0;
        font-size: 25px;
    }

    .member_info_box .top_box .right h1 span {
        font-size: 15px;
    }

    .member_info_box .bottom_box {
        margin: 40px 0 0;
    }

    /* design_table
	   ========================================================================== */
    .design_table th,
    .design_table td {
        font-size: 15px;
        line-height: 30px;
    }

    .design_table th {
        padding: 0 18px;
        width: 180px;
    }

    .design_table td {
        padding: 18px 0;
        font-size: 15px;
        letter-spacing: 0.1em;
    }

    .design_table td .border {
        padding: 0 30px;
        min-height: 30px;
    }

    .design_table td a:hover {
        text-decoration: underline;
    }

    /* attendances_events_page
       ========================================================================== */
    .attendances_rule_block {
        padding: 26px 35px 28px;
    }

    .attendances_rule_block .txt_box {
        margin: 0 0 23px;
        padding: 0 0 20px;
    }

    .attendances_rule_block .confirmation_check input {
        margin-right: 10px;
    }

    /* border_box_attendances_events_page_events_show_page
       ========================================================================== */
    .guests_events_show_page .border_wrap,
    .events_show_page .border_wrap,
    .attendances_events_page .border_wrap {
        padding: 25px 35px 53px;
    }

    .events_show_page .events_master_block > * {
        margin: -8px -15px 0 0;
    }

    .events_show_page .events_master_block > * + * {
        margin-top: 10px;
    }

    /* events_show_page
       ========================================================================== */
    .events_show_page .event_situation_block {
        margin: 40px auto 0;
    }

    .events_show_page .event_situation_block > div + div {
        margin-top: 10px;
    }

    .events_show_page .event_situation_block > div {
        padding: 13px 10px;
        font-size: 20px;
    }

    /* ソート機能追加 */
    .events_show_page .list_sort_block {
        display: flex;
        align-items: center;
    }

    .events_show_page .sort_selecter {
        margin: 0 0 0;
    }

    /* participant_list_block イベントの参加者一覧ブロック
       ========================================================================== */
    .participant_list_block .border div {
        font-size: 15px;
    }

    .participant_list_block .border .place {
        font-size: 14px;
        line-height: 190%;
    }


    .participant_list_block .border .company_name {
        margin-top: 6px;
        font-size: 15px;
    }

    .participant_list_block .border .guest_referrer_name {
        font-size: 14px;
    }

    .participant_list_block .border .occupation {
        margin-top: 4px;
        font-size: 13px;
    }

    /* pagination vendor\pagination\tailwind.blade.php
       ========================================================================== */
    .pagination {
        margin: 70px auto 0;
        text-align: center;
    }

    .pc_pagination .btn_container a,
    .pc_pagination .btn_container span span {
        margin: 0 5px;
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    /* cautionary_note
       ========================================================================== */
    .cautionary_note p {
        padding: 14px 20px;
        font-size: 15px;
        line-height: 30px;
    }

    /* select_box
       ========================================================================== */
    select.select_box + .siz_s {
        margin: 10px 0 0;
        font-size: 12px;
    }

    /* list_info
       ========================================================================== */
    .list_info .profile_btn {
        margin: 0;
    }

    /* popup_profile_wrap
       ========================================================================== */
    .popup_profile_box {
        max-width: 1000px;
        max-height: 90vh;
    }

    .popup_profile_box .popup_profile_close_btn {
        width: 29px;
        top: -15px;
        left: calc(100% + 15px);
    }

    .popup_profile_box .popup_profile_bg_box {
        padding-bottom: 34px;
    }

    .popup_profile_box .place_title {
        font-size: 25px;
        height: 80px;
    }

    .popup_profile_box .member_info_box {
        margin: 17px 15px 0;
        padding: 28px 25px 23px;
        height: calc((100vh - 80px) - 18vh);
    }

    .popup_profile_box .member_info_box > div {
        margin-left: auto;
        margin-right: auto;
        width: 900px;
    }

    .popup_profile_box .member_info_box::-webkit-scrollbar {
        width: 10px;
    }
}