@charset "utf-8";

/*基本設定*/
body{
  background:#ECF2FC;
}
.hidden{
    display: none;
}
.flexBox{
    display: flex;
}
.SideArea{
  position: relative;
  width: 300px;
  background: #1C2A53;
  min-height: 100vh;
}
.MainArea{
    width: 100%;
    color: #1E1E1E;
}
.logo{
  background-color: #fff;
  padding: 15px;
}
.menu{
  padding: 0 12px;
  font-size: 16px;
  min-height: 100vh;
}
.menuBottom{
  padding: 12px;
  font-size: 16px;
}
.menu a {
  color: white;
}
.menuBottom a{
  color: #1C2A53;
}
a{
  color: #1F76D2;
}
button:hover{
  opacity: 0.6;
  transition: .3s;
}
/*基本設定end*/


/*ログイン画面*/
.login-logo{
  background-color: #fff;
  width: 100%;
  padding: 30px;
  text-align: center;
  margin: 0 auto;
}
.loginBox .ContentsBox{
  width: 400px;
  margin: 120px auto 30px;
}
.registerBox .ContentsBox{
  width: 600px;
  margin: 60px auto 30px;
}
.loginDate li,
.registerDate li{
  margin: 18px 0;
}
.loginDate p,
.registerDate p{
  margin: 8px 0;
}
.loginDate li:nth-of-type(3),
.loginDate li:nth-of-type(4),
.loginDate li:nth-of-type(5),
.registerDate li:nth-of-type(8),
.passCreate li:nth-of-type(2){
  text-align: center;
}
/*ログイン画面end*/


/*サイドバー設定*/
.SideArea .menu ul{
  margin: 24px 0;
}
.SideArea .menu ul:nth-child(1){
  margin-top: 0;
}
.SideArea .menu ul li{
  color: #fff;
  margin: 9px 0;
}
.SideArea .menuBottom ul li{
  color: #1C2A53;
  margin: 9px 0;
}
.menuBottom{
  position: absolute;
  bottom: 0px;
  width: 300px;
  height: 130px;
  background: #A1D6E2;
}
/*サイドバー設定end*/


/*メニューアイコン*/
.SideArea ul li a:before{
  display:inline-block;
  margin-right:10px;
  width: 40px;
  transform: scale(0.8);
}
.menu ul:nth-of-type(1) li:nth-child(1) a:before{
  content:url(../img/home.svg);
}
.menu ul:nth-of-type(1) li:nth-child(2) a:before{
  content:url(../img/robot.svg);
}
.menu ul:nth-of-type(1)  li:nth-child(3) a:before{
  content:url(../img/task.svg);
}
.menu ul:nth-of-type(2) li:nth-child(1) a:before{
  content:url(../img/lenz.svg);
}
.menu ul:nth-of-type(3) li:nth-child(1) a:before{
  content:url(../img/mail.svg);
}
.menu ul:nth-of-type(3) li:nth-child(2) a:before{
  content:url(../img/okikae.svg);
}
.menu ul:nth-of-type(3) li:nth-child(3) a:before{
  content:url(../img/lock.svg);
}
.menu ul:nth-of-type(4) li:nth-child(1) a:before{
  content:url(../img/user.svg);
}

.menu ul:nth-of-type(5) li:nth-child(1) a:before{
  content:url(../img/gear.svg);
}
.SideArea ul:nth-of-type(2) li:nth-child(2) a,
.SideArea ul:nth-of-type(2) li:nth-child(3) a,
.SideArea ul:nth-of-type(4) li:nth-child(2) a,
.SideArea ul:nth-of-type(4) li:nth-child(3) a,
.SideArea ul:nth-of-type(4) li:nth-child(4) a,
.SideArea ul:nth-of-type(4) li:nth-child(5) a,
.SideArea ul:nth-of-type(5) li:nth-child(2) a,
.SideArea ul:nth-of-type(5) li:nth-child(3) a,
.SideArea ul:nth-of-type(5) li:nth-child(4) a,
.SideArea ul:nth-of-type(5) li:nth-child(5) a,
.SideArea ul:nth-of-type(5) li:nth-child(6) a{
  margin: 20px 0 0 48px;
}
.menuBottom ul li:nth-child(1) a:before{
  content:url(../img/question.svg);
}
.menuBottom ul li:nth-child(2) a:before{
  content:url(../img/logout.svg);
}
/*メニューアイコンend*/


/*メニューその他設定*/
.SideArea li a{
  display: block;
}
.SideArea a:hover{
  background-color : #3F4E79;
}
.SideArea ul li a span{
  position: relative;
  bottom: 12px;
}
/*メニューその他設定end*/


/*管理バー*/
.adminBar{
  width: 100%;
  height: 50px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 30px;
}
.adminBar ul li{
  display: inline;
  line-height: 50px;
  margin-left: 40px;
}
.adminBar ul li:last-of-type{
  float: right;
  margin-right: 40px;
}
.adminBar ul li span{
  margin-left: 18px;
}
.adminBar ul li:nth-child(3):before{
  display:inline-block;
  margin-right:10px;
  content:url(../img/bill.svg);
  position: relative;
  top: 8px;
}
/*管理バーend*/


/*コンテンツエリア*/
.ConntentsArea{
  padding: 0 5% 20px;
  /*font-size: clamp(最小値, 基準値, 最大値);*/
  font-size: clamp(8px, 1vw, 16px);
}
/*コンテンツエリアend*/

/*ポップアップ用コンテンツエリア*/
.popupConntentsArea{
  padding: 0 5% 20px;
  /*font-size: clamp(最小値, 基準値, 最大値);*/
  /* font-size: clamp(8px, 1vw, 16px); */
 font-size:16px;
}
/*ポップアップ用コンテンツエリアend*/


/*背景ボックス*/
.ContentsBox{
  border-radius: 5px;
  background: #FFF;
  box-shadow: 5px 4px 10px 5px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
/*背景ボックスend*/


/*フォント設定*/
h1 {
  padding: 0 0 0 20px;
  border-left: solid 7px #1C2A53;
  font-size: 30px;
  line-height: 1.4;
  margin:16px 0;
  }
  h2 {
  margin:16px 0;
  padding: 0 0 4px;
  font-size: 30px;
  border-bottom: 4px solid #1C2A53;
  line-height: 1.4;
  }
  h3 {
  margin: 8px 0 0;
  padding: 0 0 6px;
  border-bottom: solid 1px #1C2A53;
  font-size: 26px;
  }
  h3::before {
  margin: 0 6px 0 0;
  content: "\f0dd";
  color: #1C2A53;
  font-family: FontAwesome;
  position: relative;
  top: -4px;
  }
/*フォント設定*/


/*グリットレイアウト*/
.Grit {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}
.Grit1{
  grid-row: 1;
  grid-column: 1/2;
}
.Grit2{
  grid-row: 1;
  grid-column: 2/3;
}
.Grit3{
  grid-row: 2;
  grid-column: 1/3;
  grid-template-rows: 40px 40px;
  grid-template-columns: 150px 1fr;
}
.Grit4{
  grid-row: 3;
  grid-column: 1/3;
  grid-template-rows: 30px;
  grid-template-columns: 150px 1fr 1fr 200px;
}
.listGrit:nth-child(1){
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  position: relative;
  top: 24px;
}
.listGrit:nth-child(2){
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  padding: 4px 0;
}
.listGrit:nth-child(3){
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  padding: 3px 0;
}
.listGrit input[type=time]:first-child{
  margin-left: 10px;
}
.listGrit2:nth-of-type(2) button,
.listGrit2:nth-of-type(3) button,
.listGrit:nth-of-type(2) button,
.listGrit:nth-of-type(3) button,
.listItem .save{
  width: 90px;
  height: 28px;
  border-radius: 5px;
  text-align: center;
}
.listGrit2:nth-of-type(3){
  text-align: right;
}
.listGrit4 input[type=text]{
  width: 90%;
}
/*グリットレイアウトend*/


/*テーブル*/
.Table1 {
  border: 1px solid #aaa;
  border-collapse: separate;
  overflow: hidden;
  border-spacing: 0;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #aaa;
  width: 100%;
  height: 236px;
  margin-top: 10px;
}
.Table1 th, .Table1 td {
  vertical-align: middle;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  text-align: center;
  font-size: 24px;
}
.Table1 th:last-child, .Table1 td:last-child {
  border-right: none;
}
.Table1 th {
  background: #ddd;
}
.Table1 td {
  background: #fff;
}
.Table1 tbody tr:last-child th, .Table1 tbody tr:last-child td {
  border-bottom: none;
}

.Table2 {
  width: 100%;
  height: 240px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0px 0 20px 0;
 }
 .Table2 th {
  padding: 10px;
  border-bottom: solid 4px #1C2A53;
  color: #1C2A53;
 }
 .Table2 td {
  padding: 10px;
  border-bottom: solid 1px #1C2A53;
 }
 .Table2:last-child th, .Table2:last-child td{
 }
 .newsTable{
  color: #1F76D2;
 }
 .topMore a:hover,
 .Table2 td a:hover,
 .newsTable tr:hover:not(:first-child){
  background: #cde5ff;
}
/*テーブルend*/

 /*TOPその他*/
 .topMore{
  text-align: right;
  padding-left: 20px;
 }
  /*TOPその他end*/


/*タスク一覧*/
.taskIndex{
  position: relative;
  bottom: 28px;
}
.taskIndex ul{
  position: absolute;
}
.taskIndex ul:nth-child(1){
  left: 0;
}
.taskIndex ul:nth-child(2){
  right: 0;
}
.taskIndex ul li{
  display: inline-block;
}
.taskIndex ul:nth-child(1) li:nth-child(2){
  margin-left: 94px;
}
.taskIndex ul:nth-child(1) li:nth-child(3){
  margin-left: 28px;
}
.taskIndex ul:nth-child(2) li:nth-child(2){
  margin-left: 40px;
}
.taskIndex ul:nth-child(2) li:nth-child(3){
  margin-left: 34px;
  margin-right: 320px;
}
.listItem{
  width: 100%;
  min-height: 50px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin: 6px 0;
  padding: 8px 16px;
  display: grid;
}
button.arrow {
  height: 30px;
}
button.arrow img  {
  display: inline-block;
  height: 100%;
}
button.arrow:nth-child(1) img  {
  content: url(../img/1up.svg);
}
button.arrow:nth-child(2) img  {
  content: url(../img/1down.svg);
}
button.arrow:nth-child(3) img  {
  content: url(../img/up.svg);
}
button.arrow:nth-child(4) img  {
  content: url(../img/down.svg);
}
.taskSetting{
  display: inline-block;
  position: absolute;
  right: 12px;
}
.taskSetting select{
  margin-right: 16px;
}
.listItem span{
  border-left: 1px solid #1E1E1E;
  padding-left: 6px;
  margin-left: 10px;
}
/*タスク一覧end*/


/*入力フォーム*/
input,select{
  border-radius: 5px;
  border: 1px solid #1E1E1E;
  text-align: left;
  background-color: #fff;
  padding: 4px 10px;
  height: 34px;
}
textarea{
  border-radius: 5px;
  border: 1px solid #1E1E1E;
  background-color: #fff;
  padding: 8px 10px;
  overflow-y: scroll;
}
select{
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}
select::-ms-expand {
  display: block;
}
input[type=checkbox]{
  width: 30px;
  height: 30px;
  border-radius: 0px;
  appearance: auto;
}
/*入力フォームend*/


/*ボタン関連*/
.loginDate .login{
  color: #fff;
  background: #1C2A53;
}
.loginDate .openPass{
  border: 2px solid #1C2A53;
}
.loginDate button,
.registerDate button{
  height: 28px;
  width: 320px;
  border-radius: 5px;
  text-align: center;
  padding: 22px 0;
  line-height: 4px;
}
.Btn{
  padding: 2px 20px;
  border-radius: 5px;
}
/*有効の場合*/
.enable{
  background: #FFC669;
}
/*無効の場合*/
.disable{
  background: #ff3a3a;
  color: #fff;
}
.edit{
  background: #FFC669;
}
.copy{
  border: 2px solid #FFC669;
  color: #FFC669;
  background: #fff;
}
.delete{
  background: #666;
  color: #fff;
}
.runs{
  width: 80px;
}
.search{
  background: #007BFF;
  color: #fff;
}
.import{
  background: #28A745;
  color: #fff;
}
.preview{
  border: 2px solid #28A745;
  color: #28A745;
  background-color: #fff;
}
.new{
  background: #ff3a3a;
  color: #fff;
}
.footerBtn{
  text-align: center;
}
.footerBtn button{
  height: 28px;
  border-radius: 5px;
  text-align: center;
  padding: 28px 90px;
  line-height: 4px;
}
.footerBtn li{
  margin: 20px;
  display: inline-block;
}
/*ボタン関連end*/


/*ページャー*/
/*https://nakox.jp/web/wordpress/wp_pager_css*/
.pager{
  margin: 36px 0;
}

/* その6  */
.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#007BFF;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}

.pager .pagination li.pre,
.pager .pagination li.next{
  display: inline-block;
  width: 100px;
  height: 50px;
  text-align: center;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #000;
  background: #c7e2ff;
  border-color: #6cb3ff;
  border-radius: 10px;
}

@media only screen and (max-width: 767px){
  .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 20%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }


}
/*ページャーend*/


/*表示件数プルダウン*/
.ItemsShown{
  text-align: right;
  position: relative;
  bottom: 12px;
}
.ItemsShown select{
  padding: 0 10px;
}
.ItemsShown span{
  display: block;
}
/*表示件数プルダウンend*/


/*ページ内検索Box*/
.searchBox{
  display: grid;
  gap: 10px;
}
.searchGrit button{
  height: 28px;
  border-radius: 5px;
  padding: 0 24px;
}
.searchGrit select{
  padding: 0 12px;
  text-align: left;
}
.searchGrit input{
  width: 30%;
  padding: 0 12px;
  text-align: left;
}
.searchCalendar input[type=date]{
  width: 150px;
}
.searchCalendar input:nth-of-type(1){
  margin-right: 8px;
}
.searchCalendar input:nth-of-type(2){
  margin-left: 4px;
}
/*ページ内検索Box end*/


/*タスク作成*/
.required{
  background-color: #ff3a3a;
  color: #fff;
  border-radius: 5px;
  padding: 0 16px;
  margin-left: 12px;
}
.newTask ul li{
  margin: 28px 0;
}
.newTask ul li p{
  margin: 6px 0;
}
.weekCalendar tr:first-child td, .optionTable tr:first-child td{
  background-color: #FFC669;
}
.holiday{
  background-color: #69AEFF !important;
}
.weekCalendar tr td, .optionTable tr td{
  text-align: center;
  height: 50px;
  border-collapse: collapse;
  border: solid 1px #333;
  vertical-align: middle;
}
.weekCalendar tr td{
  width: 90px;
}
.newTask button{
  height: 28px;
  border-radius: 5px;
  padding: 0 24px;
}
.optionTable{
  width: 100%;
}
.btns{
  display: block;
  margin-top: 10px;
}
.numberBox{
  width: 70px;
  text-align: center;
}
.optionTable tr td{
  padding: 4px 10px;
}
.optionTable select{
  width: 100%;
}
.optionTable input{
  margin-right: 10px;
}
.titleBorder{
  position: relative;
  display: block;
  height: 40px;
  margin: 0 auto;
  border-left: 2px solid #707070;
  border-right: 2px solid #707070;
  text-align:center;
}
.titleBorder::after{
  content: "　";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #707070;
}
.titleBorder span{
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  line-height: 40px;
  position: relative;
  z-index: 1;
  padding: 4px 30px;
  font-size: 20px;
}
.scoutArea{
  height: 300px;
}
/*タスク作成end*/


/*簡易コード*/
.w100{
  width: 100%;
}
.w75{
  width: 75%;
}
.w50{
  width: 50%;
}
.w30{
  width: 30%;
}
.w25{
  width: 25%;
}
.w10{
  width: 10%;
}
.taL{
  text-align: left;
}
.taC{
  text-align: center;
}
.taR{
  text-align: right;
}
/*簡易コードend*/

/*簡易コード強制*/
.w100i{
  width: 100% !important;
}
.w75i{
  width: 75% !important;
}
.w50i{
  width: 50% !important;
}
.w30i{
  width: 30% !important;
}
.w25i{
  width: 25% !important;
}
.w10i{
  width: 10% !important;
}
/*簡易コード強制end*/


/* 数値の入力欄にスピナーを常時表示する */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
/* 数値の入力欄にスピナーを常時表示するend */


/*タスク実行履歴*/
.taskHistory{
  width: 100%;
}
.taskHistory tr:first-child td,
.okikaeword tr:first-child td{
  background-color: #FFC669;
}
.taskHistory tr:first-child td:nth-of-type(8){
  background-color: #FF8469;
}
.taskHistory tr:first-child td:nth-of-type(9){
  background-color: #69AEFF;
}
.taskHistory tr:first-child td:nth-of-type(10){
  background-color: #5DCA76;
}
.taskHistory tr:not(:first-child){
  background-color: #fff;
}
.taskHistory tr td,
.okikaeword tr td{
  border-collapse: collapse;
  border: solid 1px #333;
  vertical-align: middle;
  height: 50px;
  padding: 4px 8px;
}
.taskHistory tr:first-child,
.okikaeword tr:first-child{
  text-align: center;
}
.taskHistory tr:not(:first-child) td:nth-of-type(4),
.taskHistory tr:not(:first-child) td:nth-of-type(5){
  text-align: center;
}
.taskHistory tr:not(:first-child) td:nth-of-type(1),
.taskHistory tr:not(:first-child) td:nth-of-type(2),
.taskHistory tr:not(:first-child) td:nth-of-type(8),
.taskHistory tr:not(:first-child) td:nth-of-type(9),
.taskHistory tr:not(:first-child) td:nth-of-type(10) {
  text-align: right;
}
.taskHistory tr td:nth-of-type(6),
.taskHistory tr td:nth-of-type(7),
.taskHistory tr td:nth-of-type(8),
.taskHistory tr td:nth-of-type(9),
.taskHistory tr td:nth-of-type(10){
  width: 100px;
}
/*テーブルend*/

/*TOPその他*/
.topMore{
 text-align: right;
 padding-left: 20px;
}
/*タスク実行履歴end*/


/*送信担当者リスト*/
.scoutIdIndex{
  position: relative;
  bottom: 28px;
}
.scoutIdIndex ul{
  position: absolute;
}
.scoutIdIndex ul{
  left: 0;
  width: 100%;
}
.scoutIdIndex ul li{
  display: inline-block;
}
.scoutIdIndex ul:nth-child(1) li:nth-child(2){
  margin-left: 110px;
}
.scoutIdIndex ul:nth-child(1) li:nth-child(3){
  margin-left: 28%;
}
.scoutIdBox ul li span input[type=text]{
  width: 45%;
}
/*送信担当者リストend*/


/*求人案件リスト*/
.jobIndex{
  position: relative;
  bottom: 28px;
}
.jobIndex ul{
  position: absolute;
}
.jobIndex ul:nth-child(1){
  left: 0;
}
.jobIndex ul li{
  display: inline-block;
}
.jobIndex ul:nth-child(1) li:nth-child(2){
  margin-left: 94px;
}
.jobIndex ul:nth-child(1) li:nth-child(3){
  margin-left: 270px;
}
.jobItem > span:nth-of-type(1){
  width: 330px;
  display: inline-block;
}
.switch{
  margin-left: 16px;
}
/*求人案件リストend*/


/*メッセージテンプレート*/
.messageIndex{
  position: relative;
  bottom: 28px;
}
.messageIndex ul{
  position: absolute;
}
.messageIndex ul:nth-child(1){
  left: 0;
}
.messageIndex ul li{
  display: inline-block;
}
.messageIndex ul:nth-child(1) li:nth-child(2){
  margin-left: 94px;
}
.messageIndex ul:nth-child(1) li:nth-child(3){
  margin-left: 112px;
}
.messageItem > span:nth-of-type(1){
  width: 320px;
  display: inline-block;
}
/*メッセージテンプレートend*/


/*置き換えパーツ*/
.okikaeList input[type=text]{
  width: 50%;
}
.okikae input{
  width: 75%;
  min-width: 200px;
  max-width: 310px;
}
.okikaeIndex{
  position: relative;
  bottom: 28px;
}
.okikaeIndex ul{
  position: absolute;
}
.okikaeIndex ul:nth-child(1){
  left: 0;
}
.okikaeIndex ul li{
  display: inline-block;
}
.okikaeIndex ul:nth-child(1) li:nth-child(2){
  margin-left: 126px;
}
.okikaeIndex ul:nth-child(1) li:nth-child(3){
  margin-left: 28em;
}
/*置き換えパーツend*/


/*ログインID・PASS*/
.listGrit4 .new,
.listGrit4 .delete{
  width: 90px;
  height: 28px;
  border-radius: 5px;
  text-align: center;
}
/*ログインID・PASS end*/


/*ユーザー情報*/
.myPage ul li input[type=email]{
  margin: 4px 0;
}
/*ユーザー情報end*/


/*ユーザー管理*/
.manageuser tr:first-child td:nth-of-type(5){
  width: 10em;
}
.manageuser tr td input,
.manageuser tr td select{
  margin: 8px 0;
}
.manageuser button{
  padding: 6px;
  height: 28px;
  border-radius: 5px;
  text-align: center;
  font-size: 0.9em;
}
/*ユーザー管理end*/


/*画像管理*/
.imageBox img{
  width: 100%;
  padding: 1%;
}
.imageBox label{
  display: block;
}
.imageBox label img{
  pointer-events: none;
}
.imageBox tr{
  height: 14em;
}
.imageBox td{
  text-align: center;
}
.imageBox .btns{
  text-align: right;
  margin-bottom: 16px;
}
.imageBox button{
  height: 28px;
  border-radius: 5px;
  padding: 0 24px;

}
/*画像管理end*/


/*ツールチップ*/
.btn-question {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #333;
  color: white;
  text-align: center;
  text-decoration: none;
}

.tooltip {
  position: relative;
}

.tooltip:hover::before,
.tooltip:hover::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip:hover::before {
  bottom: 120%;
  width: 200px;
  padding: 0.3rem 0.7rem;
  background-color: #333;
  line-height: 1.5;
  content: attr(tooltip-title);
}

.tooltip:hover::after {
  bottom: 95%;
  border: 5px solid transparent;
  border-top-color: #333;
  content: '';
}
/*ツールチップend*/


/*スカウト数の推移（graph）*/
.graph{
  margin-top: 46px;
}
/*スカウト数の推移（graph）end*/

/*ラジオボタン*/
input[type="radio"] {
  padding: 0;
  margin: 0 6px;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: '';
}
/*ラジオボタンend*/

.flexColumn {
  display:flex;
  flex-direction:column;
}

input[disabled],
textarea[disabled],
select[disabled] {
  background-color: #fff3cd !important;
  /*background-color: #d3d3d3 !important; */
  color: #000000;
}