@charset "utf-8";
/* ===========================================================
 CSS information
 file name : service.css
 style info : single page style
============================================================== */

@media print, screen and (min-width: 751px) {
	.practice_case {
		padding: 24px 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.practice_case a {
		width: 175px;
		display: inline-block;
		text-align: center;
		padding: 0 0 16px 0;
		box-shadow: 0 1px 2px rgba(0,0,0,0.25);
		margin: 0;
	}
	.practice_case a + a { margin-left: 16px; }
	.practice_case a .img {
		width: 175px;
		height: 100px;
		margin-bottom: 16px;
		display: block;
		overflow: hidden;
	}
	.practice_case a .img img { width: 100%; }
	.practice_case a:nth-of-type(1) img { margin-top: -40px; }
	
	.practice_case a.website { width: 294px; }
	.practice_case a.website + a.website { margin-left: 18px; }
	.practice_case a.website .img {
		width: 294px;
		height: 320px;
	}
	.practice_case a.website::after {
		font-family: "Font Awesome 5 Free";
		content: "\f105";
		margin-bottom: 0.4em;
		font-weight: 400;
		margin-left: 16px;
	}
}

@media screen and (max-width: 750px) {
	.practice_case {
		padding: 2.4vw 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.practice_case a {
		width: 40vw;
		display: inline-block;
		text-align: center;
		padding: 0 0 4vw 0;
		box-shadow: 0 0.25vw 0.5vw rgba(0,0,0,0.25);
	}
	.practice_case a + a { margin-left: 4vw; }
	.practice_case a .img {
		width: 40vw;
		height: 20vw;
		margin-bottom: 4vw;
		display: block;
		overflow: hidden;
	}
	.practice_case a .img img { width: 100%; }
	.practice_case a:nth-of-type(1) img { margin-top: -10vw; }
	
	.practice_case a.website {
		width: 90vw;
		margin: 0 auto;
	}
	.practice_case a.website + a.website { margin-top: 4vw; }
	.practice_case a.website .img {
		width: 90vw;
		height: 56vw;
	}
	.practice_case a.website::after {
		font-family: "Font Awesome 5 Free";
		content: "\f105";
		margin-bottom: 0.4em;
		font-weight: 400;
		margin-left: 3.2vw;
	}
}