@charset "UTF-8";
/* CSS Document */

/*--- first veiw
-------------------------------------------------------------------------------- */
body{
	background-color:#fff!important;
}
@media screen and (max-width: 768px) {
	body{
	}   
}

.main_about{
	min-height:100%;
}
@media screen and (max-width: 768px) {
	.main_chara{
		overflow:hidden;
	}
}


.about {
	width:100%;
	margin:0px auto 20px auto;
}
.about_txt{
	width:100%;
	max-width:768px;
	padding:20px;
	margin:0 auto;
}
.about_txt p{
	margin:20px auto 80px auto;
	font-size:16px;
}
h2.about_ttl{
	margin-top:100px;
	width:100%;
	text-align:center;
}
@media screen and (max-width: 768px) {
	.about_txt{
		padding:20px 0;
	}
	.about_txt span{
		padding:0 20px;
		display:block;
	}
	h2.about_ttl{
		padding-top: 25px;
		width:60%;
		text-align:center;
		margin:0 auto;
	}
}

.about_txt b{
	font-size:20px;
	font-weight:normal;
}
.about_txt mark{
	background: linear-gradient(transparent 45%, rgba(255,255,77,0.6) 45%);
}

.about_bg1{
	position:fixed;
	top:-30px;
	z-index:-1;
	width:100%;
}
.about_bg2{
	position:fixed;
	bottom:-150px;
	z-index:-2;
	background: linear-gradient(top, #fff, #ade7fd);
	background: -moz-linear-gradient(top, #fff, #ade7fd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ade7fd));
	width:100%;
	height:90vh;
}
.about_bg3{
	/*position:relative;
	margin-top:-500px;*/
	position:fixed;
	bottom:-50px;
	z-index:-1;
	width:100%;
}
@media screen and (max-width: 768px) {
	.about_bg3{
		bottom:0px;
	}
}

footer{
	max-width:1280px;
	margin:0 auto;
}
footer copyright a{
	color:rgba(128, 130, 192, 0.7)!important;
}