@charset "utf-8";

a {outline: none;}
a:link {text-decoration: none; color:#333333;}
a:visited {text-decoration: none; color:#333333;}
a:hover {text-decoration: none; color: #aaaaaa;}
a:active {text-decoration: none; color: #aaaaaa;}
a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:“alpha(opacity=70)”;}
a:focus{ outline:none; }
ul{margin:0; padding: 0; list-style: none;}

/* btn000auto ==========================================*/
a.btn000auto{display: inline-block; width: auto; margin: 8px auto; padding: 8px 48px; color:#ffffff; border:1px solid #ffffff;
background: transparent;
text-align: center;
font-size: 1em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 1.4;
letter-spacing:1px;
transition: .4s;}
a.btn000auto span{display: block;}
a.btn000auto i{font-size:1.2em; color:#f96b69;}
/* banner000auto ======================================*/
a.banner000auto:hover {background: #f96b69; color: #ffffff;}
a.banner000auto:hover i{color:#ffffff;}

/*= btn001-w ===========================================*/
a.btn001-w{display: inline-block; width: 100%; margin: 0 auto; padding: 4px 0;
border: 1px solid #ffffff; background: transparent;
color:#ffffff; text-align: center; font-size: 1.08em; text-decoration: none; line-height: 1.3; letter-spacing:1px; transition: .4s;}
a.btn001-w span{display: block;}
a.btn001-w i{font-size:1.2em; padding: 0 2px;}
/* banner001-w ======================================*/
a.banner001-w:hover {background: #4BB5B5; color: #333333;}
a.banner001-w:hover i{color:#4BB5B5;}

/*= btn001 ===========================================*/
a.btn001{display: inline-block; width: 80%; margin: 1% auto; padding: 18px; border: 1px solid #004d7f;
background: transparent;
color:#004d7f; text-align: center; font-size: 1.1em; /*font-weight: bold;*/
text-decoration: none;
line-height: 1;
letter-spacing:1px;
transition: .4s;}
a.btn001 span{display: block;}
a.btn001 i{font-size:1.3em; color: #888888;}
/* banner001 ======================================*/
a.banner001:hover {background: #004d7f; color: #ffffff;}

/*= btn002 ===========================================*/
a.btn002{display: inline-block; width: 80%; margin: 1% auto; padding: 18px 0; border: 1px solid #ffffff;
background: transparent;
color:#ffffff; text-align: center; font-size: 1.1em; /*font-weight: bolder; */
text-decoration: none;
line-height: 1.5;
letter-spacing:1px;
transition: .4s;}
a.btn002 span{display: block;}
a.btn002 i{font-size: 1.3em; padding: 0 8px;}
/* banner002===========================================*/
a.banner002 {position: relative; z-index: 2; background-color: #004d7f;}
a.banner002::after {display: block; content: ""; position: absolute; z-index: -1;
top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 0; margin: auto;
background: rgba(255,255,255,0.5); transition: .3s;}
a.banner002:hover::after {width: 100%; height: 100%;}

/* banner002b===========================================*/
a.banner002b {position: relative; z-index: 2; background-color: #222222;}
a.banner002b::after {display: block; content: ""; position: absolute;
z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 0; margin: auto;
background: rgba(255,255,255,0.5);
transition: .3s;}
a.banner002b:hover::after {width: 100%; height: 100%;}
/* btn002w===========================================*/
a.btn002w{display: inline-block; width: 480px; margin: 8px auto; padding: 8px 0;
/*border: 1px solid #ffffff;*/
background: transparent;
color:#4bb5b5;
text-align: center;
font-size: 1em;
/*font-weight: bolder; */
text-decoration: none;
line-height: 1.4;
letter-spacing:1px;
transition: .4s;}
a.btn002w span{display: block;}
a.btn002w i{font-size: 2em; padding: 0 8px;}
/* banner002w===========================================*/
a.banner002w {position: relative; z-index: 2; background-color: #ffffff;}
a.banner002w::after {display: block; content: ""; position: absolute;
z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 0; margin: auto;
background: rgba(75,181,181,0.5);
transition: .3s;}
a.banner002w:hover::after {width: 100%; height: 100%;}

/* banner002i===========================================*/
a.banner002i {position: relative; z-index: 2; 
background: rgb(255,221,131);
background: -moz-linear-gradient(45deg, rgba(255,221,131,1) 0%, rgba(242,105,57,1) 25%, rgba(207,46,146,1) 50%, rgba(76,100,211,1) 75%);
background: -webkit-linear-gradient(45deg, rgba(255,221,131,1) 0%, rgba(242,105,57,1) 25%, rgba(207,46,146,1) 50%, rgba(76,100,211,1) 75%);
background: linear-gradient(45deg, rgba(255,221,131,1) 0%, rgba(242,105,57,1) 25%, rgba(207,46,146,1) 50%, rgba(76,100,211,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdd83",endColorstr="#4c64d3",GradientType=1);
}
a.banner002i::after {
display: block;
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0;
height: 0;
margin: auto;
background: rgba(255,255,255,0.5);
transition: .3s;}
a.banner002i:hover::after {width: 100%; height: 100%;}

/*==========================================
 btn003
===========================================*/
a.btn003{display: inline-block; width: auto; margin: 0 auto; padding: 5px 18px;
/*border: 1px solid #ffffff;*/
background: transparent;
color:#ffffff;
text-align: center;
/*font-size: 1em;*/
/*font-weight: bolder; */
text-decoration: none;
line-height: 1.4;
letter-spacing:1px;
transition: .4s;}
a.btn003 span{display: block;}
a.btn003 i{font-size: 1.2em; padding: 0 8px;}
/* banner003===========================================*/
a.banner003 {position: relative; z-index: 2; background-color: #28a452;}
a.banner003::after {
display: block;
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0;
height: 0;
margin: auto;
background: rgba(72,71,73,0.8);
transition: .3s;}
a.banner003:hover::after {width: 100%; height: 100%;}

/*= btn004 ===========================================*/
a.btn004{display: inline-block;
width: auto; margin: 8px auto 20px; padding: 12px 22px;
border: 1px solid #cccccc;
background: transparent;
/*color:#28a452;*/
text-align: center;
font-size: 1em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 1;
letter-spacing:1px;
transition: .4s;}
a.btn004 span{display: block;}
a.btn004 i{font-size:1.2em; color: #888888;}
/* banner004 ======================================*/
a.banner004:hover {background: #eeeeee; color: #ffffff;}

/*==========================================
 btn-staff
===========================================*/
a.btn-staff{display: inline-block; width: 100%; margin: 0 auto; padding: 3px 0;
/*border: 1px solid #ffffff;*/
background: transparent;
color:#ffffff;
text-align: center;
font-size: 0.88em;
/*font-weight: bolder; */
text-decoration: none;
line-height: 1.4;
letter-spacing:1px;
transition: .4s;}
a.btn-staff span{display: block;}
a.btn-staff i{font-size: 1.2em; padding: 0 8px;}
/* banner-staff===========================================*/
a.banner-staff {position: relative; z-index: 2; background-color: #3e3a39;}
a.banner-staff::after {display: block; content: ""; position: absolute;
z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 0; margin: auto;
background: rgba(255,255,255,0.5);
transition: .3s;}
a.banner-staff:hover::after {width: 100%; height: 100%;}

/* banner-staffi===========================================*/
a.banner-staffi {position: relative; z-index: 2; 
background: rgb(255,221,131);
background: -moz-linear-gradient(45deg, rgba(255,221,131,1) 0%, rgba(242,105,57,1) 25%, rgba(207,46,146,1) 50%, rgba(76,100,211,1) 75%);
background: -webkit-linear-gradient(45deg, rgba(255,221,131,1) 0%, rgba(242,105,57,1) 25%, rgba(207,46,146,1) 50%, rgba(76,100,211,1) 75%);
background: linear-gradient(45deg, rgba(255,221,131,1) 0%, rgba(242,105,57,1) 25%, rgba(207,46,146,1) 50%, rgba(76,100,211,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdd83",endColorstr="#4c64d3",GradientType=1);
}
a.banner-staffi::after {
display: block;
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0;
height: 0;
margin: auto;
background: rgba(255,255,255,0.5);
transition: .3s;}
a.banner-staffi:hover::after {width: 100%; height: 100%;}

/*==========================================
 btn-staffauto
===========================================*/
a.btn-staffauto{display: inline-block; width: auto; margin: 18px auto; padding: 8px 48px;
/*border: 1px solid #ffffff;*/
background: transparent;
color:#ffffff;
text-align: center;
font-size: 1em;
/*font-weight: bolder; */
text-decoration: none;
line-height: 1.4;
letter-spacing:1px;
transition: .4s;}
a.btn-staffauto span{display: block;}
a.btn-staffauto i{font-size: 1.2em; padding: 0 8px;}
/* banner-staffauto===========================================*/
a.banner-staffauto {position: relative; z-index: 2; background-color: #3e3a39;}
a.banner-staffauto::after {display: block; content: ""; position: absolute;
z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 0; margin: auto;
background: rgba(255,255,255,0.5);
transition: .3s;}
a.banner-staffauto:hover::after {width: 100%; height: 100%;}

/* banner-staffiauto===========================================*/
a.banner-staffiauto {position: relative; z-index: 2; 
background: rgb(255,221,131);
background: -moz-linear-gradient(45deg, rgba(255,221,131,1) 0%, rgba(242,105,57,1) 25%, rgba(207,46,146,1) 50%, rgba(76,100,211,1) 75%);
background: -webkit-linear-gradient(45deg, rgba(255,221,131,1) 0%, rgba(242,105,57,1) 25%, rgba(207,46,146,1) 50%, rgba(76,100,211,1) 75%);
background: linear-gradient(45deg, rgba(255,221,131,1) 0%, rgba(242,105,57,1) 25%, rgba(207,46,146,1) 50%, rgba(76,100,211,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdd83",endColorstr="#4c64d3",GradientType=1);
}
a.banner-staffiauto::after {
display: block;
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0;
height: 0;
margin: auto;
background: rgba(255,255,255,0.5);
transition: .3s;}
a.banner-staffiauto:hover::after {width: 100%; height: 100%;}