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

/*-------------------------------------------------------------
 *
 *						style_advantage.css
 *
 *-------------------------------------------------------------*/

	/* ---------- ---------- ---------- ---------- ----------
	 *						marble Advantage
	 * ---------- ---------- ---------- ---------- ---------- */
			.marbleAdDl						{ justify-content: space-between; }
			.marbleAdDl + .marbleAdDl		{ margin-top: 50px; }
			.marbleAdDl:nth-child(even)		{ flex-direction: row-reverse; }
			
			.marbleAdDl dt,
			.marbleAdDl dd					{ width: calc((100% - 50px) / 2 ); }

			.marbleAdDl dt					{ margin-top: 20px; }
			.marbleAdDl dt p::before 		{ content: attr(data-num); font-family: "Kanit", sans-serif; font-size: clamp(80px, calc(100vw * 110 / 1300), 110px); line-height: 1; }
			
			.marbleAdDl dt span 			{ display: block; font-size: clamp(22px, calc(100vw * 24 / 1300), 24px); margin-left: 5px; font-weight: 400;}
			.marbleAdDl dt .caption			{ font-size: clamp(15px, calc(100vw * 16 / 1300), 16px); margin-top: 24px; }

			.marbleAdDl dt ul				{ margin-top: 15px; line-height: 1.5; }
			.marbleAdDl dt li + li 			{ margin-top: 10px; }

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

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



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

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

	/* ---------- ---------- ---------- ---------- ----------
	 *						marble Advantage
	 * ---------- ---------- ---------- ---------- ---------- */
		.marbleAdDl dt,
		.marbleAdDl dd					{ width: calc((100% - 30px) / 2 ); }

	 }


	@media screen and ( max-width:767px ) {
		
	/* ---------- ---------- ---------- ---------- ----------
	*						marble Advantage
	* ---------- ---------- ---------- ---------- ---------- */
		.marbleAdDl dt				{ width: 100%; box-sizing: border-box; padding-bottom: 25px; }
		.marbleAdDl dd				{ width: 100%; text-align: center; }
				
			
	}