/*=== reset css boostrap ===*/
body {background: #EFEAD2; position: relative;}
ul {margin: 0; padding: 0; list-style: none;}
ol {margin: 0; padding: 0;}
a, img, i {transition: 0.25s; outline: none;}
a {color: #25a0db; font-size: 14px; line-height: 1.5;}
a:hover, a:focus {text-decoration: none; color: #000; opacity: 0.65;}
p {margin-bottom: 0; font-size: 16px; line-height: 1.5; color: #595959; word-wrap: break-word;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; line-height: normal; font-weight: bold;}
h1 {font-size: 24px; color: #fff;}
h2 {font-size: 20px;}
img {max-width: 100%;}
h2 {font-size: 30px; text-align: center; padding: 0; margin-bottom: 40px;}
.content {width: 100%; max-width: 1040px; margin: 0 auto;}
.fWidth {width: 100%; overflow: hidden;}
.fWidth .row {margin-left: 0; margin-right: 0;}
.fWidth .row div[class*='col'] {padding-left: 0; padding-right: 0;}
/*=== reset css boostrap ===*/

/*=== header $ footer ===*/
#header {position: relative; background: url(../img/banner.png) no-repeat center bottom; background-size: cover; padding-bottom: 90px; margin-bottom: 90px;}
#header .content {padding: 0 15px;}
#header h1 {
	text-align: center;
	font-size: 66px;
	font-family: YuMincho;
	color: #007D00;
	text-shadow: -2px -2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, 2px 2px 2px #fff,
		-2px -2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, 2px 2px 2px #fff;
	position: absolute;
	width: 100%;
	left: 0;
	-webkit-transform: rotate(-6deg) translateY(-50%);
	-moz-transform: rotate(-6deg) translateY(-50%);
	-moz-transform: rotate(-6deg) translateY(-50%);
	-o-transform: rotate(-6deg) translateY(-50%);
	transform: rotate(-6deg) translateY(-50%);
}
#header h1 span {display: block; font-size: 50px;}
#header h2 {
	font-size: 35px;
	font-family: YuMincho;
	margin: 0;
	color: #7A5235;
	text-shadow: -2px -2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, 2px 2px 2px #fff,
		-2px -2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, 2px 2px 2px #fff;
}
#header .logo {color: #916B1B; font-size: 21px; text-align: center; display: inline-block;}
#header .logo img {width: 100%; max-width: 430px; display: block;}
.sEff {opacity: 1; top: 50%; animation: FadeIn 1s ease-in-out;}
.fEff {opacity: 1; animation: FadeIn1 1s ease-in-out;}
.icHead {position: absolute; left: 50%; bottom: -125px; z-index: 2;}
#footer {padding-top: 80px; background: #fff; position: relative;}
#footer .fWidth {background: url(../img/bg3.png) repeat center top; padding: 40px 0 30px;}
#footer .logo {display: block; max-width: 450px; margin-bottom: 40px;}
#footer h4, #footer p {color: #1A673B;}
#footer h4 {font-size: 23px; margin-bottom: 20px;}
#footer p {font-size: 19px; margin-bottom: 30px;}
#footer .btnCont {
	background: #F4AE23;
	font-size: 29px;
	color: #fff;
	border-radius: 18px;
	border: solid 1px #BE8920;
	display: inline-block;
	padding: 2px 50px;
	text-shadow: -1px -1px 1px rgba(114, 51, 0, 0.85), 1px -1px 1px rgba(114, 51, 0, 0.85), -1px 1px 1px rgba(114, 51, 0, 0.85), 1px 1px 1px rgba(114, 51, 0, 0.85);
}
#footer .logo.spShow {display: none;}
.foImg {position: absolute; left: 0; bottom: 0;}
.copyright {color: #fff; background: #1A673B; padding: 10px; text-align: center;}
.backTop {background: #1A673B; font-size: 24px; padding: 5px; color: #fff; text-align: center; display: block; cursor: pointer;}
.backTop img {margin-left: 30px; vertical-align: -1px;}
.backTop:hover {color: #fff;}
/*=== header $ footer ===*/

/*=== main ===*/
.des {max-width: 1040px; padding: 0 15px; margin: 0 auto;}
.des .content {background: url(../img/bg4.png) repeat center top; padding: 30px 60px; border-radius: 30px; box-shadow: 0 0 2px #ccc;, 0 0 2px #ccc;, 0 0 2px #ccc;}
.coRed {color: #9B0000; font-weight: bold; font-size: 22px;}
h2.tit1, h2.tit2, h2.tit3, h2.tit4 {color: #fff; text-shadow: -1px -1px 1px #000; font-size: 54px; line-height: 54px; display: block; padding: 23px 0;}
h2.tit1 {background: url(../img/bg_a.jpg) no-repeat center left,
		url(../img/bg_b.jpg) no-repeat center right,
		url(../img/bg_c.jpg) repeat-x center left;}
h2.tit2 {background: url(../img/bg_a2.jpg) no-repeat center left,
		url(../img/bg_b2.jpg) no-repeat center right,
		url(../img/bg_c2.jpg) repeat-x center left;}
h2.tit3 {background: url(../img/bg_a3.jpg) no-repeat center left,
		url(../img/bg_b3.jpg) no-repeat center right,
		url(../img/bg_c3.jpg) repeat-x center left;}
h2.tit4 {background: url(../img/bg_a4.jpg) no-repeat center left,
		url(../img/bg_b4.jpg) no-repeat center right,
		url(../img/bg_c4.jpg) repeat-x center left;}
.pItem {position: relative; z-index: 1; margin-bottom: 140px;}
.pItem h3 {padding: 40px 0 40px 170px; margin-top: 90px; line-height: 40px; color: #007D00; font-family: YuMincho; font-size: 40px; background: url(../img/icon.png) no-repeat center left;}
.pItem:nth-child(even) img {float: right;}
.pItem .col-xs-8 p {padding: 10px 0 0 100px; font-size: 17px; font-weight: bold; text-align: justify;}
.pItem .col-xs-8 {padding-top: 10%;}
.pItem:after {
	content: "";
	width: 100%;
	height: 95%;
	background: #F8F7E2;
	border-radius: 18px;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 10%;
}
.pItem:nth-child(even):after {
	-webkit-transform: skewY(-4deg);
	-moz-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	-o-transform: skewY(-4deg);
	transform: skewY(-4deg);
}
.pItem:nth-child(odd):after {
	-webkit-transform: skewY(4deg);
	-moz-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	-o-transform: skewY(4deg);
	transform: skewY(4deg);
}
.pItem:nth-child(even) h3 {margin-left: -25px;}
.icon01:before {content: ""; width: 246px; height: 156px; background: url(../img/icon00.png) no-repeat center center; background-size: cover; position: absolute; bottom: -55%; right: -5%;}
.icon02:before {content: ""; width: 195px; height: 199px; background: url(../img/icon01.png) no-repeat center center; background-size: cover; position: absolute; bottom: -55%; left: -20%;}
.btnSty a {
	color: #fff;
	background: url(../img/bg_d.jpg) repeat-x center left;
	background-size: auto 100%;
	display: block;
	font-size: 50px;
	line-height: 50px;
	padding: 10px 0;
	border-radius: 17px;
	text-align: center;
	border: solid 3px #B70023;
	position: relative;
	text-shadow: -1px -1px 1px rgba(114, 51, 0, 0.85), 1px -1px 1px rgba(114, 51, 0, 0.85), -1px 1px 1px rgba(114, 51, 0, 0.85), 1px 1px 1px rgba(114, 51, 0, 0.85);
}
.btnSty a:before {
	content: "\f054";
	font-family: 'FontAwesome';
	color: #fff;
	font-size: 40px;
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-shadow: -1px -1px 1px rgba(114, 51, 0, 0.85), 1px -1px 1px rgba(114, 51, 0, 0.85), -1px 1px 1px rgba(114, 51, 0, 0.85), 1px 1px 1px rgba(114, 51, 0, 0.85);
}
.btnSty {position: relative;}
.btnSty.ic:before {content: ""; width: 217px; height: 84px; background: url(../img/icon02.png) no-repeat center center; background-size: cover; position: absolute; top: 40%; left: -7%;}
.btnSty.ic:after {content: ""; width: 246px; height: 147px; background: url(../img/icon03.png) no-repeat center center; background-size: cover; position: absolute; bottom: 0; right: -5%;}
.bg2 {background: #E1D6A9;}
.bg3 {background: #fff;}
h3.tit {font-size: 40px; color: #007D00; text-align: center;}
h2.tit5 {
	width: 100%;
	color: #007D00;
	font-size: 40px;
	line-height: 44px;
	margin-bottom: 0;
	text-shadow: -3px -3px 3px #fff, 3px -3px 3px #fff, -3px 3px 3px #fff, 3px 3px 3px #fff;
}
.ic_bg {position: relative; z-index: 4;}
.ic_bg:before, .ic_bg:after {
	content: "";
	width: 242px;
	height: 220px;
	position: absolute;
	z-index: -1;
	margin-top: -15px;
	background-size: cover;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ic_bg:before {background: url(../img/icon04.png) no-repeat center center; left: -5%;}
.ic_bg:after {background: url(../img/icon05.png) no-repeat center center; right: -5%;}
.info {overflow: hidden;}
.info .item {line-height: 30px; font-size: 20px; margin-bottom: 60px;}
.info .item p {line-height: 30px; font-size: 20px;}
.mVoices .item {
	background: url(../img/bg2.png) no-repeat center center;
	background-size: cover;
	border-radius: 15px;
	padding: 40px 25px;
	min-height: 384px;
	margin-bottom: 40px;
}
.mVoices .item p {font-size: 20px; line-height: 30px;}
.mVoices .item h5 {font-size: 60px; line-height: 68px; text-align: center; font-weight: normal; padding: 15px 0;}
.flagTit {
	background: #72234F;
	position: relative;
	color: #fff;
	max-width: 390px;
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 24px;
	padding: 13px 15px 13px 0;
	font-weight: normal;
	margin-left: -25px;
}
.flagTit:before {content: url(../img/flag2.png); position: absolute; top: -7px; left: -19px;}
.flagTit:after {content: url(../img/flag.png); position: absolute; top: 0; right: -37px;}
/*=== main ===*/

/*=== effect ===*/
.button {
	-webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	display: block;
	margin: 20px auto;
	padding: 20px 30px;
	cursor: pointer;
	text-align: center;
}
.fade {
	opacity: 0;
	transition: 0.5s;
	-webkit-transform: translate(-50%, 10%);
	-moz-transform: translate(-50%, 10%);
	-ms-transform: translate(-50%, 10%);
	-o-transform: translate(-50%, 10%);
	transform: translate(-50%, 10%);
}
.fade.non {
	opacity: 1;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.ifade {
	opacity: 0;
	transition: 0.5s;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
}
.ifade.non {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.fly_l {
	opacity: 0;
	transition: 0.5s;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.fly_l.non {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fly_r {
	opacity: 0;
	transition: 0.5s;
	-webkit-transform: translate(50%, 0);
	-moz-transform: translate(50%, 0);
	-ms-transform: translate(50%, 0);
	-o-transform: translate(50%, 0);
	transform: translate(50%, 0);
}
.fly_r.non {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
@keyframes FadeIn {
	0% {opacity: 0; height: initial; top: 0;}
	50% {opacity: 0; height: initial;}
	100% {opacity: 1; height: initial; top: 50%;}
}
@-webkit-keyframes FadeIn {
	0% {opacity: 0; height: initial; top: 0;}
	50% {opacity: 0; height: initial;}
	100% {opacity: 1; height: initial; top: 50%;}
}
@-moz-keyframes FadeIn {
	0% {opacity: 0; height: initial; top: 0;}
	50% {opacity: 0; height: initial;}
	100% {opacity: 1; height: initial; top: 50%;}
}
@keyframes FadeIn1 {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes FadeIn1 {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes FadeIn1 {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
/*=== effect ===*/

/*=== common ===*/
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.fLeft {float: left;}
.fRight {float: right;}
.verCenter {display: flex; justify-content: center; flex-direction: column;}
.imgCenter {display: block; margin: 0 auto;}

/* margin */
.mb0 {margin-bottom: 0;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb100 {margin-bottom: 100px;}

/* padding */
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt80 {padding-top: 80px;}
.pt100 {padding-top: 100px;}

.pb80 {padding-bottom: 80px;}
.pl40 {padding-left: 40px;}
.pr40 {padding-right: 40px;}
/* font */
.f18 {font-size: 18px;}

/* line */
.l38 {line-height: 38px;}
/*=== common ===*/