@charset "Shift_JIS";

@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	#gijutsu h1,#gijutsu h2,#gijutsu h3,#gijutsu .t-min {
		font-family: Georgia, Ÿà–¾’©, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS–¾’©E, serif;
	}
	
	#gijutsu h1{
		margin:1rem auto 2rem;
		width: 85%;
	}
	#gijutsu h2,#gijutsu h3{
		margin: 50px 0 1rem 0 ;
	}
	
	#gijutsu .t-min{
		color: #fff;
		font-size: 1.4rem;
		line-height: 1.6em;
	}
	
	#gijutsu .sp img{
		width: 100%;
	}
	
	#gijutsu #cnt1,
	#gijutsu #cnt2,
	#gijutsu #cnt3,
	#gijutsu #cnt4{
		position: relative;
		font-size: 1.6rem;
		color: #fff;
		line-height: 2rem;
	}
	#gijutsu .inner{
		margin: auto;
		width: 85%;
	}
	.bt{
		margin: 40px auto;
		width: 80%;
	}
	#gijutsu #cnt2 h2,
	#gijutsu #cnt3 h2,
	#gijutsu #cnt4 h2{
		position: relative;
		font-size: 24px;
		
	}
	#gijutsu #cnt2 h2 span.num,
	#gijutsu #cnt3 h2 span.num,
	#gijutsu #cnt4 h2 span.num{
		display: block;
		position: absolute;
		margin-top: -100px;
		width: 25%;
		
	}
	
	#gijutsu #cnt1{
		padding: 10px 0 40px 0;
		background: linear-gradient(#0056A8, #2CA3DD);
	}
	
	#gijutsu #cnt2{
		padding: 20px 0 40px 0;
		background:50% 50% radial-gradient(#003A95	, #2CA3DD);
		background-size: 250% 250%;
	}
	
	#gijutsu #cnt3{
		padding: 20px 0 40px 0;
		background: linear-gradient(-135deg, #289CD4, #005485);
		background-size: 250% 250%;
	}
	#cnt3 .mark{
		display: block;
		position: absolute;
		top: -5px;
		left: 150px;
		width: 26px;
	}
	
	#cnt3 .moodimg,
	#cnt4 .moodimg{
		display: block;
		position: absolute;
		top: -85px;
		right: -30px;
	}
	
	
	#gijutsu #cnt4{
		padding: 20px 0 40px 0; 
		background: linear-gradient(#036EB8, #003A95);
		background-size: 250% 250%;
	}
	
	#gijutsu #cnt2 p,
	#gijutsu #cnt3 p,
	#gijutsu #cnt4 p{
		margin-bottom: 2rem;
		line-height: 1.6em;
		
	}
	
	#gijutsu .sc-arrow{
		margin: 30px auto 10px;
		width: 15%;
	}
	
	
	
	
	
	
	
	
	
}