@charset "UTF-8";

@media screen and (max-width:1280px){
	.site {gap:2rem; padding:0 4rem;}
	.site .item {flex:1;}
	.site .item a {width:100%;}
	.site .item strong {font-size:3.2rem;}
	.site .item strong em {display:block;}
	
	.site .item01 {flex:none; width:35%;}
	.site .item01 a {height:60rem;}
	
}

@media screen and (max-width:1024px){
	#wrap {height:100%; min-height:100vh;}
	
	.logo {width:23.5rem; height:5rem; margin-bottom:5rem;}
	
	.site {gap:2.5rem; flex-direction:column; padding:0 5.5rem; position:relative; top:auto; transform:inherit;}
	.site .item {flex:0 1 100%; width:100%; padding:0;}
	.site .item a {height:100%; border-radius:2rem; padding:3.5rem 3rem 2rem;}
	.site .item a[target="_blank"] strong {font-size:2.2rem; margin-bottom:3rem;}
	.site .item strong em {display:inline;}
	.site .item span {font-size:1.4rem;}
	.site .item span::after {width:2.2rem; height:2.2rem; background-size:contain; right:3rem; bottom:3rem;}
	
	.site .item01 a {border-radius:6rem 6rem 0 0; height:26rem;}
	.site .item01 a::before {background-size:14rem; background-position:center top 12rem;}
	.site .item01 strong {font-size:2.4rem;}
}