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

/**-- social-icon_w ------------------------------------------------------**/
.social-icon_w a {display: block;
float: right;
margin: 0 5px 18px 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: #333333; }

/*==========================================
 btn-school-webjp
===========================================*/
a.btn-school-webjp{display: inline-block;
width: 100%;
margin: 8px auto;
padding: 8px 0;
border: 1px solid #23c0dc;
background: transparent;
color:#ffffff;
text-align: right;
font-size: 1.04em;
font-weight: normal;
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;
}
a.btn-school-webjp span{display: block; font-size: 0.88em; font-weight: normal;}
a.btn-school-webjp .fas{margin:0 14px;}
/*==========================================
 banner-school-webjp
===========================================*/
a.banner-school-webjp {position: relative;
z-index: 2;
background: #23c0dc; 
}
a.banner-school-webjp::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,.8);
transition: .3s;
}
a.banner-school-webjp:hover::after {
width: 100%;
height: 100%;
}



/*==========================================
 btn-school-netnet
===========================================*/
a.btn-school-netnet{display: inline-block;
width: 100%;
margin: 8px auto;
padding: 8px 0;
border: 1px solid #ec5155;
background: transparent;
color:#ffffff;
text-align: right;
font-size: 1.04em;
font-weight: normal;
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;
}
a.btn-school-netnet span{display: block; font-size: 0.88em; font-weight: normal;}
a.btn-school-netnet .fas{margin:0 14px;}
/*==========================================
 banner-school-netnet
===========================================*/
a.banner-school-netnet {position: relative;
z-index: 2;
background: #ec5155; 
}
a.banner-school-netnet::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,.8);
transition: .3s;
}
a.banner-school-netnet:hover::after {
width: 100%;
height: 100%;
}






/* btn000 ffffff white ===========================================*/
a.btn000{display: inline-block;
width: 100%;
margin: 8px auto;
padding: 4px 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.5;
letter-spacing:1px;
transition: .4s;
}
a.btn000 span{display: block;}
a.btn000 .fas{margin:0 2px;}


/*banner000 ===========================================*/
a.banner000 {position: relative; z-index: 2;}
a.banner000::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,1);
transition: .3s;}
a.banner000:hover::after {width: 100%; height: 100%;}



/* btn001 ===========================================*/
a.btn001{display: inline-block;
width: 100%;
margin: 8px auto;
padding: 8px 0;
border: 1px solid #888888;
background: transparent;
color:#888888;
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{margin:0 2px;}
/* banner001 ===========================================*/
a.banner001:hover {
background: #333333;
color: #ffffff;
}


/* btn002 ===========================================*/
a.btn002{display: inline-block;
width: 100%;
margin: 8px auto;
padding: 8px 0;
border: 1px solid #23c0dc;
background: transparent;
color:#555555;
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;}


/* banner002 ===========================================*/
a.banner002:hover {background: #23c0dc; color: #ffffff;}