@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------
 *
 *						style_solutions.css
 *
 *-------------------------------------------------------------*/

		.solutionsDl					{ justify-content: space-between; }
		.solutionsDl + .solutionsDl		{ padding-top: 220px; }
		.solutionsDl:nth-child(even)	{ flex-direction: row-reverse; }
		
		.solutionsDl dt,
		.solutionsDl dd					{ width: calc((100% - 50px) / 2 ); }
		
		.solutionsDl dt p.colBrown		{ margin-top: 30px; }
		.solutionsDl dt span 			{ display: block; font-size: clamp(24px, calc(100vw * 28 / 1300), 30px); font-weight: 400;}
		.solutionsDl dt .caption		{ font-size: clamp(15px, calc(100vw * 16 / 1300), 16px); margin-top: 24px; }

		.solutionsDl dd img				{ width: 100%; height: auto; max-width: 100%; }

		.solutionsDl .btn 				{ margin:30px auto 0 0; }


/*-------------------------------------------------------------
 *
 *						style_solutions.css(ver.SP)
 *
 *-------------------------------------------------------------*/

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

		.solutionsDl dt,
		.solutionsDl dd					{ width: calc((100% - 30px) / 2 ); }
	 }


	@media screen and ( max-width:767px ) {
		
		.solutionsDl dt				{ width: 100%; box-sizing: border-box; padding-bottom: 25px; }
		.solutionsDl dd				{ width: 100%; text-align: center; }	
		.solutionsDl + .solutionsDl	{ padding-top: 150px; }
	}