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

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

	TOP-layout

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

/*-- Consulting Menu
--------------------------------------------- */

.consulting {
	display 						: flex;
	flex-wrap 						: wrap;
	margin-bottom 					: var(--space90);
	& article {
		width 						: calc(100% / 2);
		padding 					: var(--space25);
		border-radius 				: var(--rad6);
		
		@media screen and (max-width: 640px) {
			width 					: 100%;
		}
		& h4 {
			font-size 				: var(--font22);
			font-weight 			: var(--bold);
			color 					: var(--accept_red);
			padding-bottom 			: var(--space15);
			border-bottom 			: dotted 1px var(--accept_red);
			& a {
				background: url("../../assets/images/bg_arrow.png") no-repeat left center / 0.8em;
				padding-left 		: 1em;
				text-decoration 	: none;
				color 				: var(--accept_red);
			}
		}
		& ul {
			display 				: flex;
			flex-wrap 				: wrap;
			gap 					: 0 var(--space25);
			margin-bottom: var(--space25); 
			& li {
				font-size 			: var(--font14);
				font-weight 		: var(--medium);
				color 				: var(--gray);
				text-indent 		: -1.3em;
				padding-left 		: 1.3em;
				margin-top 			: 0.5em;
				box-sizing: border-box;
			}
			& li::before {
				content: "● ";
				color: var(--accept_red);
			}
		}
		&:hover,
		&.hover {
			background 		: repeating-linear-gradient(-45deg, #F8E2E0, #F8E2E0 3px,#FAE8E7 3px, #FAE8E7 7px);
			cursor 			: pointer;
		}
		& img {
			width : 100%;
			height: auto;
		}
	}
}