.post h2 {
  margin: calc(8px * 3) 0 !important; }
.post p {
  margin: 0 0 1.2em 0; }

#main_col * {
  box-sizing: border-box; }

#intro figure {
  width: 100%;
  margin-inline-start: 0; }
#intro .at-first {
  margin: calc(8px * 3) auto !important;
  padding: calc(8px * 2);
  border: calc(8px * 0.5) solid #5BB3E6;
  border-radius: calc(8px * 2);
  font-weight: bold; }
  #intro .at-first * {
    margin-bottom: 0; }
  #intro .at-first span {
    display: block;
    height: 100%;
    padding: 8px;
    background-color: #5BB3E6;
    color: #fff;
    text-align: center; }
  #intro .at-first h2 {
    margin: 0 !important;
    text-align: center; }
  #intro .at-first p {
    font-size: clamp(15px, 3vw, 21px); }
  #intro .at-first a {
    text-decoration: none; }
  @media (min-width: 641px) {
    #intro .at-first {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
      #intro .at-first span {
        width: 23%;
        font-size: 150%;
        font-size: clamp(16px, 1.8vw, 22px); }
      #intro .at-first a {
        width: 75%; }
        #intro .at-first a h2 {
          font-size: clamp(16px, 5vw, 42px); }
      #intro .at-first p {
        width: 100%;
        text-align: center; } }
  @media (max-width: 640px) {
    #intro .at-first span {
      margin-bottom: calc(8px * 2);
      font-size: clamp(16px, 3.5vw, 24px); }
    #intro .at-first h2 {
      margin-bottom: calc(8px * 2);
      font-size: clamp(24px, 6vw, 43px); } }

.steps > div {
  margin-top: calc(8px * 6);
  margin-bottom: calc(8px * 6); }
.steps h2 {
  display: flex;
  align-items: center;
  font-size: clamp(18px, 4.2vw, 24px) !important; }
  .steps h2::before {
    display: inline-block;
    width: 4.5em;
    height: 1.2em;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    content: ""; }
.steps > div:nth-of-type(1) h2::before {
  background-image: url("/wp-content/package/page/order-process/img/step1.svg?un9r13b8m"); }
.steps > div:nth-of-type(2) h2::before {
  background-image: url("/wp-content/package/page/order-process/img/step2.svg?un9r13b8u"); }
.steps > div:nth-of-type(3) h2::before {
  background-image: url("/wp-content/package/page/order-process/img/step3.svg?un9r13b92"); }
.steps > div:nth-of-type(4) h2::before {
  background-image: url("/wp-content/package/page/order-process/img/step4.svg?un9r13b94"); }
.steps > div:nth-of-type(5) h2::before {
  background-image: url("/wp-content/package/page/order-process/img/step5.svg?un9r13b9d"); }

.course {
  padding: calc(8px * 3);
  background-color: #FFFDE8;
  border-radius: calc(8px * 2); }
  .course .info {
    margin-bottom: 1em !important;
    font-size: clamp(16px, 2.9vw, 23px) !important;
    font-weight: bold; }
  .course_type {
    margin-bottom: calc(8px * 5) !important; }
    .course_type dt span {
      display: block;
      width: 12em;
      color: #fff;
      font-size: clamp(16px, 3.8vw, 18px) !important;
      text-align: center; }
    .course_type dt h3 {
      margin-bottom: 0 !important;
      font-size: clamp(20px, 5vw, 24px) !important;
      font-weight: bold; }
    .course_type.-template dt span {
      background-color: #ED1E79; }
    .course_type.-template dt h3 {
      color: #ED1E79; }
    .course_type.-order dt span {
      background-color: #0071BC; }
    .course_type.-order dt h3 {
      color: #0071BC; }
  .course_feature {
    margin-bottom: calc(8px * 3) !important; }
  .course_merit {
    font-size: clamp(14px, 3vw, 18px) !important;
    font-weight: bold;
    line-height: 1.5 !important;
    margin-bottom: 0 !important; }
  .course_items img {
    width: auto !important; }
    @media (min-width: 641px) {
      .course_items img {
        height: 14vw !important;
        max-height: 200px;
        margin-right: 2em; } }
    @media (max-width: 640px) {
      .course_items img {
        height: 28vw !important;
        margin-right: 2vw; } }

#step3 .manuscript_type {
  width: fit-content;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-bottom: calc(8px * 1.5);
  color: #fff; }
  #step3 .manuscript_type.-template {
    background-color: #ED1E79; }
  #step3 .manuscript_type.-order {
    background-color: #0071BC; }
#step3 dd {
  margin-bottom: calc(8px * 3); }
  #step3 dd p {
    margin-bottom: 0 !important; }
  #step3 dd a {
    font-weight: bold;
    margin-right: 2em; }