@charset "UTF-8";
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W7);
  font-weight: 700;
}
#cont2 {
  display: none;
}

h1 {
  font-size: max(3vw, 30px);
  text-align: center;
  margin: 5% 0;
  margin-top: 50px;
}

.content {
  width: 80%;
  margin: 0 auto;
  padding: 6% 4%;
  border-radius: 5em;
}
.content h2 {
  font-weight: 400;
  font-family: "kozuka-mincho-pro", serif !important;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 5%;
  font-size: max(2vw, 20px);
}
.content h3 {
  font-family: "Hiragino Sans" !important;
  font-weight: 800;
  line-height: 170%;
  font-size: max(1.6vw, 16px);
}

.content:has(input.btn-blue[type=radio]:checked) {
  border: solid 2px #7dc2d5;
}
.content:has(input.btn-blue[type=radio]:checked) .cont-box {
  background: #7dc2d5;
}
.content:has(input.btn-blue[type=radio]:checked) .cont-text2 h3 {
  color: #7dc2d5;
}
.content:has(input.btn-blue[type=radio]:checked) h5 {
  background: #7dc2d5;
}
.content:has(input.btn-blue[type=radio]:checked) .card-image {
  border: solid 2px #7dc2d5 !important;
}
.content:has(input.btn-blue[type=radio]:checked) .cont-btn {
  background: #7dc2d5;
}

.content:has(input.btn-pink[type=radio]:checked) {
  border: solid 2px #df91ac;
}
.content:has(input.btn-pink[type=radio]:checked) .cont-box {
  background: #df91ac;
}
.content:has(input.btn-pink[type=radio]:checked) .cont-text2 h3 {
  color: #df91ac;
}
.content:has(input.btn-pink[type=radio]:checked) h5 {
  background: #df91ac;
}
.content:has(input.btn-pink[type=radio]:checked) .card-image {
  border: solid 2px #df91ac !important;
}
.content:has(input.btn-pink[type=radio]:checked) .cont-btn {
  background: #df91ac;
}

.cont-box {
  color: white;
  padding: 2.5%;
  padding-bottom: 5%;
  width: 80%;
  margin: 0 auto;
  border-radius: 6em;
}

.cont-box-s {
  background: white;
  color: black;
  border-radius: 5em;
}

.content .cont-text1 {
  width: 80%;
  margin: 5% auto;
}
.content .cont-text1 h2 {
  font-family: "Hiragino Sans" !important;
  font-weight: 800;
  font-size: max(3vw, 20px);
  margin-bottom: 0;
}
.content .cont-text1 .sub-eng {
  font-size: max(1vw, 10px);
  font-family: "kozuka-gothic-pr6n", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 2%;
}

h5 {
  color: white;
}

.cont-text2 {
  width: 78%;
  padding: 5% 0;
  margin: 0 auto;
  margin-bottom: 5%;
}
.cont-text2 h3 {
  font-family: "Hiragino Sans" !important;
  font-weight: 800;
  font-size: max(2.5vw, 20px);
}
.cont-text2 h4 {
  font-family: "Hiragino Sans" !important;
  font-weight: 800;
  font-size: max(1.4vw, 16px);
  margin: 3% auto;
  line-height: 170%;
}

input[type=radio] {
  display: none; /* ラジオボタンを非表示にする */
}

.btn-box {
  display: flex;
  gap: 3%;
  margin: 5% 0;
}
.btn-box label {
  width: 50%;
  text-align: center;
  padding: 3% 0;
  color: #666666;
  border-radius: 1em;
}
.btn-box h3 {
  font-size: max(2.5vw, 18px);
  font-family: "Hiragino Sans" !important;
  font-weight: 800;
  margin-bottom: 1%;
}
.btn-box .sub-title {
  font-size: max(1vw, 10px);
  font-family: "kozuka-gothic-pr6n", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.blue-label {
  border: solid 2px #7dc2d5;
}

.pink-label {
  border: solid 2px #df91ac;
}

input.btn-blue[type=radio]:checked + label {
  background: #7dc2d5; /* マウス選択時の背景色を指定する */
  color: #ffffff; /* マウス選択時のフォント色を指定する */
}

input.btn-pink[type=radio]:checked + label {
  background: #df91ac; /* マウス選択時の背景色を指定する */
  color: #ffffff; /* マウス選択時のフォント色を指定する */
}

.container {
  margin-bottom: 0;
}
.container a {
  color: black !important;
}

.card-image {
  border-radius: 2em;
  overflow: hidden;
  height: 100% !important;
}
.card-image a {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.card-image h5 {
  padding: 10%;
  font-family: "Hiragino Sans" !important;
  font-weight: 800;
  font-size: max(1.6vw, 20px);
  text-align: center;
}
.card-image p {
  padding: 10%;
  font-family: "Hiragino Sans" !important;
  font-weight: 800;
  font-size: max(1.3vw, 16px);
}
.card-image .cont-btn {
  color: white;
  width: 70%;
  margin: 8% auto;
  margin-top: auto;
  text-align: center;
  padding: 2% 0;
  border-radius: 9999px;
  align-self: baseline;
}

.arrow {
  width: 10%;
  margin: 5% auto;
}

.swiper-wrapper {
  font-family: "Hiragino Sans" !important;
  font-weight: 800;
  font-size: max(1.3vw, 16px);
}

.swiper-slide {
  height: auto !important;
}

@media (max-width: 700px) {
  .content {
    width: 90%;
    border-radius: 60px;
    margin-bottom: 100px;
    padding: 30px 5%;
    margin-top: 30px;
  }
  .cont-box {
    width: 100%;
    border-radius: 60px;
    padding: 15px 2.5%;
  }
  .cont-box-s {
    border-radius: 50px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}/*# sourceMappingURL=content.css.map */