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

.pc_only{
	display:block;
}

.sp_only{
	display:none;
}

#allBg{
	position: absolute;
	left:0;
	top:0;
	z-index:-9998;
	width:100%;
	height:460px;
	background:url(../img/bg.jpg) no-repeat;
	background-size:cover;
}

/* ================================================== 
header 
================================================== */ 

#hdr .jwave_logo{
	padding:80px 0 20px;
}

#hdr{
	margin-bottom:150px;
	position: relative;
}

#hdr h1{
	font-size:8rem;
	font-weight:bold;
	line-height:8rem;
	margin-bottom:10px;
}

#hdr .infomation{
	font-size:2.2rem;
	line-height:2.8rem;
	font-weight:bold;
}

#hdr .about{
	position:relative;
	margin-top:100px;
}

#hdr .about_text{
	text-decoration:underline;
	font-size:2.2rem;
	margin:0 0 45px 365px;
}

#hdr .navigator01{
	position:absolute;
	top: -50px;
	left: 0;
	z-index:2;
}


#hdr .navigator01 img{
	display:block;
}


#hdr .navigator01 .cover{
	position:relative;
}

#hdr .navigator01 .name01{
	position:absolute;
	border-bottom:2px solid #000;
}

#hdr .navigator01 .name01{
	bottom:-40px;
	left:70px;
}

#hdr .message{
	position:absolute;
	right:0;
	top:60px;
}


/* ================================================== 
footer 
================================================== */ 

#footer{
	background:#000;
	color:#fff;
	text-align:center;
	padding:40px 0;
	position:relative;
}

#footer .to_top{
	display:inline-block;
	margin-bottom:35px;
}

#footer .to_back{
	position:absolute;
	left:15%;
	top:10%;
}

#footer .bottom_logo{
	position:absolute;
	right:15%;
	top:10%;
}



@media screen and (max-width:640px){
.pc_only{
	display:none;
}

.sp_only{
	display:block;
}
	
#wrapper {
width:640px;
}

#allBg {
background-size: auto;
background-position: top center;
}

#hdr .jwave_logo {
padding: 30px 0 30px 20px;
}

#hdr h1 {
text-align: center;
}

#hdr .infomation {
text-align: center;
}

#hdr .about_text {
margin: 0 0 45px 0;
text-align: center;
font-size:2.5rem;
padding:220px 20px 0;
}

#hdr .navigator01 {
top: -60px;
left: 185px;
font-size:2rem;
}

#hdr .navigator02{
top: -60px;
left:inherit;
right: 100px;
font-size:2rem;
}

#hdr .navigator01 .name01 {
left: 55px;
bottom: -50px;
}

#hdr .navigator02 .name02 {
bottom: -50px;
top: inherit;
left: 55px;
}

#hdr .message{
	right:30px;
	top:15px;
}

#hdr .message img{
	width:200px;
	height:auto;
}

#snsArea {
margin: 0 auto;
padding-left: 80px;
}

#comment {
width: 90%;
}

.attention {
font-size: 2rem;
}

#comment h2 {
font-size: 2.5rem;
margin: 20px 0 40px;
}

#socials .inbox {
width: 90%;
}

#socials .tw {
width:580px;
margin:0 auto 100px;
}

#socials .tw iframe{
width: 580px;
height: 574px;
}

#socials .fb {
width: 580px;
}

#socials .fb iframe{
width: 580px !important;
height: 574px !important;
}

#footer .bottom_logo {
right: 8%;
top: 16%;
}

#commonFooterInner{
	width:100%;
	background:#282828;
}
}