@charset "UTF-8";

/*---------------------------------
写真（角丸、丸）
--------------------------------*/
/*.pic1 img {*/
	 /*角丸の指定なし*/
/*}*/
.pic2 img {
	border-radius: 20px;
}
.pic3 img {
	border-radius: 90px;
}

/*---------------------------------
テーブル枠なし、背景白
※透明にしたいがやり方不明
--------------------------------*/
table.simpletable td {
  border: none;
  background: #FFFFFF;
}

/*---------------------------------
テーブル枠あり、背景白
※透明にしたいがやり方不明
--------------------------------*/
table.bordertable th {
  border: 1px normal #808080;
  text-align: start;
  width: 220px;
  border-radius: 0px;
  font-weight: normal;
}
table.bordertable td {
  border: 1px solid #808080;
  background: #FFFFFF;
}

/*---------------------------------
メンター対応カテゴリ用リスト
--------------------------------*/
ul.simplelist {
   padding: 0px;          /* 内側の余白を消す */
   list-style-type: none; /* リストの先頭記号を消す */
}

ul.simplelist li {
   display: inline-block;      /* 横方向に並べる指定 */
   padding: 0.3em 0.5em;      /* 内側の余白を調整 */
   text-decoration: none;     /* リンクの下線を消す */
   border: 1px solid #cccccc; /* 枠線の指定 */
   border-radius: 9px;        /* 角を丸くする */
   margin-right: 10px;           /* 外側の余白を消す */
   background-color:#fff;
}


/*---------------------------------
位置揃え用span
--------------------------------*/
span.simple1{
  display: inline-block;
  width: 10em;
}

/*---------------------------------
メンター検索の職種、カテゴリ用（押したら開く）
--------------------------------*/
/*ボックス全体*/
.accbox {
    /*margin: 2em 0;*/
    margin: 0px;
    padding: 0;
    /*max-width: 400px;/*最大幅*/
}
/*ラベル*/
.accbox label {
    display: block;
    /*margin: 1.5px 0;*/
    margin: 10px 10px 1px 10px;
    padding : 5px 10px;
    color :#C8A063;
    /*font-weight: bold;*/
    background :#FFFFFF;
    cursor :pointer;
    transition: all 0.5s;
    border-radius: 10px;
    border:1px solid #C8A063;
    height:2.5em;
    padding-top:10px;
}
/*ラベルホバー時*/
.accbox label:hover {
    background :#C8A063;
    color:#FFFFFF;
}
/*チェックは隠す*/
.accbox input {
    display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: transparent;
    opacity: 1;
    margin-left: 10px;
}

/*リンクの表示*/
a.simple1{
    color: #808080;
    text-decoration: none;
}
a.simple1:hover{
    color: #C8A063;
    text-decoration: underline;
}

/*リンクのサイドバー用*/
a.simple2{
    color: #000000;
    text-decoration: none;
}
a.simple2:hover{
    color: #A5D713;
    text-decoration: underline;
}

/*---------------------------------
submitボタン用
--------------------------------*/
input#simplebutton {
  display: inline-block;
  text-decoration: none;
  color: #FFFFFF;
  background: #C8A063;/*背景色*/
  border : none;
  border-radius: 20px;/*角の丸み*/
  box-shadow: inset 0 5px 0 rgba(255,255,255,0.2), 0 5px 5px rgba(0, 0, 0, 0.19);
  text-align    : center;      /* 文字位置   */
  padding       : 10px;   /* 余白       */
  transition    : .1s;         /* なめらか変化 */
  width : 100px;
  font-size : 18px;
  line-height   : 1em;         /* 1行の高さ  */
}
input#simplebutton:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*---------------------------------
text インプット用
--------------------------------*/
input#simpletext {
  width : 500px;
  margin: 0px 10px 0px 10px;
  max-width : 500px;
  line-height   : 20px;         /* 1行の高さ  */
  padding       : 10px;   /* 余白       */
  background    : #FFFFFF;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  border        : 1px solid #C8A063;    /* 枠の指定 */
  font-size : 16px;
  border-radius : 10px;
}

/*---------------------------------
メンター評価（星）入力用
--------------------------------*/
.rating {
    line-height: 1;
    color: gold;
    font-size: 24px;
}
.rating input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.rating label {
    display: inline-block;
}
.rating input:focus + label {
    outline: 1px solid currentColor;
}
.rating input:checked + label ~ label {
    color: grey;
}

/*---------------------------------
メンター評価（星）表示用
--------------------------------*/
.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    font-size: 20px; /*フォントサイズ 自由に設定化 */
}
.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}
.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */


/*---------------------------------
OLB用チューニング
--------------------------------*/
.alert:before{
	display:none;
}

/*通知用バッジ*/
.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:-10px;
   font-size:.7em;
   background:red;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #000;
}

/*マイページメニュー用*/
.mynav {
  width: 200px;
  margin: 0;
  padding: 0;
}
.mynav li {
  position: relative;
  width: 200px;
  height: 40px;
}
.mynav > li {
  list-style-type: none;
  border-bottom: none;
}
.mynav li:last-child {
  border-bottom: none;
}
.mynav li:hover > ul > li {
  border-bottom: none;
}
.mynav li > ul > li:last-child {
  border-bottom: none;
}
.mynav li a {
  display: block;
  width: 200px;
  height: 40px;
  color: #000;
  font-size: 14px;
  line-height: 2.8;
  padding: 0 5px;
  background: #FFF;
  /*border-bottom: 1px solid #eee;*/
  box-sizing: border-box;
  text-decoration: none;
  /*transition: 0.3s;*/
}
.mynav > li:hover > a {/*layer-1*/
  color: #A5D713;
  /*background: tranceparent*/;
  /*transition: 0.5s;*/
}
.mynav > li li:hover > a {/*layer-2*/
  color: #A5D713;
  /*background: tranceparent;*/
}
.mynav li:hover > ul > li {
  overflow: visible;
  top: -55px;
  left: 150px;
  height: 40px;
  z-index: 1000;
}
.mynav li ul li {
  overflow: hidden;
  height: 0;
  left: 110px;
  list-style: none;
  transition: 0.5s;
}
.mynav li ul li a {
  background: tranceparent;
  transition: 0.3s;
}
.mynav li ul:before {
  position: absolute;
  content: "";
  top: 14px;
  left: 170px;
  border: 5px solid transparent;
  border-left: 5px solid #A5D713;
}
.mynav li:hover ul li ul li:hover > a {/*layer-3*/
  color: pink;
  background: #afc6e2;
}

/* オリジナル見出し（黄緑） */
.k_head {
	border: 1px solid #A5D713;
  background-color:#FFF;
/*  height:2.5em;*/
  width:100%;
	margin-bottom:10px;
	padding: 10px;
	box-shadow: 2px 2px 1px #A5D713;
	border-radius: 8px;
	font-size:18px;
	font-weight:bold;
}

/* メイン部 */
.k_main {
  width: 100%;
  padding: 30px 2.5%;
  margin-top:10px;
}

/* メイン部白抜き */
.k_wbox {
  margin-top:20px;
  padding:10px;
  padding-left:10px;
  background-color:#FFF;
}

@media screen and (max-width: 640px) {
  .k_wbox {
    margin-top:20px;
    padding-top:30px;
    padding-left:10px;
    background-color:#FFF;
  }
}

/* 問い合わせフォーム用　*/
  .k_main_toiawase{
    width:70%;
    margin-left:15%;
    margin-top:10px;
  }
  .wpcf7-text{
    width:95%;
    margin-top:10px;
    margin-bottom:30px;
    padding:10px;
    background-color:#fff;
    margin-left:10px;
  }
  .wpcf7-textarea{
    width:95%;
    margin-top:5px;
    margin-bottom:10px;
    padding:10px;
    background-color:#fff;
    margin-left:10px;
    height: 8em;
  }
  .wpcf7-checkbox span.wpcf7-list-item{
    display: block;
    margin: 10px 20px;
  }
  .wpcf7-checkbox span.first{
    margin-top: 20px;
  }
  .wpcf7-checkbox .wpcf7-free-text{
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left:10px;
    padding: 10px;
    width: 50%;
    min-width: 90%;
  }
  input.wpcf7-submit{
    width:95%;
    font-weight:bold;
    padding:20px;
    margin-left:10px;
    background-color:#a5d713;
    border:2px solid #a5d713;
    border-radius:10px;
    color:#fff;
    font-size:large;
    margin-top:30px;
    cursor:pointer;
  }
  br.k_brsp{
    display:none;
  }

  @media screen and (max-width: 768px) {
    .k_main_toiawase{
      width:96%;
      margin-left:2%;
      padding-top:20px;
    }
    br.k_brsp{
      display:block;
    }
  }


/*タスク管理の追加フォーム用*/
span.k_headadd_task{
  display:inline-block;
  width:10%;
  margin:11px 0px 0px 0px;
  padding:0;
  font-weight:bold;
}
@media screen and (max-width: 768px) {
  span.k_headadd_task{
    display:inline-block;
    width:10%;
    margin:11px 0px 0px 0px;
    padding:0;
    font-weight:bold;
    font-size:small;
  }
}
div.k_line_task{
  margin:0px 0px 5px 30px;
  padding:0;
  display:inline-flex;
  width:100%;
}
div.k_addline_task{
  margin:0px 0px 5px 0px;
  padding:0;
  display:inline-flex;
  width:70%;
}
@media screen and (max-width: 768px) {
  div.k_addline_task{
    margin:0px 0px 5px 0px;
    padding:0;
    display:inline-flex;
    width:70%;
  }
}
div.k_addrec_task{
  background-color:#FFF;
  padding:10px;
  border-radius:10px;
  border:2px solid #FF6600;
  margin-top:0px;
  margin-bottom:30px;
}
div.k_orangehead_task{
  background-color:#FF6600;
  padding:10px;
  margin:0px 0px 0px 10px;
  color:#FFF;
  width:30%;
  text-align:center;
  border-radius:10px 10px 0px 0px;
}
@media screen and (max-width: 768px) {
  div.k_orangehead_task{
    background-color:#FF6600;
    padding:10px;
    margin:0px 0px 0px 10px;
    color:#FFF;
    width:80%;
    text-align:center;
    border-radius:10px 10px 0px 0px;
  }
}

textarea.k_area_task{
  font-size:13px;
  margin:1px;
  padding:2px;
  min-height:3em;
  background-color:#FFFAF0;
  width:70%;
}

select.k_select_task{
  width:70%;
  margin:0;
  padding:0;
  height:2.2em;
  background-color:#FFFAF0;
}
select.k_select_taskshort{
  width:20%;
  margin:0;
  padding:0;
  height:2.2em;
  background-color:#FFFAF0;
}
@media screen and (max-width: 768px) {
  select.k_select_taskshort{
    width:20%;
    margin:0;
    padding:0;
    height:2.2em;
    background-color:#FFFAF0;
  }
}
button.k_addbutton_task{
  padding:10px 30px 10px 30px;
  text-align:center;
  margin:10px 0px 10px 30px;
  background-color:#FF6600;
  color:#fff;
  border:2px solid #FF6600;
  border-radius:10px;
  font-weight:bold;
}

@media screen and (max-width: 768px) {
  div#login_block {
    padding-top: 40px;
  }
}

div.k_alert{
  background-color: #fff;
  padding: 10px;
  color: red;
  font-weight: bold;
  margin-bottom: 30px;
  width: 100%;
  border: 1px solid red;
  border-radius: 10px;
}

div.k_notice{
  background-color: #fff;
  padding: 10px;
  color: #A5D713;
  margin-bottom: 30px;
  width: 100%;
  border: 1px solid #A5D713;
  border-radius: 10px;
}

div.k_warning{
  background-color: #fff;
  padding: 10px;
  color: #e37006;
  margin-bottom: 30px;
  width: 100%;
  border: 1px solid #e37006;
  border-radius: 10px;
}

.k_pdfdl{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #fff;
	padding: 5px 10px;
	font-size: small;
	border-radius: 0px 0px 10px 10px;
}
.k_pdfdl img{
	vertical-align: middle;
	margin-right: 5px;
}
.k_pdfdl p{
	color: #c8a063;
}

.k_tenpudummy{
  display: none;
}
.k_tenpufile{
  padding: 10px;
  margin: 100px 20px 0px 0px;
  color: #626262;
  background-color: #d5d5d5;
  cursor: pointer;
  width: 20%;
  text-align: center;
  border-radius: 10px;
  display: inline;
}
.k_tenpu_ul{
  margin-left: 20px;
  margin-top: 25px;
}
.k_tenpu_ul li{
  margin: 10px 0px;
  list-style: disc;
  text-decoration: underline #a5d713 3px;
}
.k_tempu_a{
  text-decoration: underline #a5d713 3px;
}
.k_tempu_del{
  margin-left: 20px;
  text-decoration: underline #fff 3px;
  color: #626262;
  cursor: pointer;
}
.k_tenpulabel{
  color: #626262;
  font-size: smaller;
  margin-top:3px;
}

.k_tempsave {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background-color: #fff;
  border: 3px solid #a5d713;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #a5d713;
  font-size: 16px;
  font-weight: bold;
  z-index: 999;
  padding: 4px 0;
}
.k_tempsave p:nth-child(1) {
  margin-right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) {
  .k_tempsave p:nth-child(1) {
    margin-right: 20px;
  }
}
@media (min-width: 768px) {
  .k_tempsave {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.19);
            box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.19);
    width: 200px;
    right: 0;
    left: unset;
    height: 80px;
    border-radius: 10px 0 0 10px;
    font-size: 20px;
    line-height: 24px;
    bottom: 20px;
  }
}

/* Add fixes */
.bs .btn-primary {
  color: white;
}

.bs .btn-warning {
  background-color: #c8a064;
  color: white;
}


.k_form .form-label {
  text-decoration: underline 3px solid #a5d714;
}
.bs .modal {
  background: rgba(0,0,0,0.2);
}
.k_modal_top{
  background-color: #a5d714;
  margin-right: 20px;
  padding: 10px;
  font-weight: bold;
  font-size: 22px;
  border-radius: 5px;
  color: #fff;
}

/*o-box内のタブ切替用*/
.o-box .tab-list {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.o-box .tab-list .tab-list__item {
  width: 150px;
  padding: 15px 0;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  font-size: 18px;
  background-color: #d9d9d9;
  border-bottom: 3px solid #a5d714;
  cursor: pointer;
  transition: all 0.2s ease 0s;
}
.o-box .tab-list .tab-list__item:hover {
  opacity: .75;
}
.o-box .tab-list .tab-list__item.ac {
  background-color: #a5d714;
}
.o-box .tab-list .tab-list__item.ac:hover {
  opacity: 1;
}

/*注釈のデザイン*/
div.annotation{
  color: #626262;
  border: 1px solid #626262;
  border-radius: 3px;
  background-color: #fff;
  margin-top: -5px;
  margin-bottom: 15px;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1.4em;
  font-weight: bold;
}


/**
 * [メッセージ通知] Layouts
 */
.c-alert-msg {
  display: none;
  padding: 12px 20px;
  align-items: center;
  border-radius: 5px;
  margin: 10px 0 0;
  border: 1px solid;
  width: 60%;
}
.c-alert-msg .c-alert-msg__contents {
  margin-left: 10px;
}
.c-alert-msg .c-alert-msg__contents p {
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}
.c-alert-msg.ac { display: flex; }
.c-alert-msg i { font-size: 25px; }
.c-alert-msg.w-full { width: 100%; }


.c-alert-msg__success {
  background-color: #EAF7EC;
  border-color: #06AD42;
}
.c-alert-msg__success i,
.c-alert-msg__success p { color: #06AD42; }


.c-alert-msg__warning {
  background-color: #FFF1F0;
  border-color: #FF3643;
}
.c-alert-msg__warning i,
.c-alert-msg__warning p { color: #FF3643; }


/**
 * [注釈] Layouts
 */
.notes-list {
  line-height: normal;
}
.notes-list .notes-list__item {
  color: #df6a6a;
  font-size: 14px;
}


/**
 * [header Overlap] PC Layouts
 */
body .pc-header {
  height: 62px;
}
.pc-header .pc-header__left a {
  display: flex;
  align-items: center;
}
.pc-header .pc-header__left a img {
  width: 140px;
}
.pc-header .pc-header__left span {
  display: inline-block;
  margin-left: 10px;
  color: #FFF;
}
.pc-header .pc-header__right__rank {
  flex-direction: column;
  justify-content: center;
  margin-right: 18px;
}
.pc-header .pc-header__right__rank p:first-child {
  margin: 0 0 5px 0;
}
.pc-header .pc-header__right__rank p:last-child {
  font-size: 14px;
}
.pc-header .pc-header__right__human {
  margin-right: 12px;
}
.pc-header .pc-header__right__human > p {
  font-size: 12px;
  line-height: normal;
}
.pc-header .pc-header__right__bell {
  border-left: 1px solid #FFF;
  padding: 0 14px;
}
.pc-header .pc-header__right__bell .number {
  right: 7px;
}
.pc-header .pc-header__right__setting {
  display: flex;
  align-items: center;
  border-left: 1px solid #FFF;
  padding: 0 14px;
}
.pc-header .pc-header__right__setting a,
.pc-header .pc-header__right__faq a {
  display: block;
}
.pc-header .pc-header__right__faq {
  display: flex;
  align-items: center;
  padding: 0 14px;
}


/**
 * [header Overlap] SP Layouts
 */
body .sp-header {
  height: 50px;
}
.sp-header .sp-header__left {
  width: 45%;
  padding: 10px 0 10px 10px;
}
.sp-header .sp-header__left a {
  display: flex;
  align-items: center;
}
.sp-header .sp-header__left a img {
  width: 65%;
}
.sp-header .sp-header__left a span {
  display: inline-block;
  width: 35%;
  font-size: 11px;
  color: #FFF;
  margin-left: 5px;
}
.sp-header .sp-header__right {
  width: 55%;
}
.sp-header #nav,
.sp-header #nav_bell {
  top: 50px;
}
.sp-header .sp-header__right__bell {
  border-left: 1px solid #FFF;
  padding: 0 10px;
  margin-right: 8px;
}
.sp-header .sp-header__right__bell .number {
  right: 3px;
}
.sp-header .sp-header__right__setting {
  display: flex;
  align-items: center;
  border-left: 1px solid #FFF;
  padding: 0 10px;
  height: 100%;
}
.sp-header .sp-header__right__setting a,
.sp-header .sp-header__right__faq a {
  display: block;
}
.sp-header .sp-header__right__faq {
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;
  height: 100%;
}


main .container {
  margin-top: 50px;
}




@media (min-width: 1024px) {
  body .pc-header {
    padding: 0 0 0 30px;
  }
  main .container {
    margin-top: 0;
  }
}