@charset "UTF-8";

@media screen and (max-width:1100px) {
	#syanikusai #sec1 h3,
	#syanikusai #sec1 figure { width: 65%;}
	#syanikusai #sec1 div { width: 32%;}
	#syanikusai #sec1 div p:first-child img { max-width: 45%;}
	#syanikusai #sec1>p { padding-top: 42%;}
	#syanikusai #sec1 li:first-child { width: 45%;}
	#syanikusai #sec1 li:nth-child(2) { width: 54%;}
	#syanikusai #sec1 li:nth-child(n+3) { width: 32%; padding: 0 2% 0 0;}
	#syanikusai #sec1 li:last-child { padding-right: 0;}
	
	#syanikusai #sec2 div { padding: 20px;}
}
@media screen and (max-width:768px) {
	#syanikusai #sec1 h3,
	#syanikusai #sec1 h3 img,
	#syanikusai #sec1 figure,
	#syanikusai #sec1 figure img,
	#syanikusai #sec1 div { width: 100%; float: none;}
	#syanikusai #sec1 figure { overflow: hidden;}
	#syanikusai #sec1 figure img { position: relative; margin: -30% 0 0 0;}
	#syanikusai #sec1 div { padding: 0 25px; position: relative;}
	#syanikusai #sec1 div p:first-child { position: absolute; top: -180px; right: 25px;}
	#syanikusai #sec1 div p:first-child img { max-width: 100%;}
	#syanikusai #sec1 div b br { display: none;}
	#syanikusai #sec1>p { max-width: 70%; left: 2%;}
	#syanikusai #sec1 ul { padding: 19px 15px 37px 15px;}
	#syanikusai #sec1 li:first-child { margin: -13% 0 0 0; top: 0;}
	
	#syanikusai #sec2 div { padding-bottom: 30px;}
	#syanikusai #sec2 figure,
	#syanikusai #sec2 dl { width: 100%; float: none;}
	#syanikusai #sec2 figure img { width: 100%;}
	#syanikusai #sec2 dt { padding-top: 10px;}
}
@media screen and (max-width:640px) {
	#syanikusai #sec1 div b { text-align: left;}
	
	#syanikusai #sec2 { padding: 20px 0;}
	#syanikusai #sec2 h4,
	#syanikusai #sec2 p:first-of-type { width: 100%; float: none; padding: 0 15px;}
	#syanikusai #sec2 h4 { text-align: center;}
}
@media screen and (max-width:480px) {
	#syanikusai #sec1 div { padding: 0 15px; margin-top: 0;}
	#syanikusai #sec1 div p:first-child { width: 28%; margin: -30% 0 0 0; position: absolute; top: 0; right: 1%;}
	#syanikusai #sec1 ul { padding: 0 15px 10px 15px;}
	#syanikusai #sec1 li { width: 100% !important; padding: 0 0 10px 0 !important;}
	#syanikusai #sec1 li:first-child { padding-bottom: 0; margin: 0; position: relative; right: -15px;}
	#syanikusai #sec1 li:nth-child(n+3) { float: none;}
	#syanikusai #sec1 li:nth-child(n+3) img { width: 100%;}
}