@charset "utf-8";
/* Common */

* {
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    color: #333;
    -webkit-overflow-scrolling: touch;
}

.hidden_form {
    display: none!important;
}

.noDataIsShow {
    display: none;
}

.onClickApi {
    cursor: pointer;
}

#changePasswordButton {
    border-bottom: 1px solid #ff0000;
    color: #ff0000;
}

#passwordChange {
    padding: 20px 10px;
    border: 1px solid rgb(255, 200, 200);
    background-color: rgb(241, 236, 236);
}

/* Loading */

/* #loading {
    display: block;
} */

.loading_screen {
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6)
}

.loading_wrap {
    position: fixed;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-45%, -50%);
    -ms-transform: translate(-45%, -50%);
    -moz-transform: translate(-45%, -50%);
      -o-transform: translate(-45%, -50%);
         transform: translate(-45%, -50%);
    z-index: 100000;
}

.sk-fading-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #CCC;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    -moz-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
      -o-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
         animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
      -o-transform: rotate(30deg);
         transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
      -o-transform: rotate(60deg);
         transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
         transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
      -o-transform: rotate(120deg);
         transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
      -o-transform: rotate(150deg);
         transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
         transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -moz-transform: rotate(210deg);
      -o-transform: rotate(210deg);
         transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    -moz-transform: rotate(240deg);
      -o-transform: rotate(240deg);
         transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
         transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
      -o-transform: rotate(300deg);
         transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
      -o-transform: rotate(330deg);
         transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
      -o-animation-delay: -1.1s;
         animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
      -o-animation-delay: -1s;
         animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
      -o-animation-delay: -0.9s;
         animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
      -o-animation-delay: -0.8s;
         animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    -moz-animation-delay: -0.7s;
      -o-animation-delay: -0.7s;
         animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    -moz-animation-delay: -0.6s;
      -o-animation-delay: -0.6s;
         animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    -moz-animation-delay: -0.5s;
      -o-animation-delay: -0.5s;
         animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
      -o-animation-delay: -0.4s;
         animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    -moz-animation-delay: -0.3s;
      -o-animation-delay: -0.3s;
         animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    -moz-animation-delay: -0.2s;
      -o-animation-delay: -0.2s;
         animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    -moz-animation-delay: -0.1s;
      -o-animation-delay: -0.1s;
         animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@-moz-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@-o-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

/* Main */

main {
    margin: 20px;
}

.bottom_menu+main {
    margin-bottom: 80px;
    margin-top: 70px;
}

/* Form */

.input_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 50px;
    position: relative;
}

.input_group2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    position: relative;
}

.input_group_task_status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
    margin-bottom: 20px;
    position: relative;
}

.input_group.margin_small {
    margin-bottom: 25px;
}

.input_group.position_row {
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.button_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0;
}

.add_shop_list {
    width: 100%;
    background-color: #FFAE40;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
}

.add_shop_list i {
    color: #FFF;
    font-size: 11px;
}

.add_shop_list span {
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto;
}

.shop_list_select_wrap {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.shop_list_select_wrap select{
    width: 84%;
}

.shop_list_select_wrap a {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    margin-left: auto;
    text-align: center;
    background-color: #CCC;
    color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.shop_list_select_wrap a i{
    color: #FFF;
}

/* input_groupのフォント関係 */
.input_group>label {
    font-size: 14px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #6D7393;
}

.input_group>label.required::after {
    content: "*";
    color: #FF2C2C;
    font-size: 12px;
    font-weight: 600;
}

.input_group.margin_small>label {
    margin-bottom: 10px;
    color: #333;
    font-weight: 300;
}

.input_group.position_row>label {
    margin: 0 10px 0 0;
    word-break: keep-all;
}

.input_group input[type="text"], .input_group input[type="email"], .input_group input[type="password"], textarea, select {
    background-color: #FFF;
    border: 2px solid #CCCCCC;
    font-size: 16px;
    line-height: 2;
    padding: 0 5px;
    font-weight: 600;
}

/* input_group2のフォント関係 */
.input_group2>label {
    font-size: 14px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #6D7393;
}

.input_group2>label.required::after {
    content: "*";
    color: #FF2C2C;
    font-size: 12px;
    font-weight: 600;
}

textarea {
    resize: none;
}

select {
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
}

.input_group input[type="text"].error, .input_group input[type="email"].error, .input_group input[type="password"].error {
    background-color: #FFBBBB;
    border: 2px solid #FF9999;
    color: #FF0000;
    font-size: 16px;
    line-height: 2;
}

.gender_inputs_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.gender_inputs_fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
}

.gender_inputs_fields:last-child {
    margin-right: 0;
}

.gender_inputs_fields label {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
}

.date_inputs_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.date_inputs_wrap select {
    margin-right: 10px;
}

.date_inputs_wrap select:last-child {
    margin-right: 0;
}

.score_input_field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.score_input_field input[type="radio"]::after {
    content: "";
}

.score_input_field .min_score, .score_input_field .max_score {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    line-height: 1;
    color: #6D7393;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 3px;
}

.score_input_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.score_input_wrap label {
    color: #777;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
}

.input_group label.error {
    color: #FF0000;
    font-size: 12px;
}

.submit_button {
    margin: 0 auto;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 80%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 3.0;
    text-decoration: none;
}

.submit_button.color_grey {
    background-color: #6D7393;
}

.submit_button.color_green {
    background-color: #5FDBBA;
}

.submit_button.color_orange {
    background-color: #FFAE40;
}

.submit_button.color_blue {
    background-color: #5F8FDB;
}

.submit_button.button_with_icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    padding: 0 13px;
}

.submit_button.button_with_icon img {
    /* width: 20px; */
}

.submit_button.button_with_icon span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
}

.member_management_annotation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.member_management_annotation span {
    font-size: 14px;
    color: #777;
    margin-left: 8px;
    font-weight: 300;
}

.member_management_annotation img {
    width: 20px;
}

.all_member_list_wrap {
    margin: 10px auto;
}

.all_member_list_wrap .member_store_name {
    height: 36px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 16px;
    padding-right: 8px;
    border: 2px solid #CCCCCC;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background-color: #FFF;
    font-weight: 600;
}

.all_member_list_wrap .member_store_name span {
    color: #6D7393;
    font-size: 16px;
}

.all_member_list_wrap .member_store_name i {
    color: #6D7393;
    font-size: 20px;
    margin-left: auto;
}

.all_member_list_wrap[data-status="open"] .member_store_name i.icon_close {
    display: none;
}

.all_member_list_wrap[data-status="close"] .member_store_name i.icon_open {
    display: none;
}

.all_member_list_wrap .member_list_store_list_wrap {

}

.all_member_list_wrap .member_list_store_list_wrap .membe_role{
    color: #6D7393;
    font-size: 12px;
    font-weight: 300;    
    margin-top: 24px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table{
    margin-top: 10px;
    width: 100%;
    border: 2px solid #CCC;
    border-collapse: collapse;
    background-color: #FFF;
    width: 100%;    
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table td {
    border: 2px solid #CCC;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table td div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    padding: 7px 10px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_name{
    width: 37%;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_name span{
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_name img{
    width: 20px;
    margin-left: 10px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store{
    width: 50%;
    font-size: 12px;
    color: #555;
    font-weight: 300;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store .invite_now {
    font-weight: bold;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store a{
    height: 22px;
    background-color: #5F8FDB;
    color: #fff;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: left;
    -webkit-align-items: left;
       -moz-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    text-decoration: none;
    width: 80px;
    margin-left: auto;
    padding-left: 8px;
    padding-right: 8px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store a img {
    width: 10px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store a span {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    margin: 0 auto;
    line-height: 23px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_action_button{
    width: 13%;
    text-align: center;
}
.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_action_button img {
    width: 20px;
}

.member_list_store_list_wrap {
    margin-bottom: 50px;
}



/* Header */

header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    position: fixed;
    background-color: #FFF;
    width: 100%;
    top: 0;
    z-index: 900;
}

header .header_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
}

header .header_menu_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    margin-left: auto;
}

header .header_menu_button img {
    height: 30px;
}

/* Menu */

.menu_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: #6D7393;
    display: none;
    z-index: 9999;
}

.menu_header {
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.menu_close_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
}

.menu_close_button img {
    height: 30px;
}

.menu_list li {
    text-align: center;
    padding: 20px 0;
    border-top: 2px dashed #CCC;
}

.menu_list li:last-child {
    border-bottom: 2px dashed #CCC;
}

.menu_list a {
    font-weight: 600;
    font-size: 18px;
    color: #FFF;
    text-decoration: none;
}

.menu_three_button_wrap {
    margin: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu_three_button {
    margin: 0 5px;
    padding: 10px 0;
    width: 33.3333333%;
    text-align: center;
    border: 2px solid #FFF;
}

.menu_three_button:first-child {
    margin-left: 0px;
}

.menu_three_button:last-child {
    margin-right: 0px;
}

.menu_three_button i {
    color: #FFF;
}

.menu_three_button img {
    height: 25px;
}

.menu_three_button span {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #FFF;
}

.menu_button_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
}

.menu_button {
    display: inline-block;
    margin: 10px auto;
    border: 1px solid #FFF;
    background-color: #6D7393;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    width: 60%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    line-height: 3.0;
    text-decoration: none;
}

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

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

.menu_footer {
    position: absolute;
    bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.menu_footer .menu_footer_links {
    margin-bottom: 30px;
}

.menu_footer .menu_footer_links a{
    margin-right: 20px;
}

.menu_footer .menu_footer_links span {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}

.menu_footer .menu_footer_sns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.menu_footer .menu_footer_sns a {
    margin-left: 20px;
}

.menu_footer .menu_footer_sns a img {
    width: 30px;
}

/* Bottom Menu */

.bottom_menu {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    background-color: #FFF;
    width: 100%;
    height: 60px;
    z-index: 901;
}

.bottom_menu a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px dashed #CCC;
    text-decoration: none;
}

.bottom_menu a:last-child {
    border-right: 0;
}

.bottom_menu a i {
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
}

.bottom_menu img {
    width: 20px;
    margin: 5px auto;
}

.bottom_menu a span {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.bottom_menu div {
    width: 20px;
    margin: 0px auto;
}

/* 20200615 S 企業選択画面用 */
.service_card{

    margin: 10px 40px;
    padding: 20px 20px;
    background-color: #FFFFFF;
    border: 2px solid #CCCCCC;
    border-radius: 10px;
    opacity: 1;
    text-decoration: none;

    display: flex;
    justify-content: space-between;
    align-content: center; 
}

.service_name{
    text-align: left;
    font: W6 16px/27px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.last_sub_service_card{
    margin: 10px 10px;
    border: 1px solid #8D93B0;
    border-radius: 11px;
    opacity: 1;
}

.last_sub_service_card_display_none{
    display: none;
}

.last_sub_service_name{
    text-align: center;
    font: W3 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #8D93B0;
    opacity: 1;
}

.tantou_name{
    text-align: left;
    font: W3 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #555555;
    opacity: 1;
}
/* 20200615 E 企業選択画面用 */

/* 20200615 E 既読フラグ、コメント */
.history_title_card1 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 15px 15px 15px 15px;
    opacity: 1;
}

.history_title_card2 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 5px 0px 5px 0px;
}

.history_title_card3 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.kidoku_flg {
    padding-left: 0px;
    /*font: W3 11px/19px Hiragino Kaku Gothic ProN;*/
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 13px;
    letter-spacing: 0px;
    color: #777777;
    opacity: 1;
}

.comment_card_display_none {
    display: none;
}

.comment_card {
    position: relative;
    display: inline-block;
    margin: 0px 15px 0px 0px;
    /* padding: 0px 5px 0px 5px; */
    padding: 5px 10px 5px 10px;
    /* min-width: 120px; */
    max-width: 100%;
    color: #555;
    background: #F5F5F5;
    border-radius: 5px;
}
  
.comment_card:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 15px solid #F5F5F5;
}

.comment_text {
    text-align: right;
    /*font: W3 11px/19px Hiragino Kaku Gothic ProN;*/
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 13px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.task3_status_card_green {
    text-align: center;
    border: 1px solid #37D850;
    background-color: #FFFFFF;
    border-radius: 5px;
    opacity: 1;
    margin-bottom: 5px;
}

.task3_status_text_green {
    font: W3 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #37D850;
    opacity: 1;
}

.task3_status_icon_green {
    color: #37D850;
    /*font-size: 19px;*/
}

.task3_status_card_orange {
    text-align: center;
    border: 1px solid #FFAE40;
    background-color: #FFFFFF;
    border-radius: 5px;
    opacity: 1;
    margin-bottom: 5px;
}

.task3_status_text_orange {
    font: W3 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFAE40;
    opacity: 1;
}

.task3_status_icon_orange {
    color: #FFAE40;
    /*font-size: 19px;*/
}


.task4_status_card_green {
    text-align: center;
    border: 1px solid #37D850;
    background-color: #FFFFFF;
    border-radius: 5px;
    opacity: 1;
    margin-bottom: 5px;
}

.task4_status_text_green {
    font: W3 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #37D850;
    opacity: 1;
}

.task4_status_icon_green {
    color: #37D850;
    /*font-size: 19px;*/
}

.task4_status_card_orange {
    text-align: center;
    border: 1px solid #FFAE40;
    background-color: #FFFFFF;
    border-radius: 5px;
    opacity: 1;
    margin-bottom: 5px;
}

.task4_status_text_orange {
    font: W3 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFAE40;
    opacity: 1;
}

.task4_status_icon_orange {
    color: #FFAE40;
    /*font-size: 19px;*/
}
/* 20200615 E 既読フラグ、コメント */

/* Chart */

canvas.chart {
    background-color: #FFF;
}

/* Title */

h2.section_title {
    color: #6D7393;
    margin: 70px auto;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

h2.section_title2 {
    color: #6D7393;
    margin: 30px auto;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.section_title_span {
    color: #6D7393;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

/* History */

.history_wrap {
    margin-bottom: 30px;
}

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


.history_name_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.history_date {
    /* margin-top: 50px; */
    color: #333;
}

h3 .history_title,
h3.history_title{
    color: #6D7393;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    margin-right: 10px;
}

h3.history_title .history_ymd,
h3.history_title .history_week{
    color: #6D7393;
}

.history_card {
    padding: 10px 20px;
    /*
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    */
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
}

.history_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.history_card[card-type="like"] {
    background-color: #FFF8FB;
}

.history_card[card-type="sync"] {
    background-color: #FFF6EA;
}

.history_icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.history_icon i {
    font-size: 30px;
}

.history_card[card-type="like"] .history_icon img {
    width: 26px;
    margin-right: -4px;
}

.history_card[card-type="sync"] .history_icon img {
    width: 22px;
    margin-left: 2px;
    margin-right: -2px;
}

.history_card[card-type="like"] .history_icon i {
    color: #DB5F98;
}

.history_card[card-type="sync"] .history_icon i {
    color: #5F8FDB;
}

/* コメント返信用要素 */
.every_voice_comments_temp {
    display: none;
}

/* コメント返信（自身） */
.history_card_comment_self {
    position: relative;
    background-color: #E6F2EF;
    padding: 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*border: 1px solid #CCCCCC;*/
    margin-bottom: 5px;
    border-radius: 5px;
    width: calc(100% - 15px);
}

.history_card_comment_self:before {
    content: "";
    position: absolute;
    top: calc(100% - 15px);
    left: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 15px solid #E6F2EF;
}

.history_card_comment_self i {
    font-size: 23px;
    color: #5FDBBA;
}

/* コメント返信（他者） */
.history_card_comment_other {
    position: relative;
    background-color: #E6F2EF;
    padding: 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*border: 1px solid #CCCCCC;*/
    margin-bottom: 5px;
    border-radius: 5px;
    width: calc(100% - 15px);
    left: 15px;
}

.history_card_comment_other:before {
    content: "";
    position: absolute;
    top: calc(100% - 15px);
    left: -20px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 15px solid #E6F2EF;
}

.history_card_comment_other i {
    font-size: 23px;
    color: #5FDBBA;
}


.history_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #6D7393;
    margin-left: 20px;
    font-size: 12px;
    
    word-break: break-all;
}

.score_card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #CCCCCC;
    margin-bottom: 5px;
}

.mine_score {
    border-right: 2px dotted #CCCCCC;
}

.mine_score, .client_score {
    background-color: #FFF;
    line-height: 2;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
}

.mine_arrow {
    margin-right: 10px;
}

.client_arrow {
    margin-right: 10px;
}

.mine_arrow_up {
    color: #E52F2F;
    margin-right: 10px;
    transform: rotate(45deg);
}

.mine_arrow_right {
    color: #CCCCCC;
    margin-right: 10px;
}

.mine_arrow_down {
    color: #5F8FDB;
    margin-right: 10px;
    transform: rotate(-45deg);
}

.client_arrow_up {
    color: #E52F2F;
    margin-right: 10px;
    transform: rotate(45deg);
}

.client_arrow_right {
    color: #CCCCCC;
    margin-right: 10px;
}

.client_arrow_down {
    color: #5F8FDB;
    margin-right: 10px;
    transform: rotate(-45deg);
}

.score_card .label {
    font-size: 12px;
    color: #777;
    line-height: 1;
    margin-right: auto;
}

.score_card .score_num {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.score_card .score_unit {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.mine_score[data-type="normal"] .score_num, .mine_score[data-type="normal"] .score_unit, .client_score[data-type="normal"] .score_num, .client_score[data-type="normal"] .score_unit {
    color: #777!important;
}

.mine_score[data-type="high"] .score_num, .mine_score[data-type="high"] .score_unit, .client_score[data-type="high"] .score_num, .client_score[data-type="high"] .score_unit {
    color: #DB5F98!important;
}

.mine_score[data-type="low"] .score_num, .mine_score[data-type="low"] .score_unit, .client_score[data-type="low"] .score_num, .client_score[data-type="low"] .score_unit {
    color: #5F8FDB!important;
}

/* みんなの声　検索 */
/* 詳細検索画面に移行したため廃止
.every_voice_search_form {
    margin-bottom: 40px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.every_voice_search_form .position_row {
    margin-bottom: 10px;
}

.every_voice_search_form .calendar label {
    margin-right: auto;
}

.every_voice_search_form .calendar input {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    padding: 5px;
    width: 50%;
}

.every_voice_search_form .store_list select,
.every_voice_search_form .pin_list select {
    height: 46px;
}
*/

/* みんなの声詳細検索 */
.every_voice_detail_search_form {
    margin-bottom: 40px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*border-radius: 5px;*/
    opacity: 1;
}

.every_voice_detail_search_form .position_row {
    margin-bottom: 10px;
}

.every_voice_detail_search_form .calendar label {
    margin-right: auto;
}

.every_voice_detail_search_form .calendar input {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    padding: 5px;
    width: 50%;
    height: 40px;
}

.every_voice_detail_search_form .staff_list input {
    height: 40px;
}

.my_voice_card {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    opacity: 1;
}

/* Data List */

.data_list_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: auto 10px;
}

.data_list_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 10px 0;
    text-align: left;
}

.data_list_title span {
    font-size: 12px;
    font-weight: 300;
    color: #333;
    margin-bottom: 10px;
}

.data_list_detail span {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

/* Member List */

.member_list_wrap {}

.member_list_table {
    border: 2px solid #CCC;
    border-collapse: collapse;
    background-color: #FFF;
    width: 100%;
}

.member_list_table th, .member_list_table td {
    border: 2px solid #CCC;
}

.member_list_table th {
    text-align: left;
}

.member_list_table th span {
    font-size: 14px;
    text-align: left;
    color: #333;
    font-weight: 600;
    padding: 10px;
    display: inline-block;
}

.member_list_table td {
    border: 2px solid #CCC;
    width: 132px;
    text-align: center;
}

.member_list_table td span.inviting_status {
    font-size: 14px;
    color: #777;
    font-weight: 600;
    padding: 10px;
    display: inline-block;
}

.member_list_table td a {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    height: 25px;
    line-height: 25px;
}

.member_list_table td a.submit_button {
    cursor: pointer;
}

/*Message*/

.message_wrap {
    width: 90%;
    margin-bottom: 10px;
    background-color: rgba(255,255,255,0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    position: fixed;
    z-index: 999;
}
.signIn_warp .message_wrap {
    width: 75%!important;
}

.message_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #CCC;
}

.message_header_label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.message_header_label span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
}

.message_header_close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    padding-left: 10px;
}

.message_header_close i {
    color: #777;
}

.message_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 10px;
}

.message_content p {
    color: #777;
    font-size: 14px;
    font-weight: 300;
}

.message_wrap[data-type="hint"] {
    display: none;
    border: 1px solid #2BD950;
}

.message_wrap[data-type="hint"] .message_header_label i, .message_wrap[data-type="hint"] .message_header_label span {
    color: #37D850;
}

.message_wrap[data-type="error"] {
    display: none;
    border: 1px solid #E82E3E;
}

.message_wrap[data-type="error"] .message_header_label i, .message_wrap[data-type="error"] .message_header_label span {
    color: #E82E3E;
}

.message_wrap[data-type="success"] {
    display: none;
    border: 1px solid #2EBA66;
}

.message_wrap[data-type="success"] .message_header_label i, .message_wrap[data-type="success"] .message_header_label span {
    color: #2EBA66;
}

/* 通知機能　暫定的にピンクの画面 */
.message_wrap[data-type="notice"] {
    display: none;
    border: 1px solid #db5f98;
}

.message_wrap[data-type="notice"] .message_header_label i, .message_wrap[data-type="notice"] .message_header_label span {
    color: #db5f98;
}




/*Radio Check*/

label.radio, label.radio_text, label.checkbox, label.checkbox_text {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label.radio {
    width: 20px;
    height: 20px;
    border: 2px solid #cccccc;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0;
}

label.radio_text {
    min-height: -webkit-calc(20px + 5px);
    min-height: -moz-calc(20px + 5px);
    min-height: calc(20px + 5px);
    margin-right: -webkit-calc(20px + 5px);
    margin-right: -moz-calc(20px + 5px);
    margin-right: calc(20px + 5px);
    padding-left: -webkit-calc(20px + 5px);
    padding-left: -moz-calc(20px + 5px);
    padding-left: calc(20px + 5px);
    line-height: -webkit-calc(20px + 5px);
    line-height: -moz-calc(20px + 5px);
    line-height: calc(20px + 5px);
}

label.checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #cccccc;
    background: #fff;
}

label.checkbox_text {
    padding-left: -webkit-calc(20px + 5px);
    padding-left: -moz-calc(20px + 5px);
    padding-left: calc(20px + 5px);
    line-height: 20px;
}

label.radio:before, label.radio_text:before, label.checkbox_text:before, label.checkbox:after, label.radio_text:after, label.checkbox_text:after {
    content: '';
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label.radio:before, label.radio_text:before {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

label.radio:before, label.checkbox:after {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

label.checkbox:after, label.checkbox_text:after {
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    border-right: 3px solid #6d7393;
    border-bottom: 3px solid #6d7393;
    top: -webkit-calc(50% - (((17px / 12) * 5) / 2));
    top: -moz-calc(50% - (((17px / 12) * 5) / 2));
    top: calc(50% - (((17px / 12) * 5) / 2));
    display: block;
    margin-top: -webkit-calc(((17px / 12) * 5) * -1);
    margin-top: -moz-calc(((17px / 12) * 5) * -1);
    margin-top: calc(((17px / 12) * 5) * -1);
    width: -webkit-calc(((17px / 12) * 5));
    width: -moz-calc(((17px / 12) * 5));
    width: calc(((17px / 12) * 5));
    height: 17px;
    z-index: 1;
}

label.radio_text:before, label.radio_text:after {
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
}

label.radio:before {
    display: block;
    width: 12px;
    height: 12px;
    z-index: 1;
    background-color: #6d7393;
}

label.radio_text:before {
    width: 20px;
    height: 20px;
    border: 1px solid #cccccc;
    left: 0px;
    z-index: 3;
}

label.checkbox_text:before {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0;
    border: 1px solid #cccccc;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label.radio_text:after {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: -webkit-calc(((20px/2) - (12px) / 2));
    left: -moz-calc(((20px/2) - (12px) / 2));
    left: calc(((20px/2) - (12px) / 2));
    background-color: #6d7393;
    z-index: 1;
}

label.checkbox_text:after {
    left: -webkit-calc((20px / 2) - (((17px / 12) * 5) / 2));
    left: -moz-calc((20px / 2) - (((17px / 12) * 5) / 2));
    left: calc((20px / 2) - (((17px / 12) * 5) / 2));
}

label.radio input[type="radio"], label.radio_text input[type="radio"], label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    z-index: 2;
    margin: 0px;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

label.radio input[type="radio"], label.radio_text input[type="radio"] {
    left: -webkit-calc(20px * -1);
    left: -moz-calc(20px * -1);
    left: calc(20px * -1);
    width: 20px;
    height: 20px;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"] {
    left: -webkit-calc(20px * -1);
    left: -moz-calc(20px * -1);
    left: calc(20px * -1);
    padding: 0;
}

label.radio input[type="radio"] {
    display: block;
    -webkit-box-shadow: 20px 0px #FFF;
    -moz-box-shadow: 20px 0px #FFF;
    box-shadow: 20px 0px #FFF;
}

label.radio_text input[type="radio"] {
    -webkit-box-shadow: 20px 0px #FFF;
    -moz-box-shadow: 20px 0px #FFF;
    box-shadow: 20px 0px #FFF;
}

label.checkbox input[type="checkbox"] {
    -webkit-box-shadow: 20px 0px #FFF;
    -moz-box-shadow: 20px 0px #FFF;
    box-shadow: 20px 0px #FFF;
}

label.checkbox_text input[type="checkbox"] {
    display: block;
    -webkit-box-shadow: 20px 0px #FFF;
    -moz-box-shadow: 20px 0px #FFF;
    box-shadow: 20px 0px #FFF;
}

label.checkbox_text input[type="checkbox"]:checked, label.checkbox input[type="checkbox"]:checked, label.radio_text input[type="radio"]:checked, label.radio input[type="radio"]:checked {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

label.checkbox_text input[type="checkbox"]:checked:focus, label.checkbox input[type="checkbox"]:checked:focus {
    opacity: 0.1;
}

/* 
label.radio_text input[type="radio"]:focus,
label.radio input[type="radio"]:focus{
	opacity: 0.2;
}

label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}

label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}

label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}

label.checkbox input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}

label.radio_text input[type="radio"]:focus {
	box-shadow : 20px 0px #FFF;
}

label.radio input[type="radio"]:focus {
	box-shadow : 20px 0px #FFF;
} */

/* Maintenance */
.maintenance_wrap h1 {
    margin-top: 30px;
    color: #333;
    text-align: center;
    line-height: 36px;
    font-size: 24px;
    font-weight: 600;
    
}

.maintenance_wrap .maintenance_sub_message_wrap {
    margin: 30px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 300px;
}

.maintenance_wrap p {
    color: #333;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}

.maintenance_detail_wrap {
    width: 300px;
    margin: 0 auto;
    border: #6D7393 2px solid;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

.maintenance_detail_wrap h3 {
    font-size: 14px;
    font-weight: 600;
    color:#333333;
    text-align: center;
    margin-bottom: 15px;
}
.maintenance_detail_wrap h3.influence {
    margin-top: 30px;
}

.maintenance_detail_wrap h4 span {
    color: #6D7393;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

.maintenance_detail_wrap h5 {
    margin-top: 15px;
    color: #333333;
    font-size: 12px;
    font-weight: 300;
}

.maintenance_logo {
    margin-top: 30px;
    text-align: center;
}

/* 404 */
.not_found_wrap h1 {
    margin-top: 30px;
    color: #333;
    text-align: center;
    line-height: 36px;
    font-size: 24px;
    font-weight: 600;
}

.not_found_image {
  /* display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; */
  text-align: center;
}

.not_found_image img {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 68px;
}

.not_found_wrap .not_found_sub_message_wrap {
    margin: 30px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 340px;
}

.not_found_wrap .not_found_sub_message_wrap p {
    color: #333;
    font-weight: 300;
    font-size: 14px;    
    line-height: 24px;
}

/* Toggle Switch */
.switch {
    margin-left: auto;
}
.switch__label {
	width: 80px;
	position: relative;
    display: inline-block;
    margin-right: 10px;
}
.switch__content {
	display: block;
  cursor: pointer;
  position: relative;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
  height: 28px;
  -webkit-transition: all .1s .4s;
	   -moz-transition: all .1s .4s;
	     -o-transition: all .1s .4s;
	        transition: all .1s .4s;
	overflow: hidden;
}
.switch__content:before {
    content: "未完了";
    display: block;
    position: absolute;
    width: -webkit-calc(100% - 4px);
    width: -moz-calc(100% - 4px);
    width: calc(100% - 4px);
    height: 100%;
    top: 0px;
    left: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #ccc;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 31px;
    padding-left: 22px;
}
.switch__content:after {
	content: "完了";
    display: block;
    position: absolute;
    background-color: transparent;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 13px;
    text-align: left;
    line-height: 31px;
    padding-left: 10px;
    color: #fff;
}
.switch__input {
	display: none;
}
.switch__circle {
    display: block;
    top: 3px;
    left: 4px;
    position: absolute;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background-color: #FFF;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 0 6px #aaa;
       -moz-box-shadow: 0 0 6px #aaa;
            box-shadow: 0 0 6px #aaa;
}
.switch__input:checked ~ .switch__circle {
	left: 55px;
	background-color: #fff;
}
.switch__input:checked ~ .switch__content {
 
	border-color: transparent;
	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
	     -o-transition: all 0s;
	        transition: all 0s;
}
 
.switch__input:checked ~ .switch__content:after {
	background-color: #5FDBBA;
	width: 100%;
}

.switch__input:disabled ~ .switch__content:before {
    background-color: #e3e3e3;
}
.switch__input:disabled ~ .switch__circle {
    background-color: #eee;
    -webkit-box-shadow: 0 0 6px #ccc;
       -moz-box-shadow: 0 0 6px #ccc;
            box-shadow: 0 0 6px #ccc;
}

/* お気に入りアイコン制御 */
.star_icon_wrap .star_icon__input {
    display: none;
}

.star_icon_wrap .star_icon__input:checked ~ .checkStar {
    display: inherit;
}
.star_icon_wrap .star_icon__input:checked ~ .notStar {
    display: none;
}

.star_icon_wrap .notStar {
    color: #CCCCCC;
    font-size: 23px;
}

.star_icon_wrap .checkStar {
    display: none;
    color: #FFAE40;
    font-size: 23px;
}

.star_edit_wrap {
    position: fixed;
    width: 100%;
    left: 0;
    top: 50px;
    z-index: 999;
    background: rgba(230,230,230,0.9);
    border-top: 1px solid #ccc;
    display: none;
}

/* コメント返信アイコン制御 */
.reply_icon_wrap #reply_icon_on {
    color: #5FDBBA;
    font-size: 23px;
}
.reply_icon_wrap #reply_icon_off {
    color: #CCCCCC;
    font-size: 23px;
}

/*
.reply_icon_wrap .reply_icon__input {
    display: none;
}

.reply_icon_wrap .reply_icon__input:checked ~ .checkStar {
    display: inherit;
}
.reply_icon_wrap .reply_icon__input:checked ~ .notStar {
    display: none;
}

.reply_icon_wrap .notStar {
    color: #CCCCCC;
    font-size: 23px;
}

.reply_icon_wrap .checkStar {
    display: none;
    color: #5FDBBA;
    font-size: 23px;
}
*/

/* コメント返信ボタン */
.submit_button_reply {
    color: #777777;
    background-color: #5FDBBA;
    margin-left: 0 0 0 auto;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 80px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 100%;
    text-decoration: none;
}

/* コメント削除ボタン用 */
.every_voice_delete_comments {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
}

.every_voice_delete_comments i {
    color: #6D7393;
}

.every_voice_delete_comments span {
    color: #6D7393;
}

.every_voice_inputperson_comments {
    text-align: right;
    color: var(--unnamed-color-6d7393);
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 11px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

/* Pin Switch */
.pin_icon_wrap .pin_icon__input {
    display: none;
}

.pin_icon_wrap .pin_icon__input:checked ~ .checkPined {
    display: inherit;
}
.pin_icon_wrap .pin_icon__input:checked ~ .notPined {
    display: none;
}

.pin_icon_wrap .notPined {
    color: #CCCCCC;
    font-size: 23px;
}

.pin_icon_wrap .checkPined {
    display: none;
    color: #5FDBBA;
    font-size: 23px;
}

.pin_edit_wrap {
    position: fixed;
    width: 100%;
    left: 0;
    top: 50px;
    z-index: 999;
    background: rgba(230,230,230,0.9);
    border-top: 1px solid #ccc;
    display: none;
}

.every_voice_comments {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 16px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 20px;
    max-height: 500px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 2px solid var(--unnamed-color-cccccc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #CCCCCC;
    border-radius: 5px;
    width: 100%;
    opacity: 1;
}

.every_voice_comments_button_reply {
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
}


/* Add */
.input_staff_every_voice {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    width: 100%;
    height: 40px;
}

/* ラジオボタン */
.radio_button_card {
    display: flex;
    justify-content: space-between;
    align-content: center;
}


/* ボタン2つ */
.radio_button_input2_1 {
    display: none;
}

.radio_button_input2_2 {
    display: none;
}

.button2_1 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #6D7293;
    border-top: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
}

.button2_2 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #6D7293;
}

.radio_button_input2_1:checked + .button2_1 {
    background: #6D7393;
    color: #ffffff;
}

.radio_button_input2_2:checked + .button2_2 {
    background: #6D7393;
    color: #ffffff;
}

/* ボタン3つ */
.radio_button_input3_1 {
    display: none;
}

.radio_button_input3_2 {
    display: none;
}

.radio_button_input3_3 {
    display: none;
}

.button3_1 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #6D7293;
    border-top: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
}

.button3_2 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 0px 0px;
    border-left: 1px solid #6D7293;
    border-top: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
}

.button3_3 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #6D7293;
}

.radio_button_input3_1:checked + .button3_1 {
    background: #6D7393;
    color: #ffffff;
}

.radio_button_input3_2:checked + .button3_2 {
    background: #FFAE40;
    color: #ffffff;
}

.radio_button_input3_3:checked + .button3_3 {
    background: #5FDBBA;
    color: #ffffff;
}

/* ボタン3つ（全部灰色） */
.radio_button_input3G_1 {
    display: none;
}

.radio_button_input3G_2 {
    display: none;
}

.radio_button_input3G_3 {
    display: none;
}

.button3G_1 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #6D7293;
    border-top: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
}

.button3G_2 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 0px 0px;
    border-left: 1px solid #6D7293;
    border-top: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
}

.button3G_3 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #6D7293;
}

.radio_button_input3G_1:checked + .button3G_1 {
    background: #6D7393;
    color: #ffffff;
}

.radio_button_input3G_2:checked + .button3G_2 {
    background: #6D7393;
    color: #ffffff;
}

.radio_button_input3G_3:checked + .button3G_3 {
    background: #6D7393;
    color: #ffffff;
}

/* メニューアイコンのバッヂ */
.menu_icon_badge_display_none {
    display: none;
}

.menu_icon_badge1_red {
    position:relative;
}

.menu_icon_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-10px;
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge2_red {
    position:relative;
}

.menu_icon_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-14px;
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge3_red {
    position:relative;
}

.menu_icon_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-18px;
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge1_gray {
    position:relative;
}

.menu_icon_badge1_gray[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-10px;
    font-size:.7em;
    background:#6D7393;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge2_gray {
    position:relative;
}

.menu_icon_badge2_gray[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-14px;
    font-size:.7em;
    background:#6D7393;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge3_gray {
    position:relative;
}

.menu_icon_badge3_gray[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-18px;
    font-size:.7em;
    background:#6D7393;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

/* タスクリストページ */

/* タスクリストタイトル */
.task_list_title_icon {
    color: #37D850;
}

/* 詳細検索 */
.task_list_detail_search_card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: 40px;
    margin-bottom: 30px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 2px solid var(--unnamed-color-cccccc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #CCCCCC;
    border-radius: 5px;
    opacity: 1;
}

.task_list_detail_search_span_left {
    color: var(--unnamed-color-6d7393);
    text-align: left;
    margin-left: 10px;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.task_list_detail_search_span_right {
    display: flex;
    margin-right: 10px;
}

.task_list_detail_search_wrap {
    position: fixed;
    top: 0;
    left: 0;

    right: 0;
    bottom: 0;
    overflow-y: auto;

    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 0.95;
}

.task_list_detail_search_form {
    margin-bottom: 40px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
}

.task_list_detail_search_form .position_row {
    margin-bottom: 10px;
}

.task_list_detail_search_form .calendar label {
    margin-right: 10px;
}

.task_list_detail_search_form .calendar input {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    padding: 5px;
    width: 100%;
    height: 40px;
}

/* 検索結果 */
.task_list_detail_search_result_form {
    margin-bottom: 40px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.task_list_detail_search_result_form .position_row {
    margin-bottom: 10px;
}

.task_list_detail_search_result_form .calendar label {
    margin-right: 10px;
}

.task_list_detail_search_result_form .calendar input {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    padding: 5px;
    width: 100%;
    height: 40px;
}

/* 対応期限の表記 */
.task_list_detail_search_warning {
    border: 1px solid var(--unnamed-color-e52f2f);
    border: 1px solid #E52F2F;
    border-radius: 5px;
    margin-bottom: 10px;
    opacity: 1;
}

.task_list_detail_search_warning_text {
    color: var(--unnamed-color-e52f2f);
    text-align: center;
    font: W3 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #E52F2F;
    opacity: 1;
}

/* 対応期限の表記（強赤） */
.task_list_detail_search_warning_strong_red {
    border: 1px solid var(--unnamed-color-e52f2f);
    border: 1px solid #E52F2F;
    background-color: #E52F2F;
    border-radius: 5px;
    margin-bottom: 10px;
    opacity: 1;
}

.task_list_detail_search_warning_text_strong_red {
    color: var(--unnamed-color-e52f2f);
    text-align: center;
    font: W3 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

/* 対応期限の表記（中赤） */
.task_list_detail_search_warning_medium_red {
    border: 1px solid var(--unnamed-color-e52f2f);
    border: 1px solid #E52F2F;
    background-color: #FCEAEA;
    border-radius: 5px;
    margin-bottom: 10px;
    opacity: 1;
}

.task_list_detail_search_warning_text_medium_red {
    color: var(--unnamed-color-e52f2f);
    text-align: center;
    font: W3 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #E52F2F;
    opacity: 1;
}

/* 対応期限の表記（弱赤） */
.task_list_detail_search_warning_light_red {
    border: 1px solid var(--unnamed-color-e52f2f);
    border: 1px solid #E52F2F;
    border-radius: 5px;
    margin-bottom: 10px;
    opacity: 1;
}

.task_list_detail_search_warning_text_light_red {
    color: var(--unnamed-color-e52f2f);
    text-align: center;
    font: W3 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #E52F2F;
    opacity: 1;
}




.task_list_detail_search_date_name {
    display: flex;
    margin-bottom: 10px;
}

.task_list_detail_search_task_data {
    margin-bottom: 10px;
}

.task_list_detail_search_memo {

    font-family: Hiragino Kaku Gothic ProN;
    font-size: 16px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 20px;
    max-height: 500px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 2px solid var(--unnamed-color-cccccc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #CCCCCC;
    border-radius: 5px;
    width: 100%;
    opacity: 1;
}

.task_list_detail_search_unpin {
    text-align: right;
    color: var(--unnamed-color-6d7393);
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
}

.task_list_detail_search_unpin i {
    color: #6D7393;
}

.task_list_detail_search_unpin span {
    color: #6D7393;
}

/* 確認画面 */
.Confirmation_menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #acacac4b 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.Confirmation_box {
    position: absolute;
    width: 60%;
    height: 100px;

    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 0.7;
}

.Confirmation_box_s {
    position: absolute;
    width: 60%;
    height: 150px;

    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 0.7;
}

.Confirmation_text {
    color: var(--unnamed-color-ffffff);
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.add_taiousya_list {
    width: 100%;
    background-color: #FFAE40;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
}

.add_taiousya_list i {
    color: #FFF;
    font-size: 11px;
}

.add_taiousya_list span {
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto;
}

.taiousya_list_select_wrap {
    margin-top: 10px;
    margin-left: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.taiousya_list_select_wrap select{
    width: 84%;
}

.taiousya_list_select_wrap a {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    margin-left: auto;
    text-align: center;
    background-color: #CCC;
    color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.taiousya_list_select_wrap a i{
    color: #FFF;
}

.taiousya_list {
    margin-bottom: 15px;
}

/* チャートの横スクロール */
.chartWrapper {
    position: relative;
    overflow-x: scroll;
}

.chartWrapper > canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events:none;
}

.chartAreaWrapper {
    /*width: 150px;*/
    /*overflow-x: scroll;*/
}



/* 画像アップロード */
.upload_picture_card {
    text-align: center;
    border: 2px dashed var(--unnamed-color-cccccc);
    border: 2px dashed #CCCCCC;
    border-radius: 5px;
    opacity: 1;
}

.upload_picture_card[data-margin_top="1"] {
    margin-top: 20px;
}

.upload_picture_card > i {
    color: #6D7393;
    margin-top: 10px;
    margin-bottom: 10px;
}

.upload_picture_card > span {
    font: normal normal normal 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    display: inline-block;
    margin-bottom: 10px;
    opacity: 1;
}

.upload_picture_thumbnail {
    width: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 5px 5px 5px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
}

.upload_picture_thumbnail_img {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    opacity: 1;
}

.upload_picture_thumbnail_span {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    word-break: break-all;
}

.upload_picture_button {
    position: relative; /* ボタン全体をクリック範囲とするため */
    width: 200px;
    height: 40px;
    border: 1px solid #6D7393;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    opacity: 1;
}

.upload_picture_button input[type="file"] {
    display: none;
}

.upload_picture_button > label {
    line-height: 40px;
    font: normal normal normal 14px/40px Hiragino Kaku Gothic ProN;
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

/* ボタン全体をクリック範囲とするため */
.upload_picture_button > label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}



/* 画像を表示 */
.display_picture_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #cccccc;
    /*background: #FFF8FB 0% 0% no-repeat padding-box;*/
    opacity: 1;
}

.display_picture_Box_left {
    display: flex;
    align-items: center;
}

.display_picture_Box_left > i {
    display: inline-block;
    color: #6D7393;
}

.display_picture_Box_left > span {
    display: inline-block;
    margin-left: 15px;
    text-align: left;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.display_picture_button {
    width: 120px;
    height: 30px;
    text-align: center;
    border: 1px solid #6D7393;
    border-radius: 30px;
    opacity: 1;
}

.display_picture_button > span {

    font: normal normal normal 12px/30px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

/* 画像拡大画面 */
.display_picture_zoom_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;

    /*background: #000000 0% 0% no-repeat padding-box;*/
    background: rgba(0, 0, 0, 0.8);
    /*opacity: 0.8;*/
}

.display_picture_zoom_box {
    height: calc(100% - 80px);
    width: calc(100% - 60px);
    margin: 40px 30px 40px 30px;

    text-align: center;

    background: #ffffff;
    backdrop-filter: none;
    border: 1px solid #707070;
    border-radius: 5px;
    opacity: 1;
}

.display_picture_zoom_box > span {
    text-align: center;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.display_picture_zoom_box_picture {
    /*display: flex;
    align-items: center;*/

    width: calc(100% - 50px);
    height: calc(100% - 100px);
    margin-top: 15px;
    margin-left: 25px;
    border: 1px solid #CCCCCC;
    
}

.display_picture_zoom_box_picture_div {
    width: 100%;
    height: calc(100vh - 183px);
}

.display_picture_zoom_box_picture img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/* 個人情報同意関連 */
.personalinformation_box {

    position: absolute;

    width: 90%;
    height: 80vh;

    /*
    margin: 0 auto;
    margin-top: calc((10%) / 2);
    */

    
    top: 20%;
    left: 50%;
    transform: translate(-50%,-20%);
    

    text-align: center;

    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #6D7393;
    border-radius: 10px;
    opacity: 1;
}

.personalinformation_title {
    display: flex;
    margin: 10px 10px 0px 10px;

    text-align: left;
    font: normal normal normal 18px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.personalinformation_title i {
    color: #6D7393;
}

.personalinformation_title span {
    color: #6D7393;
}

.personalinformation_title > img {
    margin-top: 100px;
}

.personalinformationexplanation {
    color: #6D7393;
    text-align: center;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    opacity: 1;
}

.personalinformationexplanation > a {
    color: #5f8fdb;
    text-decoration: underline;
    font: normal normal normal 16px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    opacity: 1;
}

.privacypolicymenu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;

    background: #EFEFEF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.header_sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    position: fixed;
    background-color: #FFF;
    width: 100%;
    top: 0;
    z-index: 900;
}

.header_sub .header_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
}

.header_sub .header_menu_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    margin-left: auto;
}

.header_sub .header_menu_button img {
    height: 30px;
}

.privacypolicytitle {
    margin-top: 80px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    font: normal normal normal 18px/31px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.privacypolicyselect {
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
    font: normal normal normal 16px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
}

.privacypolicycontents {
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
}

/*
.privacypolicycontents:last-child {
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 100px;
    text-align: left;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
}
*/