@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
/* 資格取得　本文全体
-------------------------------------------------*/
.wrap {
  overflow: hidden;
}
.post_box:not(.qualification_mainviusal_wrap) {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.wrap .qualification_box01 h2, .wrap .qualification_box02 h2, .wrap .qualification_box03 h2, .wrap .qualification_box04 h2 {
  color: #000;
  padding-bottom: 1em;
  margin-bottom: 1em;
  font-weight: 500;
  position: relative
}
.wrap h2 .h2_inner {
  display: inline-block;
  text-align: left;
}
@media (max-width: 959px) {
  .wrap > section {
    padding-top: 0;
  }
}
@media (max-width: 559px) {
  .wrap .qualification_box01 h2, .wrap .qualification_box02 h2, .wrap .qualification_box03 h2, .wrap .qualification_box04 h2 {
    font-size: 1.3rem;
  }
}
/* 資格取得　メインビジュアル
-------------------------------------------------*/
.qualification_mainviusal_wrap {
  width: 100vw;
  margin-top: -4.5em;
  position: relative;
}
.qualification_mainviusal_contents {
  display: grid;
}
.qualification_mainviusal_img {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.qualification_mainviusal_img img {
  display: block;
}
@media (min-width: 1920px) {
  .qualification_mainviusal_img02 img {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .qualification_mainviusal_img01 {
    display: none;
  }
}
@media (max-width: 959px) {
  .qualification_mainviusal_wrap {
    margin-top: 1px;
/*    padding-top: 60px;*/
  }
  .qualification_mainviusal_img02 {
    display: none;
  }
}
.qualification_mainviusal_text {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  display: grid;
  align-items: center;
  justify-self: center;
  max-width: fit-content;
  top: 0;
  bottom: 0;
  height: 100%;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 1em;
  text-box-trim: trim-both;
  margin: auto;
}
.fz02 {
  font-size: 130%;
  text-box-trim: trim-both;
  display: block;
}
.fz02 .num {
  font-size: 150%;
}
.qualification_mainviusal_box_over {
  color: #fff;
  text-align: center;
  position: relative;
  padding: 0 1em;
  line-height: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  max-width: fit-content;
  margin: 0 auto 0.5em;
}
.qualification_mainviusal_box_over::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.2em;
  height: 1.5em;
  border-left: 2px solid #fff;
  rotate: -15deg;
}
.qualification_mainviusal_box_over::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0.2em;
  height: 1.5em;
  border-left: 2px solid #fff;
  rotate: 15deg;
}
.qualification_mainviusal_box {
  background: linear-gradient(45deg, #ff914d, #ffde59);
  padding: 0.2em;
  border-radius: 1em;
  font-size: 170%;
}
.qualification_mainviusal_box_inner {
  background: #fff;
  padding: 0.5em 2em;
  border-radius: 0.85em;
  text-align: center;
  line-height: 1.2;
}
.qmb_em {
  font-size: 200%;
  color: #ff6c6c;
  padding-right: 1.2em;
  position: relative;
}
.qmb_em::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  top: 0;
  bottom: 0.2em;
  background: url(https://caregate-cs.com/wp-content/uploads/2025/10/img_cashback02.png) 50% 50% / contain no-repeat;
}
.qualification_mainviusal_btn a {
  background: #ff8c15;
  color: #fff;
  text-decoration: none;
  padding: 0.5em 0.3em;
  border-radius: 300px;
  display: block;
  font-size: 60%;
}
@media (max-width: 959px){  
  .qualification_mainviusal_box {
    font-size: 130%;
  }
}
@media (max-width: 559px){ 
  .qualification_mainviusal_text {
    font-size: 100%;
  }
}

/* 資格取得　キャッシュバック
-------------------------------------------------*/
.wrap .qualification_box01 h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 4px solid #ffd6d6;
}
.qualification_box01_textbox .subject dt {
  display: inline-block;
  padding: 0.2em 1em;
  border-radius: 50px;
  border: 2px solid #ff5757;
    font-weight: 500;
}
.qualification_box01_textbox .subject dd {
  padding: 10px 40px;
}
.qualification_box01_textbox .subject_note {
  font-size: 80%;
  font-weight: normal;
  color: #474747;
  list-style: none;
}
.qualification_box01_textbox .subject_note li {
  position: relative;
  padding-left: 1em;
}
.qualification_box01_textbox .subject_note li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.qualification_box01_textbox {
  max-width: fit-content;
  margin: auto;
}

@media (max-width: 559px){
  .qualification_box01_textbox .subject dd {
    padding: 10px 1em;
  }
}

/* 資格取得　全体の流れ
-------------------------------------------------*/
.qualification_box02 {
  position: relative;
  padding-top: min(8vw, 100px);
  margin-bottom: min(8vw, 100px);
    padding-bottom: 1px;
}
.qualification_box02::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 140vw;
  margin-left: -70vw;
  top: 0;
  bottom: 0;
  box-sizing: content-box;
  background: #ffd6d6;
  z-index: -1;
  border-bottom-left-radius: 100vw 300px;
  border-bottom-right-radius: 100vw 300px;
  border-top-left-radius: 100vw 300px;
  border-top-right-radius: 100vw 300px;
}
.qualification_box02 .post_custom_box {
  margin-bottom: 0;
}
.wrap .qualification_box02 h2 {
  padding-bottom: 0.4em;
  font-size: 1.5rem;
}
.wrap .qualification_box02 h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid #fff;
}
.qualification_bg01_inner_img {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2vw;
  text-align: center;
  margin-bottom: 2em;
  color: #ff5757;
  font-size: 115%;
  font-weight: bold;
}
.qualification_bg01_inner_img img {
  border-radius: 50%;
}
.qualification_bg01_inner_box {
  padding: 2em;
  background: #fff;
  border-radius: 1em;
}
.qualification_bg01_inner_box_flow dl {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
.qualification_bg01_inner_box_flow dl:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.qualification_bg01_inner_box_flow dt {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0 0.5em;
  margin-bottom: 0.8em;
  font-weight: bold;
}
.qualification_bg01_inner_box_flow .flow_num {
  color: #fff;
  background: #ff5757;
  padding: 0.2em 0.5em;
  border-radius: 0.4em;
}
.qualification_box02_btn {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
.qualification_box02_btn a {
  text-decoration: none;
  color: #fff;
  background: #ff5757;
  display: inline-block;
  font-weight: bold;
  padding: 0.7em 2.5em;
  border-radius: 30em;
  font-size: 80%;
  line-height: 1.2;
}
.qualification_box02_btn .mainTxt {
  font-size: 160%;
}
@media (max-width: 959px){
  .qualification_box02 {
  }
  .qualification_box02::before { 
    width: 200vw;
    margin-left: -100vw;
  }
}

@media (max-width: 559px){
  .qualification_box02::before {
    border-bottom-left-radius: 100vw 150px;
    border-bottom-right-radius: 100vw 150px;
    border-top-left-radius: 100vw 150px;
    border-top-right-radius: 100vw 150px;
  }
}
@media (max-width: 449px){
  .qualification_bg01_inner_img {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4vw;
    font-size: 145%;
  }
}


/* 資格取得　体験談
-------------------------------------------------*/

.wrap .qualification_box03 h2 {
  padding-bottom: 0.4em;
  font-size: 1.5rem;
}
.wrap .qualification_box03 h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid #ffd6d6;
}

.experience_box_title {
  padding-left: 1.2em;
  position: relative;
  color: #ff5757;
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 1em;
}
.experience_box_title:nth-child(n+1){
  margin-top: 1em;
}
.experience_box_title::before {
  content: "";
  position: absolute;
  left: 0.1em;
  width: 0.7em;
  height: 0.7em;
  background: #ff5757;
  rotate: 45deg;
  transform-origin: center;
  top: 0.4em;
}
.experience_box_dl {
  padding-left: calc(0.8em + 135px);
  border-left: 1px solid #ccc;
  margin-left: 1.2em;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}
.experience_box_dl::before {
  content: "";
  position: absolute;
  left: 0.4em;
  width: 120px;
  top: 0;
  bottom: 0;
  background: url(https://caregate-cs.com/wp-content/uploads/2025/10/img_people.png) 50% 50% / contain no-repeat;
}
.experience_box .experience_box_dl dd p {
  padding: 0;
}
.experience_box_dl dt {
  font-weight: bold;
  padding-left: 1em;
  font-size: 110%;
  margin-bottom: 0.8em;
}

@media (min-width: 1440px){
  .experience_box_dl {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
@media (max-width: 559px){
  .experience_box_dl {
    padding-top: 0em;
    padding-bottom: 1.5em;
    padding-left: calc(0.8em + 50px);
  }
  .experience_box_dl::before {
    background-position: 0% 0%;
    width: 50px;
    height: 50px;
    bottom: unset;
    top: 0;
  }
  .experience_box_dl dt {
    min-height: 50px;
    text-box-trim: trim-both;
    padding-left: 0.5em;
  }
  .experience_box_dl dd {
      margin-left: calc(-0.2em - 50px);
  }
  .experience_box_position {
    display: block;
    margin-left: -0.5em;
  }
}

/* 資格取得　faq
-------------------------------------------------*/
.qualification_box04 {
  position: relative;
  padding-top: min(8vw, 100px);
  margin-bottom: min(8vw, 100px);
  padding-bottom: 1px;
}
.qualification_box04::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 140vw;
  margin-left: -70vw;
  top: 0;
  bottom: 0;
  box-sizing: content-box;
  background: #e6feff;
  z-index: -1;
  border-bottom-left-radius: 100vw 300px;
  border-bottom-right-radius: 100vw 300px;
  border-top-left-radius: 100vw 300px;
  border-top-right-radius: 100vw 300px;
}
.qualification_box04 .post_custom_box {
  margin-bottom: 0;
}
.wrap .qualification_box04 h2 {
  padding-bottom: 0.4em;
  font-size: 1.5rem;
}
.wrap .qualification_box04 h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid #096bb0;
}
.qualification_qa {
  max-width: fit-content;
  margin: auto;
}
.qualification_qa dt, .qualification_qa dd {
  position: relative;
  margin-bottom: 1em;
}
.qualification_qa dd {
  padding-bottom: 1em;
}
.qualification_qa dt .q, .qualification_qa dd .a {
  position: absolute;
  margin-left: -2em;
  font-weight: bold;
}
.qualification_qa_btn {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
.qualification_qa_btn a {
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #5de0e6, #358bff);
  display: inline-block;
  font-weight: bold;
  padding: 0.7em 2.5em;
  border-radius: 30em;
  font-size: 80%;
  line-height: 1.2;
}
.qualification_qa_btn .mainTxt {
  font-size: 160%;
}
@media (max-width: 959px){
  .qualification_qa {
    padding-left: 2em;
  }
}
@media (max-width: 559px){
  .qualification_box04::before {
    border-bottom-left-radius: 100vw 150px;
    border-bottom-right-radius: 100vw 150px;
    border-top-left-radius: 100vw 150px;
    border-top-right-radius: 100vw 150px;
  }
}

/* フォーム　contactform
-------------------------------------------------*/
.contact__flex__right select {
  width: 100%;
  box-sizing: border-box;
  font-size: 1rem;
  padding: 0.3em;
  border-radius: 5px;
  border: 1px solid #767676;
  box-shadow: none;
  background: #fff;
}