.main-contents {
		max-width: 1060px;
}

.main-contents .main-visual h2 {
		padding-bottom: 20px;
}

.main-contents .begining-area {
		position: relative;
		padding-bottom: 115px;
}

@media screen and (max-width: 750px) {
		.main-contents .begining-area {
				padding-bottom: 0;
		}
}

.main-contents .begining-area .contents-txt {
		font-size: 20px;
		color: #000;
		text-align: center;
}

@media screen and (max-width: 750px) {
		.main-contents .begining-area .contents-txt {
				font-size: 12px;
		}
}

.main-contents .begining-area .contents-txt a {
		color: #0563c1;
}

.main-contents .begining-area .special_banner {
		display: block;
		position: absolute;
		right: 40px;
		bottom: 10px;
		font-size: 12px;
		width: 210px;
}
.main-contents .begining-area .special_banner2{
	right: 280px;
}
@media screen and (max-width: 750px) {
		.main-contents .begining-area .special_banner {
				position: static;
				margin: 30px auto;
				width: 80%;
		}
		.main-contents .begining-area .special_banner2{
				height:220px;
				width: 80%;
			}
		.main-contents .begining-area .special_banner2 iframe{
				height:220px;
				width:100%;
			}
}

.main-contents .begining-area .special_banner img {
		width: 100%;
}

.main-contents .begining-area .special_banner .stxt {
		padding: 2px 0 1px 10px;
		background: url(/common/img/icon-cursor.png) no-repeat 0 center;
}

.main-contents .main-inner {
		width: 980px;
		margin: 0 auto;
}

@media screen and (max-width: 750px) {
		.main-contents .main-inner {
				width: 100%;
		}
}

.main-contents .main-inner .contents-txt {
		font-size: 18px;
		color: #000;
}

@media screen and (max-width: 750px) {
		.main-contents .main-inner .contents-txt {
				font-size: 10px;
				text-align: center;
		}
}

.main-contents .main-inner .select-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
}

@media screen and (max-width: 750px) {
		.main-contents .main-inner .select-wrap {
				display: block;
		}
}

.main-contents .main-inner .select-wrap select {
		display: none;
}

.main-contents .main-inner .select-wrap .select_box {
		position: relative;
		width: 468px;
}

@media screen and (max-width: 750px) {
		.main-contents .main-inner .select-wrap .select_box {
				width: 80%;
				margin: 0 auto;
		}
}

.main-contents .main-inner .select-wrap .select_showbox {
		background: #00b551 url("select_i.png") no-repeat center right;
		color: #fff;
		font-size: 16px;
		width: 100%;
		height: 42px;
		line-height: 42px;
		border: none;
		text-indent: 10px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
}

@media screen and (max-width: 750px) {
		.main-contents .main-inner .select-wrap .select_showbox {
				font-size: 12px;
				margin: 0 auto;
				height: 23px;
				line-height: 23px;
				text-indent: 6px;
				display: block;
				background: #00b551 url("../img/select_i.png") no-repeat top right;
				background-size: contain;
		}
}

.main-contents .main-inner .select-wrap .select_option {
		position: absolute;
		width: 100%;
		display: none;
		z-index: 10;
		max-height: 300px;
}

.main-contents .main-inner .select-wrap .select_option li {
		background: #000;
		color: #fff;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
		border-bottom: 1px solid #fff;
		padding: 0 10px;
}

@media screen and (max-width: 750px) {
		.main-contents .main-inner .select-wrap .select_option li {
				height: auto;
				line-height: 1.5;
				font-size: 12px;
				padding: 0 5px;
				box-sizing: border-box;
		}
}

.main-contents .main-inner .select-wrap .select_option li.selected {
		background: #003518;
}

.main-contents .main-inner .select-wrap .select_option li.hover {
		background: #003518;
}

@media screen and (max-width: 750px) {
		.main-contents .main-inner .select-wrap img {
				display: block;
				margin: 5px auto;
				width: 8px;
		}
}

.pic-wrap {
		margin-top: 65px;
		margin-bottom: 25px;
}

.pic-wrap a {
		display: block;
		float: left;
		width: 230px;
		margin-right: 20px;
		margin-bottom: 20px;
}

.pic-wrap a:nth-child(4n) {
		margin-right: 0;
}

.pic-wrap a .img {
		overflow: hidden;
		width: 230px;
		height: 230px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
}

.pic-wrap a .img img {
		width: 100%;
		transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
}

.pic-wrap a:hover .img img {
		transform: scale(1.1);
}

.pic-wrap a > p {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.7;
		text-decoration: underline;
		color: #333;
		height: 48px;
}

.pic-wrap a > p .new {
		color: #c90000;
}

.pic-wrap a:hover {
		text-decoration: none;
}

.pic-wrap a:hover p {
		text-decoration: none;
}

.white-popup {
		position: relative;
		background: transparent;
		width: auto;
		max-width: 1200px;
		margin: 30px auto;
		color: #fff;
}

.white-popup .hd span {
		display: block;
		font-size: 14px;
		color: #999;
}

.white-popup .hd span b {
		font-weight: normal;
		font-size: 18px;
		color: #fff;
		margin-left: 15px;
}

.white-popup .hd h3 {
		font-weight: normal;
		font-size: 28px;
		color: #fff;
		line-height: 1;
		margin-top: 20px;
}

.white-popup .bd {
		margin-top: 40px;
}

.white-popup .bd .lt {
		float: left;
		width: calc(100% - 285px - 35px);
		text-align: center;
}

.white-popup .bd .lt .img {
		width: 100%;
}

.white-popup .bd .lt .img img {
		width: 100%;
}

.white-popup .bd .lt .img.w50 img {
		width: 50%;
}

.white-popup .bd .lt .img.w65 img {
		width: 65%;
}

.white-popup .bd .lt .img.w70 img {
		width: 70%;
}

.white-popup .bd .lt .img.w80 img {
		width: 80%;
}

.white-popup .bd .lt .img.w90 img {
		width: 90%;
}

.white-popup .bd .lt .text {
		font-size: 14px;
		line-height: 28px;
		margin-top: 12px;
		text-align: left;
}

.white-popup .bd .lt .readmore-js-toggle {
		font-size: 14px;
		line-height: 28px;
		color: #fff;
		text-decoration: underline;
}

.white-popup .bd .lt .readmore-js-toggle:hover {
		text-decoration: none;
}

.white-popup .bd .rt {
		float: right;
		width: 285px;
}

.white-popup .bd .rt .theme {
		text-align: left;
		margin-top: -20px;
		font-size: 14px;
		margin-bottom: 5px;
}

@media screen and (max-width: 750px) {
		.white-popup .bd .rt .theme {
				margin-top: 0px;
		}
}

.white-popup .bd .rt ul li {
		border-bottom: 1px solid #444;
		overflow: hidden;
		line-height: 1.4;
		font-size: 12px;
		padding: 12px 0;
}

.white-popup .bd .rt ul li span {
		float: left;
		width: 50%;
		color: #999;
}

.white-popup .bd .rt ul li p {
		float: right;
		width: 50%;
		color: #fff;
}

.mfp-bg {
		opacity: .9;
		background: #000;
		z-index: 2042;
}

.mfp-wrap {
		z-index: 2043;
}

.mfp-close-btn-in .mfp-close {
		color: #fff;
		font-size: 40px;
		opacity: .9;
}

@media screen and (max-width: 750px) {
		.info {
				font-size: 12px;
		}
		.pic-wrap {
				margin-top: 5%;
				margin-bottom: 3%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				-webkit-justify-content: space-between;
				-ms-justify-content: space-between;
				justify-content: space-between;
				-webkit-align-items: center;
				align-items: center;
		}
		.pic-wrap a {
				display: block;
				float: none;
				width: 50%;
				margin-right: 0;
				padding: 0 1%;
				margin-bottom: 2%;
				box-sizing: border-box;
		}
		.pic-wrap a:nth-child(4n) {
				margin-right: 0;
		}
		.pic-wrap a .img {
				overflow: hidden;
				width: 100%;
				height: auto;
				display: block;
		}
		.pic-wrap a .img img {
				transition: all .8s ease 0s;
				-moz-transition: all .8s ease 0s;
				-webkit-transition: all .8s ease 0s;
				-o-transition: all .8s ease 0s;
		}
		.pic-wrap a:hover .img img {
				transform: scale(1.1);
		}
		.pic-wrap a > p {
				text-align: center;
				font-size: 12px;
				line-height: 1.92;
				text-decoration: underline;
		}
		.pic-wrap a:hover {
				text-decoration: none;
		}
		.pic-wrap a:hover p {
				text-decoration: none;
		}
		.white-popup {
				position: relative;
				background: transparent;
				width: 100%;
				max-width: none;
				margin: 0 auto;
				color: #fff;
		}
		.white-popup .hd {
				padding-top: 15%;
		}
		.white-popup .hd span {
				display: block;
				font-size: 9px;
				color: #999;
		}
		.white-popup .hd span b {
				font-weight: normal;
				font-size: 12px;
				color: #fff;
				margin-left: 5%;
		}
		.white-popup .hd h3 {
				font-weight: normal;
				font-size: 16px;
				color: #fff;
				line-height: 1;
				margin-top: 2%;
		}
		.white-popup .bd {
				margin-top: 4%;
		}
		.white-popup .bd .lt {
				float: none;
				width: 100%;
		}
		.white-popup .bd .lt .img {
				width: 100%;
		}
		.white-popup .bd .lt .img img {
				width: 100%;
		}
		.white-popup .bd .lt .text {
				font-size: 12px;
				line-height: 1.67;
				margin-top: 2%;
		}
		.white-popup .bd .lt .readmore-js-toggle {
				font-size: 12px;
				line-height: 1.67;
				color: #fff;
				text-decoration: underline;
		}
		.white-popup .bd .lt .readmore-js-toggle:hover {
				text-decoration: none;
		}
		.white-popup .bd .rt {
				float: none;
				width: 100%;
		}
		.white-popup .bd .rt ul li {
				border-bottom: 1px solid #444;
				overflow: hidden;
				line-height: 1;
				padding: 4% 0;
				font-size: 12px;
		}
		.white-popup .bd .rt ul li span {
				float: left;
				width: 50%;
				color: #999;
		}
		.white-popup .bd .rt ul li p {
				float: right;
				width: 50%;
				color: #fff;
		}
		.mfp-bg {
				opacity: .9;
				background: #000;
				z-index: 2042;
		}
		.mfp-wrap {
				z-index: 2043;
		}
		.mfp-close-btn-in .mfp-close {
				color: #fff;
				font-size: 40px;
				opacity: .9;
		}
}

/*# sourceMappingURL=style2.css.map */