@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: #0180fd;}
a:active {text-decoration: none; color: #0180fd;}
a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:“alpha(opacity=70)”;}
a:focus{ outline:none; }
nav:not(.mm-menu){display: none;}

/*==========================================
 btn000
===========================================*/
a.btn000{display: inline-block;
width: 100%;
margin: 18px auto;
padding: 8px 0;
border: 1px solid #0068b9;
background: transparent;
color:#2e2e2e;
text-align: center;
font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;
}
a.btn000 span{font-size: 1.28em; padding: 0 3px 0 0; display: block;}
/*==========================================
 banner000
===========================================*/
a.banner000:hover {
background: #0068b9;
color: #ffffff;}

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

/*==========================================
 btn002
===========================================*/
a.btn002{display: inline-block;
width: 96%;
margin: 8px auto;
padding: 1%;
border: 1px solid #cccccc;
background: transparent;
color:#ffffff;
text-align: center;
font-size: 1.14em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 1.8;
letter-spacing:1px;
transition: .4s;
}
a.btn002 span{display: block; font-size: 1.8em;}

/*==========================================
 banner002
===========================================*/
a.banner002 {background: #f19210;
background-image: url(../images/banner002.jpg);
background-size:auto;
background-repeat: no-repeat;
background-position:left center;
position: relative;
z-index: 2;
}
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(170,85,0,0.8);
transition: .3s;
color:#2e2e2e;
}
a.banner002:hover::after {
width: 100%;
height: 100%;
}




/*==========================================
 btn003
===========================================*/
a.btn003{display: inline-block;
width: 100%;
margin: 4px auto;
padding: 8px 0;
border: 1px solid #cccccc;
background: transparent;
color:#2e2e2e;
text-align: center;
font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;
}
a.btn003 span{font-size: 1.28em; padding: 0 3px 0 0; display: block;}



/*==========================================
 banner003
===========================================*/
a.banner003:hover {
background: #888888;
color: #ffffff;
}

a.btn_lab{display: inline-block; width: 100%;
margin: 8px auto; padding: 4% 0;
border: 1px solid #ffffff;
background: transparent; color:#ffffff;
text-align: center; font-size: 1em;
text-decoration: none; line-height: 2; letter-spacing:1px; transition: .4s;}
a.btn_lab span{display: block; font-size: 1.58em; font-weight: bold; letter-spacing:0.2px; padding: 4px 0;}
a.banner_lab {background: #2c539e; position: relative; z-index: 2;}
a.banner_lab::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.8);
transition: .3s;}
a.banner_lab:hover::after {width: 100%; height: 100%;}

a.btn_powerful{display: inline-block; width: 100%;
margin: 8px auto; padding: 4% 0;
border: 1px solid #ffffff;
background: transparent; color:#ffffff;
text-align: center; font-size: 1em;
text-decoration: none; line-height: 2; letter-spacing:1px; transition: .4s;}
a.btn_powerful span{display: block; font-size: 1.58em; font-weight: bold; letter-spacing:0.2px; padding: 4px 0;}
a.banner_powerful {background: #168afd; position: relative; z-index: 2;}
a.banner_powerful::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.8);
transition: .3s;}
a.banner_powerful:hover::after {width: 100%; height: 100%;}


/*==========================================
 SNS
 ===========================================*/
/* 50% ----------------------------------------------- */
.share{margin: 28px auto;}
.share .fa{color:#ffffff; margin:0px 8px 0px 0px;}
.share ul{margin: 0; padding: 0; list-style: none}
.share li a{display: block;
padding: 10px 5px;
color: #ffffff;
font-size: 14px;
text-align: center;
text-decoration: none}
.share li a:hover{background: rgba(136,136,136,0.8);}
.share ul:after{content: ""; display: block; clear: both}
.share li{float: left;width:50%}

/* 100% ----------------------------------------------- */
.share_100{margin: 8px auto;}
.share_100 .fa{color:#ffffff; margin:0px 8px 0px 0px;}
.share_100 ul{margin: 0; padding: 0; list-style: none}
.share_100 li a{display: block;
padding: 10px 5px;
color: #ffffff;
font-size: 14px;
text-align: center;
text-decoration: none}
.share_100 li a:hover{background: rgba(136,136,136,0.8);}
.share_100 ul:after{content: ""; display: block; clear: both}
.share_100 li{width:100%;}

/* 共通 ----------------------------------------------- */
.share-a000{background-color: #55acee; opacity: 0.8; border: 1px solid #ffffff;}
.share-b000{background-color: #3b5998; opacity: 0.8; border: 1px solid #ffffff;}
.share-c000{background-color: #f09800; opacity: 0.8; border: 1px solid #ffffff;}
.share-gp{background-color: #dd4b39; opacity: 0.8; border: 1px solid #ffffff;}
.share-amb{background-color: #4dac26; opacity: 0.8; border: 1px solid #ffffff;}














/*==========================================
 fixedTop
===========================================*/
#fixedTop {
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	display: none;
	background: #888888;
	position: fixed;
	z-index: 9999;
	border-radius: 5px;
	-webkit-transform: translateZ(0);
}
#fixedTop:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}