@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;
}
#c302 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c325 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c325 h2,
#c325 div {
	text-align: left;
}
#c355 {
	clear: both;
	margin:    ;
	padding: 0 100px 0 100px;
}
#c355 h3,
#c355 div {
	text-align: left;
}
#c359 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c359 h3,
#c359 div {
	text-align: center;
}
#c356 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c356 h3,
#c356 div {
	text-align: right;
}
#c319 {
	clear: both;
	background-color: var(--mc20);
	margin:    ;
	padding:    ;
}
#c345 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c345 h2,
#c345 div {
	text-align: left;
}
#c357 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c357 dl dt {
	background-color: var(--mc);
	color: #fff;
	width: 25%;
}
#c357 dl dd {
	width: 75％;
}
#c358 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c358 h3,
#c358 div {
	text-align: left;
}
#c315 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c301 {
}
#c302 {
}
#c325 {
}
#c355 {
}
#c359 {
	display: none;
}
#c356 {
	display: none;
}
#c319 {
}
#c345 {
}
#c357 {
}
#c358 {
}
#c315 {
}
}
@media screen and (max-width: 640px) {
#c301 {
}
#c302 {
}
#c325 {
}
#c355 {
	display: none;
}
#c359 {
	display: block;
}
#c356 {
	display: none;
}
#c319 {
}
#c345 {
}
#c357 {
}
#c358 {
}
#c315 {
}
}