@charset 'utf-8';
/* ローカルヘッダー */
@media only screen and (max-width: 640px) {
  #local-header .heading {
    padding: 20px 0 18px;
  }
}
@media only screen and (max-width: 640px) {
  #local-header .heading h1 img {
    width: 192px;
  }
}
@media only screen and (max-width: 640px) {
  #local-header .heading .fukidashi_2 {
    margin-bottom: 8px;
  }
}
/* 見出し */
@media print, screen and (min-width: 641px) {
  h2.cmn-heading_1 {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 640px) {
  h2.cmn-heading_1 {
    margin-bottom: 23px;
  }
}
@media print, screen and (min-width: 641px) {
  h3.cmn-heading_2 {
    margin-top: -7px;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 640px) {
  h3.cmn-heading_2 {
    margin-top: -6px;
    margin-bottom: 16px;
  }
}
/* 前ページへ戻るリンク */
@media print, screen and (min-width: 641px) {
  .back-link {
    margin-top: -37px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 640px) {
  .back-link {
    margin-bottom: 56px;
  }
}
/*==============================================================================
  キャリアコンサルティングとは？
==============================================================================*/
@media print, screen and (min-width: 641px) {
  section.about ul.abouts {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 640px) {
  section.about ul.abouts {
    margin-bottom: 17px;
  }
}
@media print, screen and (min-width: 641px) {
  section.about ul.abouts > .item {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 640px) {
  section.about ul.abouts > .item {
    display: flex;
    align-items: center;
  }
}
section.about ul.abouts > .item .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 641px) {
  section.about ul.abouts > .item .icon {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 640px) {
  section.about ul.abouts > .item .icon {
    width: 86px;
    flex: 0 0 auto;
  }
}
@media only screen and (max-width: 640px) {
  section.about ul.abouts > .item .content {
    padding-left: 12px;
    flex: 1 1 auto;
  }
}
section.about ul.abouts > .item .content h4 {
  color: inherit;
}
@media print, screen and (min-width: 641px) {
  section.about ul.abouts > .item .content h4 {
    line-height: 1.45;
    margin-bottom: 8px;
    min-height: calc(2em * 1.45);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 640px) {
  section.about ul.abouts > .item .content h4 {
    line-height: 1.6;
    text-align: left;
  }
}
@media only screen and (max-width: 640px) {
  section.about ul.abouts > .item + .item {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 641px) {
  section.about p.note_1 {
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 640px) {
  section.about p.note_1 {
    margin-bottom: 17px;
    text-align: left;
  }
}
@media print, screen and (min-width: 641px) {
  section.about p.note_2 {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 640px) {
  section.about p.note_2 {
    margin-top: 10px;
  }
}
section.about .wrapper_step {
  border: 1px solid #d0d0d0;
  border-radius: 6px;
}
@media print, screen and (min-width: 641px) {
  section.about .wrapper_step {
    padding: 50px;
    max-width: 792px;
    margin: 43px auto 0;
  }
}
@media only screen and (max-width: 640px) {
  section.about .wrapper_step {
    padding: 20px 14px 30px;
    margin-top: 30px;
  }
}
section.about .wrapper_step h4 {
  color: inherit;
}
@media print, screen and (min-width: 641px) {
  section.about .wrapper_step h4 {
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 640px) {
  section.about .wrapper_step h4 {
    margin-bottom: 18px;
  }
}
section.about .wrapper_step figure {
  text-align: center;
  margin: 0;
}
@media print, screen and (min-width: 641px) {
  section.about .wrapper_step figure {
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 640px) {
  section.about .wrapper_step figure {
    margin-bottom: 17px;
  }
}
@media print, screen and (min-width: 641px) {
  section.about .wrapper_step .copy {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 640px) {
  section.about .wrapper_step .copy {
    margin-bottom: 9px;
  }
}
@media print, screen and (min-width: 641px) {
  section.about .wrapper_step .cmn-p_note {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 640px) {
  section.about .wrapper_step .cmn-p_note {
    margin-bottom: 22px;
  }
}
/*==============================================================================
  キャリアコンサルティングの流れ
==============================================================================*/
@media print, screen and (min-width: 641px) {
  section.step h2 {
    margin-bottom: 49px;
  }
}
@media print, screen and (min-width: 641px) {
  section.step p.note_1 {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 640px) {
  section.step p.note_1 {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 641px) {
  section.step ul.steps {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 640px) {
  section.step ul.steps {
    margin-bottom: 26px;
  }
}
@media print, screen and (min-width: 641px) {
  section.step ul.steps > li {
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    padding: 30px;
  }
}
@media print, screen and (min-width: 641px) {
  section.step ul.steps > li + li {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 640px) {
  section.step ul.steps > li + li {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 641px) {
  section.step ul.steps > li .cmn-heading_5 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  section.step ul.steps > li .cmn-heading_5 {
    margin-bottom: 14px;
  }
}
@media print, screen and (min-width: 641px) {
  section.step ul.steps > li p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  section.step ul.steps > li p {
    margin-bottom: 18px;
  }
}
section.step ul.steps > li .fukidashi {
  display: inline-block;
  line-height: 1.6;
  background-color: #e6f3fa;
  border-radius: 6px;
  position: relative;
  text-align: center;
  font-size: 12px;
}
@media print, screen and (min-width: 641px) {
  section.step ul.steps > li .fukidashi {
    min-width: 360px;
    padding: 14px;
  }
}
@media only screen and (max-width: 640px) {
  section.step ul.steps > li .fukidashi {
    min-width: 260px;
    padding: 9px;
  }
}
section.step ul.steps > li .fukidashi::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 9px 0 9px;
  border-color: #e6f3fa transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: calc(50% - 9px);
}
section.step ul.steps > li .fukidashi.-up::before {
  border-width: 0 9px 13px 9px;
  border-color: transparent transparent #e6f3fa transparent;
  top: auto;
  bottom: 100%;
}
section.step ul.steps > li.step1 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 641px) {
  section.step ul.steps > li.step1 img {
    margin-top: 19px;
  }
}
@media only screen and (max-width: 640px) {
  section.step ul.steps > li.step1 img {
    margin-top: 22px;
    width: 206px;
  }
}
/*==============================================================================
  利用者の声
==============================================================================*/
section.voice ul.voices > .item .wrapper_voice {
  display: flex;
}
@media print, screen and (min-width: 641px) {
  section.voice ul.voices > .item .wrapper_voice {
    align-items: center;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 640px) {
  section.voice ul.voices > .item .wrapper_voice {
    align-items: flex-start;
    margin-bottom: 15px;
  }
}
section.voice ul.voices > .item .wrapper_voice .icon {
  flex: 0 0 auto;
}
@media print, screen and (min-width: 641px) {
  section.voice ul.voices > .item .wrapper_voice .icon {
    margin-right: 18px;
  }
}
@media only screen and (max-width: 640px) {
  section.voice ul.voices > .item .wrapper_voice .icon {
    margin-right: 11px;
    width: 62px;
  }
}
section.voice ul.voices > .item .wrapper_voice .heading {
  flex: 1 1 auto;
}
section.voice ul.voices > .item .wrapper_kansou {
  background-color: #f3f9fc;
  border-radius: 6px;
  position: relative;
}
@media print, screen and (min-width: 641px) {
  section.voice ul.voices > .item .wrapper_kansou {
    padding: 20px 24px;
  }
}
@media only screen and (max-width: 640px) {
  section.voice ul.voices > .item .wrapper_kansou {
    padding: 12px;
  }
}
section.voice ul.voices > .item .wrapper_kansou::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 13px 9px;
  border-color: transparent transparent #f3f9fc transparent;
  position: absolute;
  bottom: 100%;
  left: calc(50% - 9px);
}
section.voice ul.voices > .item .wrapper_kansou .copy {
  margin-bottom: 8px;
  display: none;
}
section.voice ul.voices > .item .cmn-link_left_2 span::before {
  content: "利用後のご感想";
}
section.voice ul.voices > .item .-active[data="accordionWrapper"] .cmn-link_left_2 span::before {
  content: "利用後のご感想を閉じる";
}
section.voice ul.voices > .item:nth-child(even) .wrapper_voice .icon {
  order: 2;
  margin-right: 0;
}
@media print, screen and (min-width: 641px) {
  section.voice ul.voices > .item:nth-child(even) .wrapper_voice .icon {
    margin-left: 18px;
  }
}
@media only screen and (max-width: 640px) {
  section.voice ul.voices > .item:nth-child(even) .wrapper_voice .icon {
    margin-left: 11px;
  }
}
section.voice ul.voices > .item:nth-child(even) .wrapper_voice .heading {
  order: 1;
}
/*==============================================================================
  各専用窓口をご利用ください
==============================================================================*/
.section_attention ul.attentions {
  margin-bottom: 30px;
}
@media print, screen and (min-width: 641px) {
  .section_attention ul.attentions > .item h2.cmn-heading_2 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .section_attention ul.attentions > .item h2.cmn-heading_2 {
    margin-bottom: 22px;
  }
}
.section_attention ul.attentions > .item > .heading {
  font-weight: bold;
  color: #495d69;
}
@media print, screen and (min-width: 641px) {
  .section_attention ul.attentions > .item > .heading {
    font-size: 14px;
    margin-bottom: 2px;
  }
}
@media only screen and (max-width: 640px) {
  .section_attention ul.attentions > .item > .heading {
    font-size: 12px;
    margin-bottom: 8px;
  }
}
.section_attention ul.attentions > .item p.cmn-p_ex {
  margin-bottom: 8px;
}
.section_attention ul.attentions > .item p.cmn-p_note {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 641px) {
  .section_attention p.note_1 {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 640px) {
  .section_attention p.note_1 {
    margin-top: 10px;
  }
}