.common-h {
  display: flex;
  align-items: center;
  gap: 2.2222222222cqw;
  font-size: 3.6666666667cqw;
  font-weight: 700;
  line-height: 1;
}
.common-h::before {
  content: "";
  display: block;
  width: 0.2424242424em;
  height: 1.3939393939em;
  background-image: linear-gradient(180deg, #0076C3 23.13%, #014099 100%);
}
@media screen and (max-width: 768px) {
  .common-h {
    font-size: 5.3140096618cqw;
    line-height: 1.4;
    gap: 2.4154589372cqw;
    align-items: stretch;
  }
  .common-h::before {
    height: auto;
  }
}

.aquaclara-body {
  position: relative;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: min(150px/900px * 100vw, 150px);
}
.aquaclara-body::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: min((100% - min(1440px/900px * 100vw, 1440px)) / 2, 0px);
  width: max(min(1440px/900px * 100vw, 1440px), 100%);
  aspect-ratio: 120/61;
  background-image: url(../img/aquaclara/bottom-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .aquaclara-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .aquaclara-body::after {
    left: min((100% - min(144.9275362319vw, 600px)) / 2, 0px);
    width: max(min(144.9275362319vw, 600px), 100%);
  }
}
.aquaclara-body br.only-sp, .aquaclara-body span.only-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .aquaclara-body br.only-sp, .aquaclara-body span.only-sp {
    display: inline;
  }
}
.aquaclara-body br.only-pc, .aquaclara-body span.only-pc {
  display: inline;
}
@media screen and (max-width: 768px) {
  .aquaclara-body br.only-pc, .aquaclara-body span.only-pc {
    display: none;
  }
}

.aquaclara-mv {
  position: relative;
  z-index: 3;
  margin-top: 7.7777777778cqw;
}
@media screen and (max-width: 768px) {
  .aquaclara-mv {
    margin-top: 12.077294686cqw;
  }
  .aquaclara-mv > .aquaclara-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.aquaclara-inner {
  position: relative;
  container-type: inline-size;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .aquaclara-inner {
    max-width: calc(414px * 1.2);
  }
}

.aquaclara-mv__title {
  color: #014099;
  font-weight: 700;
}
.aquaclara-mv__title > .t01 {
  line-height: 1.29;
  font-size: 3.3333333333cqw;
}
.aquaclara-mv__title > .t02 {
  line-height: 1.11;
  font-size: 5cqw;
  margin-top: 1.1111111111cqw;
}
@media screen and (max-width: 768px) {
  .aquaclara-mv__title > .t01 {
    font-size: 5.0724637681cqw;
  }
  .aquaclara-mv__title > .t02 {
    font-size: 7.6086956522cqw;
    margin-top: 1.690821256cqw;
    text-align: center;
  }
}

.aquaclara-mv__logo {
  width: 41.5555555556cqw;
  aspect-ratio: 187/94;
  margin-top: 1.1111111111cqw;
  margin-bottom: 2.6666666667cqw;
}
.aquaclara-mv__logo > img {
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .aquaclara-mv__logo {
    width: 86.9565217391cqw;
    margin-top: 1.9323671498cqw;
    margin-bottom: 67.6328502415cqw;
  }
}

.aquaclara-mv__list {
  display: flex;
  flex-direction: column;
  gap: 2.6666666667cqw;
  width: 44.4444444444cqw;
}
.aquaclara-mv__list > li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 8.8888888889cqw;
  background-image: linear-gradient(180deg, #0076C3 23.13%, #014099 100%);
  border-radius: 1.2em;
  font-size: 2.7777777778cqw;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .aquaclara-mv__list {
    gap: 3.8647342995cqw;
    width: 72.4637681159cqw;
  }
  .aquaclara-mv__list > li {
    height: 15.4589371981cqw;
    font-size: 4.8309178744cqw;
  }
}

.aquaclara-mv-main-wrapper {
  position: relative;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1 !important;
}
@media screen and (max-width: 768px) {
  .aquaclara-mv-main-wrapper {
    max-width: calc(414px * 1.2);
  }
}

.aquaclara-mv-main {
  position: absolute;
  bottom: -9.3333333333cqw;
  left: 51.1111111111cqw;
  width: 52.7777777778cqw;
  aspect-ratio: 951/1131;
}
.aquaclara-mv-main > img {
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .aquaclara-mv-main {
    left: 0;
    right: 0;
    width: 72.4637681159cqw;
    margin-left: auto;
    margin-right: auto;
    bottom: 43.4782608696cqw;
  }
}

.bg-wrap {
  position: relative;
  background-image: linear-gradient(180deg, #fff 0%, #fff 10%, #9ED4F8 15%, #9ED4F8 100%);
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 0.1px;
  padding-bottom: 0.1px;
  padding-left: 20px;
  padding-right: 20px;
}
.bg-wrap > * {
  position: relative;
  z-index: 3;
}
.bg-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(0px - min(212px/900px * 100vw, 212px));
  left: min((100% - min(1440px/900px * 100vw, 1440px)) / 2, 0px);
  width: max(min(1440px/900px * 100vw, 1440px), 100%);
  aspect-ratio: 120/61;
  background-image: url(../img/aquaclara/wrapper-top.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .bg-wrap {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    background-image: none;
    background-color: #9ED4F8;
  }
  .bg-wrap::before {
    top: calc(0px - min(72.4637681159vw, 300px));
    left: min((100% - min(144.9275362319vw, 600px)) / 2, 0px);
    width: max(min(144.9275362319vw, 600px), 100%);
  }
}

.sec-tokuten {
  margin-top: min(130px/900px * 100vw, 130px);
}
@media screen and (max-width: 768px) {
  .sec-tokuten {
    margin-top: min(80px/414px * 100vw, 80px);
  }
}

.tokuten-h {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 8.8888888889cqw;
  border-radius: 3.3333333333cqw 3.3333333333cqw 0 0;
  background-color: #014099;
  color: #FFF;
  text-align: center;
  font-size: 2.7777777778cqw;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .tokuten-h {
    height: auto;
    font-size: 5.3140096618cqw;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
  }
}

.tokuten-content {
  width: 100%;
  border-radius: 0 0 3.3333333333cqw 3.3333333333cqw;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 2.5555555556cqw 4.2222222222cqw 4cqw 4.2222222222cqw;
}
.tokuten-images {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.2222222222cqw;
}
.tokuten-images figure {
  width: 37.1111111111cqw;
}
.tokuten-images figure:nth-child(1) {
  order: 1;
}
.tokuten-images figure:nth-child(2) {
  order: 3;
}
.tokuten-images figure > img {
  display: block;
  max-width: 100%;
}
.tokuten-images::before {
  content: "";
  display: block;
  order: 2;
  width: 4.2666666667cqw;
  aspect-ratio: 38.4/40.48;
  background-image: url(../img/aquaclara/plus.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .tokuten-images {
    gap: 2.5120772947cqw;
  }
  .tokuten-images figure {
    width: 41.9516908213cqw;
  }
  .tokuten-images::before {
    width: 4.8231884058cqw;
  }
}

.tokuten-support-p {
  margin-top: 3.8888888889cqw;
  text-align: center;
  font-size: 1.7777777778cqw;
  font-weight: 500;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .tokuten-support-p {
    margin-top: 2em;
    font-size: 3.3816425121cqw;
  }
}

.tokuten-area-h {
  margin-top: 4.2222222222cqw;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 2.2222222222cqw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  background: #9ED4F8;
}
@media screen and (max-width: 768px) {
  .tokuten-area-h {
    margin-top: 1.5em;
    font-size: 3.8647342995cqw;
  }
}

.tokuten-area-p {
  margin-top: 1.2em;
  text-align: center;
  font-size: 1.7777777778cqw;
  line-height: 1.5625;
}
.tokuten-area-p .note {
  font-size: 0.875em;
}
@media screen and (max-width: 768px) {
  .tokuten-area-p {
    font-size: 3.3816425121cqw;
  }
}

.sec-onayami {
  margin-top: min(80px/900px * 100vw, 80px);
  margin-bottom: min(80px/900px * 100vw, 80px);
}
@media screen and (max-width: 768px) {
  .sec-onayami {
    margin-top: min(60px/414px * 100vw, 60px);
    margin-bottom: min(60px/414px * 100vw, 60px);
  }
}

.onayami-h {
  margin-bottom: 5cqw;
}
@media screen and (max-width: 768px) {
  .onayami-h {
    margin-bottom: 7.2463768116cqw;
  }
}

.onayami-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.2222222222cqw;
}
@media screen and (max-width: 768px) {
  .onayami-list {
    flex-direction: column;
    gap: 3.8647342995cqw;
  }
}

.onayami-item {
  width: calc((100% - 2.2222222222cqw) / 2);
  display: flex;
  gap: 2.6666666667cqw;
  padding: 4cqw 3.2222222222cqw 3.2222222222cqw 3.3333333333cqw;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  justify-self: stretch;
  border-radius: 3.3333333333cqw;
  background: #C4E7FF;
}
@media screen and (max-width: 768px) {
  .onayami-item {
    width: 100%;
  }
}

.onayami-item__h {
  font-size: 2.2222222222cqw;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .onayami-item__h {
    font-size: 4.347826087cqw;
  }
}

.onayami-item__text {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .onayami-item__text {
    font-size: 3.3816425121cqw;
  }
}

.kaiketsu-block {
  margin-left: -20px;
  margin-right: -20px;
  background-image: url(../img/aquaclara/kaiketsu-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.kaiketsu-block > .aquaclara-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(24px/900px * 100vw, 24px);
  height: min(265px/900px * 100vw, 265px);
  padding-top: min(86px/900px * 100vw, 86px);
  padding-bottom: min(87.5px/900px * 100vw, 87.5px);
}
.kaiketsu-block .k01 {
  text-align: center;
  font-size: 4.4444444444cqw;
  font-weight: 700;
  line-height: 1;
}
.kaiketsu-block .k02 {
  text-align: center;
  font-size: 2.7777777778cqw;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .kaiketsu-block {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .kaiketsu-block > .aquaclara-inner {
    height: auto;
    gap: 3.8647342995cqw;
    padding-top: 9.6618357488cqw;
    padding-bottom: 9.6618357488cqw;
  }
  .kaiketsu-block .k01 {
    font-size: 6.038647343cqw;
  }
  .kaiketsu-block .k02 {
    font-size: 3.8647342995cqw;
    line-height: 1.4;
  }
}

.sec-reason {
  margin-top: min(90px/900px * 100vw, 90px);
}
@media screen and (max-width: 768px) {
  .sec-reason {
    margin-top: min(60px/414px * 100vw, 60px);
  }
}

.reason-h {
  margin-bottom: 5cqw;
}
@media screen and (max-width: 768px) {
  .reason-h {
    margin-bottom: 1em;
  }
}

.reason-subh {
  margin-bottom: 3cqw;
  font-size: 2.4444444444cqw;
  font-weight: 600;
  line-height: 1.36;
}
.reason-subh + p:not([class]) {
  margin-bottom: 3cqw;
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .reason-subh {
    font-size: 4.347826087cqw;
    margin-bottom: 1.2em;
  }
  .reason-subh + p:not([class]) {
    margin-top: 1.3em;
    font-size: 3.3816425121cqw;
  }
}

.reason-fig-box {
  border: 1px solid #014099;
  padding: 2.7777777778cqw;
  margin-bottom: 5cqw;
}
.reason-fig-box > p:not([class]) {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
.reason-fig-box > figure {
  margin-top: 4.4444444444cqw;
}
.reason-fig-box > figure > img {
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .reason-fig-box {
    margin-bottom: 7.729468599cqw;
  }
  .reason-fig-box > p:not([class]) {
    font-size: 3.3816425121cqw;
  }
  .reason-fig-box > figure {
    margin-top: 5.7971014493cqw;
  }
}

.reason-image {
  width: 55.5555555556cqw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .reason-image {
    width: 100%;
    max-width: 500px;
  }
}

.sec-scene {
  margin-top: min(90px/900px * 100vw, 90px);
}
@media screen and (max-width: 768px) {
  .sec-scene {
    margin-top: min(60px/414px * 100vw, 60px);
  }
}

.scene-h {
  margin-bottom: 5.5555555556cqw;
}
@media screen and (max-width: 768px) {
  .scene-h {
    margin-bottom: 1em;
  }
}

.scene-list {
  display: flex;
  gap: 3.3333333333cqw;
  margin-bottom: 5.5555555556cqw;
}
@media screen and (max-width: 768px) {
  .scene-list {
    flex-direction: column;
    gap: 3.8647342995cqw;
    margin-bottom: 7.729468599cqw;
  }
}

.scene-item {
  flex: 1;
  display: flex;
  padding: 3.3333333333cqw;
  flex-direction: column;
  align-items: center;
  gap: 1.6666666667cqw;
  border-radius: 3.3333333333cqw;
  background: #C4E7FF;
}
@media screen and (max-width: 768px) {
  .scene-item {
    gap: 1.4492753623cqw;
    align-items: flex-start;
  }
}

.scene-item__h {
  font-size: 2.2222222222cqw;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .scene-item__h {
    font-size: 4.347826087cqw;
  }
  .scene-item__h > br {
    display: none;
  }
}

.scene-item__text {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .scene-item__text {
    font-size: 3.3816425121cqw;
  }
}

.scene-fig {
  display: flex;
}
.scene-fig > figure {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .scene-fig {
    width: 100%;
    flex-direction: column;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

.sec-lifestyle {
  margin-top: min(90px/900px * 100vw, 90px);
}
@media screen and (max-width: 768px) {
  .sec-lifestyle {
    margin-top: min(60px/414px * 100vw, 60px);
  }
}

.lifestyle-h {
  margin-bottom: 6.2222222222cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-h {
    margin-bottom: 1em;
  }
}

.lifestyle-subsec + .lifestyle-subsec {
  margin-top: 6.1111111111cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-subsec + .lifestyle-subsec {
    margin-top: 7.729468599cqw;
  }
}

.lifestyle-subsec__header {
  background-color: #9ED4F8;
  padding: 2.2222222222cqw;
  font-size: 3.1111111111cqw;
}
.lifestyle-subsec__header > h3 {
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.1111111111cqw;
}
.lifestyle-subsec__header > p {
  font-size: 57.1428571429%;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .lifestyle-subsec__header {
    font-size: 5.3140096618cqw;
    padding: 0.6em;
  }
  .lifestyle-subsec__header > h3 {
    margin-bottom: 0.2em;
    line-height: 1.4;
  }
  .lifestyle-subsec__header > p {
    font-size: 3.3816425121cqw;
    line-height: 1.4;
  }
}

.lifestyle-list {
  display: flex;
  justify-content: center;
  gap: 3.3333333333cqw;
  margin-top: 3.7777777778cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-list {
    width: 67.6328502415cqw;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    gap: 5.7971014493cqw;
    margin-top: 5.7971014493cqw;
  }
}

.lifestyle-list-note {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .lifestyle-list-note {
    font-size: 3.3816425121cqw;
  }
}

.lifestyle-item {
  width: 31.1111111111cqw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .lifestyle-item {
    width: 100%;
  }
}

.lifestyle-item__h {
  font-size: 2.2222222222cqw;
  height: 6.6666666667cqw;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}
.lifestyle-item__h > small {
  font-size: 70%;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .lifestyle-item__h {
    font-size: 4.347826087cqw;
    height: auto;
  }
}

.lifestyle-item__content {
  margin-bottom: 2.2222222222cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-item__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2.8985507246cqw;
  }
}

.lifestyle-item__photo {
  margin-top: 1.1111111111cqw;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 2.2222222222cqw;
  height: 49.2222222222cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-item__photo {
    margin-top: 3.8647342995cqw;
    margin-bottom: 3.8647342995cqw;
    height: auto;
  }
}
.lifestyle-item__photo > img {
  display: block;
  max-width: 100%;
}
.lifestyle-item__photo.aqua-slim > img {
  width: 12.2222222222cqw;
  height: auto;
}
@media screen and (max-width: 768px) {
  .lifestyle-item__photo.aqua-slim > img {
    width: 26.5700483092cqw;
  }
}
.lifestyle-item__photo.aqua-slim-s > img {
  width: 10.7777777778cqw;
  height: auto;
}
@media screen and (max-width: 768px) {
  .lifestyle-item__photo.aqua-slim-s > img {
    width: 23.4299516908cqw;
  }
}
.lifestyle-item__photo.aqua-fab > img {
  width: 25.2222222222cqw;
  height: auto;
}
@media screen and (max-width: 768px) {
  .lifestyle-item__photo.aqua-fab > img {
    width: 54.8309178744cqw;
  }
}
.lifestyle-item__photo.bottle {
  height: 33.3333333333cqw;
  margin-bottom: 1.1111111111cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-item__photo.bottle {
    height: auto;
    margin-bottom: 3.8647342995cqw;
  }
}

.lifestyle-item__text-l {
  font-size: 1.7777777778cqw;
  font-weight: 600;
  line-height: 1.5555;
}
@media screen and (max-width: 768px) {
  .lifestyle-item__text-l {
    font-size: 3.8647342995cqw;
  }
}

.lifestyle-item__text {
  font-size: 1.5555555556cqw;
  font-weight: 400;
  line-height: 1.5625;
}
.lifestyle-item__text small {
  font-size: 85.7142857143%;
}
@media screen and (max-width: 768px) {
  .lifestyle-item__text {
    font-size: 3.3816425121cqw;
  }
}

@media screen and (max-width: 768px) {
  .lifestyle-item__image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.8647342995cqw;
  }
}

.lifestyle-other {
  margin-top: 6.2222222222cqw;
  background: #EAEAEA;
  padding: 3.3333333333cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-other {
    margin-top: 9.6618357488cqw;
  }
}
.lifestyle-other > h3 {
  font-size: 3.1111111111cqw;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2.6666666667cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-other > h3 {
    font-size: 4.8309178744cqw;
    margin-bottom: 3.6231884058cqw;
  }
}
.lifestyle-other > dl {
  display: flex;
  flex-direction: column;
  gap: 2.6666666667cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-other > dl {
    gap: 3.6231884058cqw;
  }
}
.lifestyle-other > dl > div {
  display: flex;
  align-items: center;
  gap: 2em;
  font-size: 2cqw;
}
@media screen and (max-width: 768px) {
  .lifestyle-other > dl > div {
    font-size: 3.6231884058cqw;
    gap: 1em;
  }
}
.lifestyle-other > dl > div > dt {
  font-weight: 600;
  line-height: 1;
}
.lifestyle-other > dl > div > dd {
  font-size: 88.8888888889%;
  line-height: 1;
}

.sec-merit {
  margin-top: min(90px/900px * 100vw, 90px);
}
.sec-merit p:not([class]) {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .sec-merit {
    margin-top: min(60px/414px * 100vw, 60px);
  }
  .sec-merit p:not([class]) {
    font-size: 3.3816425121cqw;
  }
}

.merit-h {
  margin-bottom: 5cqw;
}
@media screen and (max-width: 768px) {
  .merit-h {
    margin-bottom: 1em;
  }
}

.sec-charge {
  margin-top: min(90px/900px * 100vw, 90px);
}
@media screen and (max-width: 768px) {
  .sec-charge {
    margin-top: min(60px/414px * 100vw, 60px);
  }
}

.charge-h {
  margin-bottom: 5cqw;
}
@media screen and (max-width: 768px) {
  .charge-h {
    margin-bottom: 1em;
  }
}

.charge-subh {
  margin-bottom: 3cqw;
  font-size: 2.4444444444cqw;
  font-weight: 600;
  line-height: 1.36;
}
.charge-subh + p:not([class]) {
  margin-bottom: 3cqw;
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .charge-subh {
    font-size: 4.347826087cqw;
    margin-bottom: 1.2em;
  }
  .charge-subh + p:not([class]) {
    margin-top: 1.3em;
    margin-bottom: 5.7971014493cqw;
    font-size: 3.3816425121cqw;
  }
}

.charge-table-wrap > figure img.pc {
  display: block;
}
.charge-table-wrap > figure img.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .charge-table-wrap > figure img.pc {
    display: none;
  }
  .charge-table-wrap > figure img.sp {
    display: block;
  }
}

.charge-kosodate-h {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3.6666666667cqw;
  margin-bottom: 3.6666666667cqw;
}
@media screen and (max-width: 768px) {
  .charge-kosodate-h {
    margin-top: 5.7971014493cqw;
    margin-bottom: 5.7971014493cqw;
  }
}
.charge-kosodate-h > .kosodate-subh {
  font-size: 3.8888888889cqw;
  font-weight: 700;
  color: #014099;
  line-height: 1;
  margin-bottom: 3.3333333333cqw;
}
@media screen and (max-width: 768px) {
  .charge-kosodate-h > .kosodate-subh {
    font-size: 5.7971014493cqw;
    margin-bottom: 4.8309178744cqw;
  }
}
.charge-kosodate-h > p:not([class]) {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .charge-kosodate-h > p:not([class]) {
    font-size: 3.3816425121cqw;
  }
}
.charge-kosodate-h::after {
  content: "";
  display: block;
  margin-top: 3.6666666667cqw;
  border-top: 8cqw solid #6BC4FF;
  border-right: 14.4444444444cqw solid transparent;
  border-left: 14.4444444444cqw solid transparent;
}
@media screen and (max-width: 768px) {
  .charge-kosodate-h::after {
    margin-top: 5.7971014493cqw;
    border-top-width: 13.0434782609cqw;
    border-left-width: 23.5507246377cqw;
    border-right-width: 23.5507246377cqw;
  }
}

.kosodate-banner {
  display: block;
  margin-bottom: 3.6666666667cqw;
}
.kosodate-banner > img {
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .kosodate-banner {
    margin-bottom: 5.7971014493cqw;
  }
}

.charge-note {
  margin-top: 3.6666666667cqw;
}
.charge-note > p {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .charge-note {
    margin-top: 5.7971014493cqw;
  }
  .charge-note > p {
    font-size: 3.1400966184cqw;
  }
}

.sec-flow {
  position: relative;
  margin-top: min(90px/900px * 100vw, 90px);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .sec-flow {
    margin-top: min(60px/414px * 100vw, 60px);
  }
}

.flow-h {
  margin-bottom: 3.6666666667cqw;
}
@media screen and (max-width: 768px) {
  .flow-h {
    margin-bottom: 1em;
  }
}

.flow-list {
  display: flex;
  gap: 0.7222222222cqw;
}
@media screen and (max-width: 768px) {
  .flow-list {
    flex-direction: column;
    gap: 1.9323671498cqw;
  }
}

.flow-item {
  flex: 0 1 200px;
  background: #C8E9FF;
  padding: 2cqw 1.5555555556cqw;
}
@media screen and (max-width: 768px) {
  .flow-item {
    flex: auto;
    padding: 3.8647342995cqw;
  }
}

.flow-item__h {
  margin-bottom: 1.2222222222cqw;
  font-size: 1.7777777778cqw;
  font-weight: 500;
  line-height: 1.4375;
  color: #FFF;
  padding: 0.7em;
  text-align: center;
  background-color: #014099;
}
@media screen and (max-width: 768px) {
  .flow-item__h {
    margin-bottom: 0.66em;
    font-size: 3.8647342995cqw;
  }
  .flow-item__h > br {
    display: none;
  }
}

.flow-item__contact {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556cqw;
  margin-top: 1.1111111111cqw;
}
.flow-item__contact > div {
  display: flex;
  gap: 1.1111111111cqw;
  height: 4.8888888889cqw;
}
.flow-item__contact > div > span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 1.7777777778cqw;
  font-weight: 600;
  line-height: 1;
  color: #014099;
  background-color: #fff;
  border-radius: 0.5555555556cqw;
}
@media screen and (max-width: 768px) {
  .flow-item__contact {
    gap: 1.4492753623cqw;
    margin-top: 2.4154589372cqw;
  }
  .flow-item__contact > div {
    gap: 2.4154589372cqw;
    height: 7.729468599cqw;
  }
  .flow-item__contact > div > span {
    font-size: 3.3816425121cqw;
    border-radius: 1.4492753623cqw;
  }
}

.flow-item__text {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .flow-item__text {
    font-size: 3.3816425121cqw;
  }
}

.flow-item__note {
  font-size: 1.5555555556cqw;
  font-weight: 400;
  line-height: 1.5714285714;
}
@media screen and (max-width: 768px) {
  .flow-item__note {
    font-size: 2.8985507246cqw;
  }
}

.flow-arrow {
  display: flex;
  align-self: center;
  flex: 0 1 20px;
}
.flow-arrow > img {
  max-width: 100%;
}
.flow-arrow > img.pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  .flow-arrow > img.pc-only {
    display: none;
  }
}
.flow-arrow > img.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .flow-arrow > img.sp-only {
    display: block;
  }
}

.flow-notice {
  margin-top: 3.6666666667cqw;
}
@media screen and (max-width: 768px) {
  .flow-notice {
    margin-top: 5.7971014493cqw;
  }
}
.flow-notice > h3 {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .flow-notice > h3 {
    font-size: 3.3816425121cqw;
  }
}
.flow-notice > p {
  font-size: 1.7777777778cqw;
  font-weight: 400;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .flow-notice > p {
    font-size: 3.3816425121cqw;
  }
}

.sec-soudan {
  position: relative;
  margin-top: min(90px/900px * 100vw, 90px);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .sec-soudan {
    margin-top: min(60px/414px * 100vw, 60px);
  }
}

.soudan-h {
  width: 100%;
  display: flex;
  height: 11.1111111111cqw;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 3.3333333333cqw;
  font-weight: 700;
  line-height: 1;
  background-color: #014099;
}
@media screen and (max-width: 768px) {
  .soudan-h {
    font-size: 4.8309178744cqw;
  }
}

.soudan-form-wrap {
  width: 100%;
  padding: 4.4444444444cqw 0;
  border-radius: 0 0 3.3333333333cqw 3.3333333333cqw;
  background-color: rgb(255, 255, 255);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
}