@charset "utf-8";
/* CSS Document */
/*===============================

    common

================================*/ :root {
  font-size: 62.5%;
} /* 1(r)em = 10px */
* {
  letter-spacing: 0;
}
body {
  color: #3E3A39;
  font-family: '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, 'メイリオ', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  height: 100%;
  text-align: left;
  width: 100%;
}
#base {
  width: 1340px;
}
div#cont {
  margin: 0;
}
.wrapper {
  margin: 20px auto 0;
  overflow: hidden;
  text-align: left;
  /*width: 980px;*/
  width: 1340px;
  display: flex;
  justify-content: space-between;
}
.container {
  float: right;
  /*width: 730px;*/
  width: 900px;
  order: 1;
  margin: 0 auto;
}
.p_newsList.p_newsList--HR {
  order: 2;
  width: 200px;
}
div#cont div#c3_ll {
  order: 0;
}
.headerTtl > img {
  height: auto;
  width: 100%;
}
.headLine-ornament {
  border-bottom: 4px solid #333;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 10px;
  position: relative;
}
.headLine-ornament::after {
  content: url("../../img/hatara-column/ornament_line.png");
  display: block;
  position: absolute;
  right: 2%;
  bottom: -14px;
}
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width:768px) {
  .p_newsList.p_newsList--HR {
    display: none;
  }
}
/* スマホコンテンツ用 */
.spContents {
  display: none !important;
}
/*
    グリッドデザイン
================================*/
/*カラムデザイン*/
.c_col1 {
  width: 8.333%;
}
.c_col2 {
  width: 16.667%;
}
.c_col3 {
  width: 25%;
}
.c_col4 {
  width: 33.333%;
}
.c_col5 {
  width: 41.666%;
}
.c_col6 {
  width: 50%;
}
.c_col7 {
  width: 58.333%;
}
.c_col8 {
  width: 66.666%;
}
.c_col9 {
  width: 75%;
}
.c_col10 {
  width: 83.33%;
}
.c_col11 {
  width: 91.666%;
}
.c_col12 {
  width: 100%;
}
/*カラムデザイン(レスポンシブタブレット用 768px以下)*/
@media screen and (max-width:768px) {
  .c_resMdCol1 {
    width: 8.333%;
  }
  .c_resMdCol2 {
    width: 16.667%;
  }
  .c_resMdCol3 {
    width: 25%;
  }
  .c_resMdCol4 {
    width: 33.333%;
  }
  .c_resMdCol5 {
    width: 41.666%;
  }
  .c_resMdCol6 {
    width: 50%;
  }
  .c_resMdCol7 {
    width: 58.333%;
  }
  .c_resMdCol8 {
    width: 66.666%;
  }
  .c_resMdCol9 {
    width: 75%;
  }
  .c_resMdCol10 {
    width: 83.33%;
  }
  .c_resMdCol11 {
    width: 91.666%;
  }
  .c_resMdCol12 {
    width: 100%;
  }
}
/*グリッド*/
.c_grid {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.c_grid-center {
  justify-content: center;
}
.c_grid_item {
  display: flex;
}
.c_grid_inner {
  width: 100%;
}
/* 間隔設定 */
.pc_hasGutterXs {
  padding: 2.5px;
}
.pc_hasGutterSm {
  padding: 5px;
}
.pc_hasGutterMd {
  padding: 7.5px;
}
.pc_hasGutterLg {
  padding: 10px;
}
.pc_hasGutterXl {
  padding: 12.5px;
}
.pc_noGutterXs {
  margin: -2.5px;
}
.pc_noGutterSm {
  margin: -5px;
}
.pc_noGutterMd {
  margin: -7.5px;
}
.pc_noGutterLg {
  margin: -10px;
}
.pc_noGutterXl {
  margin: -12.5px;
}
/*
    utility
================================*/
.u-bold {
  font-weight: bold;
}
/*
    サイドナビ
================================*/
.hcSideNav_ttl {
  margin-bottom: 20px;
}
.hcAccessRank {
  margin-bottom: 30px;
}
.hcAccessRank_item {}
.hcAccessRank_item > a {
  display: block;
  font-size: 15px;
  line-height: 1.3;
  padding-left: 45px;
  position: relative;
}
.hcAccessRank_item > a::before {
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
}
.hcAccessRank_item:nth-of-type(2) > a::before, .hcAccessRank_item:nth-of-type(3) > a::before, .hcAccessRank_item:nth-of-type(4) > a::before, .hcAccessRank_item:last-of-type > a::before {
  height: 18px;
  top: 5%;
  left: 4%;
  width: 18px;
}
.hcAccessRank_item:first-of-type > a::before {
  background-image: url("/resource/img/hatara-column/lnav_rabking_1.svg");
}
.hcAccessRank_item:nth-of-type(2) > a::before {
  background-image: url("/resource/img/hatara-column/lnav_rabking_2.svg");
}
.hcAccessRank_item:nth-of-type(3) > a::before {
  background-image: url("/resource/img/hatara-column/lnav_rabking_3.svg");
}
.hcAccessRank_item:nth-of-type(4) > a::before {
  background-image: url("/resource/img/hatara-column/lnav_rabking_4.svg");
}
.hcAccessRank_item:last-of-type > a::before {
  background-image: url("/resource/img/hatara-column/lnav_rabking_5.svg");
}
.hcAccessRank_item + .hcAccessRank_item {
  margin-top: 10px;
}
/* 共通ランキング非表示 */
.con_sideBox_inner-ranking {
  display: none;
}
/*===============================

    トップページ

================================*/
/*
    カテゴリーボタン
================================*/
.categorySwitch {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 30px 0 30px;
  width: 100%;
}
.categorySwitch_item {
  height: auto;
  position: relative;
  width: calc(100% / 4 - 12px);
}
.categorySwitch_link {
  display: block;
}
.categorySwitch_link.active::after {
  border: 10px solid transparent;
  border-top: 10px solid currentColor;
  content: "";
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
}
.categorySwitch_link.biz {
  box-shadow: 0px 5px 0 #14697d;
  background-color: #1cc7f0;
}
.categorySwitch_link.biz.active::after {
  border-top-color: #1cc7f0;
}
.categorySwitch_link.career {
  box-shadow: 0px 5px 0 #266f3e;
  background-color: #52c478;
}
.categorySwitch_link.career.active::after {
  border-top-color: #52c478;
}
.categorySwitch_link.life {
  box-shadow: 0px 5px 0 #75641b;
  background-color: #ffcf00;
}
.categorySwitch_link.life.active::after {
  border-top-color: #ffcf00;
}
.categorySwitch_link.feature {
  box-shadow: 0px 5px 0 #7b2927;
  background-color: #f24945;
}
.categorySwitch_link.feature.active::after {
  border-top-color: #f24945;
}
.categorySwitch_link.active, .categorySwitch_link:hover {
  box-shadow: none;
  transform: translateY(5px);
}
.categorySwitch_item img {
  display: block;
  height: auto;
  width: 100%;
}
/*
    カテゴリー別ページ
================================*/
/* カテゴリーのタイトル画像 */
.categoryTtl {
  margin-bottom: 20px;
}
.categoryTtl img {
  height: auto;
  width: 540px;
}
/*
    記事一覧
================================*/
.articleContainer {
  min-height: 500px;
  margin: auto;
  width: calc(100% - 40px);
}
.articleContainerTop {
  background-image: url("../../img/hatara-column/base_top_l.png");
  background-position: top center;
  background-repeat: no-repeat;
  padding: 20px 0 0;
  /*width: 730px;*/
  width: 900px;
}
.articleContainerMid {
  background-color: #b1dce0;
  margin: 0 0 30px;
  /*width: 730px;*/
  width: 900px;
}
.articleContainerBtm {
  background-image: url("../../img/hatara-column/base_bottom_l.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  /*width: 730px;*/
  width: 900px;
}
.articleTtlBox {}
/******** 人気記事（固定） **/
.articlePanelFixed {
  border: 2px solid #333;
  box-sizing: border-box;
  margin-bottom: 24px;
  /*padding: 24px;*/
  position: relative;
  width: 329px;
  display: none;
}
.articlePanelFixed_topTtl {
  background-image: url("../../img/hatara-column/red_stripe.png");
  background-position: bottom;
  background-repeat: repeat-x;
  font-size: 23px;
  line-height: 1.3;
  margin: 0 0 10px;
}
.articlePanelFixed_topTtl > img {
  background-color: #fff;
  margin-right: 10px;
  vertical-align: middle;
}
.articlePanelFixed_img {
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
}
.articlePanelFixed_img > img {
  display: block;
  height: auto;
  width: 100%;
}
.articlePanelFixed_ttl {
  font-size: 18px;
  line-height: 1.3;
  margin: 32px 0 10px;
}
.articlePanelFixed_txt {
  font-size: 15px;
  line-height: 1.5;
}
.catLabelList.popular {
  top: 44.5%;
}
/******** 通常パネル **/
.articlePanel {
  background-color: #fff;
  border: 1px solid #333;
  box-sizing: border-box;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  margin-bottom: 24px;
  display: block;
  page-break-inside: avoid;
  position: relative;
  /*width: 329px;*/
  width: 273px;
  break-inside: avoid-column;
}
.articlePanel-sp {
  display: none;
}
/* ▼未使用 */
.category-all .item-all, .category-biz .item-biz, .category-career .item-career, .category-life .item-life, .category-feature .item-feature {
  display: block;
  -webkit-animation: show .5s linear 0s forwards;
  animation: show .5s linear 0s forwards;
}
/* ▲未使用 */
.articlePanel > a {
  color: #333;
  display: block;
  padding: 24px;
  text-decoration: none;
  transition: .3s;
}
.articlePanel > a:hover {
  opacity: .6;
  text-decoration: none;
}
.articlePanel_ttl {
  font-size: 18px;
  line-height: 1.3;
  margin: 32px 0 10px;
}
.articlePanel_img {
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
}
.articlePanel_img > img {
  display: block;
  height: auto;
  width: 100%;
}
.articlePanel_txt {
  font-size: 15px;
  line-height: 1.5;
}
/******** カテゴリー（共通） **/
.catLabelList {
  display: flex;
  flex-flow: row wrap;
  float: right;
  justify-content: flex-end;
  margin-top: -25px;
  /*padding: 0 24px;
  position: absolute;
  top: 40%;
  left: 0;*/
  width: 100%;
}
.catLabelList_item {
  background-color: #ccc;
  border-radius: 50%;
  font-size: 10px;
  height: 45px;
  position: relative;
  bottom: 5px;
  width: 45px;
}
.catLabelList_item + .catLabelList_item {
  margin-left: 5px;
}
.catLabelList_item.biz {
  background-color: #1cc7f0;
}
.catLabelList_item.career {
  background-color: #52c478;
}
.catLabelList_item.life {
  background-color: #ffcf00;
}
.catLabelList_item.feature {
  background-color: #f24945;
}
.catLabelList_item > span {
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 100%;
}
/* 記事をもっと見るボタン */
.articleMoreBtn {
  background-color: transparent;
  border: 3px solid #333;
  color: #333;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: auto;
  padding: 10px 20px;
  text-align: center;
  transition: .3s;
  width: 60%;
}
.articleMoreBtn:hover {
  color: #333;
  opacity: .6;
  text-decoration: none;
}
/*
    おすすめ記事
================================*/
.recommendArticle {
  margin-bottom: 30px;
}
.recommendArticle_inner {
  color: #333;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  transition: .3s;
}
.recommendArticle_inner:hover {
  color: currentColor;
  opacity: .6;
  text-decoration: none;
}
.recommendArticle_img {
  width: 95px;
}
.recommendArticle_img > img {
  height: auto;
  width: 100%;
}
.recommendArticle_cont {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-around;
  margin: 0 0 0 20px;
  width: calc(100% - 115px);
  ;
}
.recommendArticle_ttl {
  font-size: 18px;
}
/* カテゴリーラベル */
.catTagBox {}
.catTagBox_tag {
  background-color: #ccc;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 100px;
}
.catTagBox_tag + .catTagBox_tag {
  margin-left: 5px;
}
.catTagBox_tag.biz {
  background-color: #1cc7f0;
}
.catTagBox_tag.career {
  background-color: #52c478;
}
.catTagBox_tag.life {
  background-color: #ffcf00;
}
.catTagBox_tag.feature {
  background-color: #f24945;
}
/*
    オリジナルコラム
================================*/
.columnBannerBox {
  display: flex;
  flex-flow: row wrap;
  font-size: 0;
  justify-content: space-between;
}
.columnBannerBox_cont {
  margin-bottom: 30px;
}
.columnBannerBox_cont a {
  display: block;
  transition: .3s;
}
.columnBannerBox_cont a:hover {
  opacity: .6;
}
.columnMoreBtn {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
.columnMoreBtn_link {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  display: inline-block;
  padding: 5px 20px;
  transition: .3s;
}
.columnMoreBtn_link:hover {
  color: #333;
  opacity: .6;
  text-decoration: none;
}
.columnMoreBtn_link::before {
  border: 8px solid transparent;
  border-left: 8px solid #333;
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: bottom;
  width: 0;
}
/******** コンタクトメッセージ **/
.contactContainer {
  margin: 50px 0;
}
.contactMsg {
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 auto 30px;
  padding: 15px;
  position: relative;
  text-align: center;
  width: 75%;
}
.contactMsg::before {
  border: 12px solid transparent;
  border-top: 12px solid #fff;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.contactMsg::after {
  border: 14px solid transparent;
  border-top: 14px solid #333;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
/*===============================

    記事ページ

================================*/
.mainArticle {
  margin-bottom: 100px;
  width: 730px;
}
/*
    記事ヘッダー
================================*/
.mainArticleHeader {
  border: 2px solid #333;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}
.mainArticleHeader_ttl {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.5;
}
.mainArticleHeader_date {
  font-size: 13px;
  font-weight: 700;
  margin-top: 20px;
}
.catLabelList.article {
  top: auto;
  right: 0;
  left: auto;
  bottom: 5px;
  width: auto;
}
/*
    記事本体
================================*/
.mainArticleBody {}
/* intoroduction */
.mainArticle_introduction {
  margin-bottom: 20px;
  overflow: hidden;
}
.mainArticle_introduction_img {
  float: left;
  margin-right: 20px;
  width: 365px;
}
.mainArticle_introduction_img > img {
  height: auto;
  width: 100%;
}
.mainArticle_introduction_txt {
  display: inline-block;
  font-size: 17px;
  line-height: 1.5;
  width: calc(100% - 385px);
}
.mainArticle_introduction_txt > p {}
.mainArticle_introduction_txt > p + p {
  margin-top: 15px;
}
/* 記事 */
.mainArticleCont {}
.mainArticleCont:last-of-type {
  margin-bottom: 64px;
}
.mainArticleCont_ttl {
  background-position: top;
  background-repeat: repeat-x;
  border-bottom: 4px solid #333;
  font-size: 18px;
  font-weight: 700;
  margin: 50px 0 20px;
  padding: 25px 0 15px;
}
.mainArticle.biz .mainArticleCont_ttl {
  background-image: url("../../img/hatara-column/line_stripe_blue.png");
}
.mainArticle.career .mainArticleCont_ttl {
  background-image: url("../../img/hatara-column/line_stripe_green.png");
}
.mainArticle.life .mainArticleCont_ttl {
  background-image: url("../../img/hatara-column/line_stripe_yellow.png");
}
.mainArticle.feature .mainArticleCont_ttl {
  background-image: url("../../img/hatara-column/line_stripe_red.png");
}
/* 2018/10/17 追記 */
.mainArticleCont_ttl-flat {
  font-size: 23px;
  font-weight: 700;
  margin: 50px 0 20px;
}
.mainArticleCont_ttl-flat.biz {
  color: #008FD1;
}
.mainArticleCont_ttl-flat.career {
  color: #07ad06;
}
.mainArticleCont_ttl-flat.life {
  color: #ad8a06;
}
.mainArticleCont_ttl-flat.feature {
  color: #690000;
}
.mainArticleCont_txt {
  font-size: 17px;
  /*font-weight: 500;*/
  line-height: 1.7;
}
.mainArticleCont_txt + .mainArticleCont_txt {
  margin-top: 20px;
}
/* 引用BOX */
.mainArticleCont-quotation {
  background-color: #e7e7e7;
  margin: 20px 0;
  padding: 10px;
}
/*
    Social Button
================================*/
.socialBtnCont {
  border: 5px solid #ccc;
  margin: 30px 0;
  padding: 30px;
  text-align: center;
}
.socialBtnCont > p {
  font-size: 17px;
  font-weight: 700;
}
.socialBtn {
  display: flex;
  justify-content: space-between;
  margin: 20px auto 0;
  width: 250px;
}
.socialBtn > li + li {
  margin-left: 10px;
}
.socialBtn > li.socialLineBtn {
  transition: .3s;
}
.socialBtn > li.socialLineBtn:hover {
  opacity: .6;
}
.socialBtn_btn { /* aタグ */
  background-color: #333;
  border-radius: 20%;
  display: inline-block;
  height: 40px;
  position: relative;
  transition: .3s;
  vertical-align: middle;
  width: 40px;
  z-index: 1;
}
.socialBtn_btn::before {
  background-color: #999;
  border-radius: 50%;
  content: "";
  display: block;
  margin: auto;
  opacity: 1;
  /*  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;*/
  transform: scale(1);
  transition: all .3s;
  z-index: -1;
}
.socialBtn_btn:hover::before {
  opacity: 0;
  transform: scale(0);
}
.socialBtn_icon {
  display: inline-block;
  height: 1.7em;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.7em;
  z-index: 2;
}
.socialBtn_icon::before, .socialBtn_icon::after {
  content: "";
  display: inline-block;
  height: 1.7em;
  vertical-align: text-top;
  width: 1.7em;
}
.socialBtn_icon::after {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.socialBtn_btn:hover .socialBtn_icon::after {
  opacity: 1;
}
.socialBtn_icon.twi {
  height: 2.5em;
  width: 2.5em;
}
.socialBtn_icon.blog {
  height: 2.2em;
  width: 2.2em;
}
.socialBtn_btn.twi {
  background-color: #1da1f2;
}
.socialBtn_btn.fb {
  background-color: #3b5998;
}
.socialBtn_btn.inst {
  background-color: #CF0073;
}
.socialBtn_btn.blog {
  background-color: #00a4de;
}
.socialBtn_btn.twi:hover, .socialBtn_btn.fb:hover, .socialBtn_btn.inst:hover, .socialBtn_btn.blog:hover {
  /*background-color: #fff;*/
  opacity: .6;
}
.socialBtn_icon.twi::before {
  content: url(../../img/contents/Twitter_Logo_White.svg);
  height: 2.5em;
  width: 2.5em;
}
.socialBtn_icon.fb::before {
  content: url(../../img/contents/facebook_white.svg);
}
.socialBtn_icon.inst::before {
  content: url(../../img/contents/Instagram_white.svg);
}
.socialBtn_icon.blog::before {
  content: url(../../img/contents/hatenabookmark-logomark.svg);
  height: 2.2em;
  width: 2.2em;
}
.facebook-wrapper {
  max-width: 500px;
  /*margin: 0 auto;*/
}
.facebook-wrapper > .fb-page {
  width: 100%;
}
.facebook-wrapper > .fb-page > span, .facebook-wrapper iframe {
  width: 100% !important;
}
/*
    おすすめリンク
================================*/
.recommendLink {
  margin-bottom: 64px;
}
.recommendLink_ttl {
  color: #690000;
  font-size: 18px;
  font-weight: 700;
  margin: 30px 0 10px;
}
.recommendLink_cont {
  font-size: 16px;
}
.recommendLink_cont + .recommendLink_cont {
  margin-top: 10px;
}
/*===============================

    ★★レスポンシブ

================================*/
@media screen and (max-width:768px) {
  #base {
    width: 100%;
  }
  .wrapper {
    width: 100%;
  }
  .container {
    float: none;
    width: 100%;
  }
  .categorySwitch_item {
    width: calc(100% / 4 - 2px);
  }
  .articleContainerTop, .articleContainerMid, .articleContainerBtm {
    width: 100%;
  }
  .articlePanel {
    width: 48%;
  }
  .articlePanel-ttlBox {
    background-color: transparent;
    border: none;
    margin: 24px 0;
  }
  .catLabelList {
    margin-top: 10px;
    padding: 0;
    position: static;
  }
  .catLabelList.article {
    float: none;
    margin-top: -17px;
  }
  .catLabelList_item {
    border-radius: 0;
    height: auto;
    width: 60px;
  }
  .catLabelList_item > span {
    display: block;
    position: static;
    transform: none;
    padding: 5px;
  }
  .articlePanel_txt {
    display: none;
  }
  .recommendArticle_ttl {
    font-size: 16px;
  }
} /* @media */
@media screen and (max-width:768px) {
  .columnBannerBox {
    justify-content: center;
  }
  .columnMenu_img {
    margin: 10px;
  }
  .columnBannerBox::after {
    content: "";
    display: block;
    width: 220px;
    margin: 10px;
  }
}
@media screen and (max-width:600px) {
  /*#base { background-color: #b1dce0; }
#header { background-color: #fff; }*/
  .spContents {
    display: block;
  }
  .articlePanel {
    width: 100%;
  }
  .articlePanel-sp {
    display: block;
  }
  .columnBannerBox {
    justify-content: center;
  }
  .categorySwitch.disnon {
    display: none;
  }
  /* スマホ用カテゴリーボタン */
  .categoryMenu {
    margin: 0 auto 30px;
    width: 95%;
  }
  .categoryMenu_item {
    background-color: #fff;
  }
  .categoryMenu_item.biz {
    border: 1px solid #1cc7f0;
  }
  .categoryMenu_item.career {
    border: 1px solid #52c478;
  }
  .categoryMenu_item.life {
    border: 1px solid #ffcf00;
  }
  .categoryMenu_item.feature {
    border: 1px solid #f24945;
  }
  .categoryMenu_item + .categoryMenu_item {
    margin-top: 20px;
  }
  .categoryMenu_link {
    align-items: center;
    display: flex;
    color: #333;
    flex-flow: row wrap;
    font-size: 18px;
    font-weight: 700;
    justify-content: flex-start;
    transition: .3s;
    width: 100%;
  }
  .categoryMenu_link:hover {
    color: #333;
    opacity: .6;
    text-decoration: none;
  }
  .categoryMenu_img {
    display: block;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    width: 120px;
  }
  .categoryMenu_img.biz {
    background-color: #1cc7f0;
  }
  .categoryMenu_img.career {
    background-color: #52c478;
  }
  .categoryMenu_img.life {
    background-color: #ffcf00;
  }
  .categoryMenu_img.feature {
    background-color: #f24945;
  }
  .categoryMenu_img > img {
    width: 50px;
  }
  /*
    記事ページ
================================*/
  .mainArticle {
    margin: 0 15px;
    width: auto;
  }
  /*.mainArticle_introduction { display: none; }*/
  .mainArticle_introduction_img {
    display: none;
  }
  .mainArticle_introduction_txt {
    width: 100%;
  }
} /* @media */
@media (max-width: 599px){
  .columnMenu_img {
    margin: 10px;
  }
}
/* width: 360px; */
@media screen and (max-width:360px) {
  .categorySwitch {
    margin: 30px auto 0;
    width: 90%;
  }
  .categorySwitch_item {
    width: calc(100% / 2 - 2px);
    margin-bottom: 10px;
  }
  .categoryTtl {
    margin: 20px 0;
  }
}