@charset "UTF-8";
/* CSS Document */


/* works */




/* 詳細 */


.wrap1 {
	width: 550px;
	margin: 0 auto;
}
.wrap1 h2 {
		font-weight: 500;
}

iframe {
	    border: 2px #5C5B5B solid;
	border-radius: 20px;
}


.canp {
  display: flex;
  flex-wrap: wrap;           /* 複数行に折り返し */
  justify-content: center;   /* 横並び全体中央揃え */
  gap: 50px;                 /* 画像間の隙間 */
  margin-top: 100px;
  align-items: start;
}

.canp img {
  display: block;            /* 不要な余白を消す */
  max-width: 45%;            /* 横幅を少し小さく */
  width: 100%;               /* ラッパー幅に合わせる */
  height: auto;              /* 縦横比を維持 */
}

.point {
	align-items: center;
	margin-top: 150px;
}
.point h2 {
	font-weight: 500;
}

.point_group2,flex {
	justify-content: flex-start;
}

.point_group2 h2 {
text-align: left;
}

.point_group2 p {
	padding-top: 10px;
}

.point_group1,flex {
	justify-content: space-between;
	margin-top: 150px;
}
.illust {
	width: 400px;
}



	.link,flex {
		justify-content: space-between;
		margin-top: 100px;
	}
  

	
	.inactive span {
		font-weight: bold;
	}

	.next{
	opacity: 0.5;
}


@media(max-width:768px) {
	
	.point {
    margin-top: 100px;
}
	.point p{
		letter-spacing: 0;
	}
	
	.point_group1 {
		margin-top: 100px;
	}
	.illust {
		padding-top: 30px;
	}

	.canp img {
     max-width: 100%;
}

}