@charset "UTF-8";
/* ===================================================================
 	Copyright (C) Mynavi Corporation
 	All Rights Reserved.

	転職ノウハウ関連ページ
	1. トップページ
=================================================================== */
/* ===================================================================
 1. 転職ノウハウ関連ページ
=================================================================== */
/*==========================================
 1-2. 詳細ページ（共通）
============================================*/
/* 履歴書の書き方
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea .resumeArea a img {
  width: 100%; }

#wrap #contentWrap #contentsArea #mainContentsArea .resumeArea .sample {
  text-align: center; }

#wrap .plusPict.resumeContentsBg01 {
  background: url(/resource/knowhow/resume/img/key_resume_001.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg02 {
  background: url(/resource/knowhow/resume/img/key_resume_032.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg03 {
  background: url(/resource/knowhow/resume/img/key_resume_003.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg04 {
  background: url(/resource/knowhow/resume/img/key_resume_004.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg05 {
  background: url(/resource/knowhow/resume/img/key_resume_005.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg06 {
  background: url(/resource/knowhow/resume/img/key_resume_006.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg07 {
  background: url(/resource/knowhow/resume/img/key_resume_007.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg08 {
  background: url(/resource/knowhow/resume/img/key_resume_008.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg09 {
  background: url(/resource/knowhow/resume/img/key_resume_009.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg10 {
  background: url(/resource/knowhow/resume/img/key_resume_010.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg11 {
  background: url(/resource/knowhow/resume/img/key_resume_011.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg12 {
  background: url(/resource/knowhow/resume/img/key_resume_012.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg13 {
  background: url(/resource/knowhow/resume/img/key_resume_013.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg14 {
  background: url(/resource/knowhow/resume/img/key_resume_014.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg15 {
  background: url(/resource/knowhow/resume/img/key_resume_015.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg16 {
  background: url(/resource/knowhow/resume/img/key_resume_016.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg17 {
  background: url(/resource/knowhow/resume/img/key_resume_017.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg18 {
  background: url(/resource/knowhow/resume/img/key_resume_018.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg19 {
  background: url(/resource/knowhow/resume/img/key_resume_019.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg20 {
  background: url(/resource/knowhow/resume/img/key_resume_020.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg21 {
  background: url(/resource/knowhow/resume/img/key_resume_021.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg22 {
  background: url(/resource/knowhow/resume/img/key_resume_022.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg23 {
  background: url(/resource/knowhow/resume/img/key_resume_023.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg24 {
  background: url(/resource/knowhow/resume/img/key_resume_024.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg25 {
  background: url(/resource/knowhow/resume/img/key_resume_025.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg26 {
  background: url(/resource/knowhow/resume/img/key_resume_026.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg27 {
  background: url(/resource/knowhow/resume/img/key_resume_027.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg28 {
  background: url(/resource/knowhow/resume/img/key_resume_028.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.resumeContentsBg29 {
  background: url(/resource/knowhow/img/key_column_timing.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg30 {
  background: url(/resource/knowhow/img/key_column_period.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg31 {
  background: url(/resource/knowhow/img/key_column_tenure_of_office.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg32 {
  background: url(/resource/knowhow/img/key_column_manner.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg33 {
  background: url(/resource/knowhow/img/key_column_goodjob.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg34 {
  background: url(/resource/knowhow/img/key_column_annual_income.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg35 {
  background: url(/resource/knowhow/img/key_column_negotiation.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg36 {
  background: url(/resource/knowhow/img/key_column_career_enhancement.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg37 {
  background: url(/resource/knowhow/img/key_column_joboffer_pending.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg38{
  background: url(/resource/knowhow/img/key_column_competitors.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg39{
  background: url(/resource/knowhow/img/key_column_number_of_application.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg40{
  background: url(/resource/knowhow/img/key_column_anxiety.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg41{
  background: url(/resource/knowhow/img/key_column_want_to_retire.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg42{
  background: url(/resource/knowhow/img/key_column_blank.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg43{
  background: url(/resource/knowhow/img/key_column_important_point.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg44{
  background: url(/resource/knowhow/img/key_column_flow.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg45{
  background: url(/resource/knowhow/img/key_column_consultation.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg46{
  background: url(/resource/knowhow/img/key_column_second_interview.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg47{
  background: url(/resource/knowhow/img/key_column_required_documents.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg48{
  background: url(/resource/knowhow/img/key_column_ambivalence.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg49{
  background: url(/resource/knowhow/img/key_column_trigger.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg50{
  background: url(/resource/knowhow/img/key_column_aptitude.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg51{
  background: url(/resource/knowhow/img/key_column_smaller_companies.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg52{
  background: url(/resource/knowhow/img/key_column_major_companies.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg53{
  background: url(/resource/knowhow/img/key_column_does_not_work.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg54{
  background: url(/resource/knowhow/img/key_column_failure.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg55{
  background: url(/resource/knowhow/img/key_column_preparation.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg56{
  background: url(/resource/knowhow/img/key_column_do_not_know.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg57{
  background: url(/resource/knowhow/img/key_column_white_black.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg58{
  background: url(/resource/knowhow/img/key_column_escape.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg59{
  background: url(/resource/knowhow/img/key_column_savings.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg60{
  background: url(/resource/knowhow/img/key_column_age.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg61{
  background: url(/resource/knowhow/img/key_column_skill.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg62{
  background: url(/resource/knowhow/img/key_column_rewarding.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg63{
  background: url(/resource/knowhow/img/key_column_suppliers.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg64{
  background: url(/resource/knowhow/img/key_column_work_life_balance.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg66{
  background: url(/resource/knowhow/img/key_column_decline_interview.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg67{
  background: url(/resource/knowhow/img/key_column_industry_research.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg68{
  background: url(/resource/knowhow/img/key_column_how_to_search.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg69{
  background: url(/resource/knowhow/img/key_column_human_relations.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg70{
  background: url(/resource/knowhow/img/key_column_detain.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg71{
  background: url(/resource/knowhow/img/key_column_annual_income_up.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg72{
  background: url(/resource/knowhow/img/key_column_stress.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg73{
  background: url(/resource/knowhow/img/key_column_half_a_year.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg74{
  background: url(/resource/knowhow/img/key_column_demerit.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg75{
  background: url(/resource/knowhow/img/key_column_bonus.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg76{
  background: url(/resource/knowhow/resume/img/key_resume_029.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg77{
  background: url(/resource/knowhow/img/key_column_tax.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg78{
  background: url(/resource/knowhow/img/key_column_insurance_card.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg79{
  background: url(/resource/knowhow/img/key_column_pregnancy.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg80{
  background: url(/resource/knowhow/img/key_column_aptitude_test.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg81{
  background: url(/resource/knowhow/img/key_column_self_pr.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg82{
  background: url(/resource/knowhow/img/key_column_severance_pay.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg83{
  background: url(/resource/knowhow/img/key_column_marriage.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg84{
  background: url(/resource/knowhow/img/key_column_recruitment.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

#wrap .plusPict.resumeContentsBg85{
  background: url(/resource/knowhow/resume/img/key_resume_030.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg86{
  background: url(/resource/knowhow/resume/img/key_resume_031.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg87{
  background: url(/resource/knowhow/resume/img/key_resume_qualification.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg88{
  background: url(/resource/knowhow/resume/img/key_resume_license.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg89{
  background: url(/resource/knowhow/resume/img/key_resume_letter_cover_sheet.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg90{
  background: url(/resource/knowhow/resume/img/key_resume_size.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg91{
  background: url(/resource/knowhow/resume/img/key_resume_hobby.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg92{
  background: url(/resource/knowhow/resume/img/key_resume_computer.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg93{
  background: url(/resource/knowhow/resume/img/key_resume_date.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg94{
  background: url(/resource/knowhow/resume/img/key_resume_curriculum_vitae.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg95 {
  background: url(/resource/knowhow/resume/img/key_resume_envelope.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px;
}
#wrap .plusPict.resumeContentsBg96 {
  background: url(/resource/knowhow/resume/img/key_resume_skill.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px;
}

#wrap .plusPict.resumeContentsBg97 {
  background: url(/resource/knowhow/resume/img/key_resume_photo.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg98 {
  background: url(/resource/knowhow/resume/img/key_resume_punishment.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg99 {
  background: url(/resource/knowhow/resume/img/key_resume_health.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg100 {
  background: url(/resource/knowhow/resume/img/key_resume_year.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg101 {
  background: url(/resource/knowhow/resume/img/key_resume_data.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg102 {
  background: url(/resource/knowhow/resume/img/key_resume_revision.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#wrap .plusPict.resumeContentsBg103 {
  background: url(/resource/knowhow/resume/img/key_resume_stamp.jpg) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}

/* ===================================================================
added 201806 /knowhow/decline_interview/
=================================================================== */
#wrap .bgDot {
margin: 1em 1em 0;
padding: 11px 12px;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
background: url(/resource/prepare/img/bg-dot.png);
}
.textContentsArea .enclose_box01 {
-webkit-box-sizing: border-box;
        box-sizing: border-box;
background: #fff6ea;
padding: 1.5em 1em;
margin: 2em 0;
}



/* ===================================================================
 Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License
=================================================================== */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }

#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block; }

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px; }

#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle; }

#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0; }

#swipebox-slider .slide-loading {
  background: url(/resource/knowhow/img/sp/loader.png) no-repeat center center; }

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%; }

#swipebox-bottom-bar {
  bottom: -50px; }

#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0); }

#swipebox-top-bar {
  top: -50px; }

#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0); }

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center; }

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(/resource/knowhow/img/sp/swipebox_icon.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0; }

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px; }

#swipebox-prev {
  background-position: -32px 13px;
  float: left; }

#swipebox-next {
  background-position: -78px 13px;
  float: right; }

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
/*
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
*/
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0; }

.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
          box-shadow: inset 10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
          box-shadow: inset -10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1; }

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1; }

@-webkit-keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }
@keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }
@-webkit-keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }
@keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px; }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px; } }
/* Skin
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d; }

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95; }

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif; }

/* 職務経歴書
------------------------------------*/
#wrap .plusPict.prepareContentsBg01 {
  background: url(/resource/prepare/img/key_prepare_001.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg02 {
  background: url(/resource/prepare/img/key_prepare_002.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg03 {
  background: url(/resource/prepare/img/key_prepare_003.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg04 {
  background: url(/resource/prepare/img/key_prepare_004.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg05 {
  background: url(/resource/prepare/img/key_prepare_005.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg06 {
  background: url(/resource/prepare/img/key_prepare_006.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg07 {
  background: url(/resource/prepare/img/key_prepare_007.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg08 {
  background: url(/resource/prepare/img/key_prepare_008.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg09 {
  background: url(/resource/prepare/img/key_prepare_009.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg10 {
  background: url(/resource/prepare/img/key_prepare_010.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg11 {
  background: url(/resource/prepare/img/key_prepare_011.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg12 {
  background: url(/resource/prepare/img/key_prepare_012.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg13 {
  background: url(/resource/prepare/img/key_prepare_013.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg14 {
  background: url(/resource/prepare/img/key_prepare_014.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg15 {
  background: url(/resource/prepare/img/key_prepare_015.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg16 {
  background: url(/resource/prepare/img/key_prepare_016.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg17 {
  background: url(/resource/prepare/img/key_prepare_017.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg18 {
  background: url(/resource/prepare/img/key_prepare_018.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg19 {
  background: url(/resource/prepare/img/key_prepare_019.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg20 {
  background: url(/resource/prepare/img/key_prepare_020.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg21 {
  background: url(/resource/prepare/img/key_prepare_021.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg22 {
  background: url(/resource/prepare/img/key_prepare_022.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg23 {
  background: url(/resource/prepare/img/key_prepare_023.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg24 {
  background: url(/resource/prepare/img/key_prepare_024.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg25 {
  background: url(/resource/prepare/img/key_prepare_025.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg26 {
  background: url(/resource/prepare/img/key_prepare_026.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg27 {
  background: url(/resource/prepare/img/key_prepare_027.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg28 {
  background: url(/resource/prepare/img/key_prepare_028.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg29 {
  background: url(/resource/prepare/img/key_prepare_029.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg30 {
  background: url(/resource/prepare/img/key_prepare_030.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg31 {
  background: url(/resource/prepare/img/key_prepare_031.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg32 {
  background: url(/resource/prepare/img/key_prepare_032.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }

#wrap .plusPict.prepareContentsBg33 {
  background: url(/resource/prepare/img/key_prepare_033.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px; }


#wrap .plusPict.faqHeader {
  padding-top: 35px; }

#wrap .plusPict.faqHeader .titleEl {
  position: relative; }

#wrap .plusPict.faqHeader .titleEl:before {
  content: '';
  height: 28px;
  width: 30px;
  position: absolute;
  top: -30px;
  left: 0;
  background: url(/resource/knowhow/img/icon-faq.png) no-repeat;
  background-size: cover; }

.faqTitle {
  margin-bottom: 0; }

.faqList {
  padding: 0 !important; }

.faqListItem {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s;
  -webkit-transition: background-color 0.4s ease 0s, -webkit-text-decoration 0.4s ease 0s;
  transition: background-color 0.4s ease 0s, -webkit-text-decoration 0.4s ease 0s;
  transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s;
  transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s, -webkit-text-decoration 0.4s ease 0s; }

.faqListItem:hover {
  background-color: #f2f2f2; }

.faqListItem:after {
  content: '';
  background: transparent url("/resource/common/img/sprite_general.webp") no-repeat scroll -497px -20px;
  height: 9px;
  width: 6px;
  margin: -4px 0 0;
  position: absolute;
  top: 50%;
  right: 3%; }

.faqListItem:first-child {
  border-top: 1px solid #d9d9d9; }

.faqListItem .icon {
  display: table-cell;
  vertical-align: middle;
  width: 13%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 8px; }

.faqListItem .icon img {
  width: 100%; }

.faqListItem .txt {
  display: table-cell;
  width: 87%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 30px 10px 0;
  vertical-align: middle;
  line-height: 1.4;
  font-size: 13px;
  font-weight: 600;
  color: #1262b2;
  text-decoration: underline; }

#wrap .titleBgRed {
  margin: 1em 1em 0;
  line-height: 1.4;
  font-weight: 600;
  font-size: 13px;
  color: #bf0000; }

#wrap .titleBgRed + .para01 {
  margin-top: 0.4em; }

#wrap .lead {
  margin: 0.5em 1em 1.4em;
  font-size: 11px; }

#wrap .discList {
  list-style-type: disc;
  padding-left: 20px; }

#wrap .discList li {
  width: 50%;
  font-weight: 600;
  font-size: 13px;
  float: left;
  line-height: 1.8; }

#wrap .discList li.single {
  width: 100%; }

#wrap .orderList {
  list-style-type: none;
  padding-left: 0; }

#wrap .orderList span {
  font-weight: 600; }

#wrap .orderList li + li {
  margin-top: 0.2em; }

#wrap .qbox {
  margin: 1em 1em 0;
  background: url(/resource/prepare/img/bg-dot.png);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px 16px; }

#wrap .qbox + .qbox {
  margin-top: 10px; }

#wrap .qbox .title {
  position: relative;
  padding-left: 34px;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 12px;
  color: #bf0000; }

#wrap .qbox .title:before {
  content: '';
  height: 24px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: -5px;
  background: url(/resource/prepare/img/icon-faq.png) no-repeat;
  background-size: cover;
  margin-top: -12px; }

#wrap .qbox p {
  font-size: 10px; }

#wrap .bgDot {
  margin: 1em 1em 0;
  padding: 11px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(/resource/prepare/img/bg-dot.png); }

#wrap .bgDot ul li > p{
  margin:0 0 1em; }

#wrap .bgTex {
  background: url(/resource/knowhow/img/bg-dottex.jpg);
  margin: 1em 1em 0;
  padding: 14px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#wrap > .underlineList {
  margin: 1em 1em 0; }

#wrap .underlineList > li + li {
  margin-top: 1em; }

#wrap .underlineList .bgDot {
  margin: 1em 0 0; }

#wrap .titleDisc {
  font-size: 11px; }

#wrap .titleDisc:before {
  content: "・"; }

#wrap .titleUl {
  display: inline;
  border-bottom: 1px solid #000000;
  font-weight: 600;
  font-size: 13px;
  color: #000000;

  /* margin: 0; */
  border-top: none;
  padding: 0;
  line-height: 1.71;
}

.onePointAdvice {
  border: 3px solid #d9d9d9;
  border-top: 3px solid #005eab;
  background-color: #f2f2f2;
  padding: 0 8px 8px 8px; }

.onePointAdvice .adviceHeader {
  position: relative;
  padding: 15px 0; }

.onePointAdvice .adviceHeader:before {
  content: '';
  height: 54px;
  width: 45px;
  position: absolute;
  top: -11px;
  left: 2px;
  background-size: cover; }

.onePointAdvice .adviceHeader .title {
  padding-left: 56px;
  line-height: 1;
  font-weight: 600;
  font-size: 11px;
  color: #10274b; }

.onePointAdvice .adviceHeader .title span {
  margin-left: 8px;
  padding: 4px 6px;
  background-color: #10274b;
  font-weight: 600;
  font-size: 11px;
  color: #fff; }

.onePointAdvice .adviceBody .adviceItem {
  padding: 13px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff; }

.onePointAdvice .adviceBody .adviceItem + .adviceItem {
  margin-top: 10px; }

.onePointAdvice .adviceBody .subTitle {
  position: relative;
  line-height: 1.6;
  color: #e60012;
  margin-bottom: 4px; }

.onePointAdvice .adviceBody .subTitle:before {
  content: '●';
  padding-right: 5px;
  color: #e60012; }

.onePointAdvice .adviceBody p {
  font-size: 11px; }

.onePointAdvice .adviceBody p strong {
  font-weight: normal;
  color: #e60012; }

#wrap .h2Style04 .titleEl {
  font-size: 1.2em; }

#wrap #contentWrap #contentsArea #mainContentsArea ul.pointList01 li {
  padding: 0.5em .5em; }

#wrap #contentWrap #contentsArea #mainContentsArea ul.pointList01 li .title {
  font-size: 1.2em;
  line-height: 1.6; }

#wrap #contentWrap #contentsArea #mainContentsArea ul.pointList01 li li {
  padding: 0.4em .5em; }

#wrap .para01 {
  margin: 1em 1em 0;
  font-size: 11px;
  color: #000; }

#wrap .para02 {
  margin: 0 1em 0;
  font-size: 11px;
  color: #000; }

#wrap .entryBtnArea02 {
  padding: 0.6em 0 0.4em; }

#wrap .h3Style03 .titleElOnly {
  font-size: 16px; }

#wrap .h2Style01 {
  padding: 0.3em 1em; }

.relatedInformationTitle {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 5px 14px;
  color: #082a4d;
  font-size: 13px; }

#wrap .underlineList {
  margin: 1em 1em 0; }
  #wrap .underlineList li .para01 {
    margin: 1em 0 0; }
#wrap .titleUl + p {
  margin-top: 0.6em; }

#wrap img.headingImg01 {
  width: 100%; }

#wrap h5.stTitle {
  letter-spacing: -0.5px; }

.entryFooterArea .footBottomCvArea .sideTopCvtitle {
    height: 9px;
    margin-bottom: 10px;
    text-align: left;
    line-height: 1;
    font-size: 9px;
    font-weight: 600;
    color: #1262b2; }

#wrap .txtLink01 a {
  color: #1262b2;
  text-decoration: none;
}


/* 自己PR TOP
------------------------------------*/

#selfPromotion .bnrHelpful img {
    width: 100%;
    height: auto;
}
#selfPromotion .bnrHelpful + .lead {
    margin: 18px 10px;
}
/* secTtl */
#selfPromotion .secTtl{
  padding: 10px 0 10px 47px;
  color: #fff;
  font-size: 130%;
  font-weight: bold;
}
#selfPromotion .post01 .secTtl{
  background-color: #082a4d;
  background-image:url(/resource/knowhow/pr/img/sp/icon-megaphone.png);
  background-repeat: no-repeat;
  background-position:10px 13px;
  background-size: 28px auto;
}
#selfPromotion .post02 .secTtl{
  background-color: #6a77bc;
  background-image:url(/resource/knowhow/pr/img/sp/icon-man.png);
  background-repeat: no-repeat;
  background-position:10px 8px;
  background-size: 28px auto;
}
#selfPromotion .post03 .secTtl{
  background-color: #60bfc5;
  background-image:url(/resource/knowhow/pr/img/sp/icon-pen.png);
  background-repeat: no-repeat;
  background-position:8px 10px;
  background-size: 28px auto;
}
#selfPromotion .qa .secTtl{
  background-color: #e4c12b;
  background-image:url(/resource/knowhow/pr/img/sp/icon-qa.png);
  background-repeat: no-repeat;
  background-position:8px 8px;
  background-size: 28px auto;
}
#selfPromotion .relation .secTtl{
  background-color: #a6a6a6;
  background-image:url(/resource/knowhow/pr/img/sp/icon-hand.png);
  background-repeat: no-repeat;
  background-position:8px 12px;
  background-size: 28px auto;
  padding-left: 45px;
  font-size: 110%;
}

/* postArea */
#selfPromotion .postArea .box{
  padding: 15px;
  background: #f5f5f5;
}
#selfPromotion .postArea .box .catTtl{
  font-size: 123%;
  color: #082a4d;
  border-bottom: 2px solid #082a4d;
  margin-bottom: 15px;
}
#selfPromotion .postArea .box ul li{
  margin-top: 15px;
  padding-left: 1.0em;
  text-indent: -1.0em;
}
#selfPromotion .postArea .box ul li a{
  font-weight: bold;
  font-size: 104%;
  padding-left: 11px;
  background-image:url(/resource/knowhow/pr/img/arw-right.png);
  background-repeat: no-repeat;
  background-position:top 2px left;
  background-size: 7px auto;
  letter-spacing: -0.02em;
}
#selfPromotion .postArea .box .cat01{
  margin-bottom: 20px;
}
#selfPromotion .postArea .box .cat02{
}
#selfPromotion .postArea .post01{
  margin-bottom: 25px;
}
#selfPromotion .postArea .post02{
  margin-bottom: 25px;
}
#selfPromotion .postArea .post03{
  margin-bottom: 25px;
}


/* Q&A */
#selfPromotion .qa .qaArea ul li{
  border-bottom: 1px solid #d9d9d9;
}
#selfPromotion .qa .qaArea ul li:first-child{
  border-top:none;
}
#selfPromotion .qa .qaArea ul li a{
  padding: 10px 0 10px 28px;
  display: block;
  text-decoration: none;
  font-size: 115%;
  font-weight: bold;
  color: #4c4c4c;
  background-image:url(/resource/knowhow/pr/img/sp/icon-q.png);
  background-repeat: no-repeat;
  background-position:10px 15px;
  background-size: 12px auto;
  position: relative;
}
#selfPromotion .qa .qaArea ul li a:after{
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  background-image:url(/resource/knowhow/pr/img/arw-right.png);
  background-repeat: no-repeat;
  background-position:center center;
  background-size: 7px auto;
  width: 7px;
  height: 12px;
}

/* 202002 renew */
#selfPromotion .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 22px 10px 0
}

#selfPromotion .more+* {
  padding-top: 22px!important
}

#selfPromotion .more::after,
#selfPromotion .more::before {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-top: 1px solid #d3d3d3
}

#selfPromotion .more::before {
  margin-right: 1em
}

#selfPromotion .more::after {
  margin-left: 1em
}

#selfPromotion .more a {
  text-decoration: none;
  color: #000
}

#selfPromotion .more span {
  position: relative;
  padding-right: 22px;
  font-size: 12px;
  line-height: 1
}

#selfPromotion .more span::after,
#selfPromotion .more span::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px
}

#selfPromotion .more span::before {
  background-color: #2d2d2d;
  border-radius: 50%
}

#selfPromotion .more span::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.507%22%20height%3D%228.508%22%20viewBox%3D%220%200%208.507%208.508%22%3E%3Cg%20transform%3D%22translate%28-646.913%20-1809.668%29%22%3E%3Cpath%20d%3D%22M650.549%2C1818.177v-3.635h-3.636V1813.3h3.636v-3.636h1.235v3.636h3.636v1.237h-3.636v3.635Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: center
}

#selfPromotion .postArea>:not(:first-child) {
  margin-top: 26px
}

#selfPromotion .toc {
  position: relative;
  margin: 40px 10px 0;
  padding: 30px 20px 16px;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3
}

#selfPromotion .toc p {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  padding-right: .4em;
  background-color: #fff;
  font-size: 16px;
  line-height: 1
}

#selfPromotion .toc ol {
  list-style: none;
  counter-reset: number
}

#selfPromotion .toc ol li:not(:first-child) {
  margin-top: .4em
}

#selfPromotion .toc ol li a {
  font-size: 12px;
  line-height: 1.7;
  text-decoration: underline;
  color: #1262b2
}

#selfPromotion .toc ol li a::before {
  white-space: pre-wrap;
  counter-increment: number;
  content: counter(number) ".    "
}

#selfPromotion .secTtl {
  margin-bottom: 12px
}

#selfPromotion .secTtl.-point {
  margin-bottom: 24px
}

#selfPromotion .postInner {
  padding: 0 10px
}

#selfPromotion .linkBox:not(:first-child) {
  margin-top: 4px
}

#selfPromotion .linkBox a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 46px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #d3d3d3;
  text-decoration: none
}

#selfPromotion .linkBox a dl {
  display: block;
  height: 100%
}

#selfPromotion .linkBox a dt {
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  width: 90px;
  height: 82%;
  background-color: #f2f2f2;
  text-align: center;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 700;
  color: #002542
}

#selfPromotion .linkBox a dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-top: .8em;
  padding-bottom: .8em;
  padding-left: 104px;
  padding-right: 30px;
  text-align: left;
  font-size: 12px;
  line-height: 1.66;
  color: #000
}

#selfPromotion .linkBox a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: .6em;
  height: .6em;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

#selfPromotion .point {
  list-style: none
}

#selfPromotion .point:not(:first-child) {
  margin-top: 36px
}

#selfPromotion .pointTtl {
  position: relative;
  margin-bottom: 24px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.66;
  font-weight: 700;
  color: #000
}

#selfPromotion .pointTtl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 4px;
  height: 90%;
  background-color: #002542
}

#selfPromotion .pointTxt {
  font-size: 12px;
  line-height: 1.7;
  color: #000
}

#selfPromotion .pointTxt+.pointTxt {
  margin-top: 1.6em
}

#selfPromotion .pointTxt .ac {
  color: #bc443a;
  border-bottom: 4px solid #fbe7db
}

#selfPromotion .pointImg {
  margin-top: 24px
}

#selfPromotion .pointImg img {
  max-width: 100%
}

#selfPromotion .qa {
  margin-bottom: 28px
}


/* 自己PR 記事
------------------------------------*/
/* mainImg */
#selfPromotion.detail .plusPict.resumeContentsBg01 {
  background: url(/resource/knowhow/pr/img/img-001.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg02 {
  background: url(/resource/knowhow/pr/img/img-002.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg03 {
  background: url(/resource/knowhow/pr/img/img-003.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg04 {
  background: url(/resource/knowhow/pr/img/img-004.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg05 {
  background: url(/resource/knowhow/pr/img/img-005.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg06 {
  background: url(/resource/knowhow/pr/img/img-006.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg07 {
  background: url(/resource/knowhow/pr/img/img-007.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg08 {
  background: url(/resource/knowhow/pr/img/img-008.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg09 {
  background: url(/resource/knowhow/pr/img/img-009.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg10 {
  background: url(/resource/knowhow/pr/img/img-010.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg11 {
  background: url(/resource/knowhow/pr/img/img-011.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg12 {
  background: url(/resource/knowhow/pr/img/img-012.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}
#selfPromotion.detail .plusPict.resumeContentsBg13 {
  background: url(/resource/knowhow/pr/img/img-013.png) right 0 no-repeat;
  background-size: auto 155px;
  min-height: 155px;
}



#selfPromotion.detail .plusPict + .para01 {
    margin: 18px 10px;
}
#selfPromotion.detail .secArea {
    margin-bottom:20px;
}
#selfPromotion.detail .inner {
    margin: 0 10px;
}

/* ttl */
#selfPromotion.detail .title{
  background-color: #f2f2f2;
  background-image:url(/resource/knowhow/pr/img/icon-slanting.png);
  background-repeat: no-repeat;
  background-position:left top;
  background-size: 17px auto;
  padding: 7px 7px 7px 20px;
  font-size: 110%;
  margin-bottom: 10px;
}
#selfPromotion.detail .ttl-s{
  font-size: 105%;
  margin-bottom: 8px;
  font-weight: bold;
  padding-bottom: 3px;
  padding-left: 10px;
  border-bottom: 2px solid #e5e5e5;
  border-left: 4px solid #60bfc5;
}
#selfPromotion.detail .ttl-ss{
  margin-bottom: 5px;
  font-weight: bold;
  color: #59b5bb;
}
#selfPromotion.detail .title--sameCommon {
  background-image: none;
  font-size: 13px;
  padding: 0;
  margin: 0;
}
#selfPromotion.detail .txt{
  margin-bottom: 12px;
}
#selfPromotion.detail .indent{
  margin-bottom: 12px;
  padding: 12px;
  background: #eff8f9;
}
#selfPromotion.detail .list li{
  padding-left: 1.0em;
  text-indent: -1.0em;
}
#selfPromotion.detail .list .list-text{
  padding-left: 20px;
}
#selfPromotion.detail .list .list-text li{
  text-indent: 0;
  padding-left: 0;
}
#selfPromotion.detail .list .list-text li .para01{
  margin: 0 0 10px 0;
}



/* 関連リンク */
#selfPromotion.detail .relation .box{
  padding: 15px;
  background: #fafafa;
}
#selfPromotion.detail .relation .box .sec{
  margin-top: 10px;
}
#selfPromotion.detail .relation .box .sec:first-child{
  margin-top: 0px;
}
#selfPromotion.detail .relation .box .sec .catTtl{
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 5px;
}
#selfPromotion.detail .relation .box .sec ul{
  border: 1px solid #d9d9d9;
}
#selfPromotion.detail .relation .box .sec ul li{
  border-top: 1px solid #d9d9d9;
}
#selfPromotion.detail .relation .box .sec ul li:first-child{
  border-top:none;
}
#selfPromotion.detail .relation .box .sec ul li a{
  padding: 8px 10px;
  display: block;
  font-size: 107%;
  font-weight: bold;
  background-image:url(/resource/knowhow/pr/img/arw-right.png);
  background-repeat: no-repeat;
  background-position:98% center;
  background-size: 7px auto;
  background-color: #fff;
  color: #1262b2;
  text-decoration: underline;
}

/**
 * 関連情報モジュール
 */
.l-relationBox {
  padding: 0 3%;
}

.relationBox {
  margin-top: 20px;
  margin-bottom: 15px; }
  .relationBox .header {
    position: relative;
    background: #f2f2f2;
    padding: 9px 10px 9px 15px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .relationBox .header .headList {
      display: none; }
    .relationBox .header .title {
      font-size: 13px;
      font-weight: bold;
      color: #000; }
  .relationBox .body {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
    .relationBox .body .relationListItem {
      border-bottom: 1px solid #ddd; }
      .relationBox .body .relationListItem a {
        display: block;
        padding: 12px 14px;
        background-color: #fff;
        text-decoration: underline;
        line-height: 1.4;
        font-weight: bold;
        font-size: 13px;
        color: #1262b2; }

/***********記事系モジュール**********
            囲みデザイン
***********************************/
.textContentsArea .enclose_box{
  padding:1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 1em 0;
  color: #232323;
  background: #f4faff;

}
.textContentsArea .enclose_box .enclose_box_title{
  margin-bottom:0.5em;
  border-left: solid 5px #104293;
}
.textContentsArea .enclose_box01{
  background:#fff6ea;
  width:95%;
  margin:1em auto;
  padding: 1.5em 1em;
}
#wrap .textContentsArea .enclose_box01 .para01{
  margin:0;
}


.sampleDoc{
  border: #333 1px solid;
  padding: 15px;
  margin: 1em;
}
.sampleDocTit{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.sampleDocTit2{
  font-weight: bold;
}
.sampleDocDate{
  text-align: right;
}
.sampleDocTxt {
  margin-bottom: 20px;
}
.sampleDocList{
  list-style: none;
  margin-bottom: 20px;
}
.sampleDocList li{
  position: relative;
  padding-left: 1em;
}
.sampleDocList li.mb{
  margin-bottom: 20px;
}
.sampleDocList li:before{
  content: "・";
  position: absolute;
  left: 0;
}
.sampleDocList2{
  list-style: none;
  counter-reset: item;
}
.sampleDocList2 li{
  position: relative;
  padding-left: 1em;
}
.sampleDocList2 li.mb{
  margin-bottom: 20px;
}
.sampleDocList2 li:before{
  counter-increment: item;
  content: counter(item)'.';
  position: absolute;
  left: 0;
}


#wrap .exampleBox {
  width: 94%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 18px;
  margin: 0 3%;
  margin-top: 15px;
  background: #f4f4f4; }

.articleTable.diff {
  margin-bottom: 25px;
  padding: 0 3%; }

.articleTable.diff table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; }

.articleTable.diff table th,
.articleTable.diff table td {
  padding: 7px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 9px !important; }

.articleTable.diff table td {
  line-height: 1.4; }

.articleTable.diff table thead .diffPoint {
  border-top: 1px solid #ddd; }

.articleTable.diff table .diffPoint {
  width: 21%;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd; }

.articleTable.diff table .ownCompany {
  width: 38%;
  background-color: #e7eff7;
  color: #115fad;
  border-top: 1px solid #ddd; }

.articleTable.diff table .otherCompany {
  width: 38%;
  background-color: #fde5e5;
  color: #e90000;
  border-top: 1px solid #ddd; }

.navigateBox {
  margin: 0 1em;}
.navigateBox .header {
  padding-left: 20px;
  background: url(/resource/service/img/about_employment_agency/img-headtop.jpg) no-repeat; }
.navigateBox .title {
  line-height: 40px;
  padding-top: 2px;
  font-size: 18px;
  color: #10274b; }
.navigateBox .navigateList {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;}
.navigateBox .navigateList li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;}
.navigateBox .navigateList li:last-child{
  background: none;
  border-bottom: 1px solid #d9d9d9;
}
.navigateBox .navigateList li a {
  display: block;
  padding-left: 15px;
  padding-right: 10px;
  line-height: 30px;
  -webkit-transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s;
  -webkit-transition: background-color 0.4s ease 0s, -webkit-text-decoration 0.4s ease 0s;
  transition: background-color 0.4s ease 0s, -webkit-text-decoration 0.4s ease 0s;
  transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s;
  transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s, -webkit-text-decoration 0.4s ease 0s; }
.navigateBox .navigateList li a:hover {
  text-decoration: none;
  background-color: #f2f2f2; }
.navigateBox .navigateList li.list_blank {
  margin-left: 40px;
}

.blank_image {
  margin: 10px 0;
}

time {
  margin-left: 1em;
}

.image_outside {
  background:url(/resource/common/img/sprite_general.webp) no-repeat -493px -39px;
  width:13px;
  height:12px;
  display: inline-block;
  margin: 0px 0px -1px 2px;
}

.pagetop_title {
  color:#fff;
  vertical-align:middle;
  font-size:2.2em;
  font-weight: bold;
  text-align:right;
  display:block;
  padding:1em 0.5em;
}

.sp_link_style {
  text-decoration: underline;
  color: #1262b2;
}
.qualification-table {
  width: 100%;
  border: 1px solid #d9d9d9;
}
.qualification-table td {
  border: 1px solid #d9d9d9;
  padding: 10px;
  text-align: center;
}
.qualification-table th {
  padding: 10px
}
.qualification-table td:last-child {
  text-align: left
}
.qualification-table th:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}
.qualification-table thead {
  background-color: #ccc;
}

/* knowhow list-text */

ol.list-text.dec li {
    list-style-type: decimal;
}

/* ===================================================================
 added 20190304
=================================================================== */

.datetime {
  font-size: 11px;
    padding: 0 12px 0;
}

/* 2019.03.25 start/index.html h3,h4デザイン追加 */
#wrap .heading-text01 {
  font-size: 1.1em;
  border-bottom: 2px solid #082a4d;
  border-left: 8px solid #082a4d;
  padding: 0.2em 0.4em;
  color: #082a4d;
}
#wrap .stTitle01 {
  font-size: 1em;
  border-bottom: 1px solid #333;
  display: inline-block;
  line-height: 1.6;
}

/* ===================================================================
 added 20190701 関連記事デザイン追加
=================================================================== */
.relation__listBox,
.relation__listBox--fiirst,
.relation__listBox--middle,
.relation__listBox--last {
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  width: 95%;
}
.relation__listBox {
  margin: 20px auto 30px;
}
.relation__listBox--fiirst {
  margin: 20px auto 10px;
}
.relation__listBox--middle {
  margin: 10px auto;
}
.relation__listBox--last {
  margin: 10px auto 30px;
}
.relation__listBox:hover,
.relation__listBox--fiirst:hover,
.relation__listBox--middle:hover,
.relation__listBox--last:hover {
  transition: all .3s;
  box-shadow: 1px 1px 4px 1px #d7d7d7;
  opacity: 0.8;
}
.relation__listBox_imgBox {
  border-radius: 6px 0 0 6px;
  border-right: 1px solid #d6d6d6;
  overflow: hidden;
  position: relative;
  height: 72px;
  width: 130px;
}
.relation__listBox_img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.relation__listBox_link {
  display: flex;
  text-decoration: none;
}
.relation__listBox_txtBox {
  position: relative;
  width: 100%;
}
.relation__listBox_tag {
  background: #527d98;
  color: #fff;
  font-size: 12px;
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.relation__listBox_txt {
  align-items: center;
  color: #333;
  display: flex;
  line-height: 1.4;
  text-align: left;
  padding: 20px 10px 0 10px;
  height: 100%;
}
/* サービス紹介 */
.serviceIntroduction {
	margin-top: 15px;
}
.serviceIntroduction .list {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border-radius: 5px;
}
.serviceIntroduction .list__item {
  width: calc(50% - 12px);
	margin-bottom: 16px;
	transition: 0.3s;
	box-shadow: 0 2px 6px 0 #6d6d6d;
	border-radius: 5px;
  padding-left: 0 !important;
  text-indent: 0 !important;
}
.serviceIntroduction .list__item:hover {
	opacity: 0.8;
}
.serviceIntroduction .list__item:nth-child(2n+1) {
    margin-right: 4px;
    margin-left: 8px;
}
.serviceIntroduction .list__item:nth-child(2n) {
    margin-left: 4px;
    margin-right: 8px;
}
.serviceIntroduction .list__item a {
	text-decoration: none;
}
.serviceIntroduction .list__item p {
    background-color: #005eab;
    color: #fff;
    padding: 12px 10px;
    font-weight: 600;
    position: relative;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 46px;
    font-size: 12px!important;
}
.serviceIntroduction .list__item p::after {
	content: "";
	display: inline-block;
	background-image: url("/resource/common/img/top_maru_arrow.png");
	background-size: 100%;
	background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.serviceIntroduction .list__item img {
  width: 100%;
}
@media screen and (max-width:368px) {
	.serviceIntroduction .list__item p {
		font-size: 10px!important;
	}
	.serviceIntroduction .list__item p::after {
		width: 16px;
		height: 16px;
	}
}