.mainContent {
	display: flex;
	align-items: flex-start;
	gap: 1em;
	
	& figure {
		width: 50%;
		margin: 0;
	}
	
	& .contentDetail{
		width: 50%;
		line-height: 1.8;
		
		& a {
			background-color: #c8f6e7;
			border-radius: 30px;
			padding: .25em 1em;
			display: block;
			margin: 1.25em 0;
			text-decoration: none;
			width: fit-content;
			color: #333;
		}
		
		& dl {
			border: 1px solid royalblue;
			
			& div {
				display: flex;
				
				& dt {
					width: 25%; 
					color: #fff;
					text-align: center;
					background-color: royalblue;
					margin: 0;
					padding: .5em 1em;
					
					&:not(:last-of-type){
						border-bottom: 1px solid #fff;
					}
				}
				
				& dd {
					width: 75%;
					background-color: #C8D3F9;
					margin: 0;
					padding: .5em 1em;
				}
				
				&:not(:last-of-type){
					& dt{
						border-bottom: 1px solid #fff;
					}
					
					& dd{
						border-bottom: 1px solid royalblue;
					}
				}
			}
		}
	}
	
	& .indent{
		text-indent: -1em;
		padding-left: 1em;
	}
}