@charset "UTF-8";
/* foundation */
body {
  line-height: normal;
  counter-reset: qaIndex taskIndex solutionIndex;
}
.wrapper{
  font:400 14px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  line-height:1.6;
  letter-spacing:.1em;
}
[v-cloak]{
  display: none;
}

/* ================
component
================ */
/* 節 */
.c_section{}
.c_section__item{}
.c_section--primary{}
.c_section--primary > .c_section__item {
  padding: 28px 20px;
}
.c_section--primary > .c_section__item + .c_section__item{
  margin-top: 12px;
}
@media screen and (max-width: 768px){
  .c_section--primary > .c_section__item {
    padding: 28px 12px;
  }
}
/* プレミアム版 */
.c_section--primary.premium > .c_section__item + .c_section__item{
    border-top: 2px solid #362d2c;
}
.c_section--secondary{}
.c_section--secondary > *:not(img):not(h3){
  padding-left: 1.5em;
}
.c_section--secondary > *:not(h3) + *{
  margin-top: 16px;
}
.c_section--secondary > * > * + *{
  margin-top: 8px;
}
.c_section--secondary h3{
  position: relative;
  margin-bottom: 8px;
  padding-left: 1.5em;
  font-weight: bold;
  font-size: 14px;
}
.c_section--secondary h3::before{
  content: "◆";
  position: absolute;
  left: 0;
}
.c_section--secondary h4{
  font-weight: bold;
  font-size: 14px;
}
.c_section--secondary h5{
  position: relative;
  color: #11004d;
  font-weight: bold;
  font-size: 16px;
}
.c_section--secondary img{
  max-width: 100%;
  height: auto;
}
.c_section--secondary a{
  position: relative;
  display: block;
  color: #1B1464;
}
.c_section--secondary a:hover{
  text-decoration: underline
}
.c_section--secondary a:not(.num, .noIco){
  padding-left: 1em;
}
.c_section--secondary a:not(.num, .noIco)::before{
  content: "\f105";
  position: absolute;
  left: 0;
  display: block;
  color: #2c4b79;
  font: 22px / 1  FontAwesome;
}
.c_section--secondary a.noIco{
  color: #2c4b79;
  display: inline;
}
.c_section--secondary .num{
  position: relative;
  display: block;
  padding-left: 1.5em;
}
.c_section--secondary .num > span{
  position: absolute;
  display: block;
  left: 0;
}
.c_section--secondary .dot{
  position: relative;
  display: block;
  padding-left: 1em;
}
.c_section--secondary .dot::before{
  content: "・";
  position: absolute;
  display: block;
  left: 0;
}
.c_section--secondary .ast{
  position: relative;
  display: block;
  padding-left: 1.5em;
}
.c_section--secondary .ast::before{
  content: "※";
  position: absolute;
  display: block;
  left: 0;
}
.c_section--secondary .small{
  font-size: 12px;
}
.c_section--secondary .arrow{
  width: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 !important;
  border-top: 24px solid #ccc;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
}
/* プレミアム */
.theme_premium .c_section--secondary h5{
  color: #8E6200;
}
@media screen and (max-width: 599px){
  .c_section--secondary{
    padding-left: 0;
  }
}

.c_section--movie{}
.c_section--movie > .c_section__item{
  padding-left: 1.5em;
}
.c_section--movie > .c_section__item--img{
  padding-left: 0;
}
.c_section--movie > .c_section__item + .c_section__item{
  margin-top: 16px;
}


/* ナビ */
.c_nav{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: -1px;
}
.c_nav__item{
  display: flex;
  width: 100%;
  padding: 1px;
}
.c_nav__target{
  display: block;
  width: 100%;
  text-align: center;
  color: inherit;
  line-height: 1;
}
.c_nav--local{}
.c_nav--local .c_nav__target{
  background-color: #02024D;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  color: #fff;
  transition: .7s opacity;  
}
.c_nav--local .c_nav__target:hover{
  opacity: .7;
}
/* プレミアム版 */
.theme_premium .c_nav--local .c_nav__target{
  background-color: #4D3D34;
}

@media screen and (max-width: 768px){
  .c_nav--local{
    flex-wrap: wrap;
  }
  .c_nav--local .c_nav__item{
    width: 33.333%;
  }
}
@media screen and (max-width: 599px){
  .c_nav--local .c_nav__item{
    width: 50%;
  }
}
/* ボタン */
.c_btn{}
.c_btn__target{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: 1;
  color: inherit;
}
.c_btn__target:hover{
  opacity: .7;
}
.c_btn__target::before{
  content: "";
  display: block;
  height: 2.5em;
}
.c_btn--print{
  width: 110px;
}
.c_btn--print > .c_btn__target{
  border: 1px solid;
  border-radius: 4px;
  font-weight: bold;
}
.c_btn--print > .c_btn__target::before{
  height: 3.4em;
}
.c_btn--subAsk{
  width: 220px;
}
.c_btn--subAsk > .c_btn__target::before{
  height: 3.6em;
}
.c_btn--subAsk > .c_btn__target{
  border-radius: 100px;
  border: 1px solid #333;
  font-weight: bold;
  background: #fff;
  transition: .3s background, .3s color, .3s border-color;
}
.c_btn--subAsk > .c_btn__target:hover{
  color: #fff;
  background: #02024D;
  border-color: #02024D;
}
.c_btn--download{
  width: 100%;
}
.c_btn--download > .c_btn__target::before{
  height: 2em;
}
.c_btn--download > .c_btn__target{
  border-radius: 100px;
  border: 1px solid #333;
  font-weight: bold;
  background: #fff;
}

@media screen and (max-width: 599px){
  .c_btn--print{
    width: 90px;
  }
  .c_btn--print > .c_btn__target::before{
    height: 2.5em;
  }
  .c_btn--subAsk{
    width: 190px;
  }
}
/* アイコン */
.c_hasIco{
  position: relative;
  display: block;
}
.c_hasIco::before{
  content: "";
  position: absolute;
  left: 0;
  display: block;
}
.c_hasIco--link{
  padding-left: 1em;
}

.c_hasIco--link::before{
  content: "\f105";
  color: #2c4b79;
  font: 22px / 1  FontAwesome;
}
.c_hasIco--print{
  padding-left: 1.5em;
}
.c_hasIco--print::before{
  content: "\f02f";
  top: 50%;
  font-family: FontAwesome;
  font-size: 16px;
  transform: translateY(-50%);
}
.c_hasIco--heading{
  padding-left: 36px;
}
.c_hasIco--subHeading{
  padding-left: 28px;
}
.c_hasIco--heading::before{
  top: 50%;
  color: #02024D;
  font-family: FontAwesome;
  line-height: 1;
  font-size: 28px;
  transform: translateY(-50%);
}
.c_hasIco--subHeading::before{
  top: 50%;
  font-family: FontAwesome;
  line-height: 1;
  font-size: 20px;
  transform: translateY(-50%);
}

.c_hasIco--summary::before{
  content : "\f02d";
  left: 0px;
}
.c_hasIco--solutionFlow::before{
  content : "\f0eb";
  left: 4px;
}
.c_hasIco--task::before{
  content : "\f046";
  left: 0px;
}
.c_hasIco--target::before{
  content : "\f007";
  left: 8px;
}
.c_hasIco--cause::before{
  content : "\f0e7";
  left: 8px;
}
.c_hasIco--solution::before{
  content : "\f024";
  left: 0px;
}
.c_hasIco--contents::before{
  content : "\f03a";
  left: 0px;
}
.c_hasIco--trainer::before{
  content : "\f19d";
  font-size: 23px;
}
.c_hasIco--movie::before{
  content : "\f03d";
}
.c_hasIco--same::before{
  content : "\f15b";
}
.c_hasIco--levelup::before{
  content : "\f15b";
  font-size: 22px;
}
.c_hasIco--levelup::after{
  content: "\f055";
  position: absolute;
  left: 16px;
  top: 50%;
  color: #02024D;
  font-family: FontAwesome;
  line-height: 1;
  font-size: 16px;
  transform: translateY(-50%) translateY(10px);
}

.c_hasIco--faq::before{
  content : "\f059";
}
/* プレミアム */
.theme_premium .c_hasIco--heading::before{
  color: #4D3D34;
}
/* プレミアム */
.theme_premium .c_hasIco--levelup::after{
  color: #4D3D34;
}
@media screen and (max-width: 599px){
  .c_hasIco--heading::before{
    top: -3px;
    transform: none;
    font-size: 24px;
  }
  .c_hasIco--subHeading::before{
    top: auto;
    transform: none;
  }
  .c_hasIco--levelup::after{
    top: 16px;
    transform: none;
  }
}

/* 見出し */
.c_heading{}
.c_heading__ttl{
  font-weight: bold;
  line-height: 1;
}
.c_heading__img{
  line-height: 0;
}
.c_heading__img > img{
  max-width: 100%;
  height: auto;
}
.c_heading__imgWrap{}
.c_heading__sub{
  line-height: 1;
}
.c_heading--primary{
  position: relative;
  margin-bottom: 8px;
  padding-top: 12px;
  border-top: 3px solid #02024D;
}
.c_heading--primary::before {
  content: url(/resource/img/package/icon_blue_2.png);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 64px;
  line-height: 0;
  text-align: center;
  /*background: #2c4b79;*/
  /* padding-top: 2px; */
}
.c_heading--primary .c_heading__imgWrap{
  position: relative;
}
.c_heading--primary .c_heading__imgIco{
  position: absolute;
  top: 4px;
  right: 4px;
  display: block;
  padding: 4px;
  line-height: 0;
  background: rgba(255, 255, 255, .9);
}
.c_heading--primary .c_heading__imgIco--transparent{
  background: rgba(255, 255, 255, 0);
}
.c_heading--primary .c_heading__imgIco:hover{
  opacity: .7;
}
/* プレミアム版 */
.theme_premium .c_heading--primary{
  border-top-color: #4b3e34;
}
.theme_premium .c_heading--primary::before {
  content: url("/resource/img/package/icon_brown_2.png");
}

.c_heading--primary > .c_heading__ttl{
  margin-bottom: 8px;
  padding-left: 80px;
  font-size: 22px;
}
.c_heading--primary > .c_heading__sub{
  margin-bottom: 8px;
  padding-left: 80px;
  font-size: 16px;
}
.c_heading--secondary{
  margin-bottom: 16px;
}
.c_heading--secondary > .c_heading__ttl{
  font-size: 22px;
  line-height: 1.3;
  color: #02024D;
}
.c_heading--tertiary{
  display: flex;
  margin-bottom: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid;
}
.c_heading--tertiary > .c_heading__ttl{
  font-size: 18px;
}
.c_heading--tertiary > .c_heading__ttl + .c_heading__subTtl{
  margin-left: 10px;
}
.c_heading--tertiary > .c_heading__subTtl{
  font-size: 14px;
  line-height: 1.3;
}
/* プレミアム */
.theme_premium .c_heading--secondary > .c_heading__ttl{
  color: #4D3D34;
}

@media screen and (max-width: 768px){
  .c_heading--primary > .c_heading__sub{
    font-size: 14px;
    line-height: 1.4;
  }
  .c_heading--primary > .c_heading__ttl{
    font-size: 16px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 599px){
  .c_heading--primary::before,
  .c_heading--primary.premium::before {
    content: none;
  }
  .c_heading--primary > .c_heading__ttl,
  .c_heading--primary > .c_heading__sub{
    padding-left: 0;
  }
  .c_heading--primary .c_heading__imgIco{
    width: 64px;
  }
  .c_heading--secondary > .c_heading__ttl{
    font-size: 16px;
  }
  .c_heading--tertiary{
    display: block;
    padding-top: 0;
  }
  .c_heading--tertiary > .c_heading__ttl{
    font-size: 16px;
  }
  .c_heading--tertiary > .c_heading__ttl + .c_heading__subTtl{
    margin: 4px 0 0 0;
  }
}
/* リンク */
.c_link{
  color: #1B1464;
}
.c_link:hover{
  text-decoration: underline
}


/* ================
project
================ */
/* お問合せボタン */
.p_askBtn{
  text-align: center;
  font-weight: bold;
}
.p_askBtn__catch{
  font-size: 11px;
}
.p_askBtn__catch + .p_askBtn__ttl{
  margin-top: 8px;
}
.p_askBtn__ttl{
  font-size: 14px;
}
@media screen and (max-width: 599px){
  .p_askBtn{
    letter-spacing: 0;
  }
}

/* 概要のラッパー */
.p_summaryWrap{
  display: flex;
  gap: 30px;
  @media screen and (max-width: 768px){
    display: block;
  }
}
.p_summaryWrap__cont{
  flex: 1 1 auto;
  @media screen and (max-width: 768px){
    & + .p_summaryWrap__aside{
      margin-top: 30px;
    }
  }
}
.p_summaryWrap__aside{
  flex: 0 0 280px;
}
/* 概要 */
.p_summary{}
.p_summary__body{
  padding-left: 16px;
}
.p_summary__overviews{
  letter-spacing: -.5em;
}
.p_summary__overview{
  display: inline;
  letter-spacing: 0;
}
.p_summary__overview + .p_summary__overview{
  position: relative;
  margin-left: 1em;
  padding-left: 1em;
}
.p_summary__overview + .p_summary__overview::before{
  content: "／";
  position: absolute;
  left: 0;
  transform: translateX(-50%);
}
.p_summary__overviews + .p_summary__catch{
  margin-top: 16px;
}
.p_summary__catch{
  padding: 28px 24px;
  background-image: url("/resource/img/package/corner_b_top.png"), url("/resource/img/package/corner_b_bottom.png");
  background-repeat: no-repeat,no-repeat;
  background-position: top right, bottom left;
  border: 2px solid #02024D;
  font-weight: bold;
}

/* 提案書資料ダウンロード用カード */
.m_proposalPeparCard{
  color: inherit;
  transition: .3s opacity;
}
.m_proposalPeparCard:hover{
  opacity: .7;
}
.m_proposalPeparCard__sliderWrap{
  width: 280px;
  margin-inline: auto;
  & + .m_proposalPeparCard__cont{
    margin-top: 10px;
  }
}
.m_proposalPeparCard__slider.js_proposalSlider{
  padding: 0;
  border: 1px solid;
}
.m_proposalPeparCard__slider img{
  max-width: 100%;
  height: auto;
}
.m_proposalPeparCard__cont{
  flex: 1 1 auto;
}
.m_proposalPeparCard__ttl{
  position: relative;
  margin-bottom: 16px;
  padding-left: 30px;
  font-weight: bold;
  font-size: 16px;
}
.m_proposalPeparCard__ttl::before{
  content: "\f24a";
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1em;
  font-weight: normal;
  font-size: 24px;
  font-family: FontAwesome;
}
.m_proposalPeparCard__msg + .m_proposalPeparCard__msg{
  margin-top: 8px;
}

/* プレミアム */
.theme_premium .p_summary__catch{
  background-image: url("/resource/img/package/corner_a_top.png"), url("/resource/img/package/corner_a_bottom.png");
  border-color: #4D3D34;
}
/* オーバーライド */
.c_section--primary > .c_section__item.p_summary {
  padding-right: 0;
}

@media screen and (max-width: 768px){
  .p_summary__body{
    padding: 0;
  }
  .p_summary__overview{
    font-size: 11px;
  }
}
/* 問題解決の流れ */
.p_solutionFlow{
  background: #F4F4FF;
}
.p_solutionFlow__body{
  padding-left: 16px;
}
.p_solutionFlow__item + .p_solutionFlow__item{
  position: relative;
  margin-top: 36px;
  padding-top: 36px;
}
.p_solutionFlow__item + .p_solutionFlow__item::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  margin: 0 auto;
  border-top: 24px solid #02024D;
  border-left: 28px solid rgba(255, 255, 255, 0);
  border-right: 28px solid rgba(255, 255, 255, 0);
  transform: translateY(-50%);
}
/* プレミアム */
.theme_premium .p_solutionFlow{
  background: #F2EFE6;
}
.theme_premium .p_solutionFlow__item + .p_solutionFlow__item::before{
  border-top-color: #4D3D34;
}

@media screen and (max-width: 768px){
  .p_solutionFlow__body{
    padding-left: 0;
  }
}

/* 課題 */
.p_task{}
.p_task__wrap{
  padding: 0 16px;
}
.p_task__list{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -8px;
}
.p_task__item{
  display: flex;
  width: 33.333%;
  padding: 8px;
  counter-increment: taskIndex;
}
.p_task__inner{
  position: relative;
  display: block;
  width: 100%;
  background: #fff;
  overflow: hidden;
  padding: 12px 16px;
}
.p_task__num{
  font-size: 16px;
  padding: 8px 0;
  border-bottom: 1px solid;
}
.p_task__num::after{
  content: "0" counter(taskIndex);
}
.p_task__body{
  z-index: 2;
  padding-top: 16px;
}
.p_task__body::after{
  content: "0" counter(taskIndex);
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  display: block;
  font-size: 78px;
  line-height: 1;
  opacity: .1;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}
.p_task__ttl{
  margin-bottom: 8px;
  padding-bottom: 7px;
  border-bottom: 1px solid #02024D;
  font-weight: bold;
}
.p_task__msg{
  font-size: 13px;
}
.p_task__list + .p_task__reason{
  margin-top: 30px;
}
/* プレミアム */
.theme_premium .p_task__inner{
  border-color: #4D3D34;
}
.theme_premium .p_task__num{
  background: #4D3D34;
}
@media screen and (max-width: 768px){
  .p_task__wrap{
    padding: 0;
  }
  .p_task__item{
    width: 50%;
  }
}
@media screen and (max-width: 599px){
  .p_task__item{
    width: 100%;
  }
}

/* 課題の原因 */
.p_reason{
  padding: 16px;
  background: #fff;
}
.p_reason__ttl{
  position: relative;
  margin-bottom: 16px;
  padding-left: 1.5em;
  font-weight: bold;
}
.p_reason__ttl::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: .8em;
  height: .8em;
  margin: auto 0;
  background: #02024D;
  transform: rotate(45deg);  
}
.p_reason__body{}
.p_reason__body p + ul,
.p_reason__body ul + img,
.p_reason__body img + img{
  margin-top: 12px;
}
.p_reason__body li{
  position: relative;
  padding-left: 1.2em;
}
.p_reason__body li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .5em;
  display: block;
  width: .5em;
  height: .5em;
  border-radius: 50%;
  background: #333;
}
.p_reason__body li + li{
  margin-top: 10px;
}
.p_reason__body img{
  max-width: 100%;
  height: auto;
}
/* プレミアム */
.theme_premium .p_reason__ttl::before{
  background: #4D3D34;
}

/* 解決策 */
.p_solution{}
.p_solution__body{
  padding: 0 16px;
}
.p_solution__body p + ul,
.p_solution__body ul + p,
.p_solution__body ul + img,
.p_solution__body img + img{
  margin-top: 12px;
}
.p_solution__body li{
  position: relative;
  padding: 12px 16px 12px 96px;
  border: 2px solid #02024D;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  counter-increment: solutionIndex;
}
.p_solution__body li::before{
  content: "要点0" counter(solutionIndex);
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #02024D;
}
.p_solution__body li + li{
  margin-top: 16px;
}
.p_solution__body img{
  max-width: 100%;
  height: auto;
}
/* プレミアム */
.theme_premium .p_solution__body li{
  border-color: #4D3D34;
}
.theme_premium .p_solution__body li::before{
  background: #4D3D34;
}
@media screen and (max-width: 768px){
  .p_solution__body{
    padding: 0;
  }
}
@media screen and (max-width: 599px){
  .p_solution__body li{
    padding: 48px 16px 16px;
  }
  .p_solution__body li::before{
    content: "要点0" counter(solutionIndex);
    width: 100%;
    height: 24px;
    padding: 6px 0;
  }
}

/* ボタンボックス */
.p_btnBox{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 -8px;
}
.p_btnBox__item{
  padding: 0 8px;
}
/* キャッチコピー */
.p_catch{
  padding: 32px 28px;
  font-weight: bold;
  font-size: 15px;
}
.p_catch--colorTheme{
  background: #ffffff;
  background-image: url("/resource/img/package/corner_b_top.png"), url("/resource/img/package/corner_b_bottom.png");
  background-repeat: no-repeat,no-repeat;
  background-position: top right, bottom left;
  border: 2px solid #2c4b79;
  position: relative;
  color: #000;
}

.p_catch--colorTheme::before {
  content: "プラン概要";
  color: #2c4b79;
  background-color: #fff;
  /* background-image: url("/resource/img/package/overview_icon-csp.png"); */
  background-repeat: no-repeat;
  display: block;
  width: auto;
  padding: 0 10px;
  position: absolute;
  left: 16px;
  top: -24px;
  height: 41px;
  line-height: 41px;
}
/* プレミアム版 */
.p_catch--colorTheme.premium{
  background-image: url("/resource/img/package/corner_a_top.png"), url("/resource/img/package/corner_a_bottom.png");
  background-repeat: no-repeat,no-repeat;
  background-position: top right, bottom left;
  border: 2px solid #362d2c;
}
.p_catch--colorTheme.premium::before {
  color: #362d2c;
  /* background-image: url("/resource/img/package/overview_icon-csp.png"); */
}

/* 概要 */
.p_overview{}
.p_overview__item{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.p_overview__item + .p_overview__item{
  margin: 2px -1px 0 -1px;
}
.p_overview__inner{
  display: flex;
  padding: 0 1px;
}
.p_overview__msg{
  width: 100%;
  padding: 4px 1em;
}
.p_overview__msg--term{
  display: flex;
  align-items: center;
  background: #2c4b79;
  color: #eee;
}
.p_overview__msg--descr{
  display: block;
  border: 1px solid #2c4b79;
  color: #000;
}
/* プレミアム版 */
.p_overview__msg--term.premium{
  background: #362d2c;
  color:#f5efd9;
}
.p_overview__msg--descr.premium{
  border: 1px solid #362d2c;
}

@media screen and (max-width: 599px){
  .p_overview__item + .p_overview__item{
    margin: 8px 0 0 0;
  }
}
/* 提案リンク */
.p_proposalLink{
  padding-left: 1.5em;
}
.p_proposalLink__target{
  color: inherit;
  text-decoration: none;
}
.p_proposalLink__target:hover{
  color: inherit;
  text-decoration: none;
  opacity: .7;
}
.p_proposalLink__body{
  font-weight: bold;
  font-size: 16px;
}
.p_proposalLink__body--colorTheme{
  color: #2c4b79;
}
/* プレミアム版 */
.p_proposalLink__body--colorTheme.premium{
  color: #362d2c;
}

/* 講師 */
.p_trainer{}
.p_trainer__body{
  padding-left: 32px;
}
.p_trainer__link{
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
@media screen and (max-width: 768px){
  .p_trainer__body{
    padding-left: 16px;
  }
}
/* 講師リンク */
.p_trainierLink{
  display: flex;
  justify-content: flex-end;
}
/* 強調メッセージ */
.p_strongMsg{
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.p_strongMsg--colorTheme{
  color: #2c4b79;
}
@media screen and (max-width: 599px){
  .p_strongMsg{
    font-size: 12px;
  }
}
/* 丸アイコンをもつボックス */
.p_hasCircleList  li{
  position: relative;
  padding-left: 1.5em
}
.p_hasCircleList li::before{
  content: "●";
  position: absolute;
  left: 0;
  font-size: .8em;
  line-height: 1;
  top: 6px;
}
.p_hasCircleList--colorTheme li::before{
  color: #2c4b79;
}
/* プレミアム版 */
.p_hasCircleList--colorTheme.premium li::before{
  color: #362d2c;
}

/* レコメンドリスト */
.p_recommendList{}
.p_recommendList a::before{
  top: 50%;
  transform: translateY(-50%);
}
.p_recommendList span{
  display: block;
  text-decoration: underline;
}

/* プランナー動画 */
.p_movie{
  position: relative;
  width: 100%;
  padding-top: calc(100% * 9 / 16);
}
.p_movie > iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* プランナー動画のサムネイル */
.p_thumbnailMovie{}
.p_thumbnailMovie__body{
  padding-left: 32px;
}
.p_thumbnailMovie__catch{}
.p_thumbnailMovie__catch + .p_thumbnailMovie__thumbnail{
  margin-top: 12px;
}
.p_thumbnailMovie__thumbnail{
  text-align: center;
}
.p_thumbnailMovie__target{
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 0;
  color: inherit;
}
.p_thumbnailMovie__target::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 20%;
  padding-top: 20%;
  display: block;
  background: radial-gradient(circle at center, rgba(255, 255, 255, .8) calc(100% * .707), transparent 0);
  transform: translate(-50%, -50%);
  transition: .3s transform;
}
.p_thumbnailMovie__target:hover::before{
  transform: translate(-50%, -50%) scale(1.6);
}
.p_thumbnailMovie__target::after{
  content: "▼";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  font-size: 24px;
  line-height: 0;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.p_thumbnailMovie__target > img{
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px){
  .p_thumbnailMovie__body{
    padding-left: 16px;
  }
}
/* ＋αのソリューション */
.p_morePlan{}
.p_morePlan__body{
  padding-left: 16px;
}
.p_morePlan__item + .p_morePlan__item{
  margin-top: 24px;
}
.p_morePlan__ttl{
  position: relative;
  margin-bottom: 6px;
  padding-left: 16px;
  line-height: 1.4;
}
.p_morePlan__ttl::before{
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #02024D;
}
.p_morePlan__link{
  color: inherit;
  font-weight: bold;
  font-size: 16px;
  transition: .3s opacity;
}
.p_morePlan__link:hover{
  opacity: .7;
}
/* プレミアム */
.theme_premium .p_morePlan__ttl::before{
  background: #4D3D34;
}
/* 似た課題のプラン */
.p_samePlan{}
.p_samePlan__body{
  padding: 0 16px;
}
.p_samePlan__footer{
  margin-top: 40px;
}
/* 似た課題のプランのパネル（コアソリューショントップから移管） */
.p_newPlan_panel{ /* 追加 */
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -10px;
}
.p_newPlan_panel__itemWrap{ /* 追加 */
  display: flex;
  justify-content: center;
  width: 33.333%;
  padding: 10px;
}
.p_newPlan_panel__item{
  position: relative;
  width: 100%;
  padding: 8px;
  box-shadow: 4px 4px #eee;
}
.p_newPlan_panel__inner{
  width: 100%;
  padding-bottom: 52px;
}
.p_newPlan_panel_head_img{}
.p_newPlan_panel_head_img > img{
  max-width: 100%;
  height: auto;
}
.p_newPlan_panel_date{
    font-size: 12px;
    text-align: right;
}
.p_newPlan_panel_arrow{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}
.p_newPlan_panel_arrow_hierarchyList{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}
.p_newPlan_panel_arrow_hierarchy{
    position: relative;
    width: 25%;
    line-height: 24px;
    text-align: center;
    background: #B6B6B6;
    color: #707070;
    font-size: 10px;
    font-weight: bold;
}

.p_newPlan_panel_arrow_hierarchy:not(:last-child)::before{
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    z-index: 1;
    display: block;
    width: 8px;
    height: 12px;
    border-right: 2px solid #fff;
    background: inherit;
    transform: skew(30deg);
}

.p_newPlan_panel_arrow_hierarchy:not(:last-child)::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: -4px;
    z-index: 1;
    border-right: 2px solid #fff;
    background: inherit;
    display: block;
    width: 8px;
    height: 12px;
    transform: skew(-30deg);
}

.p_newPlan_panel_arrow_hierarchy:not(:first-child){
    padding-left: 5px;
}

.p_newPlan_panel_arrow_hierarchy--young{
    background: #c71597;
    color: #fff;
}
.p_newPlan_panel_arrow_hierarchy--middle{
    background: #2a2d8a;
    color: #fff;
}
.p_newPlan_panel_arrow_hierarchy--manager{
    background: #1a5b25;
    color: #fff;
}
.p_newPlan_panel_arrow_hierarchy--executive{
    background: #681313;
    color: #fff;
}

.p_newPlan_panel_ttl_wrap{
    display: flex;
    align-items: center;
    margin: 10px 0px;
    border-top: 2px solid #707070;
    border-bottom: 2px solid #707070;
    font-weight: bold;
    height: 70px;
    letter-spacing: -1px;
}

.p_newPlan_panel_ttl{
    font-size: 14px;    
}

.p_newPlan_panel_sales_copy_wrap{
    letter-spacing: -1px;
}
.p_newPlan_panel_sales_copy{}

.p_newPlan_panel_detail_wrap{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    display: block;
    width: 150px;
    margin: 0 auto;
}
.p_newPlan_panel_detail{
    position: relative;
    color: #fff !important;
    background: #11004d;
    display: block;
    border-radius: 50px;
    padding: 5px 30px;
    width: 100%;
}

.p_newPlan_panel_detail::after{
    position: absolute;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: "";
    display: inline-block;
    height: .7em;
    margin-right: 8px;
    top: 10px;
    right: 10px;
    transform: rotate(45deg);
    width: .7em;
    transition: .2s;
}

.p_newPlan_panel_detail:hover{
    opacity: .6;
    transition: .2s;
}

.p_newPlan_panel_detail:hover::after{
    right: 2px;
    transition: .2s;
}
/* プレミアム */
.theme_premium .p_newPlan_panel_detail{
  background: #4D3D34;
}
@media screen and (max-width: 768px){
  .p_newPlan_panel{ /* 追加 */
    display: block;
    max-width: 360px;
    margin: 0 auto;
  }
  .p_newPlan_panel__itemWrap{ /* 追加 */
    display: block;
    width: auto;
    padding: 0;
  }
  .p_newPlan_panel__item{
    box-shadow: none;
  }
  .p_newPlan_panel .slick-next, .p_newPlan_panel .slick-prev{
    width: 24px;
    height: 24px;
  }
  .p_newPlan_panel .slick-next, .p_newPlan_panel .slick-prev{
    width: 24px;
    height: 24px;
  }
  .p_newPlan_panel .slick-next:before, .p_newPlan_panel .slick-prev:before{
    font-size: 24px;
    color: #02024D;
    opacity: 1;
  }
  /* プレミアム */
  .theme_premium .p_newPlan_panel .slick-next:before, .theme_premium .p_newPlan_panel .slick-prev:before{
    color: #4D3D34;
  }
}

/* 事例ボタン（コアソリューショントップのボタンを移設）*/
.p_sameBtn {
  position: relative;
  background: #11004d;
  /* box-shadow: 5px 5px 5px rgb(0 0 0 / 25%); */
  box-shadow: 5px 5px 5px rgba(0,0,0,.5);
  border-radius: 50px;
  color: #fff;
  display: block;
  width: 260px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.2;
  padding: 15px 50px 15px 70px;
  text-align: center
}
.p_sameBtn::before{
  position: absolute;
  content: url('/resource/img/package/arrow.png');
  display: block;
  height: 28px;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.p_sameBtn:hover {
  text-decoration: none;
  box-shadow: none;
  transform: translate(2px,2px);
  transition: .2s;
}
/* プレミアム */
.theme_premium .p_sameBtn{
  background: #4D3D34;  
}
@media screen and (max-width: 768px){
  .p_sameBtn {
    padding: 10px 20px 10px 48px;
  }
}
/* 更新情報 */
.p_infoBox {
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  font-size: 11px;
  margin-top: 3px;
}

.p_code + .p_heading_date { margin-left: 16px; }

/* faq */
.p_faq{}
.p_faq__body{
  padding-left: 32px;
}
.p_faq__item{}
.p_faq__item + .p_faq__item{
  margin-top: 12px;
}

.p_faq__q{
  position: relative;
  color: inherit;
  cursor: pointer;
  font-weight: bold;
  padding-left: 2.5em;
  counter-increment: qaIndex;
}
.p_faq__q::before{
  content: "Q" counter(qaIndex);
  position: absolute;
  left: 0;
  color: #02024D;
}
.p_faq__a{
  position: relative;
  padding: 8px 0 0 2.5em;
  white-space: pre-wrap;
  font-family: inherit;
}
.p_faq__a::before{
  content: "A";
  position: absolute;
  top: 8px;
  left: 1em;
  font-weight: bold;
}
.p_faq__link{
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
/* プレミアム */
.theme_premium .p_faq__q::before{
  color: #4D3D34;
}

.answer-enter-active,.answer-leave-active{transition:.5s height,.5s opacity;}
.answer-enter{opacity:0;}
.answer-leave-to{height:0;opacity:0;}
@media screen and (max-width: 768px){
  .p_faq__body{
    padding-left: 16px;
  }
}

/* プリント用コピーライト */
.p_printCopyRight{
  font-size: 11px;
  text-align: center;
}


/*
    サイドナビ
================================*/
/* 記事一覧 */
.p_sideListBox { 
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  margin-bottom: 20px
}

.p_sideListBox_ttl {
  border-top: 3px solid #2c4b79;
  border-bottom: 1px solid #362d2c;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
  padding: 5px 0;
}

/* プレミアム版 */
.theme_premium .p_sideListBox_ttl {border-top-color: #4D3D34;}

.p_sideListBox_link {
  align-items: center;
  color: currentColor;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.p_sideListBox_link::before {
  content: "";
  color: #2c4b79;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 1.2em;
  display: block;
  margin-right: 5px;
}

.p_sideListBox_link.theme::before { content: "\f002"; }
.p_sideListBox_link.layered::before { content: "\f5fd"; }
.p_sideListBox_link.industry::before { content: "\f277"; }
.p_sideListBox_link.organization::before { content: "\f059"; }

/* プレミアム版 */
.theme_premium .p_sideListBox_link::before { color: #4D3D34; }


.p_pageNav_link.is-on:hover { cursor: default; }

.p_sideListBox_link::after {
  border-top: 3px solid #2c4b79;
  border-right: 3px solid #2c4b79;
  content: "";
  display: inline-block;
  height: .5em;
  margin-right: 8px;
  margin-left: auto;
  transform: rotate(45deg);
  width: .5em;
}

/* プレミアム版 */
.theme_premium .p_sideListBox_link::after {
  border-top-color: #4D3D34;
  border-right-color: #4D3D34;
}

 
.p_sideListBox_link:hover {
  opacity: .6;
}

.p_sideList {}

.p_sideList_item {}

.p_sideList_item + .p_sideList_item {
  margin-top: 5px;
}

.p_sideList_item > a {
  color: inherit;
  display: block;
  position: relative;
  transition: .3s;
}

.p_sideList_item > a:hover {
  opacity: .6;
  text-decoration: none;
}

/* 検索ボックス非表示 */
.p_sideList_search { display: none; }

/* banner */
.p_sideBannerBox { margin-bottom: 20px; }

.p_sideBannerBox_img {}

.p_sideBannerBox_img + .p_sideBannerBox_img { margin-top: 8px; }

.p_sideBannerBox_img a {}

.p_sideBannerBox_img a:hover { opacity: .6; }

.p_sideBannerBox_img img { display: block; }

/* モーダル */
.p_modal{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;
  width: 80vw;
  max-width: 980px;
  transform: translate(-50%, -50%);
}
.p_modal__inner{
  background: #fff;
}
.p_modal__close{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.p_modal__closeTarget{
  line-height: 0;
}
.p_modal__closeTarget:hover{
  opacity: .8;
}
@media screen and (max-width:599px){
  .p_modal{
    min-width: auto;
  }
}

/* オーバーレイ */
.p_overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  min-width: 100vw;
  min-height: 100vh;
  background: #333;
  opacity: .9;
}
/* ================
state
================ */
[v-cloak]{
  display: none;
}
.js_modal-enter-active, .js_modal-leave-active{
  transition: .8s opacity;
}
.js_modal-enter, .js_modal-leave-to{
  opacity: 0;
}

/* ================
utility
================ */
/*横幅*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
}

/*間隔*/
.u_mb8{
  margin-bottom: 8px;
}
.u_mb16{
  margin-bottom: 16px;
}
.u_mb24{
  margin-bottom: 24px;
}
.u_mb40{
  margin-bottom: 40px;
}
.u_mt8{
  margin-top: 8px;
}
.u_mt16{
  margin-top: 16px;
}
.u_mt24{
  margin-top: 24px;
}
.u_mt40{
  margin-top: 40px;
}

/*表示*/
.u_hide{
  display: none;
}