@charset "utf-8";

#c51 {
	clear: both;
	background-color: var(--sc);
	background-image: url(../images/home/bg01.png);
	margin:    ;
	padding:    ;
}
#c24 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c101 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c101 a.itext, #c101 img, #c101 video {
	width: 480px;
	height: 480px;
}
#c101 h3,
#c101 div {
	text-align: left;
}
#c102 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c102 a.itext, #c102 img, #c102 video {
	width: 480px;
	height: 480px;
}
#c102 h3,
#c102 div {
	text-align: left;
}
#c103 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c103 a.itext, #c103 img, #c103 video {
	width: 480px;
	height: 480px;
}
#c103 h3,
#c103 div {
	text-align: left;
}
#c104 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c104 a.itext, #c104 img, #c104 video {
	width: 480px;
	height: 480px;
}
#c104 h3,
#c104 div {
	text-align: left;
}
#c89 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c69 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c69 h2,
#c69 div {
	text-align: left;
}
#c70 {
	clear: both;
	display: none;
	background-color: var(--bc);
	margin:    ;
	padding:    ;
}
#c70 h2,
#c70 div {
	text-align: left;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c51 {
}
#c24 {
}
#c101 {
}
#c102 {
}
#c103 {
}
#c104 {
}
#c89 {
}
#c69 {
	display: none;
}
#c70 {
	display: none;
}
}
@media screen and (max-width: 640px) {
#c51 {
}
#c24 {
}
#c101 {
}
#c102 {
}
#c103 {
}
#c104 {
}
#c89 {
}
#c69 {
	display: none;
}
#c70 {
	display: none;
}
}