/*スマホ用*/   
   
   #top-head,
    .inner {
       // width: 98%;
	    width: 100%;
        padding: 0;
		margin:0 auto;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    }
    #mobile-head {
		width: 100%;
		height:70px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -556px;
        background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 40px 0;
		font-size:20px;
		margin-top:30px;
    }
    #nav-toggle {
        display: block;
    }
	
.hydrogenlink{
	color:#4c65fc;
}
	
	
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
		transition: all 1.5s ease 0s;
    }
	
	.undermenu{
	//	margin-top:30px;
	//	margin-top:70px;
	}
	
	
.footercompayinfoArea{
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
//	background-color:#000;
}
.footercompayinfo1{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
//	background-color:#000;
	color:#555;
	font-size:12px;	
}
.footercompayinfo2{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
//	background-color:#000;
	color:#000;
	font-size:35px;
	font-weight:bold;
}
	
	
.footer{
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	background-color:#000;
	
}

.footer p{
	color:#fff;
}







.footer_h{
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	background-color:#fff;
	
}
.footer_h img{
	width:150px;
}

.footer_h p{
	color:#4c65fc;
	margin-top:10px;
	letter-spacing:0.2em;
	font-size:12px;
}













	
	/*
.TopImageArea p{
	position:absolute;
	width:100%;
  	text-align:center;
	z-index:2;
	font-size:15px;
	color:#fff;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%) ;
	
}
.ContentsExplainTitle{
	position:absolute;
	width:100%;
  	text-align:center;
	z-index:2;
	font-size:15px;
	color:#fff;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%) ;
	
}	
.ContentsExplain{
	width:98%;
	margin:0 auto;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;	
	font-size:15px;
}


.ContentsTitle{
	font-size:18px;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;	
	text-align:center;
}	
.MoreLink{
	display:block;
	width:30%;
	margin:0 auto;
	padding-top:1%;
	padding-bottom:1%;
	background-color:#222;
	color:#fff;	
	text-align:center;
	border-radius: 5px;
	font-size:15px;
	margin-bottom:5px;
}
.ContentsContainer{
	width:100%;
	background-color: #f7f7f7;
	text-align:center;
//	margin-top:2%;	
	padding-bottom:5px;
}

.NewsArea{
	width:100%;
	margin:0 auto;
	text-align:left;
	margin-bottom:5px;	
}

.NewsArea ul{
	width:100%;
	font-size:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	
}

.NewsArea li{
	display:inline-block;
	width:100%;
//	max-width:320px;
	background-color:#fff;
	vertical-align:top;
	text-align:center;
	margin-top:0px;
//	margin-bottom:10px;		
	padding-bottom:10px;		
	
}
.NewsArea li img{
	width:100%;
}

.NewsArea li:first-child {
	margin-right:0%;
}
.NewsArea li:last-child {
	margin-left:0%;
}

.NewsArea li p{
	text-align:left;
	width:95%;
	margin:0 auto;
}

.Newsdate{
	padding-top:10px;
	padding-bottom:10px;	
	font-size:15px;
	font-weight:bolder;	
}

.NewsTitle{
	padding-top:10px;
	padding-bottom:10px;	
	font-size:20px;
	font-weight:bold;
	border-bottom:solid 1px #999;
}
.NewsText{
	padding-top:5px;
	padding-bottom:10px;	
	font-size:15px;

}
*/
/*
.ContactExplain{
	width:90%;
	margin:0 auto;
	text-align:center;
	font-size:10px;
}

.ContactContainer{
	width:100%;
//	background-color: #f7f7f7;
	text-align:center;
//	margin-top:2%;
	padding-top:5px;
	padding-bottom:5px;
}
.ContactContainer ul{
	width:100%;
	margin:0 auto;
	margin-top:10px;
	font-size:0;
}
.ContactContainer li{
	display:inline-block;
	width:100%;
	text-align:center;
	vertical-align:top;
}
.ContactContainer li p{
	text-align:left;
	width:95%;
	margin:0 auto;
	line-height:20px;
	padding-top:15px;
	padding-bottom:5px;	
	font-weight:bolder;
	font-size:20px;
}

.ContactContainer li input{
	width:95%;
}
.ContactMessage{
	width:95%;
	height:90px;
	resize: none;  
	border:solid 1px #999;
	line-height:15px;
}
*/
/*
.Contact_Table{
	width:95%;
	margin:0 auto;

}
.Contact_Table td{
	text-align:center;
}
.Contact_Table td p{
	text-align:left;
	width:95%;
	margin:0 auto;
	line-height:18px;
	padding-top:15px;
	padding-bottom:5px;	
	font-weight:bolder;
	font-size:18px;

	
}

.Contact_Table td input{
	width:95%;
}
.ContactMessage{
	width:94%;
	height:90px;
	resize: none;  
	border:solid 1px #999;
	line-height:15px;
}
*/
/*
.ContactSubmitBtn{
	display:block;
	width:30%;
	line-height:15px;
	margin:0 auto;
	padding-top:1%;
	padding-bottom:1%;
	background-color:#222;
	color:#fff;	
	text-align:center;
	border-radius: 5px;
	font-size:15px;
	margin-bottom:5px;
}
*/
