@charset "utf-8";

#c301 {
	clear: both;
	background-color: var(--sgr);
	background-image: url(../images/contents/title1.jpg);
	margin:    ;
	padding:    ;
}
#c301 h1,
#c301 div {
	text-align: center;
}
#c302 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c318 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c318 ul li {
	list-style-type: none;
	text-align: left;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c318 ul li { margin-right: px; }
#c318 ul li:last-child { margin-right: 0; }
#c319 {
	clear: both;
	background-color: var(--bc);
	margin:    ;
	padding:    ;
}
#c325 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c325 h2,
#c325 div {
	text-align: left;
}
#c326 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c326 a.itext, #c326 img, #c326 video {
	width: 450px;
	height: 242px;
}
#c326 h3,
#c326 div {
	text-align: left;
}
#c315 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c328 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c328 h2,
#c328 div {
	text-align: left;
}
#c327 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c327 a.itext, #c327 img, #c327 video {
	width: 500px;
	height: 224px;
}
#c327 h3,
#c327 div {
	text-align: left;
}
#c339 {
	clear: both;
	background-color: var(--bc);
	margin:    ;
	padding:    ;
}
#c333 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c333 h2,
#c333 div {
	text-align: left;
}
#c334 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c334 a.itext, #c334 img, #c334 video {
	width: 350px;
	height: 262px;
}
#c334 h3,
#c334 div {
	text-align: left;
}
#c340 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c335 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c335 h2,
#c335 div {
	text-align: left;
}
#c336 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c336 a.itext, #c336 img, #c336 video {
	width: 1000px;
	height: 665px;
}
#c336 h3,
#c336 div {
	text-align: left;
}
#c341 {
	clear: both;
	background-color: var(--bc);
	margin:    ;
	padding:    ;
}
#c331 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c331 h2,
#c331 div {
	text-align: left;
}
#c332 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c332 a.itext, #c332 img, #c332 video {
	width: 350px;
	height: 262px;
}
#c332 h3,
#c332 div {
	text-align: left;
}
#c342 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c329 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c329 h2,
#c329 div {
	text-align: left;
}
#c330 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c330 a.itext, #c330 img, #c330 video {
	width: 400px;
	height: 400px;
}
#c330 h3,
#c330 div {
	text-align: left;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c301 {
}
#c302 {
}
#c318 {
}
#c319 {
}
#c325 {
}
#c326 {
}
#c315 {
}
#c328 {
}
#c327 {
}
#c339 {
}
#c333 {
}
#c334 {
}
#c340 {
}
#c335 {
}
#c336 {
}
#c341 {
}
#c331 {
}
#c332 {
}
#c342 {
}
#c329 {
}
#c330 {
}
}
@media screen and (max-width: 640px) {
#c301 {
}
#c302 {
}
#c318 {
}
#c319 {
}
#c325 {
}
#c326 {
}
#c315 {
}
#c328 {
}
#c327 {
}
#c339 {
}
#c333 {
}
#c334 {
}
#c340 {
}
#c335 {
}
#c336 {
}
#c341 {
}
#c331 {
}
#c332 {
}
#c342 {
}
#c329 {
}
#c330 {
}
}