@charset "UTF-8";
@media (max-width: 1024px) {
  .only-pc {
    display: none;
  }
}
@media (max-width: 767px) {
  .only-pc {
    display: none;
  }
}

@media (min-width: 1025px) {
  .only-tab {
    display: none;
  }
}
@media (max-width: 767px) {
  .only-tab {
    display: none;
  }
}

@media (min-width: 1025px) {
  .only-sp {
    display: none;
  }
}
@media (max-width: 1024px) {
  .only-sp {
    display: none;
  }
}

@media (min-width: 1025px) {
  .hide-pc {
    display: none;
  }
}

@media (max-width: 1024px) {
  .hide-tab {
    display: none;
  }
}

@media (max-width: 767px) {
  .hide-sp {
    display: none;
  }
}

h1 {
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: rgba(255, 228, 0, 0.4); /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}

.p-rerative {
  position: relative;
}

.post-contents .h2-styleA {
  position: relative;
  overflow: hidden;
  word-break: break-all;
  border-top: 3px solid #006DDD;
  color: #000;
  margin: 0;
}
@media (min-width: 1025px) {
  .post-contents .h2-styleA {
    font-size: 32px;
    line-height: 1.1em;
    padding: 18px 0px 25px 125px;
    border-radius: 12px 0 0 0;
  }
}
@media (max-width: 1024px) {
  .post-contents .h2-styleA {
    font-size: 3.7vw;
    line-height: 1.1em;
    padding: 2.2vw 0vw 3vw 12vw;
    border-radius: 2vw 0 0 0;
  }
}
@media (max-width: 767px) {
  .post-contents .h2-styleA {
    font-size: 5vw;
    line-height: 1.1em;
    padding: 2.8vw 0vw 4vw 12.5vw;
    border-radius: 2vw 0 0 0;
  }
}
.post-contents .h2-styleA span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #fff;
  background: #006DDD;
  line-height: 0;
}
@media (min-width: 1025px) {
  .post-contents .h2-styleA span {
    padding: 35px 20px 40px 20px;
    font-size: 40px;
    border-radius: 10px 0 20px 10px;
  }
}
@media (max-width: 1024px) {
  .post-contents .h2-styleA span {
    padding: 3.7vw 2vw 4.5vw 2vw;
    font-size: 5vw;
    border-radius: 1vw 0vw 2vw 1vw;
  }
}
@media (max-width: 767px) {
  .post-contents .h2-styleA span {
    padding: 5.2vw 2vw 6.5vw 2vw;
    font-size: 5vw;
    border-radius: 1vw 0vw 2vw 1vw;
  }
}
.post-contents .h3-styleA {
  color: #006DDD;
  text-align: left;
  margin: 0;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
}
@media (min-width: 1025px) {
  .post-contents .h3-styleA {
    font-size: 26px;
    line-height: 1.1em;
    padding: 20px 0px 23px 20px;
  }
}
@media (max-width: 1024px) {
  .post-contents .h3-styleA {
    font-size: 3vw;
    line-height: 1.1em;
    padding: 2.2vw 0vw 2.7vw 2vw;
  }
}
@media (max-width: 767px) {
  .post-contents .h3-styleA {
    font-size: 4.2vw;
    line-height: 1.2em;
    padding: 2.8vw 1vw 3.6vw 3vw;
  }
}
.post-contents .matome-styleA {
  position: relative;
  text-align: center;
  color: #22ac38;
  background: #e3f5d8;
  margin: 0;
  text-align: left;
}
@media (min-width: 1025px) {
  .post-contents .matome-styleA {
    font-size: 26px;
    line-height: 1.1em;
    padding: 20px 10px 23px 162px;
    border-radius: 10px;
  }
}
@media (max-width: 1024px) {
  .post-contents .matome-styleA {
    font-size: 3vw;
    line-height: 1.1em;
    padding: 2vw 1vw 2.7vw 15vw;
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .post-contents .matome-styleA {
    font-size: 4.2vw;
    line-height: 1.2em;
    padding: 3vw 1vw 3.6vw 18vw;
    border-radius: 6px;
  }
}
.post-contents .matome-styleA::before {
  position: absolute;
  content: "まとめ";
  color: #fff;
  background: #22ac38;
}
@media (min-width: 1025px) {
  .post-contents .matome-styleA::before {
    font-size: 24px;
    line-height: 0;
    top: 9px;
    left: 10px;
    height: 52px;
    padding: 25px 30px 27px 30px;
    border-radius: 8px;
  }
}
@media (max-width: 1024px) {
  .post-contents .matome-styleA::before {
    font-size: 2.6vw;
    line-height: 0;
    top: 1.3vw;
    left: 1.4vw;
    height: 5vw;
    padding: 2.2vw 2vw 2.2vw 2vw;
    border-radius: 6px;
  }
}
@media (max-width: 767px) {
  .post-contents .matome-styleA::before {
    font-size: 4vw;
    line-height: 0;
    top: 1.2vw;
    left: 1.5vw;
    height: 4vw;
    padding: 4vw 1vw 4.9vw 1vw;
    border-radius: 4px;
  }
}
.post-contents .school-info-A {
  position: relative;
  isolation: isolate;
  color: #A00;
  -webkit-text-stroke: 2px #FFF; /* アウトラインの太さと色 */
  paint-order: stroke fill; /* 文字が潰れないように描画順を制御 */
  display: inline-block;
  text-shadow: 0 0 2px white;
  text-align: center;
}
@media (min-width: 1025px) {
  .post-contents .school-info-A {
    font-size: 32px;
    margin: 50px 0;
    width: 100%;
    line-height: 1.4em;
  }
}
@media (max-width: 1024px) {
  .post-contents .school-info-A {
    font-size: 3.8vw;
    margin: 6vw 0;
    width: 100%;
    line-height: 1.3em;
  }
}
@media (max-width: 767px) {
  .post-contents .school-info-A {
    font-size: 5.5vw;
    margin: 5vw 0;
    width: 100%;
    line-height: 1.3em;
  }
}
.post-contents .school-info-A::before {
  content: "";
  position: absolute;
  background: #F8CAC8;
  border-radius: 50%;
  top: 50%;
  border: dashed 1px white;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  box-shadow: 0px 0px 0px 5px #F8CAC8;
}
@media (min-width: 1025px) {
  .post-contents .school-info-A::before {
    width: 240px;
    height: 160px;
  }
}
@media (max-width: 1024px) {
  .post-contents .school-info-A::before {
    width: 30vw;
    height: 20vw;
  }
}
@media (max-width: 767px) {
  .post-contents .school-info-A::before {
    width: 40vw;
    height: 28vw;
  }
}/*# sourceMappingURL=singlepost_work_career.css.map */