.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
body {
  font-size: clamp(0.5rem, -0.077rem + 1.23vw, 1rem);
}

/*notes*/
header {
  background: bottom center / cover url(../img/0000.webp) no-repeat;
  padding: clamp(1.875rem, -0.288rem + 4.62vw, 3.75rem) 4%;
}
header img {
  display: block;
  margin: auto;
  width: clamp(28.5rem, -4.385rem + 70.15vw, 57rem);
}

/*notes*/
.s01__wrap {
  background: center center / cover url(../img/0100.webp) no-repeat;
  padding: clamp(1.25rem, -0.192rem + 3.08vw, 2.5rem) 4%;
}
.s01__wrap .item {
  display: block;
  margin: auto;
  width: clamp(19.219rem, -2.957rem + 47.31vw, 38.438rem);
}
.btn {
  display: block;
  filter: drop-shadow(0 clamp(0.25rem, -0.038rem + 0.62vw, 0.5rem) clamp(0.25rem, -0.038rem + 0.62vw, 0.5rem) rgba(102,110,131,0.32));
  margin: clamp(0.313rem, -0.048rem + 0.77vw, 0.625rem) auto;
  width: clamp(11.625rem, -1.788rem + 28.62vw, 23.25rem);
}
.s01__wrap a {
  display: block;
  font-size: clamp(0.625rem, -0.096rem + 1.54vw, 1.25rem);
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
}

/*notes*/
.s02__wrap {
  background: center center / cover url(../img/0200.webp) no-repeat;
  overflow: hidden;
  padding: clamp(2.5rem, -0.385rem + 6.15vw, 5rem) 4%;
}
h2 {
  background: center center / cover url(../img/0201.webp) no-repeat;
  box-sizing: border-box;
  font-size: clamp(1.375rem, -0.212rem + 3.38vw, 2.75rem);
  font-weight: 900;
  height: clamp(4.688rem, -0.721rem + 11.54vw, 9.375rem);
  letter-spacing: .075em;
  margin: 0 auto 2%;
  padding: clamp(1.25rem, -0.192rem + 3.08vw, 2.5rem) 0;
  text-align: center;
  width: clamp(25rem, -3.846rem + 61.54vw, 50rem);
}
.s02__wrap div {
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: clamp(25rem, -3.846rem + 61.54vw, 50rem);
}
.s02__wrap div:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0204.webp) no-repeat;
  width: clamp(3.75rem, -0.577rem + 9.23vw, 7.5rem);
  height: clamp(6.25rem, -0.962rem + 15.38vw, 12.5rem);
  bottom: calc(clamp(2.5rem, -0.385rem + 6.15vw, 5rem) * -1);;
  right: -12%;
}
.s02__wrap div img {
  margin-right: clamp(1.25rem, -0.192rem + 3.08vw, 2.5rem);
  width: clamp(6.438rem, -0.99rem + 15.85vw, 12.875rem);
}
.s02__wrap div li {
  position: relative;
  font-size: clamp(0.813rem, -0.125rem + 2vw, 1.625rem);
  font-weight: 700;
  margin-bottom: clamp(0.313rem, -0.048rem + 0.77vw, 0.625rem);
  padding-left: 1.5em;
}
.s02__wrap div li:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0203.webp) no-repeat;
  width: clamp(1.125rem, -0.173rem + 2.77vw, 2.25rem);
  height: clamp(1.125rem, -0.173rem + 2.77vw, 2.25rem);
  top: 5%;
  left: 0;
}

/*notes*/
.s03__wrap {
  background: center center / cover url(../img/0300.webp) no-repeat;
  padding: clamp(2.5rem, -0.385rem + 6.15vw, 5rem) 4%;
}
.s03__wrap h2 {
  background: center center / cover url(../img/0301.webp) no-repeat;
}
.s03__wrap .item {
  display: block;
  margin: -5% auto -3%;
  width: clamp(18.75rem, -2.885rem + 46.15vw, 37.5rem);
}
.s03__wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  max-width: clamp(25rem, -3.846rem + 61.54vw, 50rem);
}
.s03__wrap ul li {
  position: relative;
  background: #fff;
  border-radius: clamp(1.25rem, -0.192rem + 3.08vw, 2.5rem);
  box-sizing: border-box;
  filter: drop-shadow(clamp(0.25rem, -0.038rem + 0.62vw, 0.5rem) clamp(0.25rem, -0.038rem + 0.62vw, 0.5rem) 0 rgba(102,110,131,0.16));
  margin-top: clamp(2.5rem, -0.385rem + 6.15vw, 5rem);
  padding: clamp(1.25rem, -0.192rem + 3.08vw, 2.5rem);
  width: 47.5%;
}
.s03__wrap ul li:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0307.webp) no-repeat;
  width: clamp(5rem, -0.769rem + 12.31vw, 10rem);
  height: clamp(5rem, -0.769rem + 12.31vw, 10rem);
  top: -16%;
  left: -8%;
  filter: drop-shadow(clamp(0.125rem, -0.019rem + 0.31vw, 0.25rem) clamp(0.125rem, -0.019rem + 0.31vw, 0.25rem) 0 rgba(102,110,131,0.16));
}
.s03__wrap ul li:nth-child(2):before {
  background: 100% / 100% url(../img/0308.webp) no-repeat;
}
.s03__wrap ul li:nth-child(3):before {
  background: 100% / 100% url(../img/0309.webp) no-repeat;
}
.s03__wrap ul li:nth-child(4):before {
  background: 100% / 100% url(../img/0310.webp) no-repeat;
}
.s03__wrap ul li img {
  margin-bottom: 4%;
}

/*notes*/
.s04__wrap {
  background: center center / cover url(../img/0400.webp) no-repeat;
  padding: clamp(1.875rem, -0.288rem + 4.62vw, 3.75rem) 4%;
}
.s04__wrap h3 {
  position: relative;
  color: #fff;
  display: table;
  font-size: clamp(1.125rem, -0.173rem + 2.77vw, 2.25rem);
  margin: auto;
}
.s04__wrap h3:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0401.webp) no-repeat;
  width: clamp(4rem, -0.615rem + 9.85vw, 8rem);
  height: clamp(7.813rem, -1.202rem + 19.23vw, 15.625rem);
  top: -66%;
  right: -24%;
}

/*notes*/
.s05__wrap {
  background: center center / cover url(../img/0500.webp) no-repeat;
  padding: clamp(2.5rem, -0.385rem + 6.15vw, 5rem) 4%;
}
.s05__wrap h2 {
  background: center center / cover url(../img/0501.webp) no-repeat;
}
.s05__wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  max-width: clamp(29.375rem, -4.519rem + 72.31vw, 58.75rem);
}
.s05__wrap ul li {
  background: #fff;
  border-radius: clamp(1.25rem, -0.192rem + 3.08vw, 2.5rem);
  box-sizing: border-box;
  filter: drop-shadow(clamp(0.25rem, -0.038rem + 0.62vw, 0.5rem) clamp(0.25rem, -0.038rem + 0.62vw, 0.5rem) 0 rgba(102,110,131,0.16));
  margin-top: clamp(0.625rem, -0.096rem + 1.54vw, 1.25rem);
  padding: clamp(0.625rem, -0.096rem + 1.54vw, 1.25rem);
  width: 31.91%;
}
.s05__wrap ul li .box__wrap {
  align-items: center;
  display: flex;
}
.s05__wrap ul li .box__wrap img {
  width: clamp(4.188rem, -0.644rem + 10.31vw, 8.375rem);
}
.s05__wrap ul li .box__wrap div {
  text-align: center;
  width: clamp(3.938rem, -0.606rem + 9.69vw, 7.875rem);
}
.s05__wrap ul li .box__wrap div h3 {
  font-size: clamp(0.75rem, -0.115rem + 1.85vw, 1.5rem);
}
.s05__wrap ul li .box__wrap div p {
  background: #5e79ff;
  border-radius: 2em;
  color: #fff;
  display: table;
  font-size: clamp(0.563rem, -0.087rem + 1.38vw, 1.125rem);
  font-weight: 700;
  margin: auto;
  padding: 0 1em;
}
.s05__wrap ul li:nth-child(5) .box__wrap div p,
.s05__wrap ul li:nth-child(8) .box__wrap div p {
  background: #f34060;
}
.s05__wrap ul li:nth-child(n+7) {
  padding: clamp(0.625rem, -0.096rem + 1.54vw, 1.25rem) clamp(0.625rem, -0.096rem + 1.54vw, 1.25rem) clamp(1.563rem, -0.24rem + 3.85vw, 3.125rem);
}

/*notes*/
.s06__wrap {
  background: center center / cover url(../img/0600.webp) no-repeat;
  overflow: hidden;
  padding: clamp(2.5rem, -0.385rem + 6.15vw, 5rem) 4%;
}
.s06__wrap h2 {
  background: center center / cover url(../img/0601.webp) no-repeat;
}
.s06__wrap ul {
  position: relative;
  margin: auto;
  width: clamp(25rem, -3.846rem + 61.54vw, 50rem);
}
.s06__wrap ul:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0607.webp) no-repeat;
  width: clamp(6.25rem, -0.962rem + 15.38vw, 12.5rem);
  height: clamp(8.438rem, -1.298rem + 20.77vw, 16.875rem);
  bottom: -1%;
  right: -18%;
  z-index: 1;
}
.s06__wrap ul li {
  align-items: center;
  background: #fff;
  border-radius: clamp(1.25rem, -0.192rem + 3.08vw, 2.5rem);
  display: flex;
  filter: drop-shadow(clamp(0.25rem, -0.038rem + 0.62vw, 0.5rem) clamp(0.25rem, -0.038rem + 0.62vw, 0.5rem) 0 rgba(102,110,131,0.16));
  justify-content: space-between;
  margin-top: 3%;
  padding: clamp(1.25rem, -0.192rem + 3.08vw, 2.5rem);
}
.s06__wrap ul li img {
  width: clamp(6.563rem, -1.01rem + 16.15vw, 13.125rem);
}
.s06__wrap ul li .box__wrap {
  width: clamp(13.75rem, -2.115rem + 33.85vw, 27.5rem);
}
.s06__wrap ul li .box__wrap .item__wrap {
  align-items: center;
  display: flex;
  margin-bottom: 3%;
}
.s06__wrap ul li .box__wrap .item__wrap div {
  align-items: center;
  background: #e52e62;
  border-radius: clamp(1.188rem, -0.183rem + 2.92vw, 2.375rem);
  color: #ff0;
  display: flex;
  font-size: clamp(0.375rem, -0.058rem + 0.92vw, 0.75rem);
  height: clamp(2.375rem, -0.365rem + 5.85vw, 4.75rem);
  justify-content: center;
  letter-spacing: .2em;
  line-height: 1;
  margin-right: 3%;
  text-align: center;
  width: clamp(2.375rem, -0.365rem + 5.85vw, 4.75rem);
}
.s06__wrap ul li .box__wrap .item__wrap div span {
  display: block;
  font-size: clamp(1.125rem, -0.173rem + 2.77vw, 2.25rem);
}
.s06__wrap ul li .box__wrap .item__wrap h3 {
  font-size: clamp(0.875rem, -0.135rem + 2.15vw, 1.75rem);
}
.s06__wrap ul li .box__wrap .txt span {
  color: #e52e62;
  font-weight: 700;
}

/*notes*/
.s07__wrap {
  background: center center / cover url(../img/0700.webp) no-repeat;
  padding: clamp(2.5rem, -0.385rem + 6.15vw, 5rem) 4%;
}
.s07__wrap h2 {
  background: center center / cover url(../img/0701.webp) no-repeat;
}
.acc__wrap {
  margin: auto;
  max-width: clamp(21.875rem, -3.365rem + 53.85vw, 43.75rem);
  padding-bottom: 1em;
}
.acc__wrap .question {
  position: relative;
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: clamp(0.688rem, -0.106rem + 1.69vw, 1.375rem);
  font-weight: 700;
  line-height: 1.3;
  padding-bottom: 2%;
  padding-right: 2.5em;
}
.acc__wrap .question p:nth-of-type(1) {
  align-items: center;
  background: #e52e62;
  border-radius: clamp(19.469rem, -2.995rem + 47.92vw, 38.938rem);
  color: #fff;
  display: flex;
  font-size: clamp(0.875rem, -0.135rem + 2.15vw, 1.75rem);
  font-weight: 700;
  height: clamp(1.438rem, -0.221rem + 3.54vw, 2.875rem);
  justify-content: center;
  margin-right: .5em;
  width: clamp(1.438rem, -0.221rem + 3.54vw, 2.875rem);
}
.acc__wrap .question p:nth-of-type(2) {
  width: 90%;
}
.acc__wrap .question:before {
  position: absolute;
  content: "";
  top: 20%;
  right: clamp(0.375rem, -0.058rem + 0.92vw, 0.75rem);
  width: clamp(0.75rem, -0.115rem + 1.85vw, 1.5rem);
  height: clamp(0.063rem, -0.01rem + 0.15vw, 0.125rem);
  transform: rotate(90deg);
  background: #343c4b;
  transition: all .3s ease-in-out;
}
.acc__wrap .question:after {
  content: "";
  position: absolute;
  top: 20%;
  right: clamp(0.375rem, -0.058rem + 0.92vw, 0.75rem);
  width: clamp(0.75rem, -0.115rem + 1.85vw, 1.5rem);
  height: clamp(0.063rem, -0.01rem + 0.15vw, 0.125rem);
  background: #2e3840;
  transition: all .1s ease-in-out;
}
.acc__wrap .question.open:before {
  background: #343c4b;
  transform: rotate(180deg);
}
.acc__wrap .question.open:after {
  opacity: 0;
}
.acc__wrap .answer {
  background: #fff;
  border: clamp(0.063rem, -0.01rem + 0.15vw, 0.125rem) solid #343c4b;
  border-radius: clamp(0.313rem, -0.048rem + 0.77vw, 0.625rem);
  font-size: clamp(0.563rem, -0.087rem + 1.38vw, 1.125rem);
  margin-bottom: 4%;
  padding: 1em;
}

/*notes*/
footer {
  background: #e8eaef;
  padding: clamp(1.25rem, -0.192rem + 3.08vw, 2.5rem) 4% clamp(0.313rem, -0.048rem + 0.77vw, 0.625rem);
}
footer ul {
  display: flex;
  justify-content: center;
}
footer ul li {
  margin: 0 1em;
}
footer p {
  font-size: clamp(0.375rem, -0.058rem + 0.92vw, 0.75rem);
  margin-top: 4%;
  text-align: center;
}



@media screen and (max-width:749px){
.pc {
  display: none !important;
}
.sp {
  display: block !important;
}
body {
  font-size: clamp(0.875rem, 3.73vw, 1.75rem);
}

/*notes*/
header {
  padding: clamp(1.25rem, 5.33vw, 2.5rem) 4%;
}

/*notes*/
.s01__wrap {
  padding: clamp(1.25rem, 5.33vw, 2.5rem) 4%;
}
.s01__wrap .item {
  width: 80%;
}
.btn {
  width: 80%;
}
.s01__wrap a {
  font-size: clamp(1rem, 4.27vw, 2rem);
}

/*notes*/
.s02__wrap {
  padding: clamp(2.5rem, 10.67vw, 5rem) 4%;
}
h2 {
  font-size: clamp(1.25rem, 5.33vw, 2.5rem);
  height: clamp(3.75rem, 16vw, 7.5rem);
  margin: 0 auto 12%;
  padding: clamp(0.875rem, 3.73vw, 1.75rem) 0;
  width: clamp(20rem, 85.33vw, 40rem);
}
.s02__wrap div {
  display: block;
  max-width: 100%;
}
.s02__wrap div:before {
  display: none;
}
.s02__wrap div img {
  margin: auto;
  width: clamp(10rem, 42.67vw, 20rem);
}
.s02__wrap div li {
  font-size: clamp(1.125rem, 4.8vw, 2.25rem);
  padding-left: 2em;
}
.s02__wrap div li:before {
  width: clamp(1.75rem, 7.47vw, 3.5rem);
  height: clamp(1.75rem, 7.47vw, 3.5rem);
}

/*notes*/
.s03__wrap {
  padding: clamp(2.5rem, 10.67vw, 5rem) 4%;
}
.s03__wrap .item {
  margin: -12% auto -10%;
  width: 80%;
}
.s03__wrap ul {
  max-width: 80%;
}
.s03__wrap ul li {
  border-radius: clamp(1.875rem, 8vw, 3.75rem);
  margin-top: clamp(2.5rem, 10.67vw, 5rem);
  padding: clamp(1.25rem, 5.33vw, 2.5rem);
  width: 100%;
}
.s03__wrap ul li:before {
  width: clamp(7.5rem, 32vw, 15rem);
  height: clamp(7.5rem, 32vw, 15rem);
  top: -10%;
}

/*notes*/
.s04__wrap {
  padding: clamp(1.875rem, 8vw, 3.75rem) 4%;
}
.s04__wrap h3 {
  font-size: clamp(1.25rem, 5.33vw, 2.5rem);
}
.s04__wrap h3:before {
  display: none;
}

/*notes*/
.s05__wrap {
  padding: clamp(2.5rem, 10.67vw, 5rem) 4%;
}
.s05__wrap ul {
  max-width: 100%;
}
.s05__wrap ul li {
  border-radius: clamp(1.25rem, 5.33vw, 2.5rem);
  margin-top: clamp(0.625rem, 2.67vw, 1.25rem);
  padding: clamp(0.625rem, 2.67vw, 1.25rem);
  width: 49%;
}
.s05__wrap ul li .box__wrap {
  display: block;
}
.s05__wrap ul li .box__wrap img {
  display: block;
  margin: auto;
  width: 70%;
}
.s05__wrap ul li .box__wrap div {
  margin-bottom: 5%;
  text-align: center;
  width: 100%;
}
.s05__wrap ul li .box__wrap div h3 {
  font-size: clamp(1.125rem, 4.8vw, 2.25rem);
}
.s05__wrap ul li .box__wrap div p {
  font-size: clamp(0.875rem, 3.73vw, 1.75rem);
}
.s05__wrap ul li:nth-child(n+7) {
  padding: clamp(0.625rem, 2.67vw, 1.25rem);
}

/*notes*/
.s06__wrap {
  padding: clamp(2.5rem, 10.67vw, 5rem) 4%;
}
.s06__wrap ul {
  width: 90%;
}
.s06__wrap ul:before {
  width: clamp(6.25rem, 26.67vw, 12.5rem);
  height: clamp(8.438rem, 36vw, 16.875rem);
  top: -4%;
  right: -6%;
}
.s06__wrap ul li {
  border-radius: clamp(1.875rem, 8vw, 3.75rem);
  display: block;
  padding: clamp(1.25rem, 5.33vw, 2.5rem);
}
.s06__wrap ul li img {
  display: block;
  margin: auto;
  width: 50%;
}
.s06__wrap ul li .box__wrap {
  width: 100%;
}
.s06__wrap ul li .box__wrap .item__wrap div {
  border-radius: clamp(1.75rem, 7.47vw, 3.5rem);
  font-size: clamp(0.5rem, 2.13vw, 1rem);
  height: clamp(3.5rem, 14.93vw, 7rem);
  width: clamp(3.5rem, 14.93vw, 7rem);
}
.s06__wrap ul li .box__wrap .item__wrap div span {
  font-size: clamp(1.625rem, 6.93vw, 3.25rem);
}
.s06__wrap ul li .box__wrap .item__wrap h3 {
  font-size: clamp(1.375rem, 5.87vw, 2.75rem);
  line-height: 1.3;
}

/*notes*/
.s07__wrap {
  padding: clamp(2.5rem, 10.67vw, 5rem) 4%;
}
.acc__wrap {
  max-width: 100%;
}
.acc__wrap .question {
  font-size: clamp(1.125rem, 4.8vw, 2.25rem);
}
.acc__wrap .question p:nth-of-type(1) {
  font-size: clamp(1.375rem, 5.87vw, 2.75rem);
  height: clamp(2.25rem, 9.6vw, 4.5rem);
  width: clamp(2.25rem, 9.6vw, 4.5rem);
}
.acc__wrap .question p:nth-of-type(2) {
  font-size: clamp(0.938rem, 4vw, 1.875rem);
  width: 90%;
}
.acc__wrap .question:before {
  top: 36%;
  right: clamp(0.625rem, 2.67vw, 1.25rem);
  width: clamp(1.25rem, 5.33vw, 2.5rem);
  height: clamp(0.125rem, 0.53vw, 0.25rem);
}
.acc__wrap .question:after {
  top: 36%;
  right: clamp(0.625rem, 2.67vw, 1.25rem);
  width: clamp(1.25rem, 5.33vw, 2.5rem);
  height: clamp(0.125rem, 0.53vw, 0.25rem);
}
.acc__wrap .answer {
  border-radius: clamp(0.625rem, 2.67vw, 1.25rem);
  font-size: clamp(0.938rem, 4vw, 1.875rem);
}

/*notes*/
footer ul {
  display: block;
  text-align: center;
}
footer ul li {
  margin: 1em;
}
footer p {
  font-size: clamp(0.625rem, 2.67vw, 1.25rem);
  margin-top: 20%;
}
}