/* Basic */
.body {
	
}


p {
	
	font-size: 1rem ;
	line-height: 2rem ;
}

a:hover {
text-decoration:none ;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mplus {
	font-family: "Mplus 1p";
	font-weight:100;
}

.e-title {
	font-family: 'Alex Brush', cursive;
	font-size: 4rem ;
}

h2 {
	margin: 0 ;
	padding: 0 ;
}

#header {
    background: rgba(0,0,0,0.8);
    z-index: 10;
    top: 0;
    left: 0;
    color: white;
	position: fixed;
	min-width: 100% ;
	height:40px ;

}



html,body {
    height: 100%;
}


#info {
    height: 100%;
    min-height: 100%;
}

body > #info {
    height: auto;
}





/* Layout */

.header-logo {
	float: left ;
	margin: 0 ;
	padding: 0 ;
}

.header-logo li {
	color: #FFF ;
	list-style: none ;
	float: left ;
}

.sns {
	float: right ;
	margin: 0 ;
	padding: 0 ;
	line-height: 50px ;
}

.sns li {
	color: #FFF ;
	list-style: none ;
	float: left ;
	margin-left: 10px ;
}

.sns li a {
	color: rgba(255,255,255,0.5) ;
}

.sns li a:hover {
	text-decoration: none ;
	color: rgba(255,255,255,1) 
}


#header .produced {
	margin-top: 14px ;
	margin-right: 5px ;
}

/*#header .col-lg-12 {
	background: #f00 ;
	margin: 0 ;
	padding: 0 ;
	height: 40px ;
}*/



html,body {
    height: 100%;
}

.grade {
	padding: 50px 0 ;
	background: -moz-linear-gradient(top,  
            rgba(255,255,255,0),  
            #FFF);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom,  
            from(rgba(255,255,255,0)),  
            to(#FFF));　/* Safari,Google Chrome用 */  
}
.sec1 {
	background: #FFF ;
}

.sec1 p {
	margin-left: 20px ;
}

.sec2 {
	padding: 80px 0 ;
	background: #FFF ;
}

.sec3 {
	padding: 80px 0 ;
	background: #000 ;
}

.sec4 {
	padding: 100px 0 ;
	background: #ffeeef ;
}

.sec3 h2 {
	color: #FFF ;
}

.case {
	margin-bottom: 20px ;
}

.sec2 table td {
	padding: 5px 10px ;
}

.contact {
	padding: 80px 0 ;
	background: #FAFAFA ;
	border-top: 1px solid #DDD ;
}

.form-btn-col {
	text-align: center ;
	margin: 50px 0 ;
}

.form-btn,
.backtotop a {
	background: #FFF ;
	border: 1px solid #DDD ;
	padding: 10px 20px ;
	font-size: 1.5rem ;
	margin-right: 15px ;
	font-family: 'Alex Brush', cursive;
}


.form-btn:hover,
.backtotop a:hover {
	background: #FAFAFA ;
}

/*-------------------------
　フッタ
--------------------------*/
footer {
	padding: 50px 0 ;
	background: #333 ;
}

footer p {
	color: #DDD ;
	font-size: 0.9rem ;
	line-height: 1.5rem ;
	margin-bottom: 15px ;
}

.footer-logo {
	border-bottom: 1px solid #555555 ;
	padding-bottom: 15px ;
}

footer img {
	max-width: 360px ;
}

footer h4 {
	color: #DDD ;
	font-family: "futura-pt";
	font-size: 1.7em ;
	line-height: 2em ;
	border-bottom: 1px dotted #555 ;
}

.footer-logo ul {
	float: right ;
	padding: 0 ;
}


/*-------------------------
　コピーライト
--------------------------*/
.copy {
	background: #111 ;
	color: #999 ;
	text-align: right ;
	padding: 5px 0 5px ;
	font-size: 0.9rem ;
}

.copy p {
	line-height: 0 ;
}

/*.bg-sec1 {
	background-image:url(../images/sec1.jpg);
	background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}*/

/* Background */
.bg-pgray {
	background: #FAFAFA ;
}


/* Scroll to top */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 0 10px ;
    text-align: center;
    display: block;
    border-radius: 20px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/* Media Queries */
@media only screen and (max-width: 767px) {
h2 {
	line-height: 2.8rem ;
}
}



@media only screen and (max-width: 340px) {

	
}