@charset "utf-8";

#c344 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c628 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c628 ul li {
	list-style-type: none;
	text-align: left;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c628 ul li { margin-right: px; }
#c628 ul li:last-child { margin-right: 0; }
#c628 > ul li:nth-of-type(1) img {
	width: 1920px;
}
#c628 > ul li:nth-of-type(2) img {
	width: 1920px;
}
#c628 > ul li:nth-of-type(3) img {
	width: 1920px;
}
#c675 {
	clear: both;
	background-color: var(--wh80);
	margin:    ;
	padding:    ;
}
#c675 h1,
#c675 div {
	text-align: left;
}
#c389 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c389 a.itext, #c389 img, #c389 video {
	width: 1920px;
	height: 840px;
}
#c617 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c681 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c682 {
	clear: both;
	background-color: #fff;
	margin:    ;
	padding:    ;
}
#c682 h2,
#c682 div {
	text-align: left;
}
#c683 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c683 a.itext, #c683 img, #c683 video {
	width: 840px;
	height: 421px;
}
#c684 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c684 a.itext, #c684 img, #c684 video {
	width: 480px;
	height: 359px;
}
#c685 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c685 a.itext, #c685 img, #c685 video {
	width: 840px;
	height: 421px;
}
#c686 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c670 {
	clear: both;
	background-color: var(--bc50);
	background-image: url(../images/home/home.png);
	margin:    ;
	padding:    ;
}
#c672 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c672 h2,
#c672 div {
	text-align: center;
}
#c640 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c640 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c640 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c640 > div:nth-of-type(1) img {
	width: 600px;
}
#c640 > div:nth-of-type(2) img {
	width: 600px;
}
#c640 > div:nth-of-type(3) img {
	width: 470px;
}
#c671 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c593 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c687 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c687 h2,
#c687 div {
	text-align: center;
}
#c688 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 960px;
}
#c688 dl dt {
	background-color: #fff;
	width: 20%;
}
#c688 dl dd {
	background-color: #fff;
	width: 80%;
}
#c690 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 960px;
}
#c690 dl dt {
	background-color: #fff;
	width: 20%;
}
#c690 dl dd {
	background-color: #fff;
	width: 80%;
}
#c691 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 960px;
}
#c691 dl dt {
	background-color: #fff;
	width: 20%;
}
#c691 dl dd {
	background-color: #fff;
	width: 80%;
}
#c594 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c692 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c693 {
	clear: both;
	background-color: #fff;
	margin:    ;
	padding:    ;
}
#c693 h2,
#c693 div {
	text-align: left;
}
#c695 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c695 a.itext, #c695 img, #c695 video {
	width: 680px;
}
#c696 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c696 a.itext, #c696 img, #c696 video {
	width: 481px;
	height: 271px;
}
#c694 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c699 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c697 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 100%;
}
#c697 h2,
#c697 div {
	text-align: left;
}
#c698 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 840px;
	height: 15em;
}
#c698 dl dt {
	border-color: var(--mc);
	color: var(--mc);
	width: 20%;
}
#c698 dl dd {
	border-color: var(--mc);
	width: 80%;
}
#c700 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c680 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 1200px;
}
#c680 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c680 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c680 > div:nth-of-type(1) img {
	width: 180px;
}
#c680 > div:nth-of-type(2) img {
	width: 208px;
}
#c680 > div:nth-of-type(3) img {
	width: 244px;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c344 {
}
#c628 {
}
#c675 {
}
#c389 {
	display: none;
}
#c617 {
}
#c681 {
}
#c682 {
}
#c683 {
}
#c684 {
}
#c685 {
}
#c686 {
}
#c670 {
}
#c672 {
}
#c640 {
}
#c640 {
}
#c671 {
}
#c593 {
}
#c687 {
}
#c688 {
	width: auto;
	max-width: 960px;
}
#c690 {
	width: auto;
	max-width: 960px;
}
#c691 {
	width: auto;
	max-width: 960px;
}
#c594 {
}
#c692 {
}
#c693 {
}
#c695 {
}
#c696 {
}
#c694 {
}
#c699 {
}
#c697 {
	width: auto;
	max-width: 100%;
}
#c698 {
	width: auto;
	max-width: 840px;
}
#c700 {
}
#c680 {
	width: auto;
	max-width: 1200px;
}
#c680 {
}
}
@media screen and (max-width: 640px) {
#c344 {
}
#c628 {
}
#c675 {
}
#c389 {
	display: none;
}
#c617 {
}
#c681 {
}
#c682 {
}
#c683 {
}
#c684 {
}
#c685 {
}
#c686 {
}
#c670 {
}
#c672 {
}
#c640 {
}
#c640 {
}
#c671 {
}
#c593 {
}
#c687 {
}
#c688 {
	width: 100%;
}
#c690 {
	width: 100%;
}
#c691 {
	width: 100%;
}
#c594 {
}
#c692 {
}
#c693 {
}
#c695 {
}
#c696 {
}
#c694 {
}
#c699 {
}
#c697 {
	width: 100%;
}
#c698 {
	width: 100%;
	height: auto;
}
#c700 {
}
#c680 {
	width: 100%;
}
#c680 {
}
}