.kvWrap {
  background-color: #9cffcd;
	position: relative;
}
.kvWrap .kvTitleWrap {
  /* padding-top: clamp(60px, 9vw, 80px); */
	width: 100%;
	margin: 0;
	position: absolute;
	top: 8vw;
	left: 0;
	z-index: 2;
}
.kvWrap .kvTitleWrap .titleWrap {
  gap: clamp(15px, 2vw, 20px);
}
.kvWrap .kvTitleWrap .titleWrap .title {
  font-size: clamp(32px, 5vw, 40px);
  font-weight: 500;
}
.kvWrap .kvTitleWrap .catchWrap{
	width: 100%;
	margin-top: 4vw;
}
.kvWrap .kvTitleWrap .catchWrap .catch{
	line-height: 1.4;
	font-size: 5.6vw;
	font-weight: bold;
	text-shadow: 0.08em 0 0 #fff, -0.08em 0 0 #fff, 0 0.08em 0 #fff, 0 -0.08em 0 #fff;
	text-align: center;
}
.kvWrap .kvTitleWrap .btnWrap {
  margin-top: clamp(25px, 4vw, 35px);
}
.kvWrap .kvTitleWrap .btnWrap .btn {
  max-width: 500px;
}
.kvWrap .imgWrap {
	width: 100%;
}
.kvWrap .imgWrap img{
	width: 100%;
	display: block;
}
/*
.kvWrap.member {
  position: relative;
  overflow: hidden;
}
.kvWrap.member .kvTitleWrap {
  position: relative;
  padding: clamp(30px, 5vw, 50px) 0;
  z-index: 2;
}
.kvWrap.member .kvTitleWrap .titleWrap {
  margin-left: 40px;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.kvWrap.member .kvTitleWrap .titleWrap .title {
  word-break: keep-all;
  line-height: 1.2;
}
.kvWrap.member .kvTitleWrap .titleWrap .text {
  white-space: nowrap;
  font-size: clamp(16px, 2vw, 20px);
}
.kvWrap.member .imgWrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -5vw;
  width: 50%;
} */

.introWrap {
  margin-top: 40px;
}
@media only screen and (min-width: 1080px) {
  .introWrap {
    margin-top: 90px;
  }
}
.introWrap #intro .text {
  font-size: 4.6vw;
  line-height: 1.6;
}
@media only screen and (min-width: 1080px) {
	.introWrap #intro .text {
		font-size: 18px;
	}
}
.introWrap #intro .imgWrap {
  margin: 40px auto 0 auto;
  width: 60%;
}


.diagnosisIntroWrap{
	margin-top: 80px;
}
.diagnosisIntroWrap .text.mid {
	font-size: clamp(16px, 2vw, 20px);
	line-height: 1.8;
	text-align: center;
}

.diagnosisLinkWrap {
  margin-top: 40px;
}
.diagnosisLinkWrap #diagnosisLink {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.diagnosisLinkWrap #diagnosisLink .card {
  display: block;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.diagnosisLinkWrap #diagnosisLink .card .imgWrap {
  width: 100%;
}
.diagnosisLinkWrap #diagnosisLink .card .textBtnWrap {
  padding: 20px;
}
.diagnosisLinkWrap #diagnosisLink .card .textBtnWrap .textWrap .title {
	line-height: 1.4;
  font-size: clamp(20px, 3vw, 25px);
  font-weight: 600;
}
.diagnosisLinkWrap #diagnosisLink .card .textBtnWrap .textWrap .title .memberOnlyIcon {
	font-size: 80%;
}
.diagnosisLinkWrap #diagnosisLink .card .textBtnWrap .textWrap .text {
  margin-top: 8px;
  font-size: clamp(14px, 1.8vw, 18px);
  line-height: 1.4;
}
.diagnosisLinkWrap #diagnosisLink .card .textBtnWrap .btnWrap {
  margin-top: 15px;
}

.aboutWrap {
  margin-top: clamp(60px, 12vw, 100px);
}
.aboutWrap #about .sectionTitleWrap .title {
  font-size: clamp(25px, 4vw, 35px);
}
.aboutWrap #about .sectionTitleWrap .imgWrap {
  margin: clamp(20px, 4.5vw, 40px) auto 0 auto;
  width: 70%;
  max-width: 500px;
}
.aboutWrap #about .sectionContentWrap {
  margin-top: 60px;
}
.aboutWrap #about .sectionContentWrap .stepList {
  display: grid;
  grid-template-columns: 1fr;
}
.aboutWrap #about .sectionContentWrap .stepList .stepItem {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.aboutWrap #about .sectionContentWrap .stepList .stepItem .imgWrap {
  margin: 0 auto;
  width: 50%;
  max-width: 300px;
}
.aboutWrap #about .sectionContentWrap .stepList .stepItem .stepTitle {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 600;
  line-height: 1.6;
}
.aboutWrap #about .sectionContentWrap .stepList .arrowItem {
  margin: 20px 0 30px 0;
}
.aboutWrap #about .sectionContentWrap .stepList .arrowItem .arrow {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 13px;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: #238f76;
  opacity: 0.5;
}

.wrongWrap {
  margin-top: 60px;
}
.wrongWrap #wrong {
  padding: 34px 0;
  background-color: #f3ffcd;
}
@media only screen and (min-width: 1080px) {
	.wrongWrap #wrong {
		padding: 40px 0;
	}
}
.wrongWrap #wrong .sectionContentWrap .list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 25px auto 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.wrongWrap #wrong .sectionContentWrap .list .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wrongWrap #wrong .sectionContentWrap .list .item .imgWrap {
  height: 24px;
}
@media only screen and (min-width: 1080px) {
	.wrongWrap #wrong .sectionContentWrap .list .item .imgWrap {
		height: 30px;
	}
}
.wrongWrap #wrong .sectionContentWrap .list .item .imgWrap img {
  width: auto;
  height: 100%;
}
.wrongWrap #wrong .sectionContentWrap .list .item .text {
	line-height: 1.4;
  font-size: 15px;
}
@media only screen and (min-width: 1080px) {
	.wrongWrap #wrong .sectionContentWrap .list .item .text {
		font-size: clamp(18px, 2.5vw, 20px);
	}
}
.wrongWrap #wrong .sectionContentWrap .text.mid {
  margin-top: 25px;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.8;
}

.registerLinkWrap {
  margin-top: 40px;
}
.registerLinkWrap #registerLink {
  padding: 40px;
  background-color: #f0f0f0;
  border-radius: 6px;
}
.registerLinkWrap #registerLink .sectionContentWrap {
  margin-top: 20px;
}
.registerLinkWrap #registerLink .sectionContentWrap .text {
  font-size: clamp(14px, 1.8vw, 18px);
  line-height: 1.44;
}
.registerLinkWrap #registerLink .sectionContentWrap .btnWrap {
  margin-top: 20px;
}