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

共通

********************************************************/
body {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    line-height: 1.85;
    color: #363A40;
}
a {
    color: #0044ff;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    text-decoration: none;
}
a:hover, a:active {
    color: #666;
}
a:focus {
    overflow: hidden;
    outline: none;
}
/*共通ボタン*/
.ma_btn_m {
    width: 150px;
    padding: 2px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    margin-right: 20px;
    text-align: center;
    background-color: #E7E7E7;
}
.ma_btn_m0 {
    width: 150px;
    padding: 2px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    text-align: center;
    background-color: #E7E7E7;
}
.ma_btn_m:last-child {
    margin-right: 0;
}
.ma_btn_m_w100 {
    width: 100%;
    padding: 2px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    text-align: center;
    background-color: #E7E7E7;
}
.ma_btn_m_leftm {
    width: 160px;
    padding: 2px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    margin-left: 20px;
    text-align: center;
    background-color: #E7E7E7;
}
.ma_btn_m:hover, .ma_btn_m0:hover, .ma_btn_m_leftm:hover, .ma_btn_m_w100:hover {
    background-color: #666;
    color: #fff;
}
.ma_btn_m_test {
    font-size: 0.95em;
    width: 110px;
    border-radius: 2px;
    margin-right: 10px;
    text-align: center;
    background-color: #3340A3;
    color: #ffffff;
}
.ma_btn_m_test:last-child {
    margin-right: 0;
}
.ma_btn_m_test:hover {
    background-color: #666;
}
.ma_btn_m_test_s {
    font-size: 0.9em;
    width: 90px;
    border-radius: 2px;
    margin-right: 10px;
    text-align: center;
    background-color: #3340A3;
    color: #ffffff;
}
.ma_btn_m_test_s:last-child {
    margin-right: 0;
}
.ma_btn_m_test_s:hover {
    background-color: #666;
}

.b_right {
    text-align: right;
    margin-right: 10px;
    font-size: 0.85rem;
}
/**ボタンのブレイクポイント****************************/
@media screen and (max-width:768px) {
    /*.ma_btn_m_test_s {
        width: auto;
        padding: 10px 50px;
        margin: 5px;
    }*/
}
/*レイアウト*/
.ma_center {
    text-align: center;
}
.ma_right {
    text-align: right;
}
.ma_mtb10 {
    margin: 10px 0;
}
.ma_mr10 {
    margin-right: 10px;
}
/***** 共通ヘッダー *****/
.ma_header {
    width: 100%;
    background-color: #ffffff;
    height: 75px;
    box-shadow: 0 3px 3px #CCCCCC;
    position: relative;
    z-index: 100;
}
.ma_header_inner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 35px;
}
/***** ヘッダー左側 *****/
.ma_header_left {
    display: flex;
}
.ma_header_left .ma_test_name {
    margin: 22px 20px 0 0;
}
.ma_header_left .ma_test_name img {
    width: 300px;
    height: auto;
}
.ma_header_left .ma_user_name {
    font-size: 1.2em;
    margin-top: 24px;
}
/***** ヘッダー右側 *****/
.ma_header_right {
    margin-top: 14px;
}
.ma_header_right_menu {
    display: flex;
}
.ma_header_menu_item {
    margin-right: 20px;
}
.ma_header_menu_item:last-child {
    margin-right: 0;
}
/**ヘッダーのブレイクポイント ****************************/
@media screen and (max-width:1024px) {
    .ma_header {
        height: auto;
        padding-bottom: 10px;
    }
    .ma_header_inner {
        display: block;
        padding: 0 10px;
    }
    .ma_header_right_menu {
        margin-bottom: 5px;
    }
}
@media screen and (max-width:768px) {
    .ma_header_right_menu {
        display: block;
        margin-bottom: 0;
    }
    .ma_header_menu_item {
        margin: 0 0 3px 10px;
    }
}
/***** 共通メイン *****/
.ma_main {
    width: 100%;
    background-color: #f7f7f7;
}
.ma_main_inner {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 20px 0;
}
/***** 共通フッター *****/
.ma_footer {
    padding: 14px 0 0;
}
.ma_footer .ma_footer_inner .ma_copyr {
    text-align: center;
    font-size: 0.9em;
}


/********************************************************

ログインページ

********************************************************/
/*タイトル画像*/
.ma_logo {
    margin-left: 20px;
}
.ma_logo img {
    width: 200px;
    height: auto;
    align-items: center;
}
.ma_pp ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 0.9em;
}
.ma_pp input[type="checkbox"] {
	appearance: auto;
    width: 24px;
    height: 24px;
    border: 2px solid #D8D8D8;
    margin-right: 6px;
}
@media screen and (max-width: 767px) {
   .ma_pp ul {
    font-size: 1em;
   } 
}    

/********************************************************

メインメニューページ

********************************************************/
/*検索条件と分析メニュー*/
.ma_main .ma_first_block {
    width: 1000px;
    margin: 0 auto 20px;
}
.ma_main .ma_tabmenu {
    display: flex;
    border-bottom: 2px solid #666666;
    margin-bottom: 20px;
}
.ma_main .ma_menu_title {
    display: inline-block;
    color: #3340A3;
    font-size: 1.2em;
    border-bottom: 4px solid #3340A3;
    margin-bottom: 20px;
    line-height: 1.4;
}
.ma_main .ma_tabmenu_content {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px dotted #CCCCCC;
}
.ma_main .ma_tabmenu_content dl {
    display: flex;
    flex-wrap: wrap;
}
.ma_main .ma_tabmenu_content dt {
    width: 20%;
    font-weight: 400;
    margin-bottom: 5px;
    padding-right: 10px;
}
.ma_main .ma_tabmenu_content dd {
    width: 80%;
    margin-bottom: 5px;
}
.ma_main .ma_tabmenu_content input, .ma_main .ma_tabmenu_content select, option {
    border: 1px solid #cccccc;
    padding: 1px 6px;
    border-radius: 2px;
    background-color: #ffffff;
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
}
.ma_main .ma_first_block dt {
    white-space: nowrap;
}
/***** メインメニューのリストに関するボタンのレイアウト *****/
.ma_main .ma_other {
    width: 1000px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: space-between;
}
/***** 回答者一覧表示用のボックス *****/
.ma_main .ma_respondent_list {
    width: 1000px;
    margin: 0 auto;
}
.ma_main .ma_respondent_list iframe {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
.ma_main input[type="checkbox"] {
	appearance: auto;
    width: 24px;
    height: 24px;
    border: 2px solid #D8D8D8;
    margin-right: 6px;
}


/********************************************************

メインメニューのリストページ

********************************************************/
.ma_menulist table {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    table-layout: auto;
    width: 100%;
}
.ma_menulist th {
    text-align: center;
    color: #3340A3;
    border-bottom: 2px solid #3340A3;
}
.ma_menulist tr {
    background-color: #fff;
    padding: 0.35em;
    border-bottom: 1px dotted #CCCCCC;
}
.ma_menulist tr:last-child {
    border-bottom: 2px solid #3340A3;
}
.ma_menulist td {
    text-align: center;
    padding: 0.5em;
}
.ma_menulist input[type=checkbox] {
    transform: scale(1.6);
}
.ma_menulist .ma_diacrisis {
    padding: 0 20px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    text-align: center;
    background-color: #E7E7E7;
}
.ma_menulist .ma_diacrisis:hover {
    background-color: #666;
    color: #fff;
}


/********************************************************

CQフィルターページ

********************************************************/
/*-------------------------------------
検索条件
-------------------------------------*/
.ma_main .ma_chang{
    display: flex;
    align-items: flex-end;
}
.ma_main .ma_on_off{
    margin-right: 5px;
    font-size: 0.7em;
}
.ma_main .ma_search{
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap:10px 20px;
    font-size: 0.7em;
    color: #3340A3;
}
.ma_main .ma_search dl {
    display: flex;
    flex-wrap: wrap;
}
.ma_main .ma_search dt {
    font-weight: 400;
    margin-bottom: 5px;
    padding-right: 6px;
}
.ma_main .ma_search dd {
    margin-bottom: 5px;
}
.ma_main .ma_search input, .ma_main .ma_search select, option {
    border: 1px solid #cccccc;
    padding: 1px 1px;
    border-radius: 2px;
    background-color: #ffffff;
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
}
/*-------------------------------------
追加条件1
-------------------------------------*/
.ma_main .ma_search .ma_sec1{
    width: 100%;
}

.ma_main .ma_search .ma_sec1 .ma_table{
    display: table;
    width: 100%;
}
.ma_main .ma_search .ma_sec1 .ma_table_row{
    display: table-row;
}

.ma_main .ma_search .ma_sec1 .ma_table_row{
    display: flex;
    flex-wrap: wrap;
}
.ma_main .ma_search .ma_sec1 .ma_table_cell{
    display: table-cell;
    text-align: right;
    padding-bottom: 3px;
    width: 160px;
}
/*-------------------------------------
追加条件1-2
-------------------------------------*/
.ma_main .ma_search .ma_sec1-2{
    width: 100%;
}
.ma_main .ma_search .ma_sec1-2 .ma_table_row1{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-bottom: 4px;
    justify-content: space-between;
}
.ma_main .ma_search .ma_sec1-2 .ma_table_row1 .ma_table_cell{
    display: flex;
    align-items: center;
    gap: 3px;
}
.ma_main .ma_search .ma_sec1-2 .ma_table_row2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ma_main .ma_search .ma_sec1-2 .ma_table_row2 .ma_table_cell{
    display: flex;
    align-items: center;
    gap: 3px;
    padding-right: 0;
}

.ma_main .ma_search .ma_sec1-2 .ma_table_cell .ma_note{
    color: #70AD47;
    font-size: 10.5px;
}

/*-------------------------------------
追加条件3
-------------------------------------*/
.ma_main .ma_search .ma_sec3{
    width: 100%;
}
.ma_main .ma_search .ma_sec3 dl{
    width: 100%;
}
.ma_main .ma_search .ma_sec3 dt{
    width: 170px;
}
.ma_main .ma_search .ma_sec3 dd{
    width: calc(100% - 170px);
    box-sizing: border-box;
}

/*-------------------------------------
CQフィルターのメニューリスト
-------------------------------------*/
.ma_cq_menulist{
    width: 1000px;
    height: 300px;
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
}
.ma_cq_menulist table {
    width: 100%;
    border-collapse: separate;
	border-spacing:0;
    margin: 0 auto;
    padding: 0;
    table-layout: auto;
    position: relative;
}
.ma_cq_menulist th {
	height: 32px;
    background-color: #fff;
    text-align: center;
    color: #3340A3;
    border-bottom: 2px solid #3340A3;
    position: sticky;
    top: 0;
    z-index: 1;
}
.ma_cq_menulist tr {
    background-color: #fff;
    padding: 0.35em;
}
.ma_cq_menulist td {
    text-align: center;
    vertical-align: middle;
    padding: 0.5em;
    border-bottom: 1px dotted #CCCCCC;
}
.ma_cq_menulist tfoot tr td {
    text-align: center;
    vertical-align: middle;
    padding: 0.5em;
    border-top: 1px dotted #CCCCCC;
    border-bottom: 0px none;
    height:50px
}

/*ここから　グラフの枠*/
.ma_cq_menulist td div{
    width: 62px;
    height: 50px;
    background: #ADD96C;
    margin: 0 auto;
}
/*ここまで　グラフの枠*/
.ma_cq_menulist input[type=checkbox] {
    transform: scale(1.6);
}
.ma_cq_menulist .ma_diacrisis {
    padding: 0 20px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    text-align: center;
    background-color: #E7E7E7;
}
.ma_cq_menulist .ma_diacrisis:hover {
    background-color: #666;
    color: #fff;
}


/********************************************************

エラーのページ

********************************************************/
/*****　エラーのコンテンツ *****/
.ma_main .ma_err_content {
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 0px 50px 0px;
    text-align: center;
    background-color: #ffffff;
}

.ma_main .ma_help_content {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto;
    padding: 0px 0px 50px 50px;
    text-align: left;
    background-color: #ffffff;
}

/********************************************************

グラフのページ(12・48共通)

********************************************************/
/*****　グラフのコンテンツ *****/
.ma_main .ma_grflist_content {
    max-width: 1000px;
    margin: 0 auto;
}
.ma_main .ma_grflist_menu {
    width: 100%;
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
}
.ma_main .ma_grflist_menu_right {
    text-align: right;
}
.ma_main .ma_grflist_graph {
    display: flex;
    flex-wrap: wrap;
}
.ma_main .ma_graph {
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.ma_main .ma_graph12 {
    width: 250px;
    height: 220px;
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.ma_main .ma_graph48 {
    width: 125px;
    height: 110px;
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}


/********************************************************

テスト画面

********************************************************/
.ma_main .ma_qaend_content {
    width: 1000px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 50px 0;
}
.ma_main .ma_qaend_content p {
    text-align: center;
    line-height: 3;
}


/********************************************************

管理画面

********************************************************/
.ma_main .ma_kanri_content {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 0.95em;
    display: flex;
    flex-wrap: wrap;
}
.ma_main .ma_kanri_title {
    color: #3340A3;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #3340A3;
    margin-bottom: 15px;
}
/*(1)~(6)共通*/
.ma_main .ma_kanri_item1, .ma_main .ma_kanri_item2, .ma_main .ma_kanri_item3, .ma_main .ma_kanri_item4, .ma_main .ma_kanri_item5, .ma_main .ma_kanri_item6 {
    width: 470px;
    min-width: 410px;
    height: auto;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 20px 30px;
    margin: 0 10px 30px;
    box-shadow: 0 3px 3px #CCCCCC;
}
/*(1)基本情報*/
.ma_main .ma_kanri_item1 dt {
    width: 160px;
}
.ma_main .ma_kanri_item1 dd {
    width: calc(100% - 160px);
}
/*(2)郵送先*/
.ma_main .ma_kanri_item2 dt {
    width: 160px;
}
.ma_main .ma_kanri_item2 dd {
    width: calc(100% - 160px);
}
/*(3)担当者連絡先*/
.ma_main .ma_kanri_item3 dt {
    width: 120px;
}
.ma_main .ma_kanri_item3 dd {
    width: calc(100% - 120px);
}
/*(4)契約情報*/
.ma_main .ma_kanri_item4 dt {
    width: 140px;
}
.ma_main .ma_kanri_item4 dd {
    width: calc(100% - 140px);
}
/*(5)利用者情報*/
.ma_main .ma_kanri_item5 dt {
    width: 190px;
}
.ma_main .ma_kanri_item5 dd {
    width: calc(100% - 190px);
}
/*(6)部署登録*/
.ma_main .ma_kanri_item6 dt {
    width: 150px;
}
.ma_main .ma_kanri_item6 dd {
    width: calc(100% - 150px);
}
/*管理画面dl基本*/
.ma_main .ma_kanri_item1 dl, .ma_main .ma_kanri_item2 dl, .ma_main .ma_kanri_item3 dl, .ma_main .ma_kanri_item4 dl, .ma_main .ma_kanri_item5 dl, .ma_main .ma_kanri_item6 dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.ma_main .ma_kanri_item1 dt, .ma_main .ma_kanri_item2 dt, .ma_main .ma_kanri_item3 dt, .ma_main .ma_kanri_item4 dt, .ma_main .ma_kanri_item5 dt, .ma_main .ma_kanri_item6 dt {
    font-weight: normal;
    margin-bottom: 5px;
}
.ma_main .ma_kanri_content dd {
    margin-bottom: 5px;
}
/*管理画面フォーム関係*/
.ma_main .ma_kanri_content input {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 1px 6px;
    border-radius: 2px;
    background-color: #ffffff;
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
}
.ma_post_list {
    width: 100%;
    height: 100px;
    background-color: #EEEEEE;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 5px 0 5px 10px;
    line-height: 1.4em;
    margin-bottom: 20px;
}


/********************************************************

OQキューブ、組織図

********************************************************/
.ma2_main {
    width: 974px;
    margin: 0 auto;
}
.ma2_menu {
    width: 100%;
    text-align: right;
    margin: 7px 0px;
    display: flex;
	justify-content: flex-end;

}
.ma2_menu .ma2_menu_l {
	width:50%;
	display: flex;
	justify-content: flex-start;
}
.ma2_menu .ma2_menu_r {
	width:50%;
	display: flex;
	justify-content: flex-end;
}
.ma2_main_content {
    display: flex;
}
.ma2_main_l {
    width: 604px;
    height: 624px;
    border: 1px solid #CCCCCC;
}
.ma2_main_r {
    width: 370px;
}
.ma2_main_menu {
    display: flex;
    justify-content: space-between;
    font-size: 0.875em;
    font-weight: 600;
    background-color: #E8EFF7;
    height: 24px;
    line-height: 24px;
}
.ma2_main_menu ul {
    display: flex;
}
.ma2_main_menu li {
    padding: 0 10px;
}
.ma2_main_menu li:hover {
    color: #FFF;
    cursor: pointer;
    background: #ADD96C;
}
.ma2_main_menu p {
    padding-right: 5px;
}
/**OQキューブのブレイクポイント ****************************/
@media screen and (max-width:1024px) {
    .ma2_main {
        width: 98%;
    }
	.ma2_menu {
    	width: 100%;
	}
    .ma2_main_content {
        display: block;
    }
    .ma2_main_l {
        width: 100%;
        margin-bottom: 20px;
    }
    .ma2_main_r {
        width: 100%;
        border-left: 1px solid #CCCCCC;
    }
}


/********************************************************

部署　ほか

********************************************************/
/*組織図(チャート)*/
.ma2_main_group {
    width: 100%;
    margin: 10px 0 8px;
    color: #3340A3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ma2_main_group ul {
    display: flex;
    align-items: center;
    font-size: 0.85em;
}
.ma2_main_group li + li {
    margin-left: 14px;
}
.ma2_main_group li a {
    /*font-size: 0.9em;*/
    padding: 2px 18px;
    margin: 0 3px;
    border-radius: 2px;
    text-align: center;
    background-color: #3340A3;
    color: #fff;
}
.ma2_main_group li a:hover {
    background-color: #666;
}
/*タイトル*/
.ma2_main_title {
    font-weight: bold;
    color: #666;
    font-size: 1.2em;
    padding: 0 0 0 10px;
    border-left: 8px solid #666;
    margin-bottom: 6px;
    white-space: nowrap;
}
/*組織データ管理・回答者データ管理　組織図共通部分*/
/*.ma2_main_firstblock {
    width: 100%;
    margin: 10px 0 8px;
    color: #3340A3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}*/
.ma2_main_title2 {
    width: 100%;
    box-sizing: border-box;
    font-weight: bold;
    color: #666;
    font-size: 1.2em;
    padding: 0 0 0 10px;
    border-left: 8px solid #666;
    margin-bottom: 6px;
    white-space: nowrap;
    }
/*.ma2_main_firstblock ul {
    width: 76%;
    display: flex;
    font-size: 0.85em;
}
.ma2_main_firstblock li {
    display: inline;
}
.ma2_main_firstblock li + li {
    margin-left: 14px;
}*/
.ma2_close {
    display: inline-block;
}
/*ボタン類*/
.ma2_small_b {
    padding: 0 16px;
    border-radius: 2px;
    text-align: center;
    background-color: #3340A3;
    color: #fff;
    white-space: nowrap;
}
.ma2_small_b:hover {
    background-color: #666;
}
.ma2_small_file {
    width: 240px;
    cursor: pointer;
}
.ma2_back {
    font-size: 0.85em;
    margin-right: 10px;
}
.ma2_main_top_right {
    font-size: 0.8em;
}
.ma2_main_secondblock {
    display: flex;
    margin-bottom: 5px;
}
.ma2_main_secondblock ul {
    display: flex;
    margin-right: 20px;
}
.ma2_main_secondblock li {
    margin-right: 15px;
}
.ma2_main_secondblock .ma_btn_m_test_s {
    display: block;
}
.ma2_red {
    color: #E94870;
    font-size: 0.875em;
}
.ma2_chart {
    width: 100%;
    height: 100%;
    border: 0px none;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    overflow: visible;
}
.ma2_bottom {
    margin: 5px 0px 0px 0px;
    display: flex;
    justify-content: space-between;
    font-size: 0.7em;
}
.ma2_bottom div {
    padding: 0 100px;
}
/**部署ほかのブレイクポイント ****************************/
@media screen and (max-width:1024px) {
    .ma2_main_title {
        margin-right: 30px;
    }
    .ma2_main_group {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .ma2_main_group ul {
        width: 100%;
        order: 3;
    }
    .ma2_main_group .ma2_back {
        order: 2;
    }
    .ma2_main_firstblock {}
    .ma2_main_title2 {
        width: auto;
        margin-right: 30px;
    }
    .ma2_main_firstblock ul {
        width: 100%;
        /*display: block;*/
        order: 3;
    }
    .ma2_close {
        order: 2;
        margin-right: 0;
        margin-left: auto;
    }
}
@media screen and (max-width:768px) {
    .ma2_main_group ul, .ma2_main_firstblock ul {
        flex-wrap: wrap;
        align-items: center;
    }
    .ma2_main_group li, .ma2_main_firstblock li {
        margin: 0 10px 5px 0;
    }
    /*.ma2_small_b {
        padding: 10px 50px;
        margin: 5px;
    }*/
    .ma2_main_secondblock {
        display: block;
    }
}
/**部署　リスト ****************************/
.ma2_grouplist {
    margin: 5px 0;
}
.table_ma2_group {
    width: 100%;
    border-collapse: collapse;
}
.table_ma2_group th {
    font-weight: normal;
    text-align: center;
    border: 1px solid #666;
    background: #888;
    color: #FFF;
    padding: 1px 0;
}
.table_ma2_group td {
    text-align: center;
    border: 1px solid #666;
    padding: 1px 0;
}

.table_ma2_group tr {
    background: #E7E7E7;
}
.table_ma2_group tr:nth-child(odd) {
    background: #fff;
}


/**その他情報 ****************************/
.ma_info_margin{
	margin:5px auto auto 0px;
}

.hcst .inner .entry_user_data .flex .entry_section .ma_info_title {
	margin:0px auto auto auto;
	display: flex;
}
.hcst .inner .entry_user_data .flex .entry_section .ma_info_value {
	margin:0px auto auto auto;
	display: flex;
	align-items: center;
}
.hcst .inner .entry_user_data .flex .entry_section .ma_info_value dt {
	margin:6px auto auto 0px;
	height:auto;
	border-bottom: 1px solid #888;
}
.hcst .inner .entry_user_data .flex .entry_section .ma_info_value dd {
	margin:0px auto auto 5px;
	height:auto;
}
.hcst .inner .entry_user_data .flex .entry_section .ma_info_value input[type="text"] {
	padding: 2px 4px;
	width: 100%;
	border: 1px solid #D8D8D8;
	border-radius: 1px;
}


/**フォントサイズ ****************************/
.fs18 {
    font-size: 18px;
}


/********************************************************

一括取り込みフォーム

********************************************************/
.ma_import {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: #3340A3;
    letter-spacing: 0.1em;
}

/*テキストエリアの外側*/
.ma_import_content {
    width: 100%;
    height: 380px;
    overflow-y: hidden;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.ma_import_content textarea  {
	padding: 6px 10px;
    border: 1px solid #D8D8D8;
	border-radius: 1px;
}
.ma_import_content textarea:focus {
    outline: none;
}
/*ボタン*/
.ma_import_but {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-bottom: 20px;
}
/*使い方の説明*/
.ma_import_description {
	padding: 6px 30px;
}
 .description_title {
    font-weight: bold;
     color: #3340A3;
}