@media all and (-ms-high-contrast:none) {
  .rich_txt > dl > dd > ul li:nth-child(odd):before, .rich_txt ol li:before, .categoryList__tag li a, .column__categoryName, .categoryList__category li a {
    font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  }
}

/*//*/
/*//*/
/*全体//*/

body{
  color:#333;
}
.knowhow__outer{
  padding: 60px 0;
  margin: 20px auto 0;
  max-width: 1000px;
  width: 100%;
  background: #fff;
}
.knowhow__detail__inner{
  margin: 0 auto;
  max-width:680px;
  width: 100%;
}
.wrap_header{
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
.date{
  font-size: 11px;
}
.category_head{
  font-weight: bold;
  display: inline-block;
  padding: 5px 20px;
  margin: 0 0 0 15px;
  border-radius: 21px;
  font-size: 11px;
  color: white;
  background-color: #005EAB;
  text-decoration: none;
  transition: opacity .2s linear;
}
.category_head:hover {
  opacity: .7;
}
/*//全体*/
/*H1//*/
.knowhow__detail__inner h1{
  text-align: left;
  font-size: 25px;
  margin:0 0 15px 0;
}
/*//H1*/
/*メインビジュアル//*/
.mv{
  margin: 0 0 40px 0;
}
.mv img {
  width: 100%;
  height: auto;
}

/*//メインビジュアル*/
/*記事まとめ//*/
.article_list{
  border: 2px solid #FFC000;
  border-radius: 10px;
  position: relative;
  padding: 30px 30px 20px 60px;
  margin:40px 0 20px 0;
}
.article_list p{
  position: absolute;
  top: -19px;
  left: 20px;
  background: #FFC000;
  border-radius: 20px;
  color: #005EAB;
  padding: 5px 15px;
  width: 145px;
  height: 25px;
  font-size:15px;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  align-items: center;
 }
.article_list p::before{
  content: "!";
  position: absolute;
  top:5px;
  left:10px;
  background:#fff;
  width:25px;
  height:25px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article_list ul li{
  position: relative;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 15px 0;
  padding:unset;
}
.article_list ul li:last-child{
  margin:0;
}
.article_list ul li::before{
  content: url(../img/icon_check.svg);
  display: block;
  position: absolute;
  top: -4px;
  left: -30px;
  width: 10px;
  height: 5px;
}
/*//記事まとめ*/

/*リード文//*/
.read{
  font-size: 15px;
  margin:0 0 50px 0;
  line-height: 1.7;
}
.read p{
  margin:0 0 20px 0;
}
/*//リード文*/

/*申込ボタン//*/
.btn_apply {
  position: relative;
}

.btn_apply a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:#D10042;
  border-radius: 20px;
  width:600px;
  height:67px;
  box-shadow: 0px 3px 16px #00000073;
  color:#fff;
  text-align: center;
  padding: 15px 0 10px 0;
  margin:0 auto 50px;
}
.btn_apply a::after{
  content: '';
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  transition: right 0.2s;
}
.btn_apply a p {
  margin: 0;
  padding: 0 25px 0 0;
}
.btn_apply a p:first-child{
  font-size: 13px;
  line-height: 1.5;
}
.btn_apply a > p + p{
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
}
/*//申込ボタン*/

/*バナー//*/
.bnr_box01 {
  margin:0 0 30px 0;
  display: block;
}
.bnr_box01:hover, .rich_txt p a:hover{
  opacity: 0.7;
}
.rich_txt .bnr_box01 a:not(.wrap_related)[target="_blank"] {
  display: block;
}
.rich_txt .bnr_box01 a:not(.wrap_related)[target="_blank"]::after {
  display: none;
}
/*//バナー*/

/*目次//*/
.table_of_contents{
  border:1px solid #003B6B;
  border-radius: 10px;
  padding:0;
}
.table_of_contents p{
  color:#003B6B;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  padding: 20px;
}
.table_of_contents p::before{
  content: '';
  margin: 7px 10px 0 0;
  border-top: 2px double #0A9FC2;
  border-right: 2px double #0A9FC2;
  width: 5px;
  height: 5px;
  transform: translateY(50%) rotate(-225deg);
  transition: 0.2s;
}
.table_of_contents p.active{
  margin:0;
  padding: 20px;
}
.table_of_contents p.active::before{
  transform: translateY(50%) rotate(-315deg);
  transition: 0.4s;
}
.table_of_contents dl{
  padding: 0 20px 20px 20px;
  counter-reset: tob;
}
.table_of_contents dl a{
  color:#003B6B;
  text-decoration: none;
}
.table_of_contents dl a:hover{
  text-decoration: underline;
}
.table_of_contents dl dt{
  font-size:18px;
  font-weight: bold;
  color:#003B6B;  
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.35em;
}
.table_of_contents dl dt::before{
  counter-increment: tob;
  content: counter(tob) ". "; 
}
.table_of_contents dl dt:nth-child(n+2){
  margin:15px 0 0 0;
}
.table_of_contents dl dd{
  font-size:15px;
  padding: 3px 0 0 30px;
  color:#003B6B;
  position: relative;
}
.table_of_contents dl dd:before{
  position: absolute;
  content:url('../img/icon_line.svg');
  display: block;
  top:0;
  left:15px;
  width:11px;
  height:24px;
}
.table_of__toggle{
  padding: 0;
}
.table_of__toggle dl{
  padding: 0 20px;
}
/*//目次*/








/*リッチテキスト////////////////////////////////////////////////////////////////////////////*/
.rich_txt {
  margin-top: 20px;
}

/*バナー//*/
.rich_txt .bnr_box01 a:hover{
  opacity: 0.7;
}
/*//バナー*/

/*ｈ２、ｈ３、ｈ４//*/
.rich_txt h2{
  background:#0A9FC2;
  border-radius: 5px;
  padding:10px 15px;
  font-size:20px;
  font-weight: bold;
  color:#fff;
  margin:50px 0 20px 0;
}
.rich_txt h3{
  font-size:18px;
  font-weight: bold;
  color:#003B6B;
  border-bottom: 3px solid #0A9FC2;
  padding: 0 0 5px 0;
  margin: 40px 0 20px 0;
}
.rich_txt h4{
  font-size:15px;
  font-weight: bold;
  color:#003B6B;
  border-left: 5px solid #0A9FC2;
  padding: 0 0 0 10px;
  margin: 40px 0 20px 0;
}
/*//ｈ２、ｈ３、ｈ４*/
/*関連記事や関連コンテンツの追加/*/
.rich_txt .wrap_related{
  border:1px solid #B0B0B0;
  border-radius: 10px;
  padding: 30px 15px 15px 15px;
  margin: 25px 0 30px 0;
  text-decoration: none;
  display: block;
  color: #333;
  position: relative;
}
.rich_txt .wrap_related:hover{
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
}
.rich_txt .wrap_related:hover .inrbox_relatedTitle {
  color: #005EAB;
}
.rich_txt .box_related{
  display: flex;
  align-items: center;
}
.rich_txt .box_related img {
  height: 84px;
  margin: 0 15px 0 0;
}
.rich_txt .inrbox_related .inrbox_relatedText{
  width:30%;
  width:fit-content;
  min-width: 0%;
  max-width: 435px;
  text-align: center;
  background:#FFC000;
  border-radius: 5px;
  padding: 5px 15px;
  font-size:13px;
  font-weight: bold;
  border: 1px solid #b0b0b0;
  position: absolute;
  left: 15px;
  top: -17px;
  margin-bottom:0;
}

.rich_txt .inrbox_relatedTitle {
  font-size:15px;
  font-weight: bold;
  overflow: hidden;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin:0;
}
.rich_txt .wrap_related:hover .inrbox_relatedTitle{
  color:#005EAB;
}
.rich_txt .wrap_relatedExcerpt{
  color:#979797;
  font-size: 13px;
  overflow: hidden;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin:0;
}
/*//関連記事や関連コンテンツの追加*/
/*追加してほしいCSS//*/


.rich_txt img{
  max-width: 100%;
  height: auto;
}
.rich_txt p{
  font-size:15px;
  margin:0 0 20px 0;
  line-height:1.7;
}
.rich_txt strong{
  font-size: 15px;
  color:#005EAB;
  font-weight:bold;
}
.rich_txt em{
  color:#005EAB;
  background: linear-gradient(transparent 60%, #FFE79C 60%) no-repeat;
  background-size: 100% 80%;
  font-style: normal;
}
.rich_txt a:not(.wrap_related)[target="_blank"]  {
  color:#0A9FC2;
  font-weight:bold;
  text-decoration: underline;
  position: relative;
}
.rich_txt a:not(.wrap_related)[target="_blank"]::after {
  content: "";
  background: url(../img/icon_link.svg) no-repeat;
  height: 1rem;
  width: 1rem;
  margin: 0 0 0 5px;
  display: inline-block;
  transform: translateY(6px);
}
.rich_txt a:not(.wrap_related)[target="_blank"]:hover {
  text-decoration: none;
}

/*背景//*/
.rich_txt .bg_box{
  background:#EFFAFC;
  padding:30px;
  border-radius: 10px;
}
.rich_txt .bg_box > p{
  font-size:15px;
  font-weight: normal;
  line-height:1.7;
  color: #333;
}
.rich_txt .bg_box > *:last-child {
  margin: 0;
}
/*//背景*/

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

.rich_txt > table table {
  width: 100% !important;
  min-width: 100%;
}

.rich_txt > table table thead th{
  background: #005EAB;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width:225px;
  border:1px solid #B0B0B0;
  box-sizing: border-box;
  padding: 10px 0;
}
.rich_txt > table table tbody th{
  font-weight: bold;
}
.rich_txt > table table tbody td{
  font-weight: normal;
}
.rich_txt > table table tbody th,.rich_txt > table table tbody td{
  font-size: 14px;
  width:225px;
  border:1px solid #B0B0B0;
  box-sizing: border-box;
  padding: 10px 10px;
  text-align: center;
}
.rich_txt > table table > tbody > tr:nth-of-type(odd) > th{
  background:#EEEEEE;
}
.rich_txt > table table > tbody > tr:nth-of-type(even) > th {
  background: #DEDEDE;
}
.rich_txt > table table > tbody > tr:nth-of-type(even) {
  background: #F5F5F5;
}
.rich_txt > ul, .rich_txt > ol {
  margin:0 0 40px 0;
}
.rich_txt > ul > li:not(:last-child), .rich_txt > ol > li:not(:last-child){
  margin-bottom: 20px;
}
.rich_txt > ul > li, .rich_txt > ol > li{
  font-size:15px;
  padding-left: 35px;
  position: relative;
}
.rich_txt > ul > li:before{
  content:url(../img/icon_check_yellowblue.svg);
  width:25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.rich_txt > ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 .rich_txt > ol > li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #0A9FC2;
  color: #FFF;
  text-align: center;
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}





/*check//*/
.rich_txt > dl > dd {
  background:#EFFAFC;
  padding:30px;
  border-radius: 10px;
  margin: 0 0 40px 0;
}
.rich_txt > dl > dd > dl {
  padding: 0;
  margin:0;
}
.rich_txt > dl > dd > dl:not(:last-child),
.bg-list-check li:nth-child(even):not(:last-child) {
  border-bottom:1px dashed #0A9FC2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.rich_txt > dl > dd > dl > dt,
.bg-list-check li:nth-child(odd) {
  font-size: 15px;
  font-weight: bold;
  padding-left: 35px;
  margin-bottom: 15px;
  position: relative;
}
.rich_txt > dl > dd > dl > dt:before,
.bg-list-check li:nth-child(odd)::before {
  content: url(../img/icon_check_yellowblue.svg);
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.rich_txt > dl > dd > dl dd,
.bg-list-check li:nth-child(even) {
  font-size: 15px;
  line-height: 1.7;
}
/*//check*/
/*number//*/
.rich_txt > dl > dd > ul:not(.bg-list-check) li:nth-child(2n){
  list-style: none;
  border-bottom:1px dashed #0A9FC2;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
.rich_txt > dl > dd > ul:not(.bg-list-check) li:last-child{
  border-bottom:unset;
  padding: 0;
  margin:0;
}
.rich_txt > dl > dd > ul:not(.bg-list-check) li:nth-child(odd){
  font-size: 15px;
  line-height: 24px;
  font-weight: bold;
  padding: 0 0 15px 0;
  counter-increment: title;
  display: flex;
  align-items: center;
}
.rich_txt > dl > dd > ul:not(.bg-list-check) li:nth-child(odd):before{
  content: counter(title);
  background-color: #0A9FC2;
  color: #FFF;
  text-align: center;
  height: 25px;
  width: 100%;
  max-width: 25px;
  line-height: 25px;
  border-radius: 50%;
  margin: 0 10px 0 0;
}
.rich_txt > dl > dd > ul:not(.bg-list-check) li:nth-child(even){
  font-size: 15px;
  line-height: 1.7;
}
/*//number*/
/*//追加してほしいCSS*/
/*CVボタン//*/
.cv_box{
  margin: 60px 0 0 0;
}
.cv_inrbox{
  font-size: 18px;
  font-weight: bold;
  display: flex;
  color: #003B6B;
  padding: 0 0 5px 0;
  margin: 0 0 20px 0;
  border-bottom: 2px dashed #B0B0B0;
}
.cv_inrbox:nth-child(n+2){
  margin: 40px 0 0 0;
}
.cv_tag::before{
  content:"";
  background: url(../img/icon_tag.svg) no-repeat;
  width:25px;
  height:25px;
  padding: 0 5px 0 0;
  display: inline-flex;
}
.cv_writing::before{
  content:"";
  background: url(../img/icon_writing.svg) no-repeat;
  width:25px;
  height:25px;
  padding: 0 5px 0 0;
  display: inline-flex;
}
.cv_share::before{
  content:"";
  background: url(../img/icon_shere.svg) no-repeat;
  width:25px;
  height:25px;
  padding: 0 5px 0 0;
  display: inline-flex;
}
.writing_box{
  display: flex;
  padding: 20px 0 0 0;
}
.writing_box img{
  width:130px;
  max-width: 130px;
  height:130px;
  background:#E6EFF6;
  border-radius: 75px;
  margin: 0 15px 0 0;
}
.writing_ttl{
  font-size: 18px;
  font-weight:bold;
  padding: 0 0 5px 0;
}
.writing_inrbox{
  width:80%;
}
.writing_inrbox p + p{
  font-size:14px;
}
/*SNS//*/
.snsShare {
  margin: 20px 0 0 0;
}
.snsShare__body {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.snsShare__inner--shrink {
  display: none;
  flex-shrink: 1;
}
.snsShare__inner, .snsShare__inner--shrink {
  flex: 1 1 auto;
}
.snsShare__title {
  display: none;
  margin-right: 30px;
  font-size: 13px;
  font-weight: bold;
}
.snsShare__inner + .snsShare__inner, .snsShare__inner--shrink + .snsShare__inner, .snsShare__inner + .snsShare__inner--shrink, .snsShare__inner--shrink + .snsShare__inner--shrink {
  position: relative;
}
.snsShare__inner + .snsShare__inner::before, .snsShare__inner--shrink + .snsShare__inner::before, .snsShare__inner + .snsShare__inner--shrink::before, .snsShare__inner--shrink + .snsShare__inner--shrink::before{
  content: none;
  position: absolute;
  border-left: 1px solid #e5e5e5;
  top: 0;
  left: 0;
  bottom: 0;
}
.snsShare__inner, .snsShare__inner--shrink {
  flex: 1 1 auto;
}
.snsShare__list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.snsShare__item {
  padding: 5px;
  width: calc(100% / 3);
  position: relative;
}
.snsShare__anchor {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s;
  text-decoration: none;
  color:#333;
}
.snsShare__imgOuter,
.snsShare__imgOuter--x {
  flex: 0 0 auto;
}
.snsShare__imgOuter--x {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #000;
}

.snsShare__imgOuter--x img {
  width: 18px;
  height: 18px;
}
.snsShare__img {
  display: block;
  width: 35px;
  height: 35px;
}
.snsShare__text {
  margin-left: 20px;
  font-size: 14px;
  font-weight: bold;
}
.snsShare__item + .snsShare__item::before {
  content: '';
  position: absolute;
  border-left: 1px solid #e5e5e5;
  top: 0;
  left: 0;
  bottom: 0;
}
.snsShare__anchor:hover {
  opacity: 0.7;
}
/*//SNS*/

/*//CVボタン*/

@media screen and (max-width: 896px) { 
  /*全体//*/
  .knowhow__outer{
    padding: 40px 0;
    max-width: 100%;
  }
  .knowhow__detail__inner{
    max-width: 100%;
  }
  .knowhow__detail__box01{
    margin: 0 10px;
  }
  .knowhow__detail__box02{
    margin: 0 10px;
  }
  .wrap_header{
   margin: 0 0 20px 0;
  }
  /*//全体*/
  /*H1//*/
  .knowhow__detail__inner h1{
    font-size: 20px;
    margin: 0 0 15px 0;
  }
  /*//H1*/
  /*メインビジュアル//*/
  .mv img, .rich_txt h2 + p > img {
   width:100%;
  }
  .mv {
    min-height: 196px;
  }
  /*//メインビジュアル*/
  /*記事まとめ//*/
  .article_list{
    margin: 0 0 20px 0;
    padding: 30px 20px 20px 45px;
  }
  .article_list p{
    width:175px;
    height:35px;
  }
  /*//記事まとめ*/
  /*リード文//*/
  .read{
    font-size: 14px;
    margin: 0 0 40px 0;
  }
  /*//リード文*/
  /*申込ボタン//*/
  .btn_apply {
    margin: 0 auto 40px;
  }
  .btn_apply a{
    width: 100%;
    display: inline-table;
    margin: 0;
  }
  .btn_apply a::after {
    right: 15px;
  }
  .btn_apply a:hover{
    transform:none;
    transition: none;
    text-decoration: none;
  }
  .entryArea__btnLink:before{
    content:unset;
  }
  /*バナー//*/
  .bnr_box01 img{
    width:100%;
    height: auto;
  }
  /*バナー//*/

  .articles__btn{
    margin: 30px auto 0;
  }
  .table_of_contents{
    margin: 0 0 40px 0;
  }
  .table_of_contents p{
    font-size: 18px;
  }
  .table_of_contents dl{
    padding: 0 15px 20px 15px;
  }
  .table_of_contents dl dt{
    font-size: 15px;
  }
  .table_of_contents dl dd{
    padding: 5px 0 0 30px;
    top:5px;
    font-size: 14px;
  }

  .rich_txt p{
    font-size: 14px;
    margin: 0 0 20px 0;
  }
  /*Hタグ//*/
  .rich_txt h2{
    font-size: 18px;
    margin: 40px 0 20px 0;
  }
  .rich_txt h3{
    font-size: 16px;
    margin: 30px 0 20px 0;
  }
  .rich_txt h4{
    margin: 30px 0 20px 0;
  }
  .rich_txt h4 p{
    font-size: 14px;
    margin: 0 0 20px 0;
  }
  /*//Hタグ*/

  /**/
  /**/
  
  /*関連記事や関連コンテンツの追加/*/
  .rich_txt .inrbox_related p:first-child{
    font-size: 11px;
    top: -15px;
  }
  .rich_txt .inrbox_related > p + p{
    font-size: 13px;
  }
  .rich_txt .wrap_related{
    padding-top:24px;
  }
  .rich_txt .box_related{
    align-items: center;
  }
  .rich_txt .box_related img {
    width: 115px;
    height: 60px;
  }
  /*//関連記事や関連コンテンツの追加*/

  /*背景//*/
  .rich_txt .bg_box{
    padding:15px;
  }
  /*//背景*/

  /*//*/
  /*//*/
  .rich_txt > table{
    overflow: auto;
    white-space: nowrap;
    margin: 0 0 30px 0;
    display: block;
  }
  .rich_txt > table table {
    width:680px;
    min-width: 680px;
  }

  .rich_txt > ul > li:not(:last-child), .rich_txt > ol > li:not(:last-child){
    font-size: 14px;
  }
  /*check//*/
  .rich_txt > dl > dd {
    padding:15px;
    margin: 0 0 30px 0;
  }
  .rich_txt > dl > dd > dl > dt,
  .bg-list-check li:nth-child(odd){
    font-size: 14px;
  }
  .rich_txt > dl > dd > dl:not(:last-child),
  .bg-list-check li:not(:last-child) {
    margin-bottom: 15px;
  }
  .rich_txt > dl > dd > dl dd,
  .bg-list-check li:nth-child(even){
    font-size: 14px;
  }
  /*//check*/
  /*number//*/
  .rich_txt > dl > dd > ul:not(.bg-list-check) li:nth-child(odd){
    font-size: 14px;
    padding: 0 0 10px 0;
  }
  .rich_txt > dl > dd > ul:not(.bg-list-check) li:nth-child(even){
    font-size: 14px;
  }
  .rich_txt > dl > dd > ul:not(.bg-list-check) li:nth-child(2n){
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
  }
  .rich_txt > dl > dd > ul:not(.bg-list-check) li:last-child{
    border-bottom: unset;
    padding: 0;
    margin: 0;
}
  /*//number*/











  .cv_box{
    margin: 30px 0 0 0;
  }
  .cv_inrbox{
    font-size: 16px;
  }
  .cv_inrbox:nth-child(n+2){
    margin: 30px 0 0 0;
  }
  .writing_box img{
    width:100px;
    max-width:100px;
    height:100px;
  }
  .categoryList{
    margin:0;
  }
  .categoryList__inner{
    margin: 0 10px;
  }
  .knowhow__attn{
    margin:0;
  }
  .column__attnList{
    margin: 0 10px;
    max-width: unset;
    width:auto;
  }
  .snsShare__inner + .snsShare__inner::before, .snsShare__inner--shrink + .snsShare__inner::before, .snsShare__inner + .snsShare__inner--shrink::before, .snsShare__inner--shrink + .snsShare__inner--shrink::before {
    content: '';
  }
  .snsShare__body {
    padding: 0 15px;
  }
  .snsShare__inner--shrink {
  display: block;
  }
  .snsShare__inner, .snsShare__inner--shrink {
  flex: 0 0 auto;
  }
  .snsShare__title {
  display: block;
  text-align: center;
  color:#003B6B;
  }
  .snsShare__item {
  padding-left: 25px;
  padding-right: 0;
  }
  .snsShare__item + .snsShare__item::before {
  display: none;
  }
  .snsShare__anchor {
  display: block;
  }
  .snsShare__text {
  display: none;
  }
  .snsShare__item {
  padding-left: 25px;
  padding-right: 0;
  }
  .snsShare__anchor {
  display: block;
  }
}



/*求人特集導線*/
.jobSpecialLink {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 9px;
  background: #000;
  text-decoration: none;
}
.jobSpecialLink:hover {
  text-decoration: none;
}
.jobSpecialLink__image {
  width: 115px;
  height: 60px;
  flex-shrink: 0;
}
.jobSpecialLink__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}
.jobSpecialLink__text {
  padding-left: 15px;
}
.jobSpecialLink__subttl {
  margin: 0 !important;
  font-family: "Noto Sans JP", Yu Gothic, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.875rem !important;
  line-height: 1.29 !important;
  font-weight: 500;
}
.jobSpecialLink__subttl .box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.4em;
  height: 1.4em;
  background-color: #fff;
}
.jobSpecialLink__subttl .box:not(:first-child) {
  margin-left: 0.1em;
}
.jobSpecialLink__ttl {
  z-index: 1;
  position: relative;
  margin: 10px 0 0 !important;
  font-family: "Noto Sans JP", Yu Gothic, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.jobSpecialLink__ttl > span {
  display: block;
}
.jobSpecialLink.maker {
  border: 1px solid #0c6b5c;
  background: linear-gradient(#cbe9dd 0%, #eef6f3 100%);
}
.jobSpecialLink.maker .jobSpecialLink__subttl {
  color: #0c6b5c;
}
.jobSpecialLink.maker .jobSpecialLink__subttl .box {
  border: 1px solid #0c6b5c;
}
.jobSpecialLink.maker .jobSpecialLink__ttl {
  color: #0c6b5c;
}
.jobSpecialLink.it {
  border: 1px solid #005eab;
  background: linear-gradient(#cbf2ff 0%, #f3fcff 100%);
}
.jobSpecialLink.it .jobSpecialLink__subttl {
  color: #005eab;
}
.jobSpecialLink.it .jobSpecialLink__subttl .box {
  border: 1px solid #005eab;
}
.jobSpecialLink.it .jobSpecialLink__ttl {
  color: #005eab;
}
.jobSpecialLink.sales {
  border: 1px solid #005eab;
  background: linear-gradient(#e6eff6 0%, #f6fbff 100%);
}
.jobSpecialLink.sales .jobSpecialLink__subttl {
  color: #005eab;
}
.jobSpecialLink.sales .jobSpecialLink__subttl .box {
  border: 1px solid #005eab;
}
.jobSpecialLink.sales .jobSpecialLink__ttl {
  color: #005eab;
}
.jobSpecialLink.finance {
  border: 1px solid #b89c6b;
  background: linear-gradient(#f2ebdf 0%, #f8f4ed 100%);
}
.jobSpecialLink.finance .jobSpecialLink__subttl {
  color: #b89c6b;
}
.jobSpecialLink.finance .jobSpecialLink__subttl .box {
  border: 1px solid #b89c6b;
}
.jobSpecialLink.finance .jobSpecialLink__ttl {
  color: #675a43;
}
@media screen and (min-width: 768px) {
  .jobSpecialLink {
    padding: 15px;
  }
  .jobSpecialLink:hover {
    opacity: 0.8;
  }
  .jobSpecialLink__image {
    width: 160px;
    height: 84px;
  }
  .jobSpecialLink__text {
    padding-left: 15px;
  }
  .jobSpecialLink__subttl {
    font-size: 1rem !important;
    line-height: 1.25 !important;
  }
  .jobSpecialLink__ttl {
    margin: 15px 0 0 !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 2;
  }
}

@media screen and (min-width: 768px){
  .knowhow {
    min-width: 980px;
  }
}