@charset "utf-8";
/*==================================================================================
                                       Reset
===================================================================================*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	vertical-align: central;
}
/* ==== html5 ==== */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
a img:hover {
	text-decoration: none;
	opacity: 0.8;
}
img {
	vertical-align: top;
	max-width: 100%;
}
#contents p{
	margin-bottom: 1em;
}
section{
	margin-bottom: 2em;
}

/*==================================================================================
                              Common Definition
===================================================================================*/


.cl_orange {
	color: #FF9900;
}


/* ==== layout ==== */
.noPC { display: none; }
.float-l{ float:left; }
.float-r{ float:right; }
.align-center{ text-align:center; }
.align-left{ text-align:left; }
.align-right { text-align: right; }
.clearfix:after{
	height: 0px;
	content: "";
	display: block;
	clear: both;
}



/* ==== font ==== */
.ft8{ font-size:0.5em !important; }
.ft10{ font-size:0.625em !important; }
.ft12{ font-size:0.75em !important; }
.ft14{ font-size:0.875em !important; }
.ft16{ font-size:1em !important; }
.ft18{ font-size:1.125em !important; }
.ft20{ font-size:1.25em !important; }
.ft22{ font-size:1.375em !important; }
.ft24{ font-size:1.5em !important; }
.ft26{ font-size:1.625em !important; }
.ft28{ font-size:1.75em !important; }
.ft30{ font-size:1.875em !important; }
.ft32{ font-size:2em !important; }






/* ==== ▲TOPに戻る ==== */
#pageTop {
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: -100px;
	right: 10px;
	transition: .5s;
}
#pageTop a:before {
	content:"\f0d8\00a0";
	font-family:"FontAwesome";
}
#pageTop a{
	display:block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color:#072A4D;
	border-radius:100px;
	font-size:0.8em;
	line-height:1.1em;
	padding:1em 1.2em;
}
#pageTop a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	display: block;
}

.noPC { display: none !important; }



/* =======================================================================
	SmartPhone
======================================================================= */
@media only screen and (max-width: 767px){
	
/* ==== layout ==== */
.noPC { display: block !important; }
.noSP { display: none !important; }





}