@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;}
/*==========================================
 btn000
===========================================*/
a.btn000{display: inline-block;
width: auto; margin: 18px auto; padding: 8px 18px;
border: 1px solid #333333;
background: transparent;
color:#222222;
text-align: center;
font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 1;
letter-spacing:1px;
transition: .4s;}
a.btn000 span{display: block; margin: 8px auto;}
a.btn000 i{font-size:1.2em; color: #ff0000;}
/* banner000 ======================================*/
a.banner000:hover {background: #ff0000; color: #ffffff;}
a.banner000:hover i{color: #ffffff;}

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

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

/*==========================================
 btn002
===========================================*/
a.btn002{display: inline-block; width: 100%; margin: 22px auto; padding: 18px 0;
border: 1px solid #ffffff;
background: transparent;
color:#ffffff;
text-align: center;
font-size: 1.2em;
/*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.5em; padding: 0 8px;}
/* banner002===========================================*/
a.banner002 {position: relative; z-index: 2; background-color: #3db588;}
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%;}

/*==========================================
 btn003
===========================================*/
a.btn003{display: inline-block; width: 100%; margin: 8px auto; padding: 8px 0;
border: 1px solid #ffffff;
background: transparent;
color:#ffffff;
text-align: center;
font-size: 1.3em;
/*font-weight: bolder; */
text-decoration: none;
line-height: 1.8;
letter-spacing:1px;
transition: .4s;}
a.btn003 span{display: block;}
a.btn003 i{font-size: 1.8em; padding: 4px;}
/* banner003===========================================*/
a.banner003 {position: relative; z-index: 2; background-color: #3d85b8;}
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(255,255,255,0.5);
transition: .3s;}
a.banner003:hover::after {width: 100%; height: 100%;}
/*==========================================
 btn003-line
===========================================*/
a.btn003-line{display: inline-block; width: 100%; margin: 8px auto; padding: 8px 0;
border: 1px solid #ffffff;
background: transparent;
color:#ffffff;
text-align: center;
font-size: 1.3em;
/*font-weight: bolder; */
text-decoration: none;
line-height: 1.8;
letter-spacing:1px;
transition: .4s;}
a.btn003-line span{display: block;}
a.btn003-line i{font-size: 1.8em; padding: 4px;}
/* banner003-line===========================================*/
a.banner003-line {position: relative; z-index: 2; background-color: #06c755;}
a.banner003-line::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.banner003-line:hover::after {width: 100%; height: 100%;}