@charset "utf-8";
@import url("style_service_common.css");

/* =============================================

	TOP-layout

============================================= */

/*-- Brand_Identity Menu
--------------------------------------------- */

.brand_identity {
	background 					: 
		repeating-linear-gradient(-45deg, #F8E2E0, #F8E2E0 3px,#FAE8E7 3px, #FAE8E7 7px);
		padding 				: var(--space25);
	
	& dl {
		margin-bottom 			: var(--space25);
	}
	
	& .analysis_content {
		margin-bottom 			: var(--space30);
		& dt {
			font-size 			: var(--font22);
			font-weight 		: var(--bold);
			color 				: var(--accept_red);
			content 			: "● ";
			margin-bottom 		: var(--space25);
		}
		& dd {
			color 				: var(--gray);
			font-size 			: var(--font18);
			font-weight 		: var(--medium);
			padding-left 		: 1.3em;
			text-indent 		: -1.3em;
			margin-top 			: var(--space15); 
			&:before {
				content: "◆ "
			}
		}
	}
	
	& .features {
		display 				: flex;
		justify-content 		: space-between;
		gap 					: 20px;
		@media screen and (max-width: 640px) {
			gap 				: 10px;
		}
		& dd {
			background:#c9183f;
			width: calc(100% / 3);
			height:auto;
			aspect-ratio: 16/7;
			
			text-align:center;
			font-size:var(--font22);
			font-weight:var(--medium);
			color: var(--white);
			text-align:center;
			line-height: 1.4;
			border-radius:100%;
			display:flex;
			justify-content:center;
			align-items:center;
			@media screen and (max-width: 640px) {
				aspect-ratio: 1/1;
			}
		}
	}
	& .note {
		font-size:var(--font16);
		font-weight:var(--normal);
		line-height: 1.4;
		text-indent: -1.2em;
		padding-left: 1.2em;
		&::before {
			content : "※ ";
		}
	}
	
}