@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: #17a4a4;}
a:active {text-decoration: none; color: #17a4a4;}
a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:“alpha(opacity=70)”;}
a:focus{ outline:none; }


/**-- social-icon ------------------------------------------------------**/
.social-icon a {display: block;
float: left;
margin: 0 5px 5px 0;
padding: 0;
color: #ffffff;}
.social-icon i {width: 50px;
height: 50px;
margin: 0;
border: 1px solid #e9d4b3;
border-radius: 50%;
line-height: 50px;
text-align: center;
}
.social-icon i:before { padding: 0; line-height: 50px; }
.social-icon a:hover i { background: #4eb0cd; }
.social-icon .fa-facebook-f { background: #3b5998; }
.social-icon .fa-instagram { background: #c13584; }
.social-icon .fa-rss { background: #4dac26; }
.social-icon .fa-line { background: #00c300; }

/**-- social-icon_w ------------------------------------------------------**/
.social-icon_w a {display: block;
float: right;
margin: 0 5px 5px 0;
padding: 0;
color: #ffffff;}
.social-icon_w i {width: 50px;
height: 50px;
margin: 0;
border: 1px solid #ffffff;
border-radius: 50%;
line-height: 50px;
text-align: center;
}
.social-icon_w i:before { padding: 0; line-height: 50px; }
.social-icon_w a:hover i {color: #ffffff; background: #4eb0cd; }


/*==========================================
 btn001
===========================================*/
a.btn001{display: inline-block;
width: 98%;
margin: 0 1%;
padding: 4px 0;
border: 1px solid #404143;
background: transparent;
color:#404143;
text-align: center;
font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;}
a.btn001 span{display: block;}
a.btn001 .fas{font-size:1.4em;}
a.btn001 .far{font-size:1.4em;}

/*==========================================
 btn002
===========================================*/
a.btn002{display: inline-block;
width: 100%; margin: 0 auto 8px; padding: 8px 0;
border: solid 1px #404143;
background-color:#ffffff;
color: #404143;
text-align: center;
font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;}
a.btn002 span{display: block;}
/*==========================================
 btn003
===========================================*/
a.btn003{display: inline-block;
width: 100%; margin: 0 auto 8px; padding: 8px 0;
border: 1px solid #14A691;
background: transparent;
color:#ffffff;
text-align: center;
font-size: 1.08em;
/*font-weight: bolder; */
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;}
a.btn003 span{display: block; font-size: 1.2em; padding: 0px 4px;}
/*==========================================
 btn-line
===========================================*/
a.btn-line{display: inline-block;
width: 100%; margin: 0 auto 8px; padding: 8px 0;
border: 1px solid #02BA04;
background: transparent;
color:#ffffff;
text-align: center;
font-size: 1.08em;
/*font-weight: bolder; */
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;}
a.btn-line span{display: block; font-size: 1.2em; padding: 0px 4px;}
/*==========================================
 related_stage-contentmenu-btn
===========================================*/
a.related_stage-contentmenu-btn{display: inline-block; width: 100%; margin: 0 auto; padding: 4px 0;
border: solid 1px #404148; color: #333333; text-align: center; font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;}
a.related_stage-contentmenu-btn span{display: block; font-size: 0.88em; padding:0; color: #888888;}
/*==========================================
 main-white-btn
===========================================*/
a.main-white-btn{display: inline-block; width: 100%; margin: 0 auto; padding: 4px 0;
border: solid 1px #ffffff; color: #ffffff; text-align: center; font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;}
a.main-white-btn span{display: block; font-size: 0.88em; padding:0; color: #ffffff;}
/* btn-main-auto ======================================*/
a.btn-main-auto{display: inline-block;
width: auto;
margin: 18px auto 0;
padding: 15px;
border: 1px solid #17a4a4;
background: transparent;
color: #17a4a4;
text-align: center;
text-decoration: none;
font-size: 1.08em;
line-height: 1;
transition: .3s;}
a.btn-main-auto span{display: block; font-size: 0.88em; padding:8px 0 0 0; color: #888888;}
a.btn-main-auto .fas{margin: 0 8px;}
a.btn-main-auto .far{margin: 0 8px;}

/* btn-main-black50 ======================================*/
a.btn-main-black50{display: inline-block;
width: 50%;
margin: 18px auto 0;
padding: 15px 10px;
border: 1px solid #222222;
background: transparent;
color: #222222;
text-align: center;
text-decoration: none;
font-size: 1.18em;
line-height: 1;
transition: .3s;}
a.btn-main-black50 span{display: block; font-size: 0.88em; padding:8px 0 0 0; color: #888888;}
a.btn-main-black50 .fas{margin: 0 8px;}
a.btn-main-black50 .far{margin: 0 8px;}
a.btn-main-black50 .fa-solid{margin: 0 8px;}

/* btn-main-black80 ======================================*/
a.btn-main-black80{display: inline-block;
width: 80%;
margin: 18px auto;
padding: 15px 10px;
border: 1px solid #333333;
background: transparent;
color: #333333;
text-align: center;
text-decoration: none;
line-height: 1;
transition: .3s;}
/* btn-main-black100 ======================================*/
a.btn-main-black100{display: inline-block;
width: 100%; margin: 0 auto 8px; padding: 8px 0;
border: 1px solid #404143;
background: transparent;
color: #404143;
text-align: center;
font-size: 1.08em;
/*font-weight: bolder; */
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;}
a.btn-main-black100 .fas{margin: 8px;}
a.btn-main-black100 .far{margin: 8px;}
a.btn-main-black100 .fa-solid{margin: 8px;}

/* btn-main-white ======================================*/
a.btn-main-white{display: inline-block;
width: 220px;
margin: 18px auto;
padding: 15px 10px;
border: 1px solid #ffffff;
background: transparent;
color: #ffffff;
text-align: center;
text-decoration: none;
line-height: 1;
transition: .3s;
}

/*==========================================
 hover
===========================================*/
/* banner001 ======================================*/
a.banner001:hover {background: #17a4a4; color: #ffffff;}
/* banner002 ======================================*/
a.banner002:hover {background: #17a4a4; color: #ffffff;}
/* banner003 ======================================*/
a.banner003 {position: relative; z-index: 2; background-color: #14A691;}
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(64,65,67,1);
transition: .3s;}
a.banner003:hover::after {width: 100%; height: 100%;}
/* banner-line =====================================*/
a.banner-line {position: relative; z-index: 2; background-color: #02BA04;}
a.banner-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(64,65,67,1);
transition: .3s;}
a.banner-line:hover::after {width: 100%; height: 100%;}
/* related_stage-contentmenu-banner ======================================*/
a.related_stage-contentmenu-banner:hover {background: #14A691; color: #ffffff;}
/* main-white-banner ======================================*/
a.main-white-banner:hover {background: #14A691; color: #ffffff;}
/* banner-black ======================================*/
a.banner-black {position: relative; z-index: 2;}
a.banner-black::after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  margin: 0;
  background: rgba(221,221,221,.8);
  transition: .3s;}
a.banner-black:hover::after {width: 100%;}
/* btn-hover ======================================*/
a.btn-hover {position: relative; z-index: 2;}
/*a.btn-hover .fas{color: #333333;}
a.btn-hover .far{color: #333333;}*/
a.btn-hover::after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  margin: 0;
  background: rgba( 20,166,145,0.8);
  transition: .3s;}
a.btn-hover:hover::after {width: 100%;}
/* btn-white -------------------*/
a.btn-white {position: relative; z-index: 2;}
a.btn-white .fas{color: #333333;}
a.btn-white .far{color: #333333;}
a.btn-white::after { color: #333333;
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  margin: 0;
  background: rgba(255,255,255,.5);
  transition: .3s;}
a.btn-white:hover::after {width: 100%;}