@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
*,*::before,*::after{box-sizing:border-box;}
html{height:-webkit-fill-available;overflow-y:scroll!important;font-size:62.5%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-y:scroll;margin:0;padding:0;border:0;text-align:left;}
body{font-family:"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-weight:normal;display:block;position:relative;min-width:1920px;overflow-wrap:break-word;word-wrap:break-word;word-break:normal;background:#f0f3f7;}
.inner{width:100%;margin:0 auto;position:relative;padding:0 30px;}
main{width:100%;margin:0 auto;}
.number{font-family:'Roboto Condensed',sans-serif;}
@media screen and (max-width:1280px){
    body{min-width:initial;min-height:-webkit-fill-available;}
}

/* =========================================================
共通 input
========================================================= */
input[type="text"],input[type="password"],input[type="date"],input[type="loginID"],input[type="customerID"],select,textarea{display:block;height:40px;background:#F9F9F9;border:1px solid #E4E4E4;width:100%;font-size:14px;padding:0 20px;border-radius:5px;box-sizing:border-box;position:relative;}

/* =========================================================
共通 btn
========================================================= */
.btn{font-size:14px;display:block;margin:0 auto;width:160px;height:35px;border-radius:5px;background-color:#3995E2;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;line-height:0;}
.btn.off{opacity:.3;}
.btn_group{display:flex;}

/* =========================================================
共通 side-menu
========================================================= */
.sidemenu_on #wrap{display:flex;justify-content:left;position:relative;}
.sidemenu_on main{padding:0 0 0 100px;}
#side-menu{position:fixed;z-index:1;width:100px;background-color:#3995E2;height:100vh;display:flex;justify-content:center;align-items:baseline;}
#side-menu li{margin:25px auto 0;font-size:11px;text-align:center;}
#side-menu li a{color:#FFF;}
#side-menu li.main_title{margin:24px auto 31px;}
#side-menu li.side-menu-line{background:#DEDEE0;display:block;height:1px;width:80px;margin:32px auto 0;}
#side-menu li img{display:block;margin:0 auto;}
#side-menu .img_icon{margin:0 auto 2px;width:38px;height:38px;border-radius:5px;display:flex;justify-content:center;align-items:center;}

/*panel*/
#side-menu .panel{display:none;position:absolute;top:174px;left:105px;z-index:1000;width:127px;height:auto;padding:10px;background:#3995E2;border-radius:5px;padding:5px;}
#side-menu .panel li{margin:0 auto 0;height:32px;}
#side-menu .panel li a{padding:0 0 0 15px;font-size:14px;line-height:1;width:100%;height:100%;display:flex;align-items:center;justify-content:left;}
#side-menu .panel li a:hover,#side-menu .panel li a:active{background:#61AAE8;}

/* =========================================================
共通 top_content
========================================================= */
.top_content_fixed #top_content{top:0;width:calc(100% - 100px);z-index:1;left:100px;background:#f0f3f7;}
.top_content_fixed .main_content{padding:0;}
#top_content .inner{height:120px;position:relative;}
#top_content .inner,#top_content .status ul,#top_content .status ul li{display:flex;justify-content:left;align-items:center;}
#top_content h1{font-size:26px;font-weight:bold;margin:0;}
#top_content .status{font-size:14px;margin:0 0 0 3.5%;}
#top_content .status ul li{margin:0 20px 0 0;}
#top_content .status .status_color{display:block;width:25px;height:25px;border-radius:5px;margin:0 8px 0 0;}
#top_content .date_und_logout{font-size:14px;margin-left:auto;display:flex;justify-content:left;align-items:center;}
#top_content .logout{margin:0 0 0 32px;}
#top_content .logout a{width:140px;display:flex;background:#3995e2;color:#FFF;font-size:14px;align-content:center;justify-content:center;padding:10px 0;border-radius:5px;}
#top_content .logout svg{margin:0 8px 0 0;vertical-align:sub;fill:#FFF;}
#top_content .status .status_color.white{background:#FFF;}
#top_content .status .status_color.orange{background:#E58132;}
#top_content .status .status_color.blue{background:#0768B9;}

/* =========================================================
共通 テーブル
========================================================= */
table{margin:0 auto;border-spacing:0;border-collapse:separate;width:100%;}
table th{color:#000000;vertical-align:middle;}
table td{vertical-align:middle;}
table tr{border-top:1px solid #eaeaea;}
table tr:first-child{border-top:none;}
table tr:last-child td{border-bottom:none;}

/* =========================================================
body__login ログイン
========================================================= */
.body__login #wrap { display: grid; grid-template-columns: 100vw; grid-template-rows: 100vh; background: #FFFFFF;}
.body__login main { justify-self: center; align-self: center; margin: -90px auto 0; max-width: 400px; }
.body__login .main_title { display: block; margin: 0 auto; width: 108px; }
.body__login form { margin: 60px auto 0; font-size: 14px; }
.body__login input { margin: 10px auto 0 auto; width: 400px; }
.body__login input.btn { width: 160px; }
.body__login .form_box:nth-child(-n+3) { margin: 35px auto 0; }
.body__login .form_box:last-child { margin: 30px auto 0; }

/* =========================================================
body__home ホーム
========================================================= */
.body__home #top_content .inner{padding:0px 60px 0px;}
.body__home .main_content .inner{padding:0 60px;}
.personal_list{display:flex;align-content:stretch;justify-content:left;flex-wrap:wrap;width:100%; gap:14px;}
.personal_list li{position:relative;background:#FFF;display:flex;align-items:center;width:200px;min-height:168px;border-radius:5px;font-size:14px;}
.personal_list li a{padding:10px;display:block;height:100%;width:100%;}
.personal_list .personal_date{display:flex;justify-content:left;align-items:baseline;}
.personal_list .personal_date .number{font-size:24px;}
.personal_list .personal_date .name{font-size:12px;font-weight:bold;margin:0 0 0 12px;font-weight:normal;}
.personal_list .personal_date .status{font-size:12px;margin-left:auto;font-weight:normal;}
.personal_list .status_img{display:block;height:80px;width:100%;}
.personal_list .personal_health_condition{display:flex;justify-content:left;align-items:flex-end;margin:10px auto 0;color:#000;}
.personal_list .personal_health_condition .heartrate,.personal_list .personal_health_condition .breath{background:#F0F3F7;border-radius:5px;width:68px;height:30px;display:flex;justify-content:left;align-items:center;font-size:18px;font-family:'Roboto Condensed',sans-serif;margin:0 5px 0 0;padding:8px;}
.personal_list .personal_health_condition .heartrate svg,.personal_list .personal_health_condition .breath svg{fill:#B5C4D8;}
.personal_list .personal_health_condition span{display:block;margin-left:auto;}

/*ドア*/
.personal_list .door{display:block;width:30px;height:30px;margin-left:auto;margin-top:auto;position:absolute;right:10px;bottom:14px;z-index:99;border-radius:5px;box-sizing:border-box;text-align:center;text-decoration:none;cursor:pointer;display:flex;align-content:center;justify-content:center;}

/*状態 睡眠中 sleep*/
li.sleep .status_img{background:url(/img/icon_sleep.svg) no-repeat;background-position:bottom center;}
li.sleep .status:before{color:#0768B9;content:"睡眠中";}
.personal_list li.sleep .door{background:url(/img/icon_status_door_out.svg),#3995E2;background-repeat:no-repeat;background-position:5px center;opacity:.2;}

/*状態 離床中 outofbed*/
li.outofbed .status_img{background:url(/img/icon_outofbed.svg) no-repeat;background-position:bottom center;}
li.outofbed .status:before{color:#189629;content:"不在";}
li.outofbed .door{background:url(/img/icon_status_door_out.svg),#3995E2;background-repeat:no-repeat;background-position:4px 5px;}

/*状態 覚醒中 wakeup*/
li.wakeup .status_img{background:url(/img/icon_wakeup.svg) no-repeat;background-position:bottom center;}
li.wakeup .status:before{color:#DE7736;content:"在室";}
.personal_list li.wakeup .door{background:url(/img/icon_status_door_out.svg),#3995E2;background-repeat:no-repeat;background-position:5px center;opacity:.2;}

/*状態 外出中 out*/
li.out .status_img{background:url(/img/icon_out.svg) no-repeat;background-position:bottom center;}
li.out .status:before{color:#6A6A6A;content:"外出中";}
li.out .door{background:url(/img/icon_status_door_in.svg),#3995E2;background-repeat:no-repeat;background-position:5px 5px;}

/*状態 空室 vacancy*/
li.vacancy{background:#F7F9FB;pointer-events:none;}
li.vacancy .status_img{background:none;}
li.vacancy .status:before{color:#6A6A6A;content:"空室";}
li.vacancy .name{display:none;}
li.vacancy .door{background:url(/img/icon_status_door_out.svg),#3995E2;background-repeat:no-repeat;background-position:5px center;opacity:.2;}

/*状態 red*/
li.red{background:#FEDBE2;}
li.red .status:before{color:#F00822;}
li.red .personal_health_condition .heartrate.red,li.red .personal_health_condition .breath.red{background:#F00822;color:#FFF;}
li.red .personal_health_condition .heartrate.red svg,li.red .personal_health_condition .breath.red svg{fill:#FFF!important;}
li.red .number,li.red .name{color:#F00822;}
li.red .status:before{color:#F00822;content: "異常";}

/*状態 disconnect*/
li.disconnect{background:#FEDBE2;}
li.disconnect .status_img{background:url(/img/icon_disconnect.svg) no-repeat;background-position:bottom center;}
li.disconnect .number,li.disconnect .name{color:#F00822;}
li.disconnect .status:before{color:#F00822;content: "通信切断";}

/*状態 detail.html*/
.status_panel li.red{background: #F00822; color: #FFF;}
.status_panel li.disconnect{background: #d6828c; color: #FFF;}

/* =========================================================
モーダル
========================================================= */

/*closeボタン*/
.remodal-close::before{display:none!important;}
.remodal-close{left:auto!important;right:14px!important;top:11px!important;}
.dli-close{display:inline-block;vertical-align:middle;color:#3995E2;line-height:1;width:30px;height:2px;background:currentColor;border-radius:0.1em;position:relative;transform:rotate(45deg);}
.dli-close::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;transform:rotate(90deg);}
@media only screen and (min-width:641px){
    .remodal{max-width:800px!important;height:905px;overflow:hidden;}
}
.remodal{padding:0!important;border-radius:5px!important;}
.remodal .modal_content{padding:60px 0;}
.remodal .modal_content .inner{display:flex;justify-content:left;align-items:flex-start;padding:0;}
.modal_title{font-size:20px;font-weight:bold;background:#F0F3F7;border-radius:5px 5px 0 0!important;height:60px;display:flex;align-items:center;padding:0 0 0 20px;position:fixed;z-index:1;width:100%;}
.remodal .btns{position:fixed;bottom:0;}
.remodal .driver_name_list li{height:5vh;}
.remodal .driver_name_list ul{padding:0 0 240px 0;}
iframe{width:100%;height:100vh;height:905px;overflow:hidden;-ms-overflow-style:none;}
.body_iframe{position:relative;height:100vh;overflow:hidden;}
.body_iframe  .inner{padding:0;display:flex;background:#FFF;}
.body_iframe  .inner .driver_name_list ul{height:100vh;overflow:scroll;padding:59px 0 65px;}
.body_iframe  .inner .driver_name_list ul li{height:50px;}
.body_iframe .btns_inner{display:flex;align-items:center;width:500px;margin:0 auto 0;height:65px;}
.body_iframe .btns{position:fixed;top:840px;width:100%;padding:0;border-top:1px solid #EAEAEA;z-index:1;background:#F0F3F7;}
.body__driver_data .main_content{padding:0;}
.driver_name_list{font-size:14px;width:38%;box-sizing:border-box;border-radius:5px 0 0 5px;border-top:1px solid #EAEAEA;border-left:1px solid #EAEAEA;background:#FFF;}
.driver_name_list li{background-color:#FFF;width:100%;height:100%;display:flex;align-items:center;}
.driver_name_list li a{padding:18px 20px;width:100%;}
.driver_name_list li.active{background-color:#E1EFFB;}

/*データ連携*/
.body_iframe.modaldate_modalsensor.sensor .inner{overflow:hidden;height:100vh;}
.body_iframe.modaldate_modalsensor .inner{overflow-y:scroll;height:100vh;}
.body_iframe.modaldate_modalsensor .table_list{padding:59px 20px 20px 20px;}
.body_iframe.modaldate_modalsensor .table_list tr{display:block;}

/* =========================================================
データ連携
========================================================= */
.body_iframe table.table_list select{width:100%;background-image:url("/img/arrow.svg");background-position:right 15px center;background-repeat:no-repeat;background-size:9px 7px;}
.body_iframe table.table_list th, .body_iframe table.table_list td{width:200px;padding:9px 0;font-size:14px;}
.body_iframe table.table_list th:nth-child(n+2), .body_iframe table.table_list td:nth-child(n+2){width:220px;padding:9px 0 9px 20px;font-size:14px;}

/* =========================================================
body__detail
========================================================= */
.body__detail #top_content{width:100%;}
.body__detail #top_content .inner{height:133px;padding:0 60px;}
.body__detail.sidemenu_on main{padding:0 0 0 0;}
.graf_container{width:100%;position:relative;}
.graf_container .time{position:relative;height:30px;}
.graf_container .time_inner{position:absolute;display:flex;justify-content:space-between;height:100%;width:calc(100% - 60px);right:0;}
.graf_container .time_inner div{display:block;width:9%;}
.graf_container .time_inner div span{margin:0 0 0 -15px;font-size:14px;}
.graf_container .time_inner div:first-of-type span{margin:0 0 0 0;}
.graf_container .time_inner div:last-of-type span:after{content:"12:00";display:block;position:absolute;right:0;top:0;}
.graf_content{position:relative;display:flex;justify-content:space-between;height:140px;}
.graf_content:nth-child(n+2){margin:0 0 10px 0;}
.graf_content .graf_title{width:50px;height:100%;background:#3995E2;color:#FFF;border-radius:5px;font-size:14px;display:flex;align-items:center;justify-content:center;}
.graf_content .grid{position:absolute;display:flex;height:100%;width:calc(100% - 60px);right:0;background:#FFF;border-radius:5px;}
.graf_content .grid span{border-right:1px solid #EAEAEA;height:100%;width:20%;}
.graf_content .grid span:last-of-type{opacity:0;}
.graf_content .bar{position:absolute;display:flex;width:calc(100% - 60px);height:100%;right:0;}
.graf_content .bar div:first-of-type{border-radius:5px 0px 0px 5px;}
.graf_content .bar div:last-of-type{border-radius:0px 5px 5px 0px;}
/*帯グラフ カラー*/
.blue{background:#0768B9;}
.orange{background:#DE7736;}
.white{background:rgba(255,255,255,0);}
#side-list ul{margin:0 0 0 100px;background:#FFF;width:250px;height:100vh;overflow-y:scroll;}
#side-list li{border-bottom:1px solid #F0F3F7;}
#side-list li:last-child{border-bottom:none;}
#side-list li.active{background-color:#F0F3F7;}
#side-list li a{display:flex;justify-content:left;align-items:center;padding:0 20px;}
#side-list .number{font-size:24px;font-family:'Roboto Condensed',sans-serif;}
#side-list .center_box{margin:0 0 0 20px;}
#side-list .name{font-size:12px;margin:0 0 6px 0;font-weight:normal;}
#side-list .status{font-size:12px;font-weight:normal;}
#side-list .status_img{display:block;height:90px;width:63.09px;background-size:100%;background-position:center;margin-left:auto}
#side-list li.out .status_img{background-size:28.78px;}
#side-list li.vacancy{background:#FFF;}
.detail_number{display:flex;justify-content:left;align-items:center;}
.detail_number .number{font-size:26px;font-weight:bold;margin:0 30px 0 0;font-family:"Noto Sans JP";}
.select_box{display:flex;margin:0 0 0 7%;}
.select_box select{width:120px;display:flex;background-image:url("/img/arrow.svg");background-position:right 15px center;background-repeat:no-repeat;background-size:9px 7px;}
.select_box select:nth-of-type(2){margin:0 0 0 5px;}
.body__detail .select_box select:nth-of-type(2){color:#ADADAD;}
.body__detail.detail_week .select_box select:nth-of-type(2){color:#000;}
.date_box{display:flex;justify-content:left;align-items:center;margin:0 0 0 40px;}
.date_box form+form{margin: 0 0 0 5px;}
.date_box span{font-size:20px;margin:0 0 0 20px;}
.date_box button{width:30px;height:30px;border-radius:5px;background-color:#3995e2;}
.date_box button:nth-of-type(2){margin:0 0 0 5px;}
.date_box button img{display:block;margin:0 auto;}
.status_panel{width:100%;margin:40px auto 0;}
.status_panel ul{display:flex;justify-content:space-between;}
.status_panel li{display:flex;width:calc(100% / 6 - 10px);height:90px;border-radius:5px;background-color:#fff;padding:20px 25px;}
.status_panel li .panel_inner{padding:0;}
.status_panel li .panel_title{font-size:14px;display:block;}
.status_panel li .panel_value{font-size:18px;font-weight:bold;margin:13px 0 0 0;line-height:1;}
.status_panel li .panel_value small{font-size:12px;margin:0 0 0 15px;font-weight:normal;}
.alert_setting{margin:40px 0 0;}
.alert_setting .alert_main_title{font-size:14px;}
.alert_setting ul{margin:10px 0 0 0;display:flex;justify-content:left;align-items:center;}
.alert_setting li{width:335px;height:50px;padding:0 15px;border-radius:5px;background-color:#fff;display:flex;align-items:center;justify-content:left;margin:0 20px 0 0;}
.alert_setting li p{font-size:14px;margin:0 8px;width: 50px;}
.alert_setting li svg{fill:#B5C4D8;}
.alert_setting li hr{background:#000;width:10px;margin:0 5px;}

/*inputボタン*/
.alert_setting button{border-radius:5px;background-color:#3995e2;color:#FFF;font-size:14px;width:60px;height:30px;display:flex;justify-content:center;align-items:center;margin-left:10px;}

/*input/スピンボタンのラップ要素*/
.alert_setting .number_box{width:70px;}
.alert_setting form{display:flex;align-items:center;flex-wrap:nowrap;justify-content:left;}
.alert_setting input[type=number]{width:70px;height:30px;padding:0 0 0 20px;font-size:14px;background:#F0F3F7;text-transform:uppercase;text-align:center;outline:none;border-radius:3px;}
.alert_setting span.spinner{display:block;position:relative;width:70px;height:30px;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.alert_setting span.spinner > .sub,span.spinner > .add{float:left;display:block;width:25px;height:16px;text-align:center;background:#F0F3F7;border-radius:0 3px 3px 0;cursor:pointer;transition:0.1s linear;-o-transition:0.1s linear;-ms-transition:0.1s linear;-moz-transition:0.1s linear;-webkit-transition:0.1s linear;}
.alert_setting span.spinner > .sub{border-radius:0 0 0 3px;}
.alert_setting span.spinner > .add{top:0;border-radius:3px 0 0 0;}
.alert_setting span.spinner > .sub:hover,.alert_setting  span.spinner > .add:hover{background:#3995e2;}
.alert_setting span.spinner > .sub:hover svg,.alert_setting span.spinner > .add:hover svg{fill:#FFF;}
.alert_setting span.spinner > .add,span.spinner > .sub{border-right:2px solid #FFF;}
.alert_setting span.spinner > .add svg{margin:4px auto 0;}
.alert_setting span.spinner > .sub svg{margin:5px auto 0;}
.alert_setting span.spinner > .sub{bottom:0;position:absolute;}
.alert_setting span.spinner > .add{top:0;position:absolute;}
.alert_setting input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;}

/* =========================================================
body__detail
========================================================= */
.body__detail.detail_week .graf_content:last-child{margin:0 0 10px 0!important;}
.body__detail.detail_week .graf_content .grid{border-bottom:1px solid #EAEAEA;}
.body__detail.detail_week .graf_content .graf_title{background:none;color:#000000;justify-content:unset;}
.body__detail.detail_week .graf_content .bar{height:calc(100% - 1px);}
.body__detail.detail_1week .graf_content:nth-child(-n+7){margin:0 0 0 0;}
.body__detail.detail_2week .graf_content:nth-child(-n+14){margin:0 0 0 0;}
.body__detail.detail_4week .graf_content:nth-child(-n+28){margin:0 0 0 0;}
.body__detail.detail_1week .graf_content{height:120px;}
.body__detail.detail_2week .graf_content{height:60px;}
.body__detail.detail_4week .graf_content{height:30px;}

/* =========================================================
body__driver_details ドライバー詳細
========================================================= */
.main_content .inner{padding:0 60px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}
.driver_status{width:56.3%;}
.driver_status .driver_status_inner{padding:30px;border-radius:5px;border:1px solid #e8f8e9;height:100%;max-height:600px;}
.driver_status .top_box{font-size:14px;}
.driver_status .top_box .name{font-weight:bold;font-size:24px;}
.driver_status table{margin:20px auto 0;}
.driver_status table td{padding:10px 0 10px 15px;width:50%;}
.driver_status .bottom_box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.body__driver_details .btn{margin-top:30px;}
.driver_profile{font-size:14px;width:100%;padding:59px 0 0 0;}
.driver_profile .driver_profile_inner{border-left:solid 1px #eaeaea;height:100%;overflow:hidden;background:#FFF;}
.driver_profile_layout{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;height:59.9px;border-bottom:solid 1px #eaeaea;padding:0 2%;}
.driver_profile_layout:last-child{border-bottom:none;}
.driver_profile_layout dd{width:74%;}
.driver_profile_layout dd input,select{padding:0 15px;}
.driver_profile_layout.height dd{display:flex;align-items:flex-end;}
.driver_profile_layout.height dd input{width:90%;margin:0 10px 0 0;}
/*セレクトの矢印*/
.select-wrap{position:relative;}
.select-wrap:after{content:'';background:url(/img/arrow.svg);display:inline-block;width:9px;height:7px;z-index:0;position:absolute;top:50%;right:15px;transform:translateY(-50%);}

/* =========================================================
ドライバー情報、車両情報、センサー情報
========================================================= */
/*ドライバー情報　高さ*/
.body__driver_data .driver_name_list{max-height:781px;}
/*ドライバー情報　生年月日*/
.driver_profile_layout.birthday select{width:100%;max-width:150px;}
.driver_profile_layout.birthday .select-wrap{width:100%;max-width:150px;margin:0 10px 0 20px;}
.driver_profile_layout.birthday .select-wrap:first-of-type{margin:0 10px 0 0;}
.driver_profile_layout.birthday dd{display:flex;align-items:flex-end;line-height: 1.5;}