/* ====================================
#pageNav
===================================== */
.alert .bg-primary {
  background-color: var(--secondary-color);
}

#pageNav .title02 em {
  font-style: normal;
  position: relative;
  display: inline-block;
  padding-inline: 0.4em;
  font-size: 150%;
}
#pageNav .title02 em::before, #pageNav .title02 em::after {
  display: block;
  position: absolute;
  top: 0;
}
#pageNav .title02 em::before {
  content: "\\";
  left: 0;
}
#pageNav .title02 em::after {
  content: "/";
  right: 0;
}

@media print, screen and (min-width: 768px) {
  #keyvisual img {
    height: 100%;
    min-height: 318px;
    object-fit: cover;
  }
  #pageNav .title02 {
    font-size: 1.625rem;
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  #pageNav .title02 {
    font-size: min(5vw, 32px);
  }
}
/* ====================================
#secFree
===================================== */
#secFree .title03 small {
  font-weight: 500;
}
#secFree .title03 .txt-lg {
  color: var(--primary-color);
}
#secFree .notice {
  font-feature-settings: "palt";
}

@media print, screen and (min-width: 768px) {
  .section[id^=sec]::after {
    background-color: #f0f2f4;
  }
  .section[id^=sec].bg-gray::after {
    background-color: #dde0e5;
  }
  .col03, .col02 {
    margin-inline: auto;
    gap: 12px 1%;
  }
  .col03 .box, .col02 .box {
    width: min(48.97%, 286px);
    box-sizing: border-box;
    padding: 1em 10px;
    display: flex;
    flex-direction: column;
  }
  .col03 .box .notice, .col02 .box .notice {
    margin-top: 0.5em;
  }
  .col03 {
    width: 100%;
  }
  .col03 .box {
    width: 32.6%;
  }
  .col02 {
    width: 100%;
  }
  .col02 .box {
    width: 48.6%;
  }
  #secFree .title03 small, #secFree .title03 .txt-lg {
    display: block;
  }
  #secFree .title03 small {
    margin-bottom: 8px;
    font-size: 1.125rem;
  }
  #secFree .title03 .txt-lg {
    font-size: 1.625rem;
  }
  #secFree .box-img, #secFree .box04-img {
    margin-inline: auto;
  }
  #secFree .box01-img {
    margin-top: 40px;
    height: 83px;
  }
  #secFree .box02-img {
    margin-top: 20px;
  }
  #secFree .box03-img {
    margin-top: 20px;
    height: 103px;
  }
  #secFree .title04 {
    margin-top: 20px;
    font-weight: 500;
    margin-bottom: 10px;
  }
  #secFree .title04 + p {
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .section[id^=sec]::after {
    background-color: #dee2e6;
  }
  .section[id^=sec].bg-gray::after {
    background-color: #d3d7de;
  }
  #secFree .title03 small {
    font-size: min(4.06vw, 26px);
  }
  #secFree .title03 .txt-lg {
    font-size: min(5.94vw, 38px);
  }
  #secFree .box01-img {
    width: min(73.44vw, 470px);
    height: min(15.16vw, 97px);
  }
  #secFree .box02-img {
    width: min(52.34vw, 335px);
    height: min(33.75vw, 216px);
    margin-bottom: 0;
  }
  #secFree .box03-img {
    width: min(67.19vw, 430px);
    height: min(31.72vw, 203px);
  }
  #secFree .box04-img {
    width: min(33.44vw, 214px);
    height: min(29.84vw, 191px);
  }
}
/* ====================================
#secNebiki
===================================== */
.box.nebiki-box-1 {
  padding-inline: 0;
}

.nebiki-ttl03-01 {
  font-weight: 500;
}
.nebiki-ttl03-01 strong {
  color: var(--primary-color);
  font-weight: 700;
  font-feature-settings: "palt";
}

.nebiki-ttl03-02 small {
  display: block;
  color: var(--primary-color);
  margin-bottom: min(2.19vw, 14px);
}

@media print, screen and (min-width: 768px) {
  .nebiki-ttl03-01 {
    margin: 0 auto 1.875rem;
    font-size: 1.125rem;
    line-height: 1.63;
  }
  .nebiki-ttl03-01 strong {
    display: block;
    font-size: 1.625rem;
  }
  .nebiki-ttl03-02 {
    margin-bottom: 1.5rem;
    font-size: 1.625rem;
  }
  .nebiki-ttl03-02 small {
    font-size: 1.625rem;
  }
  .nebiki-ttl03-02 small .txt-small {
    font-size: 1.125rem;
  }
  .nebiki-box-2 p {
    text-align: center;
    line-height: 1.63;
    margin-bottom: 2.375rem;
  }
  picture[class^=sec02-] {
    margin-bottom: 1.5rem;
  }
  .nebiki-01, .nebiki-02 {
    position: relative;
    margin-left: 0.875rem;
    margin-bottom: 24px;
    text-align: left !important;
  }
  .nebiki-03, .nebiki-04 {
    width: 49.5%;
  }
  .noticeWrap {
    margin-inline: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  #secNebiki .nebiki-ttl03-01 {
    margin: 0 min(4.69vw, 30px) min(4.69vw, 30px);
    line-height: 1.54;
  }
  #secNebiki .nebiki-ttl03-01 strong {
    font-size: min(5.31vw, 34px);
  }
  #secNebiki .nebiki-ttl03-02 {
    margin-bottom: min(6.88vw, 44px);
    font-size: min(5.63vw, 36px);
  }
  #secNebiki .nebiki-ttl03-02 small {
    font-size: min(5vw, 32px);
  }
  #secNebiki .nebiki-ttl03-02 small .txt-small {
    font-size: min(3.44vw, 22px);
  }
  #secNebiki .nebiki-ttl03-03 {
    margin-bottom: min(6.88vw, 44px);
  }
  #secNebiki .nebiki-box-2 .notice {
    margin-top: min(4.38vw, 28px);
  }
  #secNebiki picture[class^=nebiki-] {
    margin-bottom: min(4.38vw, 28px);
  }
  #secNebiki .nebiki-01, #secNebiki .nebiki-02 {
    position: relative;
    margin-left: min(2.5vw, 16px);
  }
  #secNebiki .nebiki-01 {
    width: min(83.44vw, 534px);
  }
  #secNebiki .nebiki-02 {
    width: min(83.44vw, 534px);
  }
  #secNebiki .noticeWrap {
    margin-inline: min(4.69vw, 30px);
  }
}
/* ====================================
#secService
===================================== */
.title03.haspop small {
  position: relative;
  display: inline-block;
  background-color: var(--secondary-color);
  color: #fff;
}
.title03.haspop small::after {
  content: "";
  display: inline-block;
  background-color: var(--secondary-color);
  mask-image: url(../image/icn-haspop.svg);
  mask-repeat: no-repeat;
  position: absolute;
  top: 99.9%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.title03.haspop .txt-lg {
  display: block;
  color: var(--secondary-color);
}

#secService p:not(.notice) {
  font-weight: 500;
}

@media print, screen and (min-width: 768px) {
  .title03.haspop {
    margin-bottom: 1.5rem;
  }
  .title03.haspop small {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 10px;
    padding: 0.625rem 0.5625rem;
  }
  .title03.haspop small::after {
    width: 24px;
    height: 20px;
  }
  .title03.haspop .txt-lg {
    font-size: 1.625rem;
    line-height: 1.33;
  }
  #secService .container {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .title03.haspop small {
    margin-bottom: min(5.31vw, 34px);
    font-size: min(4.06vw, 26px);
    line-height: 1;
    border-radius: min(1.88vw, 12px);
    padding: min(2.34vw, 15px) 0.5em;
  }
  .title03.haspop small::after {
    width: min(4.22vw, 27px);
    height: min(3.44vw, 22px);
  }
}
/* ====================================
#secBenefit
===================================== */
@media print, screen and (min-width: 768px) {
  #secBenefit .container {
    width: 78%;
  }
  #secBenefit .container .box + .box {
    margin-top: 0.75rem;
  }
  #secBenefit .container .box {
    text-align: left;
  }
}/*# sourceMappingURL=apollostation.css.map */