@charset "utf-8";
@import url("../../assets/css/style.css");

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

	common-layout

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

/* -- text_CSS
--------------------------------------------- */

.container > p.text {
	color 							: var(--gray);
	font-size 						: var(--font18);
	font-weight 					: var(--normal);
	margin-bottom 					: var(--space15);
}
.container > ol {
	counter-reset: tkn;
	color 							: var(--gray);
	font-size 						: var(--font18);
	font-weight 					: var(--normal);
	& > li {
		text-indent 				: -1.5em;
		padding-left 				: 1.5em;
		margin-bottom				: var(--space15); 
		&::before{
			color 					: var(--accept_red );
			counter-increment 		: tkn;
			content 				: counter(tkn) ". ";
		}
	}
}
.container > ul {
	color 							: var(--gray);
	font-size 						: var(--font18);
	font-weight 					: var(--normal);
	& > li {
		text-indent 				: -1em;
		line-height 				: 1.6;
		padding-left 				: 1em;
		margin-bottom				: var(--space15); 
		&::before{
			color 					: var(--accept_red );
			content 				: "◆ ";
			font-size 				: 70%;
		}
		& > ul {
			margin-bottom			: var(--space15); 
			& > li {
				text-indent 		: -1em;
				line-height 		: 1.6;
				padding-left 		: 1em;
				margin-top			: var(--space15); 
				&::before{
					color 			: var(--accept_red );
					content 		: "・ ";
				}
				
			}
		}
	}
}

.revision_history {
	display: flex;
	color 							: var(--gray);
	font-size 						: var(--font18);
	font-weight 					: var(--normal);
	margin-bottom 					: var(--space15);
	
	& dl {
		 margin-left: auto;
	}
	& .date,
	& .revised {
		display: flex;
		margin-bottom 				: 10px;
		& dt{
			width: 40%;
			font-weight 			: var(--normal);
		}
	}
	& .name {
		& dt{
			font-weight 			: var(--normal);
		}
	}
	
}

.consultation_counter {
	background 						: 
		repeating-linear-gradient(-45deg, #F8E2E0, #F8E2E0 3px,#FAE8E7 3px, #FAE8E7 7px);
	color 							: var(--gray);
	font-size 						: var(--font18);
	font-weight 					: var(--normal);
	padding 						: var(--space15); 
	margin-bottom 					: var(--space40);
	border-radius 					: var(--rad6);
	
	& dl > dt {
		font-weight 				: var(--bold);
		margin-bottom 				: var(--space15);
	}
	
	& .content {
		display 					: flex;
		flex-wrap 					: wrap;
		align-items 				: stretch;
		gap 						: 5px 0; 
		& dt {
			width 					: 15%;
			font-weight 			: var(--normal);
		}
		& dd {
			width 					: 85%;
			line-height 			: 1.4;
			display 				: flex;
			align-items 			: center;
		}
		@media screen and (max-width: 640px) {
			& dt {
				width 					: 20%;
			}
			& dd {
				width 					: 80%;
			}
			& dt,
			& dd {
				border-bottom 		: dotted 2px var(--white);
				padding-bottom 		: 5px;
			}
		}
	}
}

.contact_address {
	color 							: var(--gray);
	font-size 						: var(--font18);
	font-weight 					: var(--normal);
	margin-bottom 					: var(--space40);
	display 						: flex;
	flex-wrap 						: wrap;
	align-items 					: stretch;
	gap 							: 5px 0; 
	& dt {
		width 						: 15%;
		font-weight 				: var(--normal);
	}
	& dd {
		width 						: 85%;
		line-height 				: 1.4;
		display 					: flex;
		align-items 				: center;
	}
}

.note {
	font-size 						:var(--font16);
	font-weight 					:var(--normal);
	line-height 					: 1.4;
	text-indent 					: -1.2em;
	margin-top 						: -25px;
	margin-bottom 					: var(--space15);
	padding-left 					: 1.2em;
	&::before {
		content  					: "※ ";
	}
}