body {
  font-weight: 400;
}

picture {
  line-height: 0;
  display: block;
}

img {
  width: 100%;
  max-width: 100%;
  line-height: 0;
}

@media screen and (max-width: 960px) {
  .c5-upto_tb_s {
    display: none;
  }
}

.c5-pt--42 {
  padding-top: 42px;
}
@media screen and (max-width: 768px) {
  .c5-pt--42 {
    padding-top: 3.64vw;
  }
}

.c5-pb--3 {
  padding-bottom: 3px;
}
.c5-pb--25 {
  padding-bottom: 25px;
}

.c5-mt--0 {
  margin-top: 0;
}
.c5-mt--30 {
  margin-top: 30px;
}
.c5-mt--33 {
  margin-top: 33px;
}
.c5-mt--40 {
  margin-top: 40px;
}
.c5-mt--48 {
  margin-top: 48px;
}
.c5-mt--50 {
  margin-top: 50px;
}
.c5-mt--53 {
  margin-top: 53px;
}
.c5-mt--57 {
  margin-top: 57px;
}
.c5-mt--60 {
  margin-top: 60px;
}
.c5-mt--70 {
  margin-top: 70px;
}
.c5-mt--80 {
  margin-top: 80px;
}
.c5-mt--90 {
  margin-top: 90px;
}
.c5-mt--96 {
  margin-top: 96px;
}
@media screen and (max-width: 768px) {
  .c5-mt--30 {
    margin-top: 2.8vw;
  }
  .c5-mt--33 {
    margin-top: 2.86vw;
  }
  .c5-mt--40 {
    margin-top: 3.73vw;
  }
  .c5-mt--48 {
    margin-top: 4.16vw;
  }
  .c5-mt--50 {
    margin-top: 4.34vw;
  }
  .c5-mt--53 {
    margin-top: 4.6vw;
  }
  .c5-mt--57 {
    margin-top: 4.95vw;
  }
  .c5-mt--60 {
    margin-top: 5.2vw;
  }
  .c5-mt--70 {
    margin-top: 6.07vw;
  }
  .c5-mt--80 {
    margin-top: 6.94vw;
  }
  .c5-mt--90 {
    margin-top: 7.81vw;
  }
  .c5-mt--96 {
    margin-top: 8.33vw;
  }
}

.c5-mb--10 {
  margin-bottom: 10px;
}
.c5-mb--30 {
  margin-bottom: 30px;
}
.c5-mb--33 {
  margin-bottom: 33px;
}
.c5-mb--44 {
  margin-bottom: 44px;
}
@media screen and (max-width: 768px) {
  .c5-mb--10 {
    margin-bottom: 0.87vw;
  }
  .c5-mb--30 {
    margin-bottom: 2.8vw;
  }
  .c5-mb--33 {
    margin-bottom: 2.86vw;
  }
  .c5-mb--44 {
    margin-bottom: 3.82vw;
  }
}

.c5-noPadding {
  padding: 0 !important;
}

.c5-border--top {
  border-top: 1px solid #000;
  width: 100%;
  padding-top: 20px;
}

.c5-red {
  color: #cc0000;
}

@media screen and (max-width: 768px) {
  .c5-sp-stretchBg {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: unset !important;
    max-width: unset !important;
  }
}

.c5-roundBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  border-radius: 45px;
  border: #14469b 2px solid;
  margin: 0 20px;
  color: #14469b;
  font-size: 24px;
  font-weight: 700;
  flex-shrink: 1;
  flex-grow: 1;
  width: 580px;
  background-color: #ffffff;
  transition: all 0.5s 0s ease;
}
.c5-roundBtn__wrap--2col {
  display: flex;
  justify-content: center;
}
.c5-roundBtn::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border-left: #14469b 2px solid;
  border-bottom: #14469b 2px solid;
  transform: rotate(-45deg) translateY(-31%) translateX(6%);
  margin-left: 30px;
  transition: all 0.5s 0s ease;
}
.c5-roundBtn:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #14469b;
  transition: all 0.5s 0s ease;
}
.c5-roundBtn:hover::after {
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  transition: all 0.5s 0s ease;
}
@media screen and (max-width: 1280px) {
  .c5-roundBtn {
    height: clamp(3.125rem, -0.637rem + 7.83vw, 5.625rem);
    border-radius: clamp(1.563rem, -0.319rem + 3.91vw, 2.813rem);
    font-size: clamp(0.875rem, -0.066rem + 1.96vw, 1.5rem);
  }
  .c5-roundBtn::after {
    height: clamp(0.875rem, -0.066rem + 1.96vw, 1.5rem);
    width: clamp(0.875rem, -0.066rem + 1.96vw, 1.5rem);
    /* border-left-width: clamp(0.063rem, -0.032rem + 0.2vw, 0.125rem);
    border-bottom-width: clamp(0.063rem, -0.032rem + 0.2vw, 0.125rem); */
  }
}
@media screen and (max-width: 768px) {
  .c5-roundBtn {
    height: clamp(2.5rem, 0.179rem + 11.61vw, 5.75rem);
    border-radius: clamp(1.25rem, 0.089rem + 5.8vw, 2.875rem);
    font-size: clamp(0.64rem, 3.2vw, 1.536rem);
    width: 74.8vw;
  }
  .c5-roundBtn__wrap--2col {
    flex-direction: column;
    align-items: center;
  }
  .c5-roundBtn:first-of-type {
    margin-bottom: clamp(1rem, -0.071rem + 5.36vw, 2.5rem);
  }
  .c5-roundBtn::after {
    height: clamp(0.64rem, 3.2vw, 1.536rem);
    width: clamp(0.64rem, 3.2vw, 1.536rem);
    /* border-left-width: clamp(0.063rem, 0.018rem + 0.22vw, 0.125rem);
    border-bottom-width: clamp(0.063rem, 0.018rem + 0.22vw, 0.125rem); */
  }
}

.c5-justify--center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.c5-h__typeA {
  line-height: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c5-h__typeA {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
.c5-h__typeASub {
  color: #14469b;
  font-size: 36px;
  font-weight: 700;
  border-bottom: #14469b 2px solid;
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1280px) {
  .c5-h__typeASub {
    font-size: clamp(1.875rem, 1.311rem + 1.17vw, 2.25rem);
  }
}
@media screen and (max-width: 768px) {
  .c5-h__typeASub {
    font-size: clamp(0.96rem, 0.039rem + 4.61vw, 2.25rem);
  }
}
.c5-h__typeB {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 45px 8px;
  color: #14469b;
  font-size: 36px;
  background-color: #ffe0db;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 740px;
  box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
  .c5-h__typeB {
    font-size: clamp(1.875rem, 1.311rem + 1.17vw, 2.25rem);
  }
}
@media screen and (max-width: 768px) {
  .c5-h__typeB {
    padding: clamp(0.362rem, -0.004rem + 1.83vw, 0.875rem) clamp(0.362rem, -0.004rem + 1.83vw, 0.875rem) clamp(0.181rem, -0.002rem + 0.92vw, 0.438rem);
    font-size: clamp(0.875rem, -0.143rem + 5.09vw, 2.3rem);
  }
}
.c5-h__typeC {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100%;
  background-color: #14469b;
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .c5-h__typeC {
    font-size: clamp(1.478rem, -0.061rem + 3.2vw, 2.5rem);
    height: clamp(3.75rem, -0.012rem + 7.83vw, 6.25rem);
  }
}
@media screen and (max-width: 768px) {
  .c5-h__typeC {
    font-size: clamp(0.988rem, -0.004rem + 4.96vw, 2.375rem);
    height: clamp(2.625rem, 0.036rem + 12.95vw, 6.25rem);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
  }
}

.c5-text__typeA {
  font-size: 28px;
  color: #14469b;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 1280px) {
  .c5-text__typeA {
    font-size: clamp(1.031rem, -0.05rem + 2.25vw, 1.75rem);
  }
}
@media screen and (max-width: 768px) {
  .c5-text__typeA {
    font-size: clamp(0.853rem, 4.27vw, 2.048rem);
  }
}

.c5-text__typeB {
  background: #ffa500;
  font-size: 28px;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 1280px) {
  .c5-text__typeB {
    font-size: clamp(1.031rem, -0.05rem + 2.25vw, 1.75rem);
  }
}
@media screen and (max-width: 768px) {
  .c5-text__typeB {
    font-size: clamp(0.853rem, 4.27vw, 2.048rem);
  }
}

.c5-picCaption {
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c5-picCaption {
    font-size: clamp(0.747rem, 3.73vw, 1.792rem);
    text-align: left;
  }
}

.c5-bnr {
  transition: all ease 0.2s;
}
.c5-bnr img {
  transition: all ease 0.2s;
}
.c5-bnr:hover {
  opacity: 0.8;
  transition: all ease 0.2s;
}
.c5-bnr:hover img {
  opacity: 0.625;
  transition: all ease 0.2s;
}

.c5-annotation {
  font-size: 13px;
  color: #83838f;
  padding-left: 0;
  padding-right: 1em;
  margin-top: 27px;
  margin-left: 1em;
}
.c5-annotation li {
  padding-left: 1em;
  text-indent: -1em;
  list-style: none;
}

.c5-borderBox {
  border: #14469b 2px solid;
  padding: 22px 28px 20px;
  background-color: #e9ecf4;
  font-size: 23.5px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 880px;
  box-sizing: border-box;
  font-weight: 700;
  word-break: keep-all;
}
.c5-borderBox__wide {
  max-width: 100%;
}
@media screen and (max-width: 1280px) {
  .c5-borderBox {
    padding: clamp(0.875rem, -0.066rem + 1.96vw, 1.5rem) clamp(1.35rem, -0.381rem + 3.6vw, 1.5rem);
    font-size: clamp(0.813rem, -0.222rem + 2.15vw, 1.5rem);
  }
}
@media screen and (max-width: 768px) {
  .c5-borderBox {
    padding: clamp(0.563rem, -0.018rem + 2.9vw, 1.375rem) clamp(0.5rem, 0.009rem + 2.46vw, 1.188rem);
    font-size: clamp(0.85rem, -0.003rem + 4.26vw, 2.044rem);
    text-align: left;
    word-break: normal;
  }
  .c5-borderBox br {
    display: none;
  }
}

.c5-insetBorderBox {
  position: relative;
  background-color: #e9ecf4;
  outline: 1px solid #ffffff;
  outline-offset: -11px;
  padding: 10px;
  transition: all ease 0.5s;
}
.c5-insetBorderBox--bg-ribbon > * {
  position: relative;
}
.c5-insetBorderBox--bg-ribbon::before {
  content: url("../images/bg-ribbon.png");
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.c5-accordion {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background-color: #ffffff;
  border-radius: 10px;
}
.c5-accordion__wrap {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 8px;
}
.c5-accordion__bg--close {
  background-color: #D5DEED;
  transition: all ease 0.5s;
}
.c5-accordion__head {
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 30px;
  font-weight: 700;
  transition: height ease 0.5s;
}
.c5-accordion__head span:first-of-type {
  opacity: 0;
  transition: all ease 0.5s;
}
.c5-accordion__head--closed {
  height: 82px;
  transition: height ease 0.5s;
}
.c5-accordion__head--closed span:first-of-type {
  opacity: 1;
  color: #14469b;
  transition: all ease 0.5s;
}
.c5-accordion__headIcon {
  position: absolute;
  height: 40px;
  width: 40px;
  right: 34px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.c5-accordion__headIcon::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 4px;
  height: 40px;
  background-color: #89a3cd;
  display: block;
  transition: all ease 0.5s;
}
.c5-accordion__headIcon::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 40px;
  height: 4px;
  background-color: #89a3cd;
  display: block;
}
.c5-accordion__headIcon--close {
  pointer-events: initial;
}
.c5-accordion__headIcon--close::after {
  transform: rotate(-90deg);
}
.c5-accordion__head:hover {
  text-decoration: none;
}
.c5-accordion__body {
  display: none;
}
@media screen and (max-width: 1280px) {
  .c5-accordion__wrap {
    padding-left: clamp(1.375rem, -0.318rem + 3.52vw, 2.5rem);
    padding-right: clamp(1.375rem, -0.318rem + 3.52vw, 2.5rem);
  }
}
@media screen and (max-width: 768px) {
  .c5-accordion__head {
    height: clamp(1.563rem, 7.81vw, 3.75rem);
    font-size: clamp(0.78rem, -0.002rem + 3.91vw, 1.875rem);
  }
  .c5-accordion__head--closed {
    height: clamp(2.125rem, -0.018rem + 10.71vw, 5.125rem);
  }
  .c5-accordion__head__Icon::after {
    width: clamp(0.125rem, 0.036rem + 0.45vw, 0.25rem);
    height: clamp(1rem, -0.071rem + 5.36vw, 2.5rem);
  }
  .c5-accordion__head__Icon::before {
    width: clamp(1rem, -0.071rem + 5.36vw, 2.5rem);
    height: clamp(0.125rem, 0.036rem + 0.45vw, 0.25rem);
  }
}

.c5-flexA {
  display: flex;
  justify-content: center;
  padding-left: 0;
}
.c5-flexA__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 360px;
}
.c5-flexA__head {
  color: #14469b;
  border-bottom: #14469b solid 2px;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 29px;
}
.c5-flexA__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.c5-flexA__btnWrap {
  width: 100%;
  margin-top: 36px;
}
.c5-flexA__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 100%;
  text-align: center;
  background-color: #14469b;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  border-radius: 40px;
  border: #14469b 2px solid;
  transition: all ease 0.5s;
  box-sizing: border-box;
}
.c5-flexA__btn::after {
  content: "";
  height: 21px;
  width: 21px;
  border-left: #ffffff 2px solid;
  border-bottom: #ffffff 2px solid;
  transform: rotate(-45deg) translateY(-50%);
  margin-left: 18px;
  transition: all ease 0.5s;
}
.c5-flexA__btn:hover {
  background-color: #ffffff;
  color: #14469b;
  transition: all ease 0.5s;
  text-decoration: none;
}
.c5-flexA__btn:hover::after {
  border-left-color: #14469b;
  border-bottom-color: #14469b;
  transition: all ease 0.5s;
}
@media screen and (max-width: 1280px) {
  .c5-flexA__item {
    margin-left: clamp(0.75rem, -0.002rem + 1.57vw, 1.25rem);
    margin-right: clamp(0.75rem, -0.002rem + 1.57vw, 1.25rem);
  }
  .c5-flexA__head {
    font-size: clamp(0.938rem, 0.091rem + 1.76vw, 1.5rem);
  }
  .c5-flexA__btn {
    height: clamp(3.25rem, 0.24rem + 6.26vw, 5.25rem);
    border-radius: clamp(1.625rem, 0.12rem + 3.13vw, 2.625rem);
    font-size: clamp(0.938rem, 0.091rem + 1.76vw, 1.5rem);
  }
  .c5-flexA__btn::after {
    height: clamp(0.938rem, 0.091rem + 1.76vw, 1.5rem);
    width: clamp(0.938rem, 0.091rem + 1.76vw, 1.5rem);
  }
}
@media screen and (max-width: 768px) {
  .c5-flexA {
    flex-direction: column;
    align-items: center;
  }
  .c5-flexA__item {
    width: 100%;
    max-width: 100%;
    margin-bottom: clamp(1.25rem, 6.25vw, 3rem);
  }
  .c5-flexA__head {
    font-size: clamp(0.853rem, 4.27vw, 2.048rem);
  }
  .c5-flexA__body {
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    width: 83.8vw;
    padding: 0 4.16vw;
  }
  .c5-flexA__body picture {
    flex-shrink: 0;
  }
  .c5-flexA__body img {
    width: 23.4vw;
    height: auto;
  }
  .c5-flexA__btnWrap {
    margin-top: 0;
    padding-bottom: clamp(0.26rem, -0.001rem + 1.3vw, 0.625rem);
  }
  .c5-flexA__btn {
    width: 48vw;
    height: 10.4vw;
    border-radius: 5.2vw;
    margin-left: auto;
    font-size: clamp(0.64rem, 3.2vw, 1.536rem);
  }
  .c5-flexA__btn::after {
    width: clamp(0.64rem, 3.2vw, 1.536rem);
    height: clamp(0.64rem, 3.2vw, 1.536rem);
  }
}

.c5-video__wrap {
  aspect-ratio: 16/9;
  width: 100%;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
.c5-video__wrap iframe {
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=style.css.map */