@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
body {
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  font-feature-settings: "palt";
  background-color: #fff;
}

a {
  display: inline-block;
}
a:hover {
  opacity: 0.7;
  transition: .2s;
}

img {
  vertical-align: bottom;
  display: inherit;
  height: auto;
}

.content-width {
  max-width: 750px;
  margin: 0 auto;
  background: #fff;
}
.content-width .main {
  display: block;
}
.content-width .common__btn-01-container, .content-width .common__btn-02-container, .content-width .common__link-container {
  position: relative;
}
.content-width .common__btn-01, .content-width .common__btn-02, .content-width .common__link {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
}
.content-width .common__btn-01 {
  width: 89.3%;
}
.content-width .common__btn-02 {
  width: 81.3%;
}
.content-width .sec04__unit-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4% 6%;
}
.content-width .sec04__unit-container input {
  display: none;
}
.content-width #btn01:checked ~ #btn01-content, .content-width #btn02:checked ~ #btn02-content {
  display: block;
}
.content-width #btn01:checked + #btn01-label, .content-width #btn02:checked ~ #btn02-label {
  cursor: auto;
}
.content-width .sec04__unit {
  display: none;
  flex: 100%;
  overflow: hidden;
  background: #fe388f;
  padding: 4.2% 4.3% 3.6%;
}
.content-width .sec04__unit.is-02 {
  background: #0fcff2;
}
.content-width .sec04__unit-row {
  display: flex;
  flex-wrap: wrap;
}
.content-width .sec04__label {
  width: 47.7%;
  margin-right: 4.5%;
  cursor: pointer;
}
.content-width .sec04__label:last-of-type {
  margin-right: 0;
}
.content-width .sec04__unit-block {
  width: 50%;
  position: relative;
}
.content-width .sec04__unit-block.is-full {
  width: 100%;
}
.content-width .sec04__unit-block-btn {
  position: absolute;
  bottom: 1.5%;
  left: 3%;
  right: 0;
  margin: 0 auto;
  width: 92%;
}
.content-width .sec04__unit-block-btn.is-inactive {
  bottom: 2.1%;
}
.content-width .sec04__unit-block.is-full .sec04__unit-block-btn {
  width: 45.4%;
}
.content-width .main .sec05 .sec05__inner {
  position: relative;
}
.content-width .main .sec05 .sec05__inner .sec05__text {
  position: absolute;
  top: 27.7%;
  left: 0;
  right: 0;
  margin: 0 4%;
  background-color: #fff;
  border-radius: 0;
  overflow-y: hidden;
}
.content-width .main .sec05 .sec05__inner .sec05__text__inner {
  height: min(52vw, 390px);
  overflow: auto;
}
.content-width .main .sec05 .sec05__inner .sec05__text h2 {
  font-size: min(5.6vw, 42px);
  padding: min(2.93333333333vw, 22px) 0;
  font-weight: 700;
}
.content-width .main .sec05 .sec05__inner .sec05__text p {
  font-size: min(3.2vw, 24px);
  line-height: 1.6;
  text-align: left;
}
.content-width .main .sec05 .sec05__inner .sec05__text p.indent {
  padding-left: 4%;
}
.content-width .main .rule {
  padding: 0 4.3% 5%;
}
.content-width .main .rule-text__unity + .rule-text__unity {
  margin-top: min(2.66666666667vw, 20px);
}
.content-width .main .rule-text__title {
  font-size: min(3.2vw, 24px);
  font-weight: 700;
}
.content-width .main .rule a {
  color: #005fab;
  text-decoration: underline;
  white-space: nowrap;
}
.content-width .main .rule a.mail {
  letter-spacing: -0.01em;
}
.content-width .main .mt10 {
  margin-top: min(2.66666666667vw, 20pxvw, 10px);
}
.content-width .main .mt20 {
  margin-top: min(2.66666666667vw, 20px);
}
.content-width .main .mt30 {
  margin-top: min(4vw, 30px);
}
.content-width .main .fsz20 {
  font-size: min(2.66666666667vw, 20px) !important;
}
.footer__link {
  width: 82.6%;
  left: 0;
  right: 0;
}