@charset "utf-8";

#c301 {
	clear: both;
	background-color: var(--bc50);
	background-image: url(../images/home/bg01.png);
	margin:    ;
	padding:    ;
}
#c301 h1,
#c301 div {
	text-align: center;
}
#c325 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
	width: 960px;
}
#c325 h2,
#c325 div {
	text-align: left;
}
#c358 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c358 h3,
#c358 div {
	text-align: left;
}
#c362 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c362 a.itext, #c362 img, #c362 video {
	width: 600px;
	height: 427px;
}
#c362 h3,
#c362 div {
	text-align: left;
}
#c363 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c363 a.itext, #c363 img, #c363 video {
	width: 600px;
	height: 427px;
}
#c363 h3,
#c363 div {
	text-align: left;
}
#c360 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
	width: 960px;
}
#c360 h2,
#c360 div {
	text-align: left;
}
#c359 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
	width: 960px;
}
#c359 a.itext, #c359 img, #c359 video {
	width: 690px;
	height: 286px;
}
#c361 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c361 a.itext, #c361 img, #c361 video {
	width: 820px;
	height: 300px;
}
#c361 h2,
#c361 div {
	text-align: left;
}
#c302 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c301 {
}
#c325 {
	display: none;
	width: auto;
	max-width: 960px;
}
#c358 {
}
#c362 {
	display: none;
}
#c363 {
	display: block;
}
#c360 {
	display: none;
	width: auto;
	max-width: 960px;
}
#c359 {
	display: none;
	width: auto;
	max-width: 960px;
}
#c361 {
	display: none;
}
#c302 {
}
}
@media screen and (max-width: 640px) {
#c301 {
}
#c325 {
	display: none;
	width: 100%;
}
#c358 {
}
#c362 {
	display: none;
}
#c363 {
	display: block;
}
#c360 {
	display: none;
	width: 100%;
}
#c359 {
	display: none;
	width: 100%;
}
#c361 {
	display: none;
}
#c302 {
}
}