/*[ FONT SIZE ]
///////////////////////////////////////////////////////////
*/
.fs-6 {font-size: 6px;}
.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-28 {font-size: 28px;}
.fs-30 {font-size: 30px;}
.fs-36 {font-size: 36px;}
.fs-38 {font-size: 38px;}
.fs-42 {font-size: 42px;}
.fs-45 {font-size: 45px;}
.fs-48 {font-size: 48px;}
.fs-50 {font-size: 50px;}

.fw-b {font-weight:bold;}
.fw-500 {font-weight:500;}
.fw-700 {font-weight:700;}
.fw-n {font-weight:normal;}


/*[ PADDING ]
///////////////////////////////////////////////////////////
*/
.p-t-10 {padding-top: 10px;}
.p-t-20 {padding-top: 20px;}
.p-t-30 {padding-top: 30px;}
.p-t-50 {padding-top: 50px;}
.p-t-70 {padding-top: 70px;}
.p-t-80 {padding-top: 80px;}
.p-t-100 {padding-top: 100px;}
.p-t-120 {padding-top: 120px;}
.p-t-150 {padding-top: 150px;}
.p-t-150 {padding-top: 180px;}
.p-t-200 {padding-top: 200px;}

.p-b-10 {padding-bottom: 10px;}
.p-b-20 {padding-bottom: 20px;}
.p-b-30 {padding-bottom: 30px;}
.p-b-50 {padding-bottom: 50px;}
.p-b-70 {padding-bottom: 70px;}
.p-b-80 {padding-bottom: 80px;}
.p-b-100 {padding-bottom: 100px;}
.p-b-120 {padding-bottom: 120px;}
.p-b-150 {padding-bottom: 150px;}
.p-b-180 {padding-bottom: 180px;}
.p-b-200 {padding-bottom: 200px;}

.p-l-10 {padding-left: 10px;}
.p-l-20 {padding-left: 20px;}
.p-l-30 {padding-left: 30px;}
.p-l-50 {padding-left: 50px;}
.p-l-70 {padding-left: 70px;}
.p-l-80 {padding-left: 80px;}
.p-l-100 {padding-left: 100px;}
.p-l-120 {padding-left: 120px;}
.p-l-150 {padding-left: 150px;}
.p-l-180 {padding-left: 180px;}
.p-l-200 {padding-left: 200px;}

.p-r-10 {padding-right: 10px;}
.p-r-20 {padding-right: 20px;}
.p-r-30 {padding-right: 30px;}
.p-r-50 {padding-right: 50px;}
.p-r-70 {padding-right: 70px;}
.p-r-80 {padding-right: 80px;}
.p-r-100 {padding-right: 100px;}
.p-r-120 {padding-right: 120px;}
.p-r-150 {padding-right: 150px;}
.p-r-180 {padding-right: 180px;}
.p-r-200 {padding-right: 200px;}


.p-lr-20 {padding:0 20px;} 
.p-lr-30 {padding:0 30px;} 
.p-lr-50 {padding:0 50px;} 

/*[ MARGIN ]
///////////////////////////////////////////////////////////
*/
.m-t-00 {margin-top: 0;}
.m-t-10 {margin-top: 10px;}
.m-t-20 {margin-top: 20px;}
.m-t-30 {margin-top: 30px;}
.m-t-50 {margin-top: 50px;}
.m-t-70 {margin-top: 70px;}
.m-t-80 {margin-top: 80px;}
.m-t-100 {margin-top: 100px;}
.m-t-120 {margin-top: 120px;}
.m-t-150 {margin-top: 150px;}
.m-t-150 {margin-top: 180px;}
.m-t-200 {margin-top: 200px;}

.m-b-10 {margin-bottom: 10px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-30 {margin-bottom: 30px;}
.m-b-50 {margin-bottom: 50px;}
.m-b-60 {margin-bottom: 60px;}
.m-b-70 {margin-bottom: 70px;}
.m-b-80 {margin-bottom: 80px;}
.m-b-100 {margin-bottom: 100px;}
.m-b-120 {margin-bottom: 120px;}
.m-b-150 {margin-bottom: 150px;}
.m-b-180 {margin-bottom: 180px;}
.m-b-200 {margin-bottom: 200px;}

.m-l-10 {margin-left: 10px;}
.m-l-20 {margin-left: 20px;}
.m-l-30 {margin-left: 30px;}
.m-l-40 {margin-left: 40px;}
.m-l-50 {margin-left: 50px;}
.m-l-60 {margin-left: 60px;}
.m-l-70 {margin-left: 70px;}
.m-l-80 {padding-left: 80px;}
.m-l-100 {margin-left: 100px;}
.m-l-120 {margin-left: 120px;}
.m-l-150 {margin-left: 150px;}
.m-l-180 {margin-left: 180px;}
.m-l-200 {margin-left: 200px;}

.m-r-10 {margin-right: 10px;}
.m-r-20 {margin-right: 20px;}
.m-r-30 {margin-right: 30px;}
.m-r-50 {margin-right: 50px;}
.m-r-60 {margin-right: 60px;}
.m-r-70 {margin-right: 70px;}
.m-r-80 {margin-right: 80px;}
.m-r-100 {margin-right: 100px;}
.m-r-120 {margin-right: 120px;}
.m-r-150 {margin-right: 150px;}
.m-r-180 {margin-right: 180px;}
.m-r-200 {margin-right: 200px;}

.m-l-r-auto {margin-left: auto;	margin-right: auto;}
.m-lr0-auto {margin: 0 auto;}
.m-lr20-auto {margin: 20px auto;}
.m-lr30-auto {margin: 30px auto;}
.m-lr50-auto {margin: 50px auto;}
.m-lr100-auto {margin: 100px auto;}
.m-l-auto {margin-left: auto;}
.m-r-auto {margin-right: auto;}

.m-10 {margin: 10px;}
.m-l--6 {margin-left: -6px;}

.m-t--20 {margin-top: -20px;}

.m-000-auto {margin:0 0 0 auto;}

/*[ TEXT ]
///////////////////////////////////////////////////////////
*/

/* ------------------------------------ */
.t-center {text-align: center;}
.t-left {text-align: left;}
.t-right {text-align: right;}
/*.t-middle {vertical-align: middle;}*/

/* ------------------------------------ */
.lh-1-2 {line-height: 1.2;}
.lh-1-5 {line-height: 1.5;}
.lh-1-6 {line-height: 1.6;}
.lh-1-7 {line-height: 1.7;}
.lh-1-8 {line-height: 1.8;}
.lh-2-0 {line-height: 2.0;}

/*[ Display ]
-----------------------------------------------------------
*/
.dis-none {display: none;}
.dis-block {display: block;}
.dis-inline {display: inline;}
.dis-inline-block {display: inline-block;}
.dis-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
/**/
.dis-inline-table {display:inline-table;}
.dis-table-cell {display:table-cell;}

/*[ Position ]
-----------------------------------------------------------
*/
.pos-relative {position: relative;}
.pos-absolute {position: absolute;}
.pos-fixed {position: fixed;}

/*[ float ]
-----------------------------------------------------------
*/
.float-l {float: left;}
.float-r {float: right;}


/*[ Width & Height ]
-----------------------------------------------------------
*/
.sizefull {
	width: 100%;
	height: 100%;
}
.w-full {width: 100%;}
.h-full {height: 100%;}
.max-w-full {max-width: 100%;}
.max-h-full {max-height: 100%;}
.min-w-full {min-width: 100%;}
.min-h-full {min-height: 100%;}

/*2021-02*/
@media (max-width: 768px) {
.sizefull {
	width: 100%;
}	
}

/*[ Top Bottom Left Right ]
-----------------------------------------------------------
*/
.top-0 {top: 0;}
.bottom-0 {bottom: 0;}
.left-0 {left: 0;}
.right-0 {right: 0;}

.top-auto {top: auto;}
.bottom-auto {bottom: auto;}
.left-auto {left: auto;}
.right-auto {right: auto;}


/*[ Opacity ]
-----------------------------------------------------------
*/
.op-0-0 {opacity: 0;}
.op-0-3 {opacity: 0.3;}
.op-0-5 {opacity: 0.5;}
.op-0-8 {opacity: 0.8;}
.op-1-0 {opacity: 1;}

/*[ Wrap Picture ]
-----------------------------------------------------------
*/
.wrap-pic-w img {width: 100%;}
.wrap-pic-max-w img {max-width: 100%;}
.wrap-pic-h img {height: 100%;}
.wrap-pic-max-h img {max-height: 100%;}

/*[ Transition ]
-----------------------------------------------------------
*/
.trans-0-1 {
	-webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.trans-0-2 {
	-webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.trans-0-3 {
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.trans-0-4 {
	-webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.trans-0-5 {
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.trans-0-6 {
	-webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.trans-0-9 {
	-webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
}
.trans-1-0 {
	-webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

/*[ Layout ]
///////////////////////////////////////////////////////////
*/


/*[ Flex ]
-----------------------------------------------------------
*/
/* ------------------------------------ */
.flex-w {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* ------------------------------------ */
.flex-l {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
}

.flex-r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

.flex-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.flex-sa {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
}

.flex-sb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

/* ------------------------------------ */
.flex-t {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.flex-b {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.flex-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.flex-str {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: stretch;
	align-items: stretch;
}

/* ------------------------------------ */
.flex-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

.flex-row-rev {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.flex-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

.flex-col-rev {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

/* ------------------------------------ */
.flex-c-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.flex-c-t {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.flex-c-b {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.flex-c-str {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: stretch;
	align-items: stretch;
}

.flex-l-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}

.flex-r-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
}

.flex-sa-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	-ms-align-items: center;
	align-items: center;
}

.flex-sb-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

/* ------------------------------------ */
.flex-col-l {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.flex-col-r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.flex-col-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
}

.flex-col-l-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
	justify-content: center;
}

.flex-col-r-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-end;
	align-items: flex-end;
	justify-content: center;
}

.flex-col-c-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

.flex-col-str {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: stretch;
	align-items: stretch;
}

.flex-col-sb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
}

/* ------------------------------------ */
.flex-col-rev-l {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.flex-col-rev-r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.flex-col-rev-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-align-items: center;
	align-items: center;
}

.flex-col-rev-str {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-align-items: stretch;
	align-items: stretch;
}

/*[ Absolute ]
-----------------------------------------------------------
*/
.ab-c-m {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ab-c-t {
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
  	-moz-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ab-c-b {
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
  	-moz-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ab-l-m {
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ab-r-m {
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ab-t-l {
	position: absolute;
	left: 0px;
	top: 0px;
}

.ab-t-r {
	position: absolute;
	right: 0px;
	top: 0px;
}

.ab-b-l {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.ab-b-r {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/*[ Color ]
-----------------------------------------------------------
*/
.color0 {color: #;}
.color1 {color: #;}
.color2 {color: #;}
.color3 {color: #;}

.clr-w {color: #fff;}
.clr-k {color: #000;}
.clr-g6 {color: #666;}
.clr-g9 {color: #999;}

/*[ Background Color ]
-----------------------------------------------------------
*/
.bg-gry {background-color: #F0F4F7;}
.bg-pgrn {background-color: #E6F0D6;}
.bg-pgrn2 {background-color: #eef6e8;}
.bg-ppnk {background-color: #F8EDEE;}
.bg-b-grn { background:url(../common/bird-bg.jpg) no-repeat center center;}
.bg-f-pnk { background:url(../common/flw-bg.jpg) no-repeat center center;}

.bg0-hov:hover {background-color: #4c7f36;}
.bg-overlay {background-color: rgba(0,0,0,0.35);}

/*[ Color Box ]
-----------------------------------------------------------
*/
.box-bg-grn {
	display:block;
	width:80%;
	background-color:#c4d89b;
	padding:10px;
	border-radius:10px;
	margin:20px 0;
}
@media (max-width:1024px) {
.box-bg-grn {
	width:100%;
  }
}
.va-top {vertical-align:top;}
.va-mdl {vertical-align:middle;}
.va-stl {vertical-align:central;}

/*[ Border ]
-----------------------------------------------------------
*/
.bo1 {border: 1px solid #;}
.bo2 {border: 2px solid #;}


/* ------------------------------------ */
.bo-rad-2 {border-radius: 2px;} 
.bo-rad-3 {border-radius: 3px;} 
.bo-rad-5 {border-radius: 5px;} 
.bo-rad-7 {border-radius: 7px;} 
.bo-rad-10 {border-radius: 10px;} 

/*[ img ]
-----------------------------------------------------------
*/
.img80 { width:100%;}

@media (max-width: 992px) {
.img80 { width:80%; margin:0 auto;}
}

/*=========================================================
BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON
=========================================================*/

.btn-gry-border a {
  display: inline-block;
  padding: 0.5em 3em;
  font-size:18px;
  font-weight:700;
  text-decoration: none;
  color: #8f929f;
  border: solid 3px #8f929f;
  border-radius: 30px;
  transition: .4s;
}
.btn-gry-border a:hover {
background: #8f929f; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #8f929f 0%, #4c7f36 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #8f929f 0%,#4c7f36 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #8f929f 0%,#4c7f36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f929f', endColorstr='#4c7f36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: white;
}
.btn-grn-border a {
  display: inline-block;
  padding: 0.5em 3em;
  font-size:18px;
  font-weight:700;
  text-decoration: none;
  color: #2AA738;
  border: solid 3px #2AA738;
  border-radius: 30px;
  transition: .4s;
}
.btn-grn-border a:hover {
background: #2AA738; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #2AA738 0%, #4c7f36 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #2AA738 0%,#4c7f36 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #2AA738 0%,#4c7f36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2AA738', endColorstr='#4c7f36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: white;
}
.btn-org-border a {
  display: inline-block;
  padding: 0.5em 3em;
  font-size:18px;
  font-weight:700;
  text-decoration: none;
  color: #DD5319;
  border: solid 3px #DD5319;
  border-radius: 30px;
  transition: .4s;
}
.btn-org-border a:hover {
background: #DD5319; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #DD5319 0%, #EEB032 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #DD5319 0%,#EEB032 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #DD5319 0%,#EEB032 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD5319', endColorstr='#EEB032',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: white;
}

@media (max-width: 768px) {
.btn-gry-border a, .btn-grn-border a, .btn-org-border a {
	font-size:15px;
}
}

/*=========================================================
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
=========================================================*/
/*[ 2021-07 ]
-----------------------------------------------------------
*/
.txt-italic {
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:110%;
}


/*-----------------------------------------------------------*/


/*[ Title ]
-----------------------------------------------------------
*/
.tit1-pl-w {
	font-weight: 700;
	font-size: 45px;
	line-height: 1.6;
	color: white;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);
}
.tit2-pl-w {
	font-weight: 700;
	font-size: 25px;
	line-height: 1.6;
	color: white;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);
}
.tit3-bd-grn {
	display: inline-block;
	font-size:32px;
	font-weight:700;
	color:#2AA738;
	line-height:1.3;
	border-bottom:dotted 5px #DD5319;
	padding:0 20px 3px;
	transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
}
.tit4-fl-org {
	display: inline-block;
	font-size:32px;
	font-weight:700;
	color:#DD5319;
	line-height:1.3;
	border-bottom:dotted 5px #2AA738;
	padding:50px 20px 3px;
	transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
}
.tit5-bage {
	font-weight: 700;
	font-size: 50px;
	line-height: 1.2;
	color: white;
	letter-spacing: 10px;
	word-spacing: 10px;
	text-shadow:0px 0px 5px #111111;
}
.tit6-mds {
	font-weight: 700;
	font-size: 36px;
	line-height: 1.4;
	margin-bottom:50px;
}
.tit7-mds {
	font-weight: 700;
	font-size: 28px;
	line-height: 1.4;
}
.tit8-grn {
	font-size:32px;
	font-weight:700;
	color:#2AA738;
	line-height:1.3;
}
.tit9-org {
	font-size:32px;
	font-weight:700;
	color:#DD5319;
	line-height:1.3;
}
.tit10-bg-grn {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding:7px 0;
  width: 100%;
  border-radius:30px;
  color: #fff;
  font-size: 28px;
  letter-spacing:0.2em;
  font-weight:bold;
  text-align:center;
  background: #2AA738;
}
.tit11-mds-ulg {
	font-size:28px;
	font-weight:bold;
	letter-spacing:0.2em;
	border-bottom:dotted 3px #2AA738;
	padding:10px 0;
	margin-bottom:50px;
}
/*[ 2021-07 ]
-----------------------------------------------------------
*/
.tit11-mds-ulg2 {
	font-size:28px;
	font-weight:bold;
	letter-spacing:0.2em;
	border-bottom:dotted 3px #2AA738;
	padding:10px 0;
	margin-bottom:10px;
}

/*-----------------------------------------------------------*/

.tit12-bd-grn {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding:7px 0;
  width: 100%;
  border:#2AA738 solid 1px;
  border-radius:30px;
  color: #2AA738;
  font-size: 24px;
  letter-spacing:0.2em;
  font-weight:bold;
  text-align:center;
}
.tit13-bage {
	font-weight: 500;
	font-size: 45px;
	line-height: 1.2;
	color: #999;
	letter-spacing: 10px;
	word-spacing: 10px;
}

@media (max-width: 576px) {
.tit1-pl-w {
	font-size: 32px;
}
.tit2-pl-w {
	font-size: 18px;
}
.tit5-bage, .tit13-bage {
	font-size: 36px;
	letter-spacing: 3px;
}
.tit8-grn, .tit9-org {
	font-size:28px;
}
}
/*[ 2021-10 ]
-----------------------------------------------------------
*/
@media screen and (max-width: 677px) {
.tit10-bg-grn {
	font-size:18px;
	letter-spacing:normal;
}
.tit11-mds-ulg {
	font-size:24px;
	letter-spacing: normal;
}

}

/*[ letter-spacing ]
-----------------------------------------------------------
*/
.ls-nm {letter-spacing:normal;}
.ls-2 {letter-spacing:2px;}
.ls-3 {letter-spacing:3px;}
.ls-5 {letter-spacing:5px;}

p.indent-1, ol.indent-1 {
padding-left:1em;
text-indent:-1em;
}

/*[ balloon ]
-----------------------------------------------------------
*/
.blln-g-r {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 10px 20px;
  min-width: 250px;
  max-width: 60%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #8ec31e;
  border-radius: 20px;
  box-sizing: border-box;
}
.blln-g-r:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}
.blln-g-r:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #8ec31e;
  z-index: 1;
}
.blln-g-r p {
  margin: 0;
  padding: 0;
}

.blln-or-r {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 10px 20px;
  min-width: 250px;
  max-width: 60%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #f0907f;
  border-radius: 20px;
  box-sizing: border-box;
}
.blln-or-r:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}
.blln-or-r:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #f0907f;
  z-index: 1;
}
.blln-or-r p {
  margin: 0;
  padding: 0;
}
/*
スマホでは上向きにする
*/
@media (max-width: 576px) {
.blln-g-r, .blln-or-r {
  margin: 1.5em 15px 3em;
  max-width: 100%;
}
.blln-g-r:before, .blln-or-r:before {
  top: -24px;
  right: 50%;
  bottom:100%;/**/
  margin-right: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}
.blln-g-r:after {
  top: -30px;
  right: 50%;
  bottom:100%;/**/
  margin-right: -19px;
  border: 16px solid transparent;
  border-bottom: 16px solid #8ec31e;
  z-index: 1;
}
.blln-or-r:after {
  top: -30px;
  right: 50%;
  bottom:100%;/**/
  margin-right: -19px;
  border: 16px solid transparent;
  border-bottom: 16px solid #f0907f;
  z-index: 1;
}	
}

/*[ text-color ]
-----------------------------------------------------------
*/
.txt-grn, .txt-grn a {
	color:#2AA738;
}
.txt-grn a:hover {
	color:#DD5319;
}
.txt-org {
	color:#ed735c;
}

/*[ text-border ]
-----------------------------------------------------------
*/
.txt-bd-k {
	display:table; 
	border:#666 solid 1px;
	border-radius:10px;
	padding:7px 20px;
	margin:20px 0;
}
.txt-bd-org {
	display:block; 
	border:#DD5319 solid 3px;
	border-radius:10px;
	font-weight:700;
	color:#DD5319;
	padding:7px 20px;
	margin:20px 0;
}
.txt-bd-t {
	font-size:12px;
	display:block;
	border-top:#666 solid 1px;
	padding:5px 20px 20px;
}
/**/
.wid80 {
	width:80%;
}
@media (max-width: 992px) {
.wid80 {
	width:100%;
}	
}

/*=========================================================
EFFECT   EFFECT   EFFECT   EFFECT   EFFECT   EFFECT  EFFECT
=========================================================*/

/*[ wrap-cir-pic ]
-----------------------------------------------------------
*/
.wrap-cir-pic {
	border-radius: 50%;
	overflow: hidden;
}
.wrap-cir-pic img {
	width: 100%;
}


/*[ Hover img zoom]
-----------------------------------------------------------
*/
.hov-img-zoom {
	display: block;
	overflow: hidden;
}
.hov-img-zoom img{
	width: 100%;
	-webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.hov-img-zoom:hover img {
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-ms-transform: scale(1.1);
  	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/*[ Position ]
-----------------------------------------------------------
*/
.position1 {
	position: absolute;
	top: 0;
	right: 0;
}

/*[ Box Shadow ]
-----------------------------------------------------------
*/

.shadow1 {
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
}

.shadow2 {
  box-shadow: 0 16px 35px 0px rgba(15, 46, 81, 0.2);
  -moz-box-shadow: 0 16px 35px 0px rgba(15, 46, 81, 0.2);
  -webkit-box-shadow: 0 16px 35px 0px rgba(15, 46, 81, 0.2);
  -o-box-shadow: 0 16px 35px 0px rgba(15, 46, 81, 0.2);
  -ms-box-shadow: 0 16px 35px 0px rgba(15, 46, 81, 0.2);
}

/*[ Gradient ]
-----------------------------------------------------------
*/
.gradient1 {
  background: -webkit-linear-gradient(rgba(99,150,201,0.6) , rgba(99,150,201,0));
  background: -o-linear-gradient(rgba(99,150,201,0.6), rgba(99,150,201,0)); 
  background: -moz-linear-gradient(rgba(99,150,201,0.6), rgba(99,150,201,0));
  background: linear-gradient(rgba(99,150,201,0.6) , rgba(99,150,201,0));
}

.gradient2 {
  background: -webkit-linear-gradient(rgba(255,255,255,0.6) , rgba(255,255,255,0));
  background: -o-linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0)); 
  background: -moz-linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0));
  background: linear-gradient(rgba(255,255,255,0.6) , rgba(255,255,255,0));
}

/*[ Background pattern ]
-----------------------------------------------------------
*/


/*[ Hover ]
-----------------------------------------------------------
*/
.hov1:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  background-color: rgba(236,29,37,0.5);
  color: white;
}

/*[ Parallax ]
-----------------------------------------------------------
*/
.parallax0 {
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.overlay0-parallax {
  background-color: rgba(0,0,0,0.5);
}

/*=========================================================
RESPONSIVE  RESPONSIVE  RESPONSIVE  RESPONSIVE   RESPONSIVE 
=========================================================*/

/*[ XL ]
-----------------------------------------------------------
*/
@media (max-width: 1200px) {
	.p-l-0-xl {padding-left: 0;}

}


/*[ LG ]
-----------------------------------------------------------
*/
@media (max-width: 992px) {
	.flex-col-c-m-lg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
	}

	.p-l-15-lg {padding-left: 15px;}
	.p-r-15-lg {padding-right: 15px;}

}


/*[ MD ]
-----------------------------------------------------------
*/
@media (max-width: 768px) {
	.w-full-md {width: 100%}
	.p-r-0-md {padding-right: 0;}
	.p-l-0-md {padding-left: 0;}
	.p-b-0-md {padding-bottom: 0;}
	.p-t-0-md {padding-top: 0;}

	.bo-none-md {border: none;}
	
	/* 2021-02 */
	.p-l-30-md {
		padding-left:30px;
	}
	.p-l-50-md {
		padding-left:50px;
	}
}


/*[ SM ]
-----------------------------------------------------------
*/
@media (max-width: 576px) {
	.flex-col-l-sm {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}

	.flex-col-c-sm {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}
	/* 2021-02 */
	.p-l-30-sm {
		padding-left:30px;
	}
	.p-l-50-sm {
		padding-left:50px;
	}
	.p-b-100-sm {
		padding-bottom:100px;
	}
	.m-b-100-sm {
		margin-bottom:100px;
	}
}

/*[ 2021-01 ]
-----------------------------------------------------------
*/
.container-fluid2 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

/*[ hr ]
-----------------------------------------------------------
*/
.hr-2d6 {
  border-top: 2px dotted #666;
}
.hr-1d9 {
  border-top: 1px dotted #999;
}
/*[ br ]
-----------------------------------------------------------
*/
@media (max-width: 767px) {
.br-no br {
	display:none;
}
}

/* br.sp_brはタブレット以上のサイズでは非表示にする */
@media screen and (min-width: 576px){   
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 577px){   
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/* br--PCで無効*/
.pc_hid{
    display: none;
}

/* br--スマートフォンで有効*/
@media screen and (max-width:576px) {
    .pc_hid{
        display: block;
    }
}