@charset "UTF-8";

#success {
	.wrap {
		.contents {
			.link {
				display:flex;
				flex-wrap:wrap;
				justify-content:center;
				gap:1em;
				li {
					.btn {
						font-size:1.5rem;
						&::after {
							transform:translateX(1em) rotate(90deg);
						}
					}
				}
			}
			.list {
				display:grid;
				grid-template-columns:repeat(2,1fr);
				grid-gap:30px;
				a {
					display:grid;
					padding:15px;
					height:100%;
					grid-template-columns:20% 1fr 30px;
					grid-column-gap:20px;
					align-items:center;
					border:1px solid #cccccc;
					.img {
						img {
							display:block;
							aspect-ratio:1;
							object-fit:cover;
						}
					}
					.detail {
						h3 {
							background-color:transparent;
							padding:0;
							margin-bottom:.25em;
							font-size:2.0rem;
							&::before {
								content:none;
							}
						}
						p {
							line-height:1.5;
						}
					}
				}
			}
			.btnwrap {
				padding-top:1em;
				text-align:center;
			}
		}
	}
}

@media screen and (max-width:1024px){

	#success {
		.wrap {
			.contents {
				.termlist {
					li {
						h3 {
							font-size:1.8rem;
						}
					}
				}
				.list {
					grid-template-columns:1fr;
				}
			}
		}
	}

}

@media screen and (max-width:768px){

	#success {
		.wrap {
			.contents {
				link {
					display:grid;
					grid-template-columns:repeat(2,1fr);
					grid-gap:.5em;
					li {
						.btn {
							font-size:1.3rem;
							line-height:1.2;
							height:3em;
							width:100%;
							padding:0 1.75em 0 1em;
						}
					}
				}
				.list {
					grid-gap:20px;
					a {
						padding:10px;
						grid-template-columns:20% 1fr 20px;
						grid-column-gap:15px;
						.detail {
							h3 {
								font-size:1.6rem;
							}
						}
					}
				}
			}
		}
	}
	
}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}