@charset "UTF-8";
body {
  background-color: #333333 !important;
}
#main_content {
  max-width: 478px !important;
  width: 100% !important;
}
.post_content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* タブ有効:選択 */
/* aria-selected="true" */

/* タブ無効 */
/* aria-selected="false" */

/* 親タグ 共通 */
.c-tabList {
  display: flex !important;
  justify-content: space-around !important;
}
.c-tabList__item {
  width: 100% !important;
  max-width: 136px !important;
}
button[aria-controls="tab-f563deb8-0"],
button[aria-controls="tab-f563deb8-1"],
button[aria-controls="tab-f563deb8-2"] {
  width: 100% !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: white !important;
  line-height: 1.25 !important;
  border: unset !important;
  border-radius: 8px 8px 0 0 !important;
}

.c-tabBody {
  padding: 0 !important;
  border: unset !important;
}
#tab-f563deb8-0,
#tab-f563deb8-1,
#tab-f563deb8-2 {
  padding: 20px 8px 0 !important;
  border: unset !important;
}

/* 下層タグ 共通 */
#tab-f563deb8-0 .c-tabList,
#tab-f563deb8-1 .c-tabList,
#tab-f563deb8-2 .c-tabList {
  display: flex !important;
  flex-wrap: nowrap !important; /* 折り返しなし（1列で表示） */
  width: 100% !important; /* 親の幅を100%に */
  gap: 3px !important;
}
#tab-f563deb8-0 .c-tabList .c-tabList__item,
#tab-f563deb8-1 .c-tabList .c-tabList__item,
#tab-f563deb8-2 .c-tabList .c-tabList__item {
  flex: 1 !important; /* 均等に伸縮する */
  min-width: 0 !important; /* これがないと、内容によっては収まらない */
  text-align: center !important;
  border: 1px solid #ccc !important;
  padding: 0 !important;
  border: unset !important;
  font-size: 16px !important;
  font-weight: bold !important;
}
#tab-f563deb8-0 .c-tabList .c-tabList__item button.c-tabList__button,
#tab-f563deb8-1 .c-tabList .c-tabList__item button.c-tabList__button,
#tab-f563deb8-2 .c-tabList .c-tabList__item button.c-tabList__button {
  padding: 20px 0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

/* 技術編 */
button[aria-controls="tab-f563deb8-0"][aria-selected="true"] {
  background-color: #8e0b0b !important;
}
button[aria-controls="tab-f563deb8-0"][aria-selected="false"] {
  background-color: #e29292 !important;
  opacity: 1 !important;
}
#tab-f563deb8-0 {
  background-color: #8e0b0b !important;
}
/* 技術編下層タグ */
#tab-f563deb8-0 {
}

#tab-f563deb8-0 .c-tabList .c-tabList__item button[aria-selected="true"] {
  background-color: #1e1e1e !important;
  color: yellow !important;
}
#tab-f563deb8-0 .c-tabList .c-tabList__item button[aria-selected="false"] {
  background-color: #b5b5b5 !important;
  color: #555555 !important;
  opacity: 1 !important;
}

/* 楽しい働き方編 */
button[aria-controls="tab-f563deb8-1"][aria-selected="true"] {
  background-color: #03827a !important;
}
button[aria-controls="tab-f563deb8-1"][aria-selected="false"] {
  background-color: #81c1bc !important;
  opacity: 1 !important;
}
#tab-f563deb8-1 {
  background-color: #03827a !important;
}
/* 楽しい働き方編下層タグ */
#tab-f563deb8-1 {
}
#tab-f563deb8-1 .c-tabList .c-tabList__item button[aria-selected="true"] {
  background-color: #1e1e1e !important;
  color: yellow !important;
}
#tab-f563deb8-1 .c-tabList .c-tabList__item button[aria-selected="false"] {
  background-color: #b5b5b5 !important;
  color: #555555 !important;
  opacity: 1 !important;
}

/* 番外編メディア掲載 */
button[aria-controls="tab-f563deb8-2"][aria-selected="true"] {
  background-color: #034982 !important;
}
button[aria-controls="tab-f563deb8-2"][aria-selected="false"] {
  background-color: #81a4c0 !important;
  opacity: 1 !important;
}
#tab-f563deb8-2 {
  background-color: #034982 !important;
}
/* 番外編メディア掲載タグ */
#tab-f563deb8-2 {
}
#tab-f563deb8-2 .c-tabList .c-tabList__item button[aria-selected="true"] {
  background-color: #1e1e1e !important;
  color: yellow !important;
}
#tab-f563deb8-2 .c-tabList .c-tabList__item button[aria-selected="false"] {
  background-color: #b5b5b5 !important;
  color: #555555 !important;
  opacity: 1 !important;
}

.wpcp-wrapper-167,
.wpcp-wrapper-163,
.wpcp-wrapper-169 {
  margin-bottom: 0 !important;
}

.voice-pb33 {
  padding-bottom: 33px !important;
  background-color: #f6f2e1 !important;
}
/*  */
.btn-interview-area {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  background-color: white !important;
}
.info-text {
  padding: 22px 22px 66px !important;
}
.word-text {
  padding: 32px 22px 52px !important;
}
.word-cta {
  padding-bottom: 0px !important;
  background-color: white !important;
}
.footer {
  padding: 23px 0 !important;
}
/* スワイパー */
.swiper-wrapper {
  transition-timing-function: linear !important;
}

div.swell-block-tab.is-style-default,
figure.btn-effect{
  margin-bottom: 0 !important;

}
/* ボタンアニメーション */
.btn-effect {
  overflow: hidden;
}

.btn-effect a {
  position: relative;
  display: block;
  width: 90% !important;
  max-width: 390px;
  /* height: calc(284 / 782 * 100vw) !important; */
  height: calc(186 / 782 * 100vw) !important;
  max-height: 142px;
  max-height: 93px;
  z-index: 1;
  margin: 20px auto !important;
  margin: 15px auto !important;
}
.btn-effect a:before,
.btn-effect a:after {
  content: "";
  display: block;
  width: 100% !important;
  max-width: 390px;
  height: 100% !important;
  position: absolute;
  z-index: -1;
  /* top: 47% !important; */
  top: 52% !important;
  left: 50% !important;
  border-radius: 70px;
  background: #17c745;
  opacity: 0;
  transform: translate(-50%, -50%);
}
.btn-effect a:before {
  animation: anime 1s ease-out infinite;
}

.btn-effect a:after {
  animation: anime 1s ease-out 1s infinite;
}
.btn-effect a img {
  position: absolute;
  display: block;
  top:50%;
  transform: translateY(-50%);
  vertical-align: unset;
}

@keyframes anime {
  0% {
    transform: translate(-50%, -50%) scale(0.8, 0.8);
    opacity: 1;
  }
  90% {
    opacity: 0.1;
  }
  to {
    transform: translate(-50%, -50%) scale(1.17, 1.3);
    opacity: 0;
  }
}

/* 金色文字 */
.text-columns {
  /* min-height: 183px !important; */
  margin-bottom: 28px !important;
  padding: 24px 0 !important;
  position: relative;
}
.text-columns::before {
  content: "";
  display: block;
  width: 48px;
  height: 20px;
  position: absolute;
  left: 50%;
  bottom: 1px;
  background-color: #1e1e1e;

  transform: translate(-50%, 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%, 0 0);
}
.text-gold {
  display: inline-block;
  background: linear-gradient(90deg, #dece91, #fff2cc 50%, #dece91);
  background: -webkit-linear-gradient(0deg, #dece91, #fff2cc 50%, #dece91);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pd1em{
	padding-bottom:1em;
}