/*+顧客カルテＣＳＶ取込*/
ul li{
    color: black;
    padding: 0;
    margin: 0;
}

ul{
    padding: 0;
    margin: 0;
}

table{
    height: fit-content;
    margin: 0;
}

table .div_flex{
    width: 100%;
}

button,
.button{
    all: unset;
}

img{
    width: 100%;
}

/*//※顧客データの取込について div_h1*/
.div_h1 h2{
    width: 98%;
    color: black;
    margin: 0 auto;
    margin-bottom: 0.5em;
}

.div_h1 ul{
    width: 95%;
    list-style: disc;
    list-style-position: inside;
    margin: 0 auto;
    margin-top: 1em;
}

.div_h1 ul li{
    line-height: 2;
}

.div_h1 ul li a{
    text-decoration: underline;
    text-decoration-color: #3747c2;
    border-bottom: none;
    transition: 0.2s ease-in-out;
}

.div_h1 ul li a:hover{
    text-decoration-color: #78D1F3;
}

.div_h1 ul li span{
    display: inline-block;
    line-height: 1.2;
}

.div_h1 ul li .spa_2{
    margin-bottom: 1em;
}

/*//【事前準備】カルテ用質問・回答CSVの出力方法 preparation*/
.preparation > p:first-of-type{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 1em;
}

.preparation div .div_flex{
    align-items: baseline;
    margin-bottom: 0.5em;
}

.preparation .number{
    display: inline-block;
    font-size: 1.3em;
    font-weight: 900;
    color: black;
}

/**顧客カルテＣＳＶ取込設定 csv_import_settings*/
.csv_import_settings th{
    width: 8em;
}

#img_csv_import_settings{
    max-width: 603px;
    margin: 0.5em auto;
}

/*==対象ファイル target_file*/
/*ファイルを選択*/
.target_file td .button_1{
    display: inline-block;
    width: 8.5em;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-family: FontAwesome;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    margin-right: 0.2em;
}

/*開く*/
.target_file td .button_2{
    display: inline-block;
    width: 7em;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #006BBE;
    border-radius: 5px;
    margin-right: 0.2em
}

/*==CSVヘッダ csv_header*/
.csv_header td .div_flex{
    width: 95%;
    justify-content: space-between;
    margin: 1em auto;
}

.csv_header td .div_flex div{
    width: 48%;
}

.csv_header td .div_flex h3{
    font-size: unset;
    font-weight: 400;
    margin: 0;
    margin-bottom: 0.5em;
}

/*h3左丸*/
.csv_header td .div_flex h3::before{
    content: "●";
    display: inline-block;
    font-size: 20px;    
}

.csv_header td .div_flex div img{
    max-width: 621px;
}

/*==登録 register*/
/*登録ボタン*/
.register .button{
    display: inline-block;
    width: 5.5em;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    text-align: center;
    color: white;
    background-color: #564E9E;
    border-radius: 3px;
    padding: 0.2em 0;
}

.register td .button{
    margin: 0 0.2em;
}

.register td .div_flex{
    justify-content: space-between;
}

.register td .div_flex p{
    flex: 0.95;
}

.register td .div_flex div{
    width: 50%;
}

.register td .div_flex div img{
    margin: 0;
}

/*下向き矢印*/
.register td .arrow{
    display: inline-block;
    width: 100%;
    text-align: center;
}

.register td .arrow::before{
    content: "↓";
    font-size: 35px;
    font-weight: 400;
    color: #4F4F4F;
}

/*+ 顧客カルテCSVフォーマット*/
/**CSVフォーマット csv_format*/
.csv_format{
    width: 100%;
}

.csv_format .com_h5_th{
    font-size: 18px;
    font-weight: 400;
}

.csv_format .com_h5_th .spa_1{
    display: inline-block;
    width: fit-content;
}

.csv_format .com_h5_th .spa_2{
    display: inline-block;
    flex: 1;
    padding-left: 2em;
}

/*No*/
.csv_format .th_1{
    width: 5%;
}

/*フィールド名*/
.csv_format .th_2{
    width: 18%;
}

/*桁数*/
.csv_format .th_3{
    width:11%;
}

/*備考*/
.csv_format .th_4{
    width: 66%;
}

/*備考以外中央寄せ*/
.csv_format td:not(.csv_format td:last-of-type){
    text-align: center;
}