@charset "UTF-8";

/*
  カスタムプロパティ
*/
:root {

  /* カラー設定 */
  /* デフォルトカラー */
  --color-def: #333;

  /* ベースカラー */
  --color-base: #FFF;
  

  /* アクセントカラー */
  --color-accent: #ff9700;
  --color-subaccent: #ff8400;
  --color-green: #00aaaa;
  --color-white: #ffffff;
  --color-yellow: #ffe927;
  --color-aqua: #e3f9f9;
  --color-gray: #cccccc;
  --color-blue: #5283cd;
  --color-pale-blue: #eef1fa;

  /* リンクカラー */
  --color-blue1: #3498db;

  /* フォントサイズ設定 */
  --fs-heading-h2: 34px;    /* PC H2見出し */
  --fs-component-24: 24px;  /* 24px */
  --fs-component-20: 20px;  /* ※SPのH2見出し */
  --fs-component-18: 18px;  /* コンポーネントサイズ(大)  */
  --fs-component-16: 16px;  /* コンポーネントサイズ(中) ※PCのフォントサイズが18pxの時SPではこれを使う */
  --fs-component-14: 14px;  /* コンポーネントサイズ(小)※PCのフォントサイズが16pxの時SPではこれを使う */
  --fs-component-12: 12px;  /* ※PCのフォントサイズが14pxの時SPではこれを使う */
  --fs-component-10: 10px;
  /* コンテンツ幅 */
  --contents-width: 1020px;
}

/*
  SPとPCの表示切替
*/
.forSP {
  display: block;
}

.forPC {
  display: none;
}

@media screen and (min-width:769px) {
  .forSP {
    display: none;
  }

  .forPC {
    display: block;
  }
}


/*
汎用テキスト
*/
.CF-component-text {
  font-size: var(--fs-component-16);
  line-height: 28px;
  font-weight: 500;
  margin: 15px 0;
}

.CF-component-text span.-is-accent {
  color: #ff2828;
}

.CF-component-text a {
  text-decoration: none;
  color: var(--color-def);
  border-bottom: var(--color-def) solid 1px;
}

.CF-component-text h6 {
  margin: 20px 0;
    border-left: 3px solid var(--color-green);
    padding-left: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: var(--color-green);
}

.CF-component-text.-is-right {
  text-align: right;
}

@media screen and (min-width:769px) {
  .CF-component-text {
    margin: 20px 0;
  }

  .CF-component-text a:hover {
    border-bottom: none;
  }
}
/* /汎用テキスト */

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

独自パーツ

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

/*
サンプル問題
*/

.CF-question {
  background-image: linear-gradient(90deg,transparent 0, transparent 7px, #f7ead9 7px, #f7ead9 8px, transparent 8px, transparent 33px, #f7ead9 33px, #f7ead9 34px, transparent 34px, transparent 46px, #f7ead9 46px, #f7ead9 47px, transparent 47px),
  linear-gradient(0deg,transparent 0, transparent 7px, #f7ead9 7px, #f7ead9 8px, transparent 8px, transparent 33px, #f7ead9 33px, #f7ead9 34px, transparent 34px, transparent 46px, #f7ead9 46px, #f7ead9 47px, transparent 47px);
  background-size: 50px 50px;
  background-color: #fff2e0;
  background-repeat: repeat;
}

.CF-question-inner {
  position: relative;
}

.CF-question.-is-correct .CF-question-btn-box, .CF-question.-is-incorrect .CF-question-btn-box {
  position: relative;
}

.CF-question.-is-correct .CF-question-btn-box::before, .CF-question.-is-incorrect .CF-question-btn-box::before {
  content: "";
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  top: calc(50% + 8px);
  transform: translate(-50%, -50%);
  left: calc(50% + 8px);
  z-index: 1;
}

.CF-question.-is-correct .CF-question-btn-box::before {
  background: url(/nm/_assets/images/sample/correct.png) center center no-repeat;
  background-size: contain;
}

.CF-question.-is-incorrect .CF-question-btn-box::before {
  background: url(/nm/_assets/images/sample/incorrect.png) center center no-repeat;
  background-size: contain;
}

.CF-question.-is-correct .CF-question-btn-data {
  opacity: 0.7;
}

.CF-question.-is-incorrect .CF-question-btn-data {
  opacity: 0.7;
}

.CF-question.-is-correct .CF-question-btn-data.-is-active,
.CF-question.-is-incorrect .CF-question-btn-data.-is-active {
  border: #ff6937 solid 1px;
  opacity: 1;
}

.CF-question.-is-correct .CF-question-btn-data.-is-active .CF-question-btn-label,
.CF-question.-is-incorrect .CF-question-btn-data.-is-active .CF-question-btn-label {
  background: #ff6937;
}

.CF-question.-is-correct .CF-question-btn-data.-is-active .CF-question-btn-text,
.CF-question.-is-incorrect .CF-question-btn-data.-is-active .CF-question-btn-text {
  color: #ff6937;
}

.CF-question-wrap .CF-question .CF-question-inner {
  border-top: #333333 solid 1px;
}

.CF-question-wrap .CF-question:first-child .CF-question-inner {
  border: none;
}

.CF-question-lead-box {
  position: relative;
  text-align: center;
}

.CF-question-lead {
  display: inline-block;
  position: relative;
  font-size: 22px;
  font-weight: 800;
  line-height: 32px;
  text-align: center;
  margin-bottom: 20px;
  height: 100%;
  color: #333;
  padding: 0 18px;
}


.CF-question-lead::before {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(to bottom left, transparent, transparent 48.5%, #333333 49.5%, #333333 54.5%, transparent 55.5%, transparent);
  width: 18px;
  height: 100%;
  top: 0;
  left: 0;
}

.CF-question-lead::after {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(to bottom right, transparent, transparent 48.5%, #333333 49.5%, #333333 54.5%, transparent 55.5%, transparent);
  width: 18px;
  height: 100%;
  top: 0;
  right: 0;
}


.CF-question-box {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  background-color: #ff9700;
  border-radius: 5px;
  border: 2px solid #ff9700;
  align-items: stretch;
}

.CF-question-icon {
  width: 78px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.CF-question-icon > img {
  width: 30px;
}

.CF-question-text-data {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  padding: 13px 16px;
  border-radius: 0px 5px 5px 0px;
}

.CF-question-text {
  font-size: var(--fs-component-16);
  font-weight: 500;
  line-height: 1.5;
}

.CF-question-text strong {
  color: #ff9700;
  font-weight: bold;
}

.CF-question-btn-data {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-start;
  align-self: stretch;
  min-height: 72px;
  margin-bottom: 20px;
  background: #ffffff;
  border: #aaa solid 1px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}

.CF-question-btn-label {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  color: #ffffff;
  background-color: #888;
  text-align: center;
  padding: 5px 0;
  width: 72px;
  flex-shrink: 0;
  font-weight: bold;
}

.CF-question-btn-text {
  font-size: var(--fs-component-16);
  line-height: 1.5;
  color: #333333;
  padding: 15px;
}

.CF-question-btn {
  margin-top: 30px;
  font-size: 18px;
  line-height: 1.56;
  font-weight: bold;
}

.CF-question-btn.-is-checked {
  display: none;
}

.CF-question-btn.-is-checked + .CF-answer {
  display: flex;
}

.CF-question-btn.-is-checked + .CF-answer.CF-answer.top_answer {
  display: block;
    min-height: auto;
    align-items: unset;
    border: none;
    background: unset;
}


.CF-answer.top_answer .CF-question-more{
  top: 0;
  margin: 30px auto 0px;
  display: block;
  border: 0px;
  width: 600px;
  height: 70px;
  background: #ff6937;
  border-radius: 50px;
  color: #fff;
  position: relative;
  max-width: 100%;
}
.CF-answer.top_answer .CF-question-more span{
  width: 100%;
  max-width: 100%;
  font-size: 20px;
  color: #ffffff;
  top: calc(50% - 15px);
  left: unset;
  /* position: relative; */
}

@media screen and (min-width:935px) {
  .CF-answer.top_answer .CF-question-more{
    height: 75px;
  }
  .CF-answer.top_answer .CF-question-more span{
    font-size: 24px;
  }
}


.CF-answer.top_answer .CF-question-more::after
{
content: "";
width: 20px;
height: 20px;
display: inline-block;
position: relative;
background: url(/nm/_assets/images/svg/arrow02_white.svg);
background-repeat: no-repeat;
right: calc(-100% + 30px);
top: calc(50% - 10px);
}

.CF-question-btn.-is-checked + .CF-answer-block {
  display: block;
}

a .CF-question-more:hover{ transition:0.5s; opacity: 0.8;}

.CF-answer {
  display: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 100px;
  background: #ffffff;
  border: #ff2828 solid 2px;
  border-radius: 6px;
  margin-top: 20px;
}


.CF-answer.top_answer .CF-answer-inner{
  display: flex;
  border: #ff2828 solid 2px;
  border-radius: 6px;
  background: #fff;
}
.CF-answer.top_answer .CF-answer-inner{
  display: flex;
}


.CF-answer-box {
  font-size: var(--fs-component-16);
  font-weight: 600;
  color: #333333;
  padding: 10px;
}

.CF-answer-label {
  font-size: 22px;
  color: #ffffff;
  background-color: #ff2828;
  text-align: center;
  padding: 5px 0;
  width: 100%;
}

.CF-answer-title {
  font-size: var(--fs-component-18);
  margin-bottom: 10px;
  color: #ff2828;
  font-weight: 800;
}

.CF-answer-text {
  font-weight: normal;
}

.CF-answer-text a {
  text-decoration: none;
  color: #333333;
}

.CF-question-more {
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90px 120px 0 120px;
  border-color: #ff6937 transparent transparent transparent;
  margin: 16px auto;
}

.CF-question-more span {
  display: block;
  position: absolute;
  text-align: center;
  width: 180px;
  top: -75px;
  left: -90px;
  margin: 0 auto;
  font-size: var(--fs-component-16);
  font-weight: 600;
  color: #ffffff;
}



@media screen and (min-width:769px) {
  .CF-question  {
    padding-bottom: 80px;
  }

  .CF-question-inner {
    max-width: var(--contents-width);
    margin: 0 auto;
  }

  .CF-question-lead {
    font-size: 34px;
    line-height: 45px;
    margin-bottom: 0px;
    font-weight: 900;
    padding: 0 85px;
  }

  .CF-question-lead::before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to bottom left, transparent, transparent 48.5%, #333333 49.5%, #333333 54.5%, transparent 55.5%, transparent);
    width: 71px;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  .CF-question-lead::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to bottom right, transparent, transparent 48.5%, #333333 49.5%, #333333 54.5%, transparent 55.5%, transparent);
    width: 71px;
    height: 100%;
    top: 0;
    right: 0;
  }

  .CF-question-box {
    margin-bottom: 48px;
  }
  
  .CF-question-icon {
    margin-bottom: 0px;
    margin-right: 0px;
    width: 116px;
    height: auto;
  }

  .CF-question-icon > img {
    width: 36px;
  }

  .CF-question-text-data {
    padding-top: 22px;
    padding-left: 28px;
  }

  .CF-question-text {
    font-size: var(--fs-component-20);
    line-height: 1.6;
    margin-bottom: 0;
  }

  .CF-question-btn-box {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: -30px 0 0 -32px;
  }

  .CF-question-btn-data {
    flex-flow: nowrap;
    min-height: 100px;
    width: calc((100% / 2) - 32px);
    margin: 30px 0 0 32px;
  }

  .CF-question-btn-data:hover {
    border: var(--color-accent) solid 1px;
  }

  .CF-question-btn-data:hover .CF-question-btn-label {
    background-color: var(--color-accent);
  }

  .CF-question-btn-data:hover .CF-question-btn-text {
    color: var(--color-accent);
  }

  .CF-question-btn-label {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    padding: 0;
    line-height: 64px;
    width: 100px;
    flex-shrink: 0;
  }

  .CF-question-btn-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: var(--fs-component-16);
    line-height: 1.75;
    padding: 20px 24px;
  }

  .CF-question-btn {
    max-width: 420px;
    margin: 50px auto 0;
  }

  .CF-answer {
    flex-flow: nowrap;
    align-items: stretch;
    min-height: 100px;
    margin-top: 50px;
  }

  .CF-answer-box {
    font-weight: 600;
    color: #333333;
    padding: 24px 30px;
  }

  .CF-answer-label {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    padding: 0;
    width: 160px;
    flex-shrink: 0;
  }

  .CF-answer-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .CF-answer-text {
    font-size: var(--fs-component-16);
    line-height: 28px;
  }

  .CF-question-more {
    border-width: 125px 240px 0 240px;
    margin: 30px auto;
    position: relative;
    top: 200px;
  }

  .CF-question-more span {
    width: 250px;
    top: -100px;
    left: -125px;
    font-size: 28px;
  }
}
/* /サンプル問題 */

/*
アイコン付きタイトル
*/
.CF-top-title-box {
  display: flex;
  width: 100%;
  justify-content: center;
}

.CF-top-title {
  text-align: center;
  margin-bottom: 0px;
}

.CF-top-title > span {
  display: block;
  font-size: 18px;
  line-height: 1.78;
  width: fit-content;
  margin: 0 auto;
  font-weight: normal;
}

.CF-top-title > span::before {
  content: "";
  display: block;
}

.CF-top-title.-is-sample {
  position: relative;
  width: 318px;
}

.CF-top-title.-is-sample::before {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(to bottom left, transparent, transparent 49.5%, #ff9700 50.5%, #ff9700 53.5%, transparent 55.5%, transparent);
  width: 68px;
  height: 100px;
  bottom: 8px;
  left: 0px;
}

.CF-top-title.-is-sample::after {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(to bottom right, transparent, transparent 49.5%, #ff9700 50.5%, #ff9700 53.5%, transparent 55.5%, transparent);
  width: 68px;
  height: 100px;
  bottom: 8px;
  right: 0px;
}

.CF-top-title.-is-sample > span::before {
  background: url(/nm/_assets/images/svg/icn_qa.svg) center center no-repeat;
  background-size: contain;
  width: 60px;
  height: 50px;
  margin: 0 auto 5px;
}



.CF-top-title span.-is-weight-bold {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.23;
}

@media screen and (min-width:769px) {

  .CF-top-title.-is-sample {
    width: 680px;
  }

  .CF-top-title.-is-sample > span {
    font-size: 30px;
    line-height: 1.5;
    text-indent: 18px;
  }

  .CF-top-title.-is-sample > span::before {
    content: "";
    display: inline-block;
    height: 48px;
    position: absolute;
    left: 100px;
    top: -2px;
  }

  .CF-top-title.-is-sample span.-is-weight-bold {
    font-size: 40px;
    line-height: 1.5;
  }
}

/* /アイコン付きタイトル */

/*
コンテンツナビ
*/
.CF-contents-nav {
  margin: 30px 0;
}

.CF-contents-nav ul {
  list-style: none;
  padding-left: 0;
  border: #cccccc solid 1px;
  border-radius: 5px;
}

.CF-contents-nav ul li:first-child {
  border-top: none;
}

.CF-contents-nav ul li {
  border-top: #ccc solid 1px;
}

.CF-contents-nav ul li a {
  text-decoration: none;
  color: #333;
  display: block;
  padding: 10px 10px 10px 28px;
  background: url(/nm/_assets/images/svg/arrow01_black.svg) left 10px center no-repeat;
  background-size: 15px 15px;
  font-size: var(--fs-component-16);
  line-height: 18px;
}

.CF-contents-nav ul li.-is-active a {
  background: url(/nm/_assets/images/svg/arrow01_black.svg) left 10px center no-repeat var(--color-aqua);
  background-size: 15px 15px;
  color: var(--color-def);
}

@media screen and (min-width:769px) {
  .CF-contents-nav ul {
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .CF-contents-nav ul li {
    position: relative;
    border-top: none;
    flex-grow: 1;
    align-self: stretch;
  }

  .CF-contents-nav ul li::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: calc(100% - 30px);
    background: #ccc;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
  }

  .CF-contents-nav ul li:first-child::before {
    display: none;
  }
  
  .CF-contents-nav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 36px;
    background: url(/nm/_assets/images/svg/arrow01_black.svg) left 15px center no-repeat;
    background-size: 15px 15px;
    height: 100%;
    text-align: center;
  }
  
  .CF-contents-nav ul li.-is-active a {
    background: url(/nm/_assets/images/svg/arrow01_black.svg) left 15px center no-repeat var(--color-aqua);
    background-size: 15px 15px;
    color: var(--color-def);
  }

  .CF-contents-nav ul li a:hover {
    opacity: 0.7;
  }
}
/* /コンテンツナビ */



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

汎用パーツ

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

/*
ボタンデザイン
*/
.CF-btn {
  display: block;
  text-decoration: none;
  font-size: var(--fs-component-16);
  line-height: 1.6;
  background: url(/nm/_assets/images/svg/arrow02_white.svg) no-repeat var(--color-accent);
  background-position: right 18px center;
  background-size: auto 17px;
  color: var(--color-white);
  border: var(--color-subaccent) solid 2px;
  border-radius: 100px;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 14px 18px;
}

.CF-btn.-color-reverse {
  background: url(/nm/_assets/images/svg/arrow02_orange.svg) no-repeat var(--color-white);
  background-position: right 18px center;
  background-size: auto 17px;
  color: var(--color-accent);
  border: var(--color-accent) solid 2px;
}

.CF-btn.-color-green {
  background: url(/nm/_assets/images/svg/arrow02_white.svg) no-repeat var(--color-green);
  background-position: right 18px center;
  background-size: auto 17px;
  color: var(--color-white);
  border: var(--color-white) solid 2px;
}

.CF-btn.-color-green-reverse {
  background: url(/nm/_assets/images/svg/arrow02_green.svg) no-repeat var(--color-white);
  background-position: right 18px center;
  background-size: auto 17px;
  color: var(--color-green);
  border: var(--color-green) solid 2px;
}

.CF-btn.-color-blue-reverse {
  background: url(/nm/_assets/images/svg/blue-arrow.svg) no-repeat var(--color-white);
  background-position: right 20px center;
  background-size: 10px 17px;
  color: var(--color-blue);
  border: var(--color-blue) solid 2px;
}

.CF-btn.-color-yellow {
  background: url(/nm/_assets/images/svg/arrow02_black.svg) no-repeat var(--color-yellow);
  background-position: right 10px center;
  background-size: auto 17px;
  color: #333;
  border: #c3af00 solid 2px;
}

.CF-btn.-is-simple {
  border: #999999 solid 1px;
  color: #333 !important;
  background: var(--color-white);
  font-weight: normal;
}

.CF-btn.-has-much-content {
  background-position: right 10px center;
  background-size: auto 12px;
  padding: 14px 26px;
}

.CF-btn.-is-reverse.end {
  background: #ccc ;
  border: 2px solid #ccc ;
}

@media screen and (min-width:769px) {
  .CF-btn {
    font-size: var(--fs-component-18);
    background: url(/nm/_assets/images/svg/arrow02_orange.svg) right 18px center no-repeat var(--color-base);
    line-height: 28px;
    font-weight: bold;
    padding: 14px 30px;
  }

  .CF-btn:hover {
    opacity: 0.7;
  }

  .CF-btn.-is-reverse {
    background: url(/nm/_assets/images/svg/arrow02_white.svg) right 18px center no-repeat var(--color-accent);
    background-size: auto 17px;
  }

  .CF-btn.-has-much-content {
    padding: 14px 40px;
    width: fit-content;
    margin: 0 auto;
  }
}


/*
ボタン配置
*/
.CF-component-btn {
  text-align: center;
  margin-top: 20px;
}

.CF-component-btn.-is-right {
  text-align: right;
}

.CF-component-btn.-is-left {
  text-align: left;
}

.CF-component-btn.-is-bottom {
  margin-bottom: 20px;
}
/* /ボタン配置 */

/*
戻るボタン
*/
.CF-back-btn {
  margin: 10px 0;
  text-align: right;
}

.CF-back-btn .CF-btn {
  font-size: var(--fs-component-12);
  line-height: 1.17;
  padding-top: 10px;
  padding-bottom: 10px;
}

.CF-btn.-is-variable {
  display: inline-block;
  width: fit-content;
}

.CF-btn.-is-back {
  background: url(/nm/_assets/images/svg/gray-arrow-reverse.svg) left 10px center no-repeat #ffffff;
  background-size: 7px 11px;
}

@media screen and (min-width:769px) {
  .CF-back-btn {
    margin: 20px 0;
  }

  .CF-back-btn .CF-btn {
    font-size: var(--fs-component-14);
    line-height: 16px;
  }
}
/* /戻るボタン */

/*
ボタン付きカード
*/

.CF-sample-card-data {
  background: #f0ede3;
  border: #cccccc solid 5px;
  margin-bottom: 32px;
}

.CF-sample-card-data.-is-accent {
  background: #ffe9e2;
  border: var(--color-accent) solid 5px;
}

.CF-sample-card-data:last-child {
  margin-bottom: 0;
}

.CF-sample-card-group {
  padding: 15px 15px;
}

.CF-sample-card-title {
  font-size: var(--fs-component-20);
  font-weight: 800;
}

.CF-sample-card-text {
  margin-top: 10px;
  font-size: var(--fs-component-16);
}

.CF-sample-card-text strong {
  font-size: var(--fs-component-20);
  color: #ff7629;
  font-weight: 900;
  background: linear-gradient(to top, #ffff00 0%, #ffff00 55%, transparent 55%, transparent 100%);
}

.CF-sample-card-img img {
  vertical-align: bottom;
  width: 100%;
}

.CF-sample-card-btn {
  margin-top: 15px;
}

@media screen and (min-width:769px) {
  .CF-sample-card-data {
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .CF-sample-card-data {
    padding: 30px;
    margin-bottom: 50px;
  }

  .CF-sample-card-data:last-child {
    margin-bottom: 0;
  }

  .CF-sample-card-img {
    width: 260px;
    margin-right: 30px;
    flex-shrink: 0;
  }

  .CF-sample-card-group {
    width: 73%;
    padding: 0;
  }

  .CF-sample-card-title {
    font-size: 30px;
  }

  .CF-sample-card-title.-is-small {
    font-size: 24px;
  }

  .CF-sample-card-text {
    margin-top: 5px;
    font-size: var(--fs-component-18);
    font-weight: 600;
  }

  .CF-sample-card-text strong {
    font-size: 24px;
  }

  .CF-sample-card-btn {
    max-width: 420px;
    margin-top: 22px;
  }

  .CF-sample-card-btn.-is-large {
    max-width: 600px;
  }
}
/* /ボタン付きカード */


/*
汎用2カラム(大)
*/
.CF-large-column02-data .CF-img {
  text-align: center;
}

.CF-it-img.-is-auto {
  text-align: center;
}

.CF-it-img.-is-auto img {
  width: auto;
}

.CF-large-column02-data .CF-img img {
  vertical-align: bottom;
  box-shadow: 12px 5px 14px -10px #777777;
  width: 160px;
}

.CF-large-column02-data .CF-img.-no-shadow img {
  box-shadow: none;
}

.CF-book-card-data {
  background: var(--color-aqua);
  margin-bottom: 32px;
}

.CF-book-card-data:last-child {
  margin-bottom: 0;
}

.CF-book-card-group {
  padding: 15px;
}

.CF-book-card-group > *:first-child {
  margin-top: 0;
}

.CF-book-card-group > *:last-child {
  margin-bottom: 0;
}

.CF-book-card-title {
  font-size: var(--fs-component-18);
  font-weight: 700;
  padding-bottom: 5px;
  margin-bottom: 10px;
  color: var(--color-accent);
  border-bottom: var(--color-accent) solid 2px;
}

.CF-book-card-list {
  list-style: none;
  padding-left: 0;
}

.CF-book-card-list li {
  font-size: var(--fs-component-16);
  line-height: 28px;
}

.CF-book-card-list li.-is-color {
  color: var(--color-accent);
}

.CF-book-card-list li.-is-first {
  font-weight: 600;
  border-bottom: 1px solid;
  margin-bottom: 10px;
}

.CF-book-card-flow {
  background: #666;
}

.CF-book-card-flow a {
  display: block;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  color: var(--color-base);
}

.CF-book-card-flow a span {
  position: relative;
  padding-left: 25px;
}

.CF-book-card-flow a span::before {
  content: "";
  position: absolute;
  display: block;
  background: url(/nm/_assets/images/svg/arrow01_white.svg) center center no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
  left: 0px;
}

.CF-book-card-btn {
  margin: 10px auto 0;
  max-width: 300px;
}

.CF-book-card-btn .CF-btn {
  line-height: 18px;
}

@media screen and (min-width:769px) {
  .CF-large-column02 {
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .CF-large-column02-data:nth-child(1) {
    flex-shrink: 0;
  }

  .CF-large-column02-data:nth-child(2) {
    flex-grow: 1;
  }

  .CF-large-column02-data .CF-img {
    margin-right: 32px;
  }
  
  .CF-it-img.-is-auto img {
    width: 100%;
  }

  .CF-large-column02-data .CF-component-text:first-child {
    margin-top: 0;
  }

  .CF-large-column02-data .CF-img {
    margin-top: 0;
  }

  .CF-book-card {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 0 0 0 -30px;
  }
  
  
  .CF-book-card-data {
    width: calc((100% / 2) - 30px);
    margin: 0 0 0 30px;
    align-self: stretch;
    position: relative;
    padding-bottom: 60px;
    flex-grow: 1;
  }

  .CF-book-card-data.-is-nobtn {
    padding-bottom: 0px;
  }
  
  .CF-book-card-group {
    padding: 30px;
  }

  .CF-book-card-flow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  
  .CF-book-card-flow a {
    padding: 18px 0;
  }

  .CF-book-card-flow a:hover {
    opacity: 0.7;
  }

  .CF-book-card-list + .CF-book-card-btn {
    margin-top: 32px;
  }

  .CF-book-card-btn {
    margin: 10px auto 0;
    max-width: 300px;
  }

  .CF-book-card-btn .CF-btn {
    padding: 12px 30px;
    font-weight: 500;
    background: url(/nm/_assets/images/svg/arrow02_white.svg) right 10px center no-repeat var(--color-accent);
    background-size: auto 17px;
  }
}
/* /汎用2カラム(大) */

/*
アンカーナビ
*/
.CF-anchor-nav {
  border: 1px solid #cccccc;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 50px;
}

.CF-anchor-nav ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

.CF-anchor-nav ul li {
  font-size: var(--fs-component-16);
  line-height: 1.25;
  border-top: #ccc solid 1px;
  flex-grow: 1;
  width: 50%;
  font-size: 16px;
  padding: 10px 0px
}

.CF-anchor-nav li:last-child a::before,
.CF-anchor-nav.text ul li:nth-child(2) a::before,
.CF-anchor-nav.text ul li:nth-child(4) a::before {
  content: "";
  position: absolute;
  background: #ccc;
  width: 1px;
  height: 20px;
  display: block;
  left: 0px;
}

.CF-anchor-nav ul li:first-child {
  width: 100%;
  border-top: none;
}

.CF-anchor-nav.text ul li:first-child,
.CF-anchor-nav.text ul li:nth-child(2){
  width: 50%;
  border-top: none;
}

.CF-anchor-nav ul li.-is-description {
  background: var(--color-aqua);
  padding: 10px;
}

.CF-anchor-nav ul li.-is-description strong {
  color: var(--color-accent);
}

.CF-anchor-nav ul li a {
  display: block;
  padding: 10px;
  color: #333;
  text-decoration: none;
  position: relative;
}

.CF-anchor-nav ul li a span {
  position: relative;
  padding-left: 20px;
}

.CF-anchor-nav ul li a span::before {
  position: absolute;
  content: "";
  background: url(/nm/_assets/images/svg/arrow01_black.svg) center center no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
  left: 0;
}

@media screen and (min-width:769px) {
  .CF-anchor-nav {
    border-radius: 100px;
    overflow: hidden;
  }

  .CF-anchor-nav ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  .CF-anchor-nav ul li {
    text-align: center;
    padding: 0px;
    line-height: 3.5;
    border-top: none;
    align-self: stretch;
    position: relative;
    width: auto;
    white-space: nowrap;
    font-size: 14px;
  }
  
  .CF-anchor-nav li:last-child a::before,
  .CF-anchor-nav.text ul li:nth-child(2) a::before,
  .CF-anchor-nav.text ul li:nth-child(4) a::before { 
    background: transparent;
  }

  .CF-anchor-nav ul li.-is-description {
    order: 1;
    flex-grow: 1;
    text-align: center;
    padding: 0px;
  }

  .CF-anchor-nav ul li.-is-description::before {
    display: none;
  }


  .CF-anchor-nav ul li:last-child::before {
    display: none;
  }

  .CF-anchor-nav ul li::before {
    content: "";
    position: absolute;
    display: block;
    background: #ccc;
    width: 1px;
    height: 20px;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
  }

  .CF-anchor-nav ul li a {
    padding: 0px 58px;
    text-decoration: none;
  }

  .CF-anchor-nav.text ul li:first-child,
  .CF-anchor-nav.text ul li:nth-child(2){
    width: auto
}

  .CF-anchor-nav.text ul li a {
    padding: 0px;
  }

  .CF-anchor-nav ul li a:hover {
    text-decoration: underline;
  }
}

@media screen and (min-width:820px) {
  .CF-anchor-nav ul li {
    font-size: 16px;
  }
}

/* /アンカーナビ */

/*
絞り込みパーツ
*/
.CF-filter {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 14px;
  border-bottom: var(--color-def) solid 3px;
  margin-bottom: 28px;
}

.CF-filter-title {
  position: relative;
  font-size: var(--fs-component-24);
  line-height: 28px;
  width: 100%;
}

.CF-filter-title span {
  position: relative;
  padding-left: 35px;
  font-weight: 800;
}

.CF-filter-title span::before {
  position: absolute;
  content: "";
  background: url(/nm/_assets/images/svg/icon-filter.svg) center center no-repeat;
  background-size: contain;
  width: 25px;
  height: 21px;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}

.CF-filter-btn {
  margin: 14px 5px 0px;
}

.CF-filter-btn a {
  display: inline-block;
  text-decoration: none;
  color: var(--color-def);
  font-size: var(--fs-component-12);
  padding: 7px 20px;
  background: var(--color-base);
  border: var(--color-def) solid 1px;
  border-radius: 20px;
}

@media screen and (min-width:769px) {
  .CF-filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0px;
    border-bottom: var(--color-def) solid 3px;
    margin-bottom: 28px;
  }
  
  .CF-filter-title {
    position: relative;
    font-size: var(--fs-component-24);
    line-height: 28px;
    width: auto;
    margin: 0 10px 14px 0;
  }
  
  .CF-filter-btn {
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 14px;
  }
  
  .CF-filter-btn a {
    display: inline-block;
    text-decoration: none;
    color: var(--color-def);
    font-size: var(--fs-component-16);
    padding: 7px 28px;
    background: var(--color-base);
    border: var(--color-def) solid 1px;
    border-radius: 20px;
    margin: 0 0 0 10px;
  }

  .CF-filter-btn a:hover {
    opacity: 0.7;
  }
}
/* /絞り込みパーツ */

/*
汎用テーブル(大)
*/
.CF-large-table {
  overflow: auto;
  margin: 30px 0;
}

.CF-large-table::before {
  content: "※表を横にスクロールすると、続きが表示されます。";
  font-size: var(--fs-component-14);
}

.CF-large-table table {
  min-width: 680px;
  border-collapse:collapse;
  white-space: nowrap;
}

.CF-large-table table th {
  color: #fff;
  background: var(--color-green);
  font-size: var(--fs-component-14);
  white-space: nowrap;
  padding: 15px 3px;
  border: #ccc solid 1px;
}

.CF-large-table.-is-color-blue table th {
  background: var(--color-blue);
}

.CF-large-table table td {
  background: #fff;
  font-size: var(--fs-component-14);
  border: #ccc solid 1px;
  padding: 10px;
  text-align: left;
}

.CF-large-table.-text-align-center table td  {
  text-align: center;
}

.CF-large-table table .-is-bg-color {
  background: var(--color-accent);
}

.CF-large-table table .-is-head {
  background: var(--color-aqua);
  color: var(--color-green);
  font-weight: 700;
  white-space: nowrap;
}

.CF-large-table.-is-color-blue table .-is-head {
  background: var(--color-pale-blue);
  color: var(--color-blue);
}

.CF-large-table table .-is-date {
  background: #fff5e6;
}

.CF-large-table table .-is-date strong {
  font-size: var(--fs-component-16);
  color: var(--color-accent);
}

.CF-large-table table .-is-date span {
  font-size: var(--fs-component-16);
  font-weight: 800;
}

.CF-large-table table .-is-bg-color-02 {
  background: #fff;
}

.CF-large-table table span.-is-entry {
  background: #ec0000;
  padding: 2px 6px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  color: #fff;
}

.CF-large-table table span.-is-start {
  background: #00a157;
  padding: 2px 6px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  color: #fff;
}

.CF-large-table table span.-is-end {
  background: #666666;
  padding: 2px 6px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  color: #fff;
}

.CF-large-table table .CF-large-table-btn {
  margin-top: 5px;
  margin-bottom: 5px;
}

.CF-large-table table .CF-large-table-btn .CF-btn {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 18px;
  line-height: 14px;
  background-size: auto 12px;
}

@media screen and (min-width:769px) {
  .CF-large-table {
    overflow: visible;
    margin-bottom: 50px;
  }

  .CF-large-table::before {
    display: none;
  }
  
  .CF-large-table table {
    min-width: auto;
    width: 100%;
    white-space: normal;
  }
  
  .CF-large-table table th {
    padding: 20px 10px;
  }
  
  .CF-large-table table td {
    padding: 15px;
  }

  .CF-large-table table .CF-large-table-btn {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px;
  }
  
  .CF-large-table table .CF-large-table-btn .CF-btn {
    font-size: var(--fs-component-16);
  }

  .CF-large-table table .CF-large-table-btn .CF-btn {
    background-position: right 13px center;
  }
}

/* /汎用テーブル(大) */

/*
汎用テーブル
*/
.CF-table {
  overflow: auto;
  margin: 30px 0;
}

.CF-table table {
  min-width: 680px;
  border-collapse:collapse;
}

.CF-table.-is-visible {
  overflow: visible;
}

.CF-table.-is-visible table {
  min-width: auto;
  width: 100%;
}

.CF-table table th {
  color: #fff;
  background: #fe9966;
  font-size: var(--fs-component-14);
  white-space: nowrap;
  padding: 15px 3px;
  border: #ccc solid 1px;
}

.CF-table table td {
  background: #fff;
  font-size: var(--fs-component-14);
  border: #ccc solid 1px;
  padding: 10px;
  text-align: left;
}

.CF-table td.-is-center {
  text-align: center;
}

.CF-table table .-is-head {
  background: var(--color-aqua);
  color: var(--color-def);
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}

.CF-table table span.-is-entry {
  background: #ec0000;
  padding: 2px 6px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  color: #fff;
}

.CF-table table a {
  color: var(--color-def);
}

@media screen and (min-width:769px) {
  .CF-table {
    overflow: visible;
  }
  
  .CF-table table {
    min-width: auto;
    width: 100%;
  }
  
  .CF-table table th {
    padding: 20px 10px;
  }
  
  .CF-table table td {
    padding: 15px;
  }
}

.CF-table table a:hover {
  text-decoration: none;
}
/* /汎用テーブル */

/*
汎用フロー
*/
.CF-flow-box {
  margin: 30px 0;
 }
 
 .CF-flow-data {
   margin-top: 30px;
   position: relative;
 }
 
 .CF-flow-data:first-child {
   margin-top: 0;
 }
 
 .CF-flow-data:first-child::before {
   display: none;
 }
 
 .CF-flow-data::before {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 15px 15px 0 15px;
   border-color: #666666 transparent transparent transparent;
   top: -22px;
   left: 50%;
   transform: translate(-50%, 0);
 }
 
 .CF-flow-step {
   font-size: var(--fs-component-20);
   font-family: "Lato";
   line-height: 24px;
   text-align: center;
   color: #fff;
   font-weight: 600;
   background: #666666;
   padding: 10px;
 }
 
 .CF-flow-group {
   background: #f0ede3;
   padding: 15px;
 }
 
 .CF-flow-group > *:first-child {
   margin-top: 0 !important;
 }
 
 .CF-flow-group > *:last-child {
   margin-bottom: 0;
 }
 
 .CF-flow-title {
   font-size: var(--fs-component-18);
   line-height: 24px;
   font-weight: 700;
 }
 
 .CF-flow-btn .CF-btn {
   font-size: var(--fs-component-14);
 }
 
 @media screen and (min-width:769px) {
   .CF-flow-box {
     margin: 20px 0;
    }
    
   .CF-flow-data {
     display: flex;
     flex-flow: nowrap;
     justify-content: flex-start;
     align-items: center;
     margin-top: 40px;
     background: #666666;
   }
    
   .CF-flow-data::before {
     top: -27px;
   }
   
   .CF-flow-step {
     font-size: var(--fs-component-24);
     line-height: 26px;
     width: 200px;
     flex-shrink: 0;
   }
   
   .CF-flow-group {
     padding: 15px 20px;
     flex-grow: 1;
   }
   
   .CF-flow-group > *:last-child {
     margin-bottom: 0 !important;
   }
 
   .CF-flow-group .CF-component-text {
     margin: 10px 0;
   }
 
   .CF-flow-btn {
     max-width: 420px;
     margin: 0 auto 50px;
   }
   
   .CF-flow-btn .CF-btn {
     font-size: var(--fs-component-18);
   }
 }
 /* /汎用フロー */

/*
汎用見出し(中)
*/
.CF-heading-meddium {
  font-size: var(--fs-component-20);
  line-height: 1.8;
  background: var(--color-aqua);
  padding:10px;
  border-left: var(--color-green) solid 5px;
  font-weight: bold;
}

.CF-heading-meddium span.-is-end {
  display: block;
  background: #ec0000;
  padding: 4px 6px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  margin-bottom: 5px;
}

@media screen and (min-width:769px) {
  .CF-heading-meddium {
    position: relative;
    font-size: var(--fs-component-24);
    line-height: 36px;
    padding: 15px;
    margin: 50px 0 30px;
  }

  .CF-heading-meddium span.-is-end {
    position: absolute;
    width: fit-content;
    top: 0;
    right: 0;
  }
}
/* /汎用見出し(中) */

/*
背景色付き見出しH2
*/
.CF-heading-bgtitle {
  padding: 7px 0;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: var(--color-green) solid 1px
}
.CF-heading-bgtitle.-is-color-blue {
  background: var(--color-pale-blue);
}

.CF-heading-bgtitle span {
  display: flex;
  align-items: center;
  padding-left: 15px;
  font-weight: 800;
  font-size: var(--fs-component-18);
  line-height: 20px;
  border-left: var(--color-green) solid 5px;
}

.CF-heading-bgtitle.-is-color-blue  span {
  border-left: var(--color-blue) solid 5px;
}

@media screen and (min-width:769px) {
  .CF-heading-bgtitle {
    padding: 8px 0;
    margin: 40px 0 20px;
  }

  .CF-heading-bgtitle span {
    font-size: var(--fs-component-20);
    line-height: 24px;
  }
}

/*
汎用画像+テキスト
*/
.CF-it {
  margin: 20px 0;
}

.CF-it-img.-is-center {
  text-align: center;
}

.CF-it-img img {
  vertical-align: bottom;
  width: auto;
}

.CF-it-data {
  background: #fff;
  padding: 15px 15px 30px;
}

.CF-it-title {
  font-size: var(--fs-component-18);
  line-height: 38px;
  font-weight: 700;
  text-align: center;
}

.CF-it-title strong {
  font-size: 30px;
  color: #ff6937;
  font-weight: 800;
}

.CF-it-title span {
  font-size: var(--fs-component-14);
}

.CF-it-btn {
  margin-top: 20px;
}

.CF-it-btn .CF-btn {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media screen and (min-width:769px) {
  .CF-it {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    background: #fff;
  }

  .CF-it.-is-reverse {
    flex-flow: row-reverse;
  }

  .CF-it .CF-it-data {
    flex-grow: 1;
    padding: 0 0 0 40px;
    width: calc(50% - 40px);
  }

  .CF-it .CF-it-data > *:first-child {
    margin-top: 0;
  }

  .CF-it .CF-it-data > *:last-child {
    margin-bottom: 0;
  }

  .CF-it.-is-reverse .CF-it-data {
    padding: 0 40px 0 0;
  }

  .CF-it.-is-asym .CF-it-data {
    width: calc(75% - 40px);
  }

  .CF-it-img {
    flex-shrink: 0;
    width: calc(50%);
  }

  .CF-it.-is-asym .CF-it-img {
    width: calc(25%);
    margin: 30px;
  }

  .CF-it-img img {
    vertical-align: bottom;
    object-fit: cover;
  }

  .CF-it-title {
    font-size: var(--fs-component-24);
    line-height: 46px;
    text-align: left;
  }

  .CF-it-title strong {
    font-size: 42px;
  }

  .CF-it-btn {
    max-width: 350px;
  }
  
  .CF-it-btn .CF-btn {
    font-size: var(--fs-component-14);
  }
}
/* /汎用画像+テキスト */


/*
背景色付きカードリスト
*/
.CF-card-data {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 0px 33px -17px #b5b5b5;
  height: 100%;
}

.CF-card-img {
  width: 90px;
  margin-right: 20px;
  flex-shrink: 0;
}

.CF-column-group {
  flex-grow: 1;
}

.CF-card-btn {
  margin-top: 10px;
}

.CF-card-btn .CF-btn {
  padding: 4px 18px;
  font-size: var(--fs-component-14);
}

.CF-card-list-box {
  background: #fff;
  box-shadow: 0px 0px 33px -17px #b5b5b5;
  padding: 20px;
  margin-top: 20px;
}

.CF-card-list-btn {
  margin-top: 20px;
}

.CF-card-list-btn .CF-btn {
  padding: 4px 18px;
  background-size: auto 12px;
}


@media screen and (min-width:769px) {
  .CF-card-img {
    width: 120px;
  }

  .CF-card-btn {
    margin-top: 30px;
    max-width: 250px;
  }
  
  .CF-card-btn .CF-btn {
    font-size: var(--fs-component-16);
    padding: 4px 30px;
  }

  .CF-card-list-box {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    margin-top: 30px;
  }

  .CF-card-list-btn {
    margin-top: 0px;
  }
  
  .CF-card-list-btn .CF-btn {
    padding: 14px 30px;
  }
}
/* /背景色付きカードリスト */

/*
2カラムコンテンツ
*/
.CF-column02 {
  margin-top: 23px;
}

.CF-column02-data {
  margin-top: 20px;
}

.CF-column02-data:first-child {
  margin-top: 0px;
}

.CF-column02-data.-width-100 {
  width: 100%;
} 

.CF-column02-data.-width-100 .CF-component-img {
  width: 100%;
}

@media screen and (min-width:769px) {
  .CF-column02 {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 0 -30px;
  }

  .CF-column02-data {
    margin: 0 0 0 30px;
    align-self: stretch;
  }

  .CF-top-cc-small-btn .CF-btn {
    font-size: var(--fs-component-14);
  }

  .CF-column02-data.-align-center {
    text-align: center;
  }

  .CF-column02-data.-margin-left-0px {
    margin-left: 0px;
  }

  .CF-column02-data.-margin-left-forPC {
    margin-left: 60px;
  }
}
/* /2カラムコンテンツ */


/*
フッターカラム
*/
.CF-top-foot-img img {
  vertical-align: bottom;
}
@media screen and (min-width:769px) {
  .CF-top-foot-img a:hover {
    opacity: 0.7;
  }
}
/* /フッターカラム */

/*
この試験もおすすめです
*/
.CF-section.-section-recommend {
  margin-top: 52px;
  margin-bottom: 88px;
}
.CF-recommend {
  background: #e5e5e5;
  padding: 20px 30px 20px 10px;
}

.CF-recommend-title {
  font-size: var(--fs-component-18);
  line-height: 2;
  text-align: center;
  font-weight: bold;
}

.CF-recommend-list {
  margin-top: 5px;
  padding-left: 1rem;
}

.CF-recommend-list dt {
  font-size: var(--fs-component-16);
  line-height: 30px;
  position: relative;
  font-weight: 700;
}

.CF-recommend-list dt a {
  color: #00aaaa;
}

.CF-recommend-list dt a::before {
  position: absolute;
  content: "・";
  top: 0;
  left: -1rem;
  color: var(--color-def);
  color: #00aaaa;
}

.CF-recommend-list dd {
  font-size: var(--fs-component-16);
  line-height: 28px;
}

@media screen and (min-width:769px) {
  /* ヘッダーの高さ（200px）下にずらす */
  .CF-footer {
    position: relative;
    top: 200px;
  }

  .CF-section.-section-recommend {
    margin-top: 80px;
    margin-bottom: 78px;
  }

  .CF-recommend {
    padding: 25px 30px 24px 24px;
  }

  .CF-recommend-title {
    font-size: var(--fs-component-20);
    
  }

  .CF-recommend-list {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }
  .CF-recommend-list:last-child {
    margin-bottom: 0px;
  }

  .CF-recommend-list dt {
    line-height: 1.3;
    margin-right: 5px;
  }

  .CF-recommend-list dt a:hover {
    text-decoration: none;
  }

  .CF-recommend-list dd {
    line-height: 1.3;
  }
}


/* /この試験もおすすめです */

/*
受験時にご用意いただくもの(汎用以外)
*/
.CF-icon-card-data {
  margin-top: 20px;
}

.CF-icon-card-img {
  text-align: center;
}

.CF-icon-card-img img {
  width: 100%;
  vertical-align: bottom;
}

.CF-icon-card-label {
  font-size: var(--fs-component-14);
  line-height: 19px;
  margin-top: 10px;
  text-align: center;
}

@media screen and (min-width:769px) {
  .CF-icon-card-box {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 15px 0 0 -20px;
  }

  .CF-icon-card-data {
    width: calc((100% / 5) - 20px);
    margin: 0 0 0 20px;
  }
}
/* /受験時にご用意いただくもの(汎用以外) */

/*
モーダル表示
*/

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,80%);
  padding: 40px 20px 40px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
  z-index: 10;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
  opacity: 1;
  visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: var(--contents-width);
  width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -30px;
  right: 0px;
  font-size: var(--fs-component-16);
  color: #fff;
  cursor: pointer;
}

.modal-close span {
  position: relative;
}

.modal-close span::before {
  content: "";
  position: absolute;
  background: url(/nm/_assets/images/svg/circle-close.svg) center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translate(0, -50%);
  left: -30px;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
  background: #fff;
  text-align: left;
  padding: 10px;
}

.modal-content > .CF-modal-area > *:first-child {
  margin-top: 0;
}

.modal-content > .CF-modal-area > *:last-child {
  margin-bottom: 0;
}

.CF-modal-btn .CF-btn {
  font-size: var(--fs-component-14);
  line-height: 16px;
}

@media screen and (min-width:769px) {
  .modal-container{
    padding: 100px 20px 40px;
  }

  .modal-content{
    padding: 40px;
  }

  .CF-modal-btn {
    max-width: 540px;
    margin: 0 auto;
  }

  .CF-modal-btn .CF-btn {
    font-size: var(--fs-component-16);
    line-height: 18px;
  }
}

/* /モーダル表示 */


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

サイトトップ

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

/* 
  メインビジュアル
*/
.CF-mv {
  position: relative;
}

.CF-mv-inner {
  background: linear-gradient(#6e9adc, #50c7c7);
  padding-bottom: 31px;
}

.CF-mv-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: -5%;
  margin-bottom: 10px;
}

.CF-mv-group {
  margin-left: 15px;
}

.CF-mv-btn-about-outer {
  margin: 0px 15px;
}

.CF-mv-btn-about {
  height: 100%;
}

.CF-mv-btn-about .CF-btn.-color-green {
  background-position: right 18px center;
  background-size: auto 17px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
}

.CF-mv-schedule.-for-mv {
  margin-top: 24px;
  margin-left:15px;
  margin-right:15px;
}

.CF-mv-schedule-heading {
  position: relative;
  font-size: var(--fs-component-20);
  line-height: 1.4;
  background: #5283cd;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 10px 9px 10px 0;
  border-radius: 10px 10px 0px 0px;
}

.CF-mv-schedule-heading span {
  display: inline-block;
}

.CF-mv-schedule-heading span::before {
  content: "";
  display: inline-block;
  background: url(/nm/_assets/images/svg/icn_calendar_white.svg) center center no-repeat;
  background-size: 22px 25px;
  width: 22px;
  height: 25px;
  margin-right: 9px;
  vertical-align: middle;
}

.CF-mv-schedule-heading::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 12px 0 12px;
  border-color: #5283cd transparent transparent transparent;
  bottom: -18px;
  left: 50%;
  transform: translate(-50%, 0);
}


.CF-mv-schedule-box {
  padding: 20px 0px;
  background: #fff;
}

.CF-mv-schedule-data:last-child .CF-mv-schedule-date {
  margin-bottom: 0;
}

.CF-mv-schedule-label {
  font-size: var(--fs-component-16);
  line-height: 28px;
  background: #729ad6;
  text-align: center;
  color: #fff;
  padding: 1px 0;
  margin: 0px 15px;
}

.CF-mv-schedule-date {
  position: relative;
  font-size: 20px;
  line-height: 29px;
  color: #000;
  font-weight: 700;
  margin: 13px 0 13px 28px;
}

.CF-mv-schedule-date strong {
  font-size: 30px;
  line-height: 0.74;
  color: #000;
}

.CF-mv-schedule-date span {
  font-family:  "Lato";
  font-size: 20px;
  color: #000;
  line-height: 1.17;
}

.CF-mv-schedule-date .-icon-notice {
  position: absolute;
  font-size: 12px;
  line-height: 1.17;
  font-weight: normal;
  padding: 2px 6px;
  text-align: center;
  border-radius: 2px;
  display: inline-block;
  width: 60px;
  bottom: 5px;
  right: 25px;
}

.CF-mv-schedule-date .-is-start {
  color: #fff;
  background: #39bf81;
}

.CF-mv-schedule-date .-is-accepting {
  color: #fff;
  background: #ff4c4c;
}

.CF-mv-schedule-date .-is-end {
  color: #fff;
  background: #666666;
}

.CF-mv-btn {
  margin: 0 auto;
  background: #fff2e0;
  padding: 16px 13px;
  position: relative;
  border-radius: 0px 0px 10px 10px;
}

.CF-mv-btn .CF-btn {
  font-size: 18px;
  line-height: 1.44;
  font-weight: bold;
}

@media screen and (min-width:769px) {
  .CF-mv-schedule.-for-mv {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .CF-mv-inner {
    background: linear-gradient(#6e9adc, #50c7c7);
    position: relative;
    top: 200px;
    padding-bottom: 31px;
    height: 44vw;
    max-height: 370px;
  }

  .CF-mv-group {
    margin-left: 0px;
  }

  .CF-mv-data {
    position: relative;
    max-width: 1020px;
    margin: 0px auto;
    height: 370px;
  }

  .CF-mv-logo {
    position: absolute;
    top: 21px;
    width: 67vw;
    left: -24px;
  }

  .CF-mv-icon {
    display: block;
    position: absolute;
    width: 27vw;
    top: 28vw;
    left: 35vw;
  }

  .CF-mv-btn-about-outer {
    position: absolute;
    left: 0px;
    margin-left: 0px;
    width: 33vw;
    top: 26vw;
  }

  .CF-mv-btn-about .CF-btn.-color-green {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 13px;
  }

  .CF-mv-schedule {
    position: absolute;
    margin-top: 0px;
    margin-right: 0px;
    top: 20px;
    right: 0px;
    padding: 0px 0px;
    width: 31vw;
  }

  .CF-mv-schedule-heading {
    border-top: #fff solid 1px;
    border-left: #fff solid 1px;
    border-right: #fff solid 1px;
    font-size: 16px;

  }

  .CF-mv-schedule-box {
    padding: 17px 0px;
    border-left: #fff solid 1px;
    border-right: #fff solid 1px;
  }

  .CF-mv-schedule-heading span::before {
    width: 28px;
    height: 30px;
  }

  .CF-mv-schedule-heading::before {
    border-width: 15px 12px 0 12px;
    bottom: -15px;
  }

  .CF-mv-schedule-label {
    margin-left: 22px;
    margin-right: 22px;
   }

  .CF-mv-schedule-date {
    margin-left: 22px;
    margin-right: 22px;
    margin-bottom: 8px;
    line-height: 1.75;
    font-size: 10px;
  }

  .CF-mv-schedule-date strong {
    font-size: 20px;
  }
  
  .CF-mv-schedule-date span {
    font-size: 16px;
  }

  .CF-mv-schedule-date .-icon-notice {
    right: 0px;
    top: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 28px;
    width: 51px;
    font-size: 8px;
  }

  .CF-mv-btn {
    padding: 13px 13px;
    border-left: #fff solid 1px;
    border-right: #fff solid 1px;
    border-bottom: #fff solid 1px;
  }

  .CF-mv-btn .CF-btn {
    font-size: 15px;
  }
}

@media screen and (min-width:990px) {
  .CF-mv-inner {
    height: 370px;
  }

  .CF-mv-logo {
    width: 100%;
    left: -27px;
  }

  .CF-mv-icon {
    top: 284px;
    left: 360px;
  }

  .CF-mv-btn-about-outer {
    width: 333px;
    top: 265px;
  }

  .CF-mv-btn-about .CF-btn.-color-green {
    font-size: 18px;
  }

  .CF-mv-schedule {
    width: 331px;
  }
    
  .CF-mv-schedule-heading {
    font-size: 20px;
  }
    
  .CF-mv-schedule-date {
    font-size: 16px;
  }
    
  .CF-mv-schedule-date span {
    font-size: 24px;
  }

  .CF-mv-schedule-date strong {
    font-size: 30px;
  }
    
  .CF-mv-schedule-date .-icon-notice {
    height: 35px;
    width: 64px;
    font-size: 12px;
  }
    
  .CF-mv-btn .CF-btn {
    font-size: 18px;
  }
}

@media screen and (min-width:1020px) {
  .CF-mv-text-data {
    display: block;
  }

  .CF-mv-subtitle {
    font-size: 28px;
  }

  .CF-mv-title {
    font-size: 38px;
    margin: 10px 0;
    line-height: normal;
  }

  .CF-mv-chatch {
    position: absolute;
    bottom: 0;
    right: 155px;
    width: 165px;
    height: 165px;
  }

  .CF-mv-img-btn {
    margin-top: 25px;
  }
}

/* /メインビジュアル */

/*
お知らせ
*/
.CF-section.-for-news {
  padding-top: 30px;
}

.CF-news-title {
  font-size: 18px;
  padding-bottom: 6px;
  border-bottom: #cccccc solid 2px;
  margin-bottom: 15px;
  font-weight: bold;
}

.CF-news-list-data {
  margin-bottom: 20px;
}

.CF-news-list-data:last-child {
  margin-bottom: 30px;
}

.CF-news-list-date {
  font-size: var(--fs-component-16);
  line-height: 1.63;
  color: #333;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.CF-news-list-date span {
  color: #fff;
  text-align: center;
  margin-left: 15px;
  width: 80px;
}

.CF-news-list-date span.category01 {
  background: #00aaaa;
}

.CF-news-list-title a {
  font-size: var(--fs-component-16);
  line-height: 1.63;
  color: #333;
  font-weight: 500;
  text-decoration: none;
  border-bottom: #333 solid 1px;
}

.CF-top-news-btn {
  margin: 0 auto;
  border-radius: 20px;
  width: 240px;
  height: 40px;
}

.CF-top-news-btn .CF-btn {
  font-size: 14px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width:769px) {
  .CF-section.-for-news {
    padding-top: 60px;
  }

  .CF-news {
    position: relative;
  } 

  .CF-news-list-data {
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
  }

  .CF-news-list-date {
    margin-right: 16px;
  }

  .CF-news-list-title a:hover {
    border-bottom: none;
  }

  .CF-top-news-btn {
    position: absolute;
    top: -7px;
    right: 0px;
    width: 130px;
    height: 30px;
  }

  .CF-top-news-btn .CF-btn {
    margin: 0 auto;
    font-size: 14px;
    padding: 0px;
  }
}
/* /お知らせ */

/*
ネットマーケティング検定とは
*/
.CF-section.-for-nm {
  padding-top: 50px;
  padding-bottom: 50px;
}

.CF-nm-subtitle {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  transform: translateX(-8px);
  width: calc(100% + 8px);
}

.CF-nm-subtitle span {
  font-size: var(--fs-component-16);
  text-align: center;
  margin: 0 auto;
  width: fit-content;
  background: linear-gradient(to top, #ffff00 0, #ffff00 40%, transparent 40%, transparent 100%);
}

.CF-nm-title {
  margin-bottom: 20px;
  text-align: center;
}

.CF-nm-title > span {
  font-size: var(--fs-component-20);
  line-height: 1.5;
  background: #00aaaa;
  padding: 0px 10px;
  text-align: center;
  color: #fff;
  font-weight: normal;
}

.CF-nm-title span.-is-small {
  font-size: var(--fs-component-16);
}

.CF-nm-title span.-is-weight-bold {
  font-weight: bold;
}

.CF-component-icon {
  display: flex;
  justify-content: center;
}

.CF-component-icon > img.CF-component-icon-1 {
  width: 94px;
  margin-right: 13px;
}

.CF-component-icon > img.CF-component-icon-2 {
  width: 177px;
  height: 98px;
  margin-left: 13px;
}

.-for-nm .CF-component-text {
  margin: 21px 0;
  font-size: 16px;
  line-height: 1.5;
}

.CF-nm-img {
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}

.CF-nm-img img {
  width: 344px;
  vertical-align: bottom;
}

.CF-column03-data:first-child {
  margin-bottom: 20px;
}

.CF-top-nm-btn {
  margin-top: 30px;
}

.CF-top-nm-btn .CF-btn {
  line-height: 1.75;
  font-weight: bold;
  height: 56px;
}

.CF-component-img {
  text-align: center;
}

@media screen and (min-width:769px) {
  .CF-nm {
    position: relative;
  }

  .CF-nm-subtitle {
    margin-bottom: 28px;
  }

  .CF-nm-subtitle span {
    font-size: 22px;
    line-height: 1.42;
    font-weight: normal;
    background: linear-gradient(to top, #ffff00 0, #ffff00 40%, transparent 40%, transparent 100%);
    background-position: 0px -7px;
  }

  .CF-nm-title {
    margin-bottom: 28px;
  }

  .CF-nm-title > span {
    display: inline-block;
    font-size: 22px;
    margin: 0 auto;
    padding: 0px 11px;
    line-height: 1.56;
    height: 36px;
  }

  .CF-component-icon {
    position: absolute;
    top: 130px;
    width: 100%;
    justify-content: space-between;
  }

  .CF-component-icon > img.CF-component-icon-1 {
    width: 14.8vw;
  }

  .CF-component-icon > img.CF-component-icon-2 {
    width: 17.8vw;
    height: 9.95vw;
    margin-top: 20px;
  }

  .CF-nm-title > span:first-child {
    margin-bottom: 10px;
  }

  .CF-nm-title span.-is-small {
    font-size: 24px;
  }

  .CF-nm-img img {
    width: 450px;
  }

  .-for-nm .CF-component-text {
    text-align: center;
    margin-bottom: 50px;
  }

  .CF-column03 {
    display: flex;
    justify-content: center;
  }

  .CF-column03-data:first-child {
    margin-bottom: 0px;
    margin-right: 15px;
  }

  .CF-column03-data:last-child {
    margin-left: 15px;
  }

  .CF-top-nm-btn {
    max-width: 420px;
    margin: 50px auto 0px;
  }
  
  .CF-top-nm-btn .CF-btn {
    line-height: 1.75;
    font-weight: bold;
    height: 56px;
  }

  .CF-component-img.-is-double {
    text-align: left;
  }
}

@media screen and (min-width:895px) {
  .CF-nm-title > span {
    font-size: 31px;
    height: 41px;
  }
}

@media screen and (min-width:1015px) {
  .CF-nm-subtitle span {
    font-size: 24px;
    }

    .CF-nm-title > span {
      font-size: 34px;
      height: 46px;
    }

  
  .CF-component-icon {
   top: 152px;
  }
  
  .CF-component-icon > img.CF-component-icon-1 {
   width: 150px;
  }
  
  .CF-component-icon > img.CF-component-icon-2 {
   width: 181px;
   height: 101px;
  }
}
/* ネットマーケティング検定とは */

/*
受験生の声
*/
.CF-top-voice-title {
  position: relative;
  text-align: center;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 20px;
}

.CF-top-voice-title::before {
  content: "";
  position: absolute;
  background: url(/nm/_assets/images/svg/icn_voice.svg) center center no-repeat;
  background-size: contain;
  width: 53px;
  height: 31px;
  left: 50%;
  transform: translateX(-122px);
}

.CF-top-voice-box {
  margin-bottom: 30px;
}

.CF-top-voice-box a.voicelink {
  text-decoration: none;
  margin-bottom: 20px;
  border: 1px solid #cccccc;
  display: block;
}

.CF-top-voice-box a.voicelink:first-child {
  margin-top: 20px;
}

.CF-top-voice-data {
  border-top: #00aaaa solid 3px;
  padding: 20px 0px 0px;
  background-color: #f3f3f3;
}

.CF-top-voice-leftbox {
  display: flex;
  margin-left: 20px;
  margin-right: 20px;
}

.CF-top-voice-group {
  margin-left: 15px;
}

.CF-top-voice-data .imgbox img {
  max-width: 128px;
  vertical-align: bottom;
}

.CF-top-voice-data .imgbox.top img {
  max-width: 88px;
  vertical-align: bottom;
}

.CF-top-voice-subtitle {
  font-size: var(--fs-component-18);
  line-height: 1.56;
  color: #00aaaa;
  font-weight: bold;
  margin-top: -3px;
  word-break: break-all;
}

.CF-top-voice-company {
  font-size: var(--fs-component-12);
  line-height: 2.1;
	color: #000;
  margin-top: -2px;
}

.CF-top-voice-name {
  font-size: var(--fs-component-16);
  line-height: 1.56;
	color: #000;
}

.CF-top-voice-more {
  text-align: center;
  background-color: #00aaaa;
  height: 40px;
  margin-top: 10px;
}

.CF-top-voice-more span {
  display: block;
  font-size: var(--fs-component-16);
  position: relative;
  text-decoration: none;
  color: #fff;
  background: url(/nm/_assets/images/svg/arrow02_white.svg) right 12px center no-repeat;
  background-size: auto 12px;
  line-height: 2.5;
  font-weight: bold;
}

.CF-top-voice-btn {
  width: 240px;
  margin: 0 auto;
}

.CF-top-voice-btn .CF-btn {
  font-size: 14px;
  padding: 6px 20px;
  line-height: 1.86;
}

@media screen and (min-width:769px) {
  .CF-section.-for-top-voice {
    margin-bottom: 90px;
  }

  .CF-top-voice {
    position: relative;
    
  }

  .CF-top-voice-box {
    margin-bottom: 0px;
  }
  
  .CF-top-voice-title {
    font-size: 40px;
    line-height: 0.9;
    margin-bottom: 24px;
  }
  
  .CF-top-voice-title::before {
    content: "";
    position: absolute;
    background: url(/nm/_assets/images/svg/icn_voice.svg) center center no-repeat;
    background-size: contain;
    width: 104px;
    height: 60px;
    left: 50%;
    transform: translateX(-226px) translateY(-24px);
  }

  .CF-top-voice-box a.voicelink {
    margin-bottom: 28px;
  }

  .CF-top-voice-box a:hover {
    opacity: 0.7;
  }

  .CF-top-voice-box a.voicelink:last-child {
    margin-bottom: 0px;
  }

  .CF-top-voice-data {
    position: relative;
    border-top: none;
    border-left: #00aaaa solid 8px;
    padding: 0px;
    display: flex;
  }
  
  .CF-top-voice-leftbox {
    display: flex;
    margin: 25px 0px 22px 30px;
    width: 780px;
  }
  
  .CF-top-voice-group {
    margin-left: 20px;
  }
  
  .CF-top-voice-subtitle {
    font-size: 26px;
    line-height: 1.15;
    margin-top: 1px;
    margin-bottom: 10px;
    margin-right: 15px;
  }
  
  .CF-top-voice-company {
    margin-top: 0px;
  }
  
  .CF-top-voice-more.forPC {
    width: 200px;
    height: auto;
    display: flex;
    align-items: center;
    margin-top: 0px;
  }
  
  .CF-top-voice-more span {
    width: 100%;
    font-size: 12px;
  }
  
  .CF-top-voice-btn {
    position: absolute;
    top: 8px;
    right: 0px;
    width: 180px;
  }
  
  .CF-top-voice-btn .CF-btn {
    padding: 2px 12px;
  }
}

@media screen and (min-width:860px) {
  .CF-top-voice-more span {
    font-size: 16px;
  }
}
/* /受験生の声 */


/* /合格体験記 */
.CF-top-passed-title {
  text-align: center;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 20px;
}

.CF-top-passed-title span {
  position: relative;
}

.CF-top-passed-title span::before {
  content: "";
  position: absolute;
  background: url(/nm/_assets/images/svg/icn_passed.svg) center center no-repeat;
  background-size: contain;
  width: 53px;
  height: 31px;
  top: -6px;
  left: -56px;
}

@media screen and (min-width:769px) {
  .CF-top-passed-title {
    font-size: 40px;
    line-height: 0.9;
    margin-bottom: 24px;
  }

  .CF-top-passed-title span {
    position: relative;
  }
  
  .CF-top-passed-title span::before {
    content: "";
    position: absolute;
    background: url(/nm/_assets/images/svg/icn_passed.svg) center center no-repeat;
    background-size: contain;
    width: 44px;
    height: 60px;
    top: -6px;
    left: -56px;
  }
}

/* トップ サンプル問題にチャレンジ */
.CF-question.-for-top-sample {
  padding-top: 30px;
  padding-bottom: 50px;
  margin-bottom: 0px;
}

.CF-question.-for-top-sample .CF-question-contents {
  padding-top: 30px;
  padding-bottom: 30px;
}

.CF-question.-for-top-sample.-is-sample .CF-question-contents {
  padding-bottom: 0px;
}

.CF-top-question-btn-box {
  border-top: #cccccc solid 2px;
  padding-top: 30px;
  font-size: 18px;
  line-height: 1.56;
  font-weight: bold;
}

.CF-question.-is-question-list {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.CF-question.-is-question-list .CF-question-contents {
  padding: 40px 0px;
  border-bottom: #333333 solid 1px;
}

.CF-question.-is-question-list:last-of-type .CF-question-contents {
  border-bottom: none;
}

.CF-section.-is-question-lead-box {
  margin-top: 40px;
}

@media screen and (min-width:769px) {
  .CF-question.-for-top-sample {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .-for-top-sample .CF-question-contents {
    padding-top: 45px;
    padding-bottom: 50px;
  }

  .CF-top-question-btn-box {
    padding-top: 50px;
  }

  .CF-top-question-btn {
    max-width: 600px;
    margin: 0 auto;
  }

  .CF-top-question-btn .CF-btn.-is-reverse {
    padding: 24px 20px;
    font-size: 24px;
    background: url(/nm/_assets/images/svg/arrow02_white.svg) right 18px center no-repeat var(--color-accent);
    background-size: auto 20px;
  }

  .CF-question.-is-question-list .CF-question-contents {
    padding: 80px 0px;
  }

  .CF-section.-is-question-lead-box {
    margin-top: 80px;
  }
}
/* トップ　サンプル問題にチャレンジ */

/*  試験日程・受験方法 */
.CF-section.-for-top-schedule {
  background-color: #e3f9f9;
  padding-top: 50px;
  padding-bottom: 30px;
}

.-for-top-schedule .CF-top-title {
  margin-bottom: 15px;
}

.CF-top-title.-is-schedule > span::before {
  background: url(/nm/_assets/images/svg/icn_calendar.svg) center center no-repeat;
  background-size: contain;
  width: 46px;
  height: 50px;
  margin: 0 auto 5px;
}

.CF-top-title.-is-schedule > span {
  display: block;
  font-size: 22px;
  line-height: 2.05;
  font-weight: bold;
  width: fit-content;
}

.-for-top-schedule .CF-mv-schedule-heading {
  border-radius: 0px 0px 0px 0px;
}

.-for-top-schedule .CF-mv-schedule-box {
  padding-bottom: 0px;
}

.-for-top-schedule .CF-mv-schedule-date {
  margin-left: 28px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.-for-top-schedule .CF-mv-btn {
  background-color: #fff;
  padding-top: 25px;
  padding-bottom: 30px;
  border-radius: 0px 0px 0px 0px;
}

.-for-top-schedule .CF-mv-btn .CF-btn {
  font-size: 16px;
  line-height: 1.31;
}

@media screen and (min-width:769px) {
  .CF-section.-for-top-schedule {
    padding-top: 88px;
    padding-bottom: 50px;
  }

  .CF-top-title.-is-schedule {
    margin-bottom: 40px;
  }

  .CF-top-title.-is-schedule > span {
    position: relative;
    font-size: 40px;
    line-height: 1.125;
  }

  .CF-top-title.-is-schedule > span::before {
    background: url(/nm/_assets/images/svg/icn_calendar.svg) center center no-repeat;
    background-size: contain;
    width: 46px;
    height: 50px;
    margin: 0 0 0px;
    display: inline-block;
    position: absolute;
    left: -65px;
    top: -8px;
  }

  .-for-top-schedule .CF-mv-schedule-heading {
    font-size: 28px;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .-for-top-schedule .CF-mv-schedule-heading span {
    position: relative;
  }

  .-for-top-schedule .CF-mv-schedule-heading span::before {
    background-size: 28px 31px;
    position: absolute;
    left: -40px;
    top: -4px;
  }

  .-for-top-schedule .CF-mv-schedule-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 30px;
  }

  .-for-top-schedule .CF-mv-schedule-data {
    width: calc((100% / 2) - 30px);
    margin: 0 0 0 20px;
    background-color: #f3f3f3;
    height: 139px;
  }

  .-for-top-schedule .CF-mv-schedule-label {
    height: 50px;
    width: 100%;
    margin-left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1.15;
  }

  .-for-top-schedule  .CF-mv-schedule-date {
    font-size: 20px;
    line-height: 41.53px;
  }
  .-for-top-schedule .CF-mv-schedule-date span {
    font-size: 20px;
  }
  .-for-top-schedule .CF-mv-schedule-date strong {
    font-size: 26px;
  }

  .-for-top-schedule .CF-mv-schedule-date .-icon-notice {
    font-size: 12px;
    line-height: 1.14;
    height: 40px;
    width: 64px;
    padding:0px;
    margin-top: 3px;
  }

  .-for-top-schedule .CF-mv-btn {
    display: flex;
    justify-content: center;
  }

  .-for-top-schedule .CF-mv-btn .CF-btn {
    font-size: 24px;
    line-height: 1.33;
    max-width: 600px;
    padding-top: 26px;
    padding-bottom: 20px;
    background-size: auto 24px;
  }
}

@media screen and (min-width:935px) {
  .-for-top-schedule  .CF-mv-schedule-date {
    font-size: 28px;
  }
  .-for-top-schedule .CF-mv-schedule-date span {
    font-size: 28px;
  }
  .-for-top-schedule .CF-mv-schedule-date strong {
    font-size: 35px;
  }
  
  
}

@media screen and (min-width:975px) {
  .-for-top-schedule .CF-mv-schedule-date strong {
    font-size: 40px;
  }

  .-for-top-schedule .CF-mv-schedule-date .-icon-notice {
    font-size: 14px;
  }
}
/*  試験日程・受験方法 */

/* 資格受付ONLINEとは */
section.-for-top-schedule-article {
  padding: 30px 20px;
  margin-top: 30px;
  border-top: 3px solid var(--color-green);
  background-color: #fff;
}

section.-for-top-schedule section:last-child {
  margin-bottom: 20px;
}

.CF-top-about-title {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: var(--color-green);
  text-align: center;
}

.CF-top-about-box {
  margin-top: 10px;
}

.CF-top-about-img {
  text-align: center;
}

.CF-top-about-img img {
  vertical-align: bottom;
  width: 200px;
}

.CF-top-about-data {
  padding-top: 18px;
  font-size: 18px;
  line-height: 1.33;
}

.CF-top-about-list {
  list-style: none;
  padding-left: 0;
  padding-bottom: 30px;
}

.CF-top-about-list li {
  position: relative;
  font-size: var(--fs-component-16);
  line-height: 1.5;
  font-weight: bold;
  padding-left: 32px;
  margin-top: 15px;
}

.CF-top-about-list li::before {
  content: "";
  display: block;
  position: absolute;
  background: url(/nm/_assets/images/svg/icn_check.svg) center center no-repeat;
  background-size: contain;
  width: 21px;
  height: 35px;
  top: 0;
  left: 0;
}

.CF-top-about-list li span {
  background: linear-gradient(to top, #ffff00 0, #ffff00 40%, transparent 40%, transparent 100%);
}

.CF-top-about-btn {
  line-height: 1.3;
  font-weight: bold;
}

.CF-top-about-btn .CF-btn {
  padding: 8px 0px;
  background-size: auto 18px;
}

@media screen and (min-width:769px) {
  section.-for-top-schedule-article {
    max-width: var(--contents-width);
    margin: 51px auto 0px;
    border-top: 5px solid var(--color-green);
    padding-top: 40px;
    padding-left: 50px;
    padding-bottom: 40px;
  }

  .CF-top-about-title {
    font-size: 28px;
    line-height: 1.14;
  }

  .CF-top-about-box {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }

  .CF-top-about-img {
    margin: 0px;
  }

  .CF-top-about-data {
    padding-top: 0px;
    font-size: 16px;
    margin-left: 38px;
  }

  .CF-top-about-btn {
    max-width: 420px;
    margin: 0px auto;
  }

  .CF-top-about-btn .CF-btn {
    padding: 14px 0px;
    line-height: 1.78;
  }
}
/* 資格受付ONLINEとは */

/* 受験方法　*/
.-for-top-method .CF-top-title {
  width: 116px;
  height: 32px;
  background-color: var(--color-green);
  border-radius: 5px 5px 5px 5px;
  margin: 0 auto;
}

.-for-top-method .CF-top-title span {
  display: inline-block;
  color: #fff;
  font-size: 22px;
  line-height: 1.45;
  font-weight: bold;
}

.CF-top-method-img {
  margin-top: 20px;
}

.CF-top-method-img img {
  vertical-align: bottom;
  width: 100%;
}

.CF-top-method-title {
  font-size: var(--fs-component-18);
  line-height: 39.2px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.CF-top-method-title strong {
  font-size: 30px;
  color: #ff9700;
  font-weight: 800;
}

.CF-top-method-btn {
  margin-top: 15px;
}

.CF-top-method-btn .CF-btn {
  font-weight: bold;
  line-height: 1.31;
  padding: 8px 0px;
}

@media screen and (min-width:769px) {
  section.-for-top-method {
    padding-top: 0px;
    padding-right: 0px;
    height: 289px;
    position: relative;
  }

  .-for-top-method .CF-top-title {
    position: absolute;
    top: 40px;
  }

  .CF-top-method-img {
    width: 390px;
    margin-top: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
  }

  .CF-top-method-img img {
    object-fit: cover;
    height: 100%;
  }

  .CF-top-method-title {
    font-size: 16px;
    position: absolute;
    top: 92px;
    margin-top: 0px;
  }

  .CF-top-method-title strong {
    font-size: 32px;
  }

  .CF-top-method-btn {
    position: absolute;
    top: 200px;
    margin-top: 0px;
    width: 260px;
  }

  .CF-top-method-btn .CF-btn {
    font-size: 10px;
    line-height: 2.29;
    padding: 2px 0px;
    background-position: right 14px center;
    background-size: auto 12px;
  }
}


@media screen and (min-width:850px) {

  .CF-top-method-img {
    width: 400px;
  }

  .CF-top-method-title {
    font-size: 24px;
  }

  .CF-top-method-title strong {
    font-size: 42px;
  }

  .CF-top-method-btn {
    width: 346px;
  }

  .CF-top-method-btn .CF-btn {
    font-size: 14px;
  }
}

@media screen and (min-width:930px) {

  .CF-top-method-img {
    width: 480px;
  }

  .CF-top-method-img img {
    object-fit: none;
  }


}
/* 受験方法　*/

/* マーケティングブログ */
.CF-marketing-blog-list-wrapper {
  border: #ccc solid 1px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.CF-marketing-blog-list-inner {
  border-top: solid 4px var(--color-green);
  border-radius: 5px 5px 0px 0px;
  padding: 30px 20px;
}

.CF-marketing-blog-list-main-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 17px;
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.CF-marketing-blog-list-main-title::before {
  content: "";
  display: block;
  background: url(/nm/_assets/images/svg/icn_blog.svg) center center no-repeat;
  background-size: contain;
  width: 60px;
  height: 50px;
  margin: 0 auto 5px;
  position: absolute;
  width: 34px;
  top: -10px;
  right: 214px;
}

.CF-marketing-blog-list-contents {
  padding-top: 20px;
  padding-bottom: 19px;
  display: flex;
  justify-content:left;
  border-bottom: #ccc solid 1px;
}

.CF-marketing-blog-list-inner > a:first-of-type {
  border-top: #ccc solid 1px;
}

.CF-marketing-blog-list-img {
  width: 100px;
  min-width: 100px;
  margin-right: 16px;
}

.CF-marketing-blog-list-contents-link {
  text-decoration: none;
  display: block;
}

.CF-marketing-blog-list-textarea.-sp-width-auto {
  width: auto;
}

.CF-marketing-blog-list-textarea {
  color: var(--color-def);
  
}

.CF-marketing-blog-list-title {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}

.CF-marketing-blog-list-date {
  font-size: 14px;
  line-height: 2;
}

.CF-marketing-blog-list-tag {
  background-color: var(--color-green);
  color: var(--color-white);
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 1.67;
  padding: 0px 7px;
  margin-right: 12px;
}

.CF-marketing-blog-btn {
  font-weight: bold;
  margin-top: 30px;
}

.CF-X-img {
  width: 100%;
}

#bdash_embed_form_container_prd_100567_29{
  height: 770px;
  transform: scale(0.9);
}

#bdash_embed_form_container_prd_100567_29 iframe{
  border: 1px solid #DDD;
}

@media screen and (min-width:769px) {
  .-for-top-marketing-blog .CF-section-inner {
    display: flex;
    justify-content: space-between;
  }

  .CF-marketing-blog-list-wrapper {
    width: 50%;
  }

  .CF-marketing-blog-list-inner {
    padding: 48px 38px;
  }

  .CF-marketing-blog-list-main-title {
    font-size: 20px;
    line-height: 1;
    padding-bottom: 28px;
  }

  .CF-marketing-blog-list-main-title::before {
    width: 30px;
    right: 214px;
    top: -16px;
  }

  .CF-marketing-blog-list-img {
    width: 44%;
    flex-shrink: 0;
  }

  .CF-marketing-blog-list-textarea {
    width: 50%;
  }

  .CF-marketing-blog-list-title {
    font-size: 16px;
  }
  
  .CF-marketing-blog-list-date {
    font-size: 12px;
    line-height: 1.75;
  }

  .CF-marketing-blog-list-tag {
    font-size: 14px;
    line-height: 1.43;
  }

  .CF-marketing-blog-list-textarea__reverse-forPC {
    display: flex;
    flex-direction: column-reverse;
    justify-content: start;
  }

  .CF-marketing-blog-list-textarea__reverse-forPC .CF-marketing-blog-list-text-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }

  .CF-marketing-blog-list-textarea__reverse-forPC .CF-marketing-blog-list-title {
    line-height: 1.3;
  }

  .CF-marketing-blog-list-textarea__reverse-forPC .CF-marketing-blog-list-tag {
    width: fit-content;
  }

  .CF-marketing-blog-list-contents:hover {
    opacity: 0.7;
  }

  .CF-X-img {
    width: 47%;
  }

  #bdash_embed_form_container_prd_100567_29{
    height: 710px;
    transform: scale(0.8);
  }
  
}

@media screen and (min-width: 1049px) {
  .CF-marketing-blog-list-main-title {
    font-size: 28px;
    line-height: 1;
    padding-bottom: 28px;
  }

  .CF-marketing-blog-list-main-title::before {
    width: 50px;
    right: 300px;
    top: -10px;
  }

  .CF-marketing-blog-list-wrapper {
    width: 595px;
  }

  .CF-marketing-blog-list-img {
    width: 219px;
    flex-shrink: 0;
  }

  .CF-marketing-blog-list-textarea {
    width: 260px;
  }

  .CF-marketing-blog-list-title {
    font-size: 20px;
  }

  .CF-marketing-blog-list-date {
    font-size: 16px;
    line-height: 1.75;
  }

  .CF-marketing-blog-list-textarea__reverse-forPC .CF-marketing-blog-list-text-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: fit-content;
    margin-bottom: 10px;
  }

  .CF-marketing-blog-list-textarea__reverse-forPC .CF-marketing-blog-list-tag {
    text-align: center;
  }

  .CF-X-img {
    width: 393px;
  }

}
/* 背景色付きカードリスト */
.CF-section.-for-to-card-list {
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: #fff2e0;
}

.CF-card-list-data {
  background-color: var(--color-white);
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
}

.CF-card-list-data:last-child {
  margin-bottom: 0px;
}

.CF-card-list-img {
  width: 90px;
  min-width: 90px;
}

.CF-card-list-group {
  margin-left: 15px;
  width: 100%;
}

.CF-card-list-text {
  font-size: 16px;
  line-height: 1.5;
  margin-top: -3px;
}

.CF-card-list-btn {
  min-width: 200px;
  margin-top: 10px;
}

.CF-card-list-btn .CF-btn {
  padding: 5px 0px;
  font-size: 14px;
  line-height: 1.85;
  background-position: right 10px center;
}

.CF-group-exam-data {
  background-color: var(--color-white);
  padding: 20px;
  margin-top: 20px;
  text-align: center;
}

.CF-group-exam-card-img {
  margin-bottom: 10px;
}

.CF-group-exam-card-img img {
  width: 77px;
}

.CF-group-exam-card-text {
  margin-bottom: 12px;
  font-size: 16px;
}

.CF-group-exam-card-btn .CF-btn {
  font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
}

@media screen and (min-width:769px) {
  .CF-section.-for-to-card-list {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .CF-card-list-upper-side-wrapper {
    display: flex;
    justify-content: space-between;
  }
  
  .CF-card-list-data {
    width: 48.5%;
    padding-top: 30px;
    padding-left: 30px;
    margin-bottom: 0px;
  }

  .CF-card-list-img {
    flex-shrink: 0;
    width: 27%;
  }

  .CF-card-list-group {
    margin-left: 20px;
  }

  .CF-card-list-text {
    font-size: 14px;
    line-height: 1.78;
  }

  .CF-card-list-btn {
    width: 100%;
    margin-top: 25px;
  }

  .CF-card-list-btn .CF-btn {
    font-size: 12px;
    line-height: 1.625;
    background-position: right 15px center;
  }

  .CF-group-exam-data.-forSP-flat {
    display: flex;
    align-items: center;
    margin-top: 30px;
  }

  .CF-group-exam-data.-forSP-flat .CF-group-exam-card-img {
    margin-top: 15px;
    margin-left: 10px;
  }

  .CF-group-exam-data.-forSP-flat .CF-group-exam-card-text {
    line-height: 1.78;
    margin-bottom: 0px;

    font-size: 14px;
    width: 44%;
  }

  .CF-group-exam-data.-forSP-flat .CF-group-exam-card-btn {
    width: 42%;
  }
  .CF-group-exam-data.-forSP-flat .CF-group-exam-card-btn .CF-btn {
    font-size: 18px;
    line-height: 1.17;
    padding: 18px 0px;
    display: inline-block;
    padding-right: 10px;

  }

  .CF-group-exam-card-btn br.forSP {
    display: block;
  }
  
}

@media screen and (min-width:900px) {
  .CF-card-list-text {
    font-size: 18px;
    line-height: 1.78;
  }

  .CF-card-list-btn .CF-btn {
    font-size: 16px;
    line-height: 1.625;
    background-position: right 15px center;
  }
}

@media screen and (min-width:1050px) {
  .CF-group-exam-card-btn br.forSP {
    display: none;
  }

  .CF-group-exam-data.-forSP-flat .CF-group-exam-card-text {
    font-size: 18px;
    line-height: 1.78;
    margin-bottom: 0px;
    margin-left: 15px;
  }

  .CF-group-exam-data.-forSP-flat .CF-group-exam-card-btn {
    width: 420px;
    margin-left: 70px;
  }

  .CF-group-exam-data.-forSP-flat {
    display: flex;
    align-items: center;
    margin-top: 30px;
  }
}


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

試験日程・受験方法

/////////////////////////////////////////////////////
*/
/* コンテンツタイトル */
.CF-contents-header-title {
  background-color: var(--color-aqua);
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;

  height: 140px;
}

.CF-contents-header-title-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  
}

.CF-contents-header-title span {
  font-size: 24px;
  line-height: 1.42;
  font-weight: bold;
  position: relative;

  padding-left: 38px;
}

.CF-contents-header-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_calendar.svg) center center no-repeat;
  background-size: contain;
  width: 51px;
  height: 47px;
  display: block;
  position: absolute;

  top: 50%;
  left: -25px;
  transform: translate(0, -50%);
}

@media screen and (min-width:769px) {
  .CF-contents-header-title {
    position: relative;
    top: 200px;
    height: 160px;
  }

  .CF-contents-header-title span {
    font-size: 30px;
    line-height: 1.5;
    padding-left: 0px;
  }

  .CF-contents-header-title span.-is-title::before {

    top: 50%;
    left: -65px;
    transform: translate(0, -50%);
  }
}
/* コンテンツタイトル */


/* アノテーション */
.CF-annotation {
  border: solid 5px #f3f3f3;
  padding: 0px 15px;
}

.CF-annotation-box {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-gray);
}

.CF-annotation-box:last-child {
  border-bottom: none;
}

.CF-annotation-title {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}

.CF-annotation-text {
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (min-width:769px) {
  .CF-annotation {
    border-width: 10px;
    padding: 0px 30px;
  }

  .CF-annotation-box {
    padding-top: 30px;
    padding-bottom: 0px;
    border-bottom: none;
    position: relative;
  }

  .CF-annotation-box:last-child {
    padding-bottom: 30px;
  }

  .CF-annotation-box::after {
    content: "";
    display: block;
    width: 305px;
    height: 1px;
    background-color: var(--color-gray);
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
  }

  .CF-annotation-box:last-child:after {
    display: none;
  }

  .CF-annotation-text {
    margin-left: 15px;
  }
}
/* アノテーション */

/* 受験方法 */
.CF-section.for-individual-method {
  margin-top: 50px;
}


.CF-individual-method-box {
  padding-top: 20px;
}

.CF-individual-method-img {
  width: 280px;
  margin: 0px auto;
}

.CF-individual-method-text {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 5px;
}

.CF-individual-method-btn {
  margin-top: 24px;
}

.CF-individual-method-btn .CF-btn {
  font-size: 16px;
  line-height: 1.31;
  padding: 8px 0px;
}

.CF-individual-method-title strong {
    font-size: 30px;
    color: #ff9700;
    font-weight: 800;
}

.CF-individual-method-title {
  font-size: var(--fs-component-18);
  line-height: 39.2px;
  font-weight: bold;
  text-align: center;
}

.CF-annotation-title.-has-left-green-line {
  border-left: solid 5px var(--color-green);
  padding-left: 10px;
}

.CF-annotation-title.-has-left-blue-line {
  border-left: solid 5px var(--color-blue);
  padding-left: 10px;
}

.for-individual-method .CF-annotation-title {
  font-size: 18px;
  line-height: 18px;
  padding-top: 2px;
}

.for-individual-method .CF-annotation-text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}

.CF-icon-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 18px;
}

.CF-icon-group-data {
  padding-bottom: 6px;
  width: 46.5%;
}

.CF-icon-group-data:nth-child(2n) {
  margin-left: 7%;
}

.CF-icon-group-icon { 
  height: 56px;
  background-color: var(--color-aqua);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}

.CF-icon-group-text {
  font-size: 12px;
  line-height: 1.33;
  text-align: center;
  margin-top: 6px;
}

@media screen and (min-width:769px) {
  .CF-top-method-box {
    height: 278px;
  }

  .CF-individual-method-box {
    position: relative;
    padding-top: 0px;
    min-height: 246px;
  }

  .CF-individual-method-title {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 24px;
  }

  .CF-individual-method-title strong {
    font-size: 42px;
  }
  

  .CF-individual-method-text {
    position: absolute;
    left: 0px;
    top: 90px;
    width: 51vw;
    font-size: 14px;
  }

  .CF-individual-method-btn {
    position: absolute;
    left: 0px;
    top: 190px;
  }

  .CF-individual-method-btn {
    width: 350px;
  }

  .CF-individual-method-btn .CF-btn {
    font-size: 14px;
    line-height: 2.28;
    padding: 2px 0px;
    background-position: right 13px center;
    background-size: auto 12px;
  }

  .CF-individual-method-img {
    margin-right: 0px;
    width: 41vw;
  }


  .CF-annotation-box.-is-text-flat-forPC {
    position: relative;
  }

  .-is-text-flat-forPC .CF-annotation-text {
    position: absolute;
    top: 8px;
    left: 250px
  }

  .CF-annotation-text.-has-slash-forPC::before {
    content: "＼";
  }

  .CF-annotation-text.-has-slash-forPC::after {
    content: "／";
  }

  .CF-icon-group {
    flex-wrap: nowrap;
    margin-top: 15px;
    justify-content: flex-start;
    margin-left: -20px;
  }
  
  .CF-icon-group-data {
    width: calc(20% - 20px);
    padding-bottom: 0px;
    margin-left: 20px;
  }

  .CF-icon-group-data:nth-child(2n) {
    margin-left: 20px;
}
  
  .CF-icon-group-icon { 
    height: 70px;
  }
  
  .CF-icon-group-text {
    font-size: 14px;
    line-height: 1.36;
    margin-top: 10px;
  }

  .for-individual-method-support .CF-annotation-text {
    margin-top: 18px;
    margin-bottom: 30px;
    margin-left: 0px;
  }

  .for-individual-method-support .CF-annotation-btn {
    width: 420px;
    margin: 0px auto;
  }

  .for-individual-method-support .CF-annotation-btn .CF-btn {
    font-size: 16px;
    line-height: 2;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .for-individual-method .CF-annotation-text {
    font-size: 14px;
    margin-top: 22px;
  }
}

@media screen and (min-width:835px) {
  .for-individual-method .CF-annotation-text {
    font-size: 16px;
    margin-top: 20px;
  }
}

@media screen and (min-width:950px) {
  .CF-individual-method-text {
    position: absolute;
    left: 0px;
    top: 90px;
    width: 500px;
    font-size: 16px;
  }

  .CF-individual-method-img {
    width: 405px;
    margin-right: 0px;
  }

  .CF-individual-method-img img {
    width: 405px;
    max-width: none;
  }
}
/* /試験日程・受験方法 */


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

お役立ちコンテンツ

/////////////////////////////////////////////////////
*/
.CF-contents-header-title.-is-contents-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_contents.svg) center center no-repeat;
  background-size: contain;
  width: 91px;
  height: 50px;
  display: block;
  position: absolute;

  top: 50%;
  left: -64px;
  transform: translate(0, -50%);
}

.CF-heading-meddium-subtext {
  font-size: 16px;
  line-height: 1.5;

  padding-top: 20px;
  padding-bottom: 20px;
}

.-for-contents-marketing-blog .CF-marketing-blog-list-inner {
  border-top: none;
  border-radius: 0px;
  padding: 0px;
}

.-for-contents-marketing-blog .CF-marketing-blog-list-wrapper {
  border: none;
  border-radius: 0px;
}

.CF-heading-meddium.-is-color-blue {
  background: var(--color-pale-blue);
  border-left: var(--color-blue) solid 5px;
}

.CF-marketing-blog-list-tag.-is-color-blue {
  background-color: var(--color-blue);
}

.CF-marketing-blog-list-contents-wrapper {
  border: none;
  border-top: var(--color-gray) solid 1px;
}

@media screen and (min-width:769px) {
  .-for-contents-marketing-blog .CF-heading-meddium {
    margin-bottom: 0px;
  }
  .CF-contents-header-title.-is-contents-title span.-is-title::before {
    top: 50%;
    left: -100px;
    transform: translate(0, -50%);
  }

  .-is-flat-for-PC .CF-marketing-blog-list-wrapper {
    width: 100%;
  }

  .-for-contents-marketing-blog .CF-marketing-blog-list-img {
    width: 23%;
    margin-left: 2%;
  }

  .-for-contents-marketing-blog img {
    width: 100%;
  }

  .-for-contents-marketing-blog .CF-marketing-blog-list-textarea {
    width: 75%;
  }

  .-for-contents-marketing-blog .CF-marketing-blog-list-title {
    font-size: 20px;
  }

  .-for-contents-marketing-blog .CF-marketing-blog-list-date {
    font-size: 16px;
    line-height: 1.75;
  }

  .CF-marketing-blog-list-textarea__reverse-forPC .CF-marketing-blog-list-tag {
    text-align: center;
  }

  .-for-contents-marketing-blog .CF-marketing-blog-list-textarea__reverse-forPC .CF-marketing-blog-list-text-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: fit-content;
    margin-bottom: 10px;
  }

  .-for-contents-marketing-blog .CF-marketing-blog-list-textarea__reverse-forPC .CF-marketing-blog-list-tag {
    text-align: center;
  }

  .CF-marketing-blog-btn {
    margin-left: auto;
    margin-right: auto;
    max-width: 418px;
    margin-top: 50px;
  }

}

@media screen and (min-width:1090px) {
  .-is-flat-for-PC .CF-marketing-blog-list-contents-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: var(--color-gray) solid 1px;
  }

  .-is-flat-for-PC .CF-marketing-blog-list-contents-wrapper a {
    border-bottom: var(--color-gray) solid 1px;
    margin-bottom: -1px;
  }

  .-is-flat-for-PC .CF-marketing-blog-list-contents {
    padding-top: 30px;
    padding-bottom: 30px;
    border: none;
    width: 510px;
  }

  .-is-flat-for-PC .CF-marketing-blog-list-contents.-has-border-top {
    border: none;
  }

  .-is-flat-for-PC .CF-marketing-blog-list-img {
    width: 200px;
    margin-right: 30px;
  }
  .-is-flat-for-PC .CF-marketing-blog-list-img img {
    width: 200px;
  }

  .-is-flat-for-PC .CF-marketing-blog-list-title {
    max-width: 240px;
  }  

  .-is-flat-for-PC .CF-heading-meddium-subtext {
    padding-top: 24px;
    padding-bottom: 24px;
  }



  
}

/* /お役立ちコンテンツ */


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

各画面

/////////////////////////////////////////////////////
*/
/* ネットマーケティング検定とは */
.CF-contents-header-title.-is-about-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_qa.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 59px;
  height: 50px;

  top: 50%;
  left: -30px;
  transform: translate(0%, -50%);
}

.CF-about-acpa-data {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  background: #fff;
  height: 100%;
}

.CF-about-acpa-img {
  width: fit-content;
  flex-shrink: 0;
}

h2 .-color-green {
  color: var(--color-green);
}

.CF-component-text.-is-acpa-text {
  margin-top: 0px;
  padding-left: 20px;
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-about-title span.-is-title::before {
    top: 50%;
    left: -70px;
    transform: translate(0%, -50%);
  }
}
/* /ネットマーケティング検定とは */

/* 受験者の声 */
.CF-contents-header-title.-is-about-voice-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_voice.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 86px;
  height: 50px;

  top: 50%;
  left: -55px;
  transform: translate(0%, -50%);
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-about-voice-title span.-is-title::before {
    top: 50%;
    left: -95px;
    transform: translate(0%, -50%);
  }
}

/* /受験者の声 */

/* 想定受験者・評価項目 */
.CF-contents-header-title.-is-about-field-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_qa.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 59px;
  height: 50px;

  top: 50%;
  left: -30px;
  transform: translate(0%, -50%);
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-about-field-title span.-is-title::before {
    top: 50%;
    left: -75px;
    transform: translate(0%, -50%);
  }
}
/* /想定受験者・評価項目 */


/* オープンバッジ・デジタル認定証明書 */
.CF-contents-header-title.-is-about-highlicense-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_qa.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 59px;
  height: 50px;

  top: 50%;
  left: -30px;
  transform: translate(0%, -50%);
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-about-highlicense-title span.-is-title::before {
    top: 50%;
    left: -70px;
    transform: translate(0%, -50%);
  }
}
/* /オープンバッジ・デジタル認定証明書 */

/* 試験内容・学習 */
.CF-contents-header-title.-is-prepare-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_exam.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 45px;
  height: 50px;

  top: 50%;
  left: -25px;
  transform: translate(0%, -50%);
}

.CF-prepare-model-curriculum-left-side {
  margin-bottom: 30px;
}

.CF-prepare-model-curriculum-goal-text {
  font-size: var(--fs-component-18);
  line-height: 39.2px;font-weight: bold;
  text-align: center;
}

.CF-prepare-model-curriculum-goal-text strong {
  font-size: 30px;
  color: red;
  font-weight: 800;
}

.CF-prepare-model-curriculum-goal-btn {
  margin-top: 0px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.CF-prepare-model-curriculum-goal-btn .CF-btn {
  padding: 14px 50px;
  width:fit-content;
}


.CF-prepare-model-annotation-box {
  border: solid 5px #f3f3f3;
  padding: 20px 15px;
}

.CF-prepare-model-annotation-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.CF-prepare-model-annotation-title.-has-left-green-line {
  border-left: solid 5px var(--color-green);
  padding-left: 10px;
}

.CF-prepare-model-annotation-text {
  margin-bottom: 10px;
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-prepare-title span.-is-title::before {
    top: 50%;
    left: -65px;
    transform: translate(0%, -50%);
  }

  .CF-prepare-model-curriculum-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .CF-prepare-model-curriculum-left-side {
    width: 40%;
  }
  .CF-prepare-model-curriculum-right-side {
    width: 60%;
  }
}
/* /試験内容・学習 */


/* 対応教材のご案内 */
.CF-contents-header-title.-is-prepare-text-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_exam.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 45px;
  height: 50px;

  top: 50%;
  left: -25px;
  transform: translate(0%, -50%);
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-prepare-text-title span.-is-title::before {
    top: 50%;
    left: -65px;
    transform: translate(0%, -50%);
  }
}

/* /対応教材のご案内 */

/* サンプル問題 */
.CF-contents-header-title.-is-sample-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_qa.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 59px;
  height: 50px;

  top: 50%;
  left: -30px;
  transform: translate(0%, -50%);
}

.CF-question-lead-box {
  margin-top: 50px;
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-sample-title span.-is-title::before {
    top: 50%;
    left: -66px;
    transform: translate(0%, -50%);
  }

  .CF-question-lead-btn {
    margin: 0px auto;
    width: fit-content;
  }

  .CF-question-lead-btn .CF-btn {
    width: fit-content;
  }
}
/* /サンプル問題 */

/* マーケティングブログ */
.CF-contents-header-title.-is-blog-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_contents.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;

  top: 50%;
  left: -20px;
  transform: translate(0%, -50%);
}

.CF-blog-contents {
  margin-top: 20px;
}

.CF-blog-contents h4 {
  color: var(--color-blue);
  padding: 7px 10px;
  margin-top: 30px;
  margin-bottom: 15px;
  border-left: var(--color-blue) solid 5px;
}

.CF-blog-contents .reference-page {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px;
}

.CF-blog-contents img {
  width: auto;
}


@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-blog-title span.-is-title::before {
    width: 81px;
    height: 50px;
    left: -90px;
  }
}
/* /マーケティングブログ */


/* 試験内容・学習 */
.CF-contents-header-title.-is-passed-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_passed.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 45px;
  height: 50px;
  top: 50%;
  left: -25px;
  transform: translate(0%, -50%);
}
@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-passed-title span.-is-title::before {
    top: 50%;
    left: -65px;
    transform: translate(0%, -50%);
  }
}


/* 公式テキスト著者コラム */
.CF-contents-header-title.-is-column-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_contents.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;

  top: 50%;
  left: -20px;
  transform: translate(0%, -50%);
}

.CF-column-contents {
  margin-top: 20px;
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-column-title span.-is-title::before {
    width: 81px;
    height: 50px;
    left: -90px;
  }
}
/* /公式テキスト著者コラム */

/* 【団体受験】教育機関・企業の方はこちら */
.CF-contents-header-title.-is-group-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_qa.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 59px;
  height: 50px;

  top: 50%;
  left: -25px;
  transform: translate(0%, -50%);
}

.c-table1 table {
  width: 100%;
}

.c-table1 th {
  background: var(--color-aqua);
  color: var(--color-def);
  padding: 15px 10px;
  width: 30%;
}

.c-table1 td {
  padding: 15px 10px;
}

.c-table1 td ul {
  padding-left: 0px;
}

.c-table1 td li {
  list-style: none;
}

.c-table1 th.u-color1 {
  background-color: #ffbc9b !important
}

.c-table1 td.u-color1 {
  background: #e1e1e1
}


.c-nm-frame1 {
  border: 5px solid #ccc;
  padding: 15px
}

.c-nm-frame1 ol.-padding-inline-start-none {
  padding-inline-start: 0px;
}

.c-nm-frame1-box {
  padding-left: 10px;
}

.p-nm-org-what3 .c-nm-frame1 li {
  border-bottom: 1px #ccc dotted;
  margin: 10px 15px
}

.c-title11 {
  background: var(--color-aqua);
  border-top: 3px solid var(--color-green);
  padding: 10px 15px 8px;
  margin: 40px 0 14px;
  color: var(--color-green);
  font-size: 20px;
  font-weight: bold;
  border-left: none;
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-group-title span.-is-title::before {
    top: 50%;
    left: -60px;
    transform: translate(0%, -50%);
  }

  .c-table1 table th {
    width: 20%;
  }
}
/* /【団体受験】教育機関・企業の方はこちら */


/* 団体受験の流れ */
.CF-contents-header-title.-is-group-flow-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_qa.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 59px;
  height: 50px;

  top: 50%;
  left: -35px;
  transform: translate(0%, -50%);
}


.p-co-org-flow3 {
  margin: 10px 0 0 0
}

.p-co-org-flow3 .c-table1 {
  margin: 30px 0 0 0
}

.p-co-org-flow3 .c-table1 table th,
.p-co-org-flow3 .c-table1 table td {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 20px 10px;

  
  display: block;
  
}

.p-co-org-flow3 .c-table1 table th {
  line-height: 150%;
  width: 200px;
  text-align: center;

  
  width: auto;
  
}

.p-co-org-flow3 .c-table1 table th p {
  text-align: center
}

.p-co-org-flow3 .c-table1 table th div {
  text-align: center
}

.p-co-org-flow3 .c-table1 table th span {
  display: block
}

.p-co-org-flow3 .c-table1 table th span.u-step {
  font-size: 13px;
  margin: 8px 0 8px 0;
  background: #ff6937;
  color: #fff;
  border-radius: 10px;
  display: inline-block;
  padding: 0 15px
}

.p-co-org-flow3 .c-table1 table th span.u-sub {
  font-size: 13px;
  margin: 8px 0 0 0;
  line-height: 150%
}

.p-co-org-flow3 .c-table1 table th .u-title {
  font-size: 16px
}

.p-co-org-flow3 .c-table1 table td {
  padding-left: 25px;
  padding-right: 20px
}

.p-co-org-flow3 p {
  margin: 20px 0 0 0;
}

.p-co-org-flow3 p:first-child {
  margin-top: 0
}

.p-co-org-flow3 h4 {
  font-size: 16px;
  margin: 20px 0;
  font-weight: normal
}

.p-co-org-flow3 h6 {
  font-weight: bold;
  margin: 20px 0 0 0
}

.p-co-org-flow3 h6+p {
  margin-top: 5px;
  padding-left: 1.5em
}

.p-co-org-flow3 .c-frame4 {
  padding: 20px;
  margin: 30px 0 25px
}

.p-co-org-flow3 .c-title10 {
  margin-bottom: 50px
}

.c-frame2 {
  padding: 30px;
  background: url(/nm/_assets/images/common/bg_dot.png);
}

.c-frame2-text {
  text-align: center;
  margin-bottom: 10px;
}

.c-frame2-text strong {
  font-weight: bold;
}

.c-btn1 a {
  display: block;
  background: #f2c100;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 100%;
  padding: 22px 0;
  width: 70%;
  display: block;
  margin: 0 auto 0 auto;
}

.c-btn1.-color-green a {
  background-color: var(--color-green);
}

.c-btn1-color-orange a {
  background: #ff6937;
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-group-flow-title span.-is-title::before {
    left: -75px;
  }

  .c-btn1 a:hover{
    opacity: 0.7;
  }

  .p-co-org-flow3 .c-table1 table th,
  .p-co-org-flow3 .c-table1 table td {
    display: table-cell;
  }

  .p-co-org-flow3 .c-table1 table th {

    width: 200px;
  }
}
/* /団体受験の流れ*/

/* 団体受験申請 */
.CF-contents-header-title.-is-group-apply-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_qa.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 59px;
  height: 50px;

  top: 50%;
  left: -35px;
  transform: translate(0%, -50%);
}

.ly-information-box-list {
  margin-top: 40px;
}

.CF-information-box {
  width: 100%;
  padding: 5px;
}

.CF-information-box-header {
  background-color: var(--color-green);
  color: var(--color-white);
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
}



.CF-information-box-text {
  padding: 10px;
  font-size: 14px;
  line-height: 1.6;
  background: #f2f5f7;

}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-group-apply-title span.-is-title::before {
    left: -75px;
  }

  .CF-information-box-list {
    display: flex;
    justify-content: center;
  }

  .CF-information-box {
    width: 50%;
  }

  .ly-information-box-double-PC {
    display: flex;
    flex-direction: column;
    
  }
  
  .ly-information-box-double-PC .CF-information-box-text {
    flex-grow: 1;
  }
}
/* /団体受験申請 */

/* 全国一斉公開試験の活用 */
.CF-contents-header-title.-is-group-prepare-title span.-is-title::before {
  content: "";
  background: url(/nm/_assets/images/svg/icn_qa.svg) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 59px;
  height: 50px;

  top: 50%;
  left: -35px;
  transform: translate(0%, -50%);
}

ul.p-nm-group-prepare1 {
  padding-inline-start: 0px;
}

.p-nm-group-prepare1 li {
  color: var(--color-green);
  margin: 0 0 6px 0;
  list-style: none;
  font-weight: bold;
}

@media screen and (min-width:769px) {
  .CF-contents-header-title.-is-group-prepare-title span.-is-title::before {
    left: -75px;
  }

  .p-nm-group-prepare1 li {
    font-size: 123.1%;
  }
}
/* /全国一斉公開試験の活用 */


.-is-border-green {
  border-color: var(--color-aqua);
}

.-is-border-blue {
  border-color: var(--color-pale-blue);
}

.-content-item-margin {
  margin-bottom: 30px;
}

.-has-margin-top-12px {
  margin-top: 12px;
}

.-margin-bottom-px {
  margin-bottom: 0px;
}

.-margin-bottom-normal {
  margin-bottom: 50px;
}

.-margin-bottom-20px {
  margin-bottom: 20px;
}

@media screen and (min-width:769px) {
  .-margin-top-50px-PC {
    margin-top: 50px;
  }

  .-margin-bottom-50px-PC {
    margin-bottom: 50px;
  }

  .-content-item-margin {
    margin-bottom: 50px;
  }

  .-is-width-1020px-PC {
    width: 1020px;
  }

  .-margin-bottom-normal {
    margin-bottom: 80px;
  }
}

.CF-component-block {
	display: flex;
	margin: 20px 0;
	flex-flow: wrap;
	justify-content: center;
}
.CF-component-block > div{
	width: 100%;
	margin: 10px;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	text-align: center;
}
@media screen and (min-width:769px) {
.CF-component-block > div{
	width: 30%;
}
}
.CF-component-block > div span{
	font-weight: bold;
	color: #00aaaa;
}
.CF-component-block > div img{
	display: block;
	margin: 10px auto;
	width: 64px;
	opacity: 0.5;
}
.CF-component-block .link_voice{
	width: 90%;
	margin: 10px auto;
	border-top: 1px solid #ccc;
	text-align: left;
	font-weight: bold;
	color: #00aaaa;
	padding-top: 5px;
}
.CF-component-block .link_voice a{
	display: block;
	padding: 5px 0 0 30px;
	font-weight: normal;
	color: #00aaaa;
	text-decoration: underline;
	position: relative;
}
.CF-component-block .link_voice a::before{
	content: "";
	display: block;
	position: absolute;
	background: url("/nm/_assets/images/about/field_ico_voice.png") center center no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	top: 5px;
	left: 0;
}
@media screen and (min-width:769px) {
.CF-component-block .link_voice a:hover{
	opacity: 0.7;
}
}

/*
ブログ用SNS及び日付表示
*/
.CF-heading-meddium span {
  display: block;
  padding-bottom: 5px;
  font-size: 12px;
}
.CF-sns-share {
  margin-top: 10px;
}
.CF-sns-share ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
}
.CF-sns-share ul li {
  list-style: none;
  margin: 5px 5px 0 0;
}
.CF-sns-share ul li iframe {
  vertical-align: bottom;
}
.CF-sns-share ul li.sns_note iframe {
  width: 70px;
}
.CF-blog-contents img.blog_mainimg {
  display: block;
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
}
@media screen and (min-width:769px) {
  .CF-date-share {
    margin-top: -40px;
    margin-bottom: -30px;
  }
  .CF-date-share-inner {
    max-width: var(--contents-width);
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  .CF-date {
    font-size: var(--fs-component-16);
    line-height: 40px;
  }
  .CF-sns-share {
    margin-top: 0;
  }
  .CF-sns-share ul li.sns_line {
    display: none;
  }
}

/*
受験者の声調整
*/
.casestudy-01 {
  margin-bottom: 30px;
  overflow: hidden;
}

.casestudy-01 .caption-right img,
.casestudy-01 .caption-left img {
  width: 100%;
  height: auto;
}
@media screen and (min-width:769px) {
.casestudy-01 .caption-right {
  float: right;
  width: 38%;
}

.casestudy-01 .caption-left {
  float: left;
  width: 38%;
}

.casestudy-01 .casestudy-right {
  float: right;
  width: 60%;
}

.casestudy-01 .casestudy-left {
  float: left;
  width: 60%;
}	
}
/*
マーケティング　ブログ調整
*/
/*見出し*/
.p-blog-detail h2 { font-size: 28px; border-bottom: 2px solid #333; padding-bottom: 10px; margin: 50px 0 30px; }
.p-blog-detail h3 { font-size: 24px; background-color: #efefef; padding: 16px 15px; margin: 40px 0 20px; }
.p-blog-detail h4 { font-size: 24px; color: #0aa; border-bottom: 2px solid #0aa; padding-bottom: 10px; margin-top: 30px; }
.p-blog-detail h5 { font-size: 18px; font-weight: 800; margin: 25px 0 5px; }

/*本文*/
.p-blog-detail p { font-size: 14px; margin: 10px 0; line-height: 180%; }
.p-blog-detail .inyou { background: #F5F5F5; padding: 12px; border-radius: 8px; color: #666; }

/*目次*/
.p-blog-detail__mokuji { margin-top: 36px; padding: 16px;background: url(/nm/assets/img/common/footer-bg.png) center center repeat;}
.p-blog-detail__mokuji h2 { font-size: 24px; border-bottom: 2px solid #333; padding-bottom: 10px; margin: 0 0 30px; }
.p-blog-detail ul { margin-bottom: 20px;margin-top: 10px; }
.p-blog-detail li { margin-left: 25px; font-size: 17px;margin-bottom: 10px; }
.p-blog-detail li a { color: var(--color-def);text-decoration:none;}
.p-blog-detail li a:hover { text-decoration:underline;}

/*リスト*/
.p-blog-detail .block ul li { list-style: disc !important;font-size: 14px;margin-bottom: 8px; }
.p-blog-detail .block ol li { list-style: decimal !important;font-size: 14px;margin-bottom: 8px; }
.p-blog-detail .list { border: 1px solid #111; padding: 10px 15px; }
.p-blog-detail .list li { margin-left: 5px; }

/*画像*/
.p-blog-detail .img { text-align: center; }
.p-blog-detail img { margin: 20px 0 30px; width: 100%; }

/*テーブル*/
.p-blog-detail th, .p-blog-detail td { border: 1px solid #DDD; }
.p-blog-detail th { padding: 16px 10px; background-color: #0aa; color: #FFF; width: 200px; }
.p-blog-detail td { padding: 16px 10px; font-size: 120%; }
.p-blog-detail table { margin-bottom: 15px; width: 100%;border-collapse: collapse; }