.sp_view {
    display: none;
}
html {
    font-family: "Noto Sans JP", sans-serif;
    width: 100%;
    overflow-x: hidden;
}
body{
	background: url("../img/body_bg.jpg") no-repeat fixed;
}
#hederWall {
	width: 100%;
    padding: 8px 3%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: solid 3px var(--blue);
	background: url("../img/header.jpg") no-repeat;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	z-index: 99;
}
#hederWall div#logo {
    width: 10%;
    max-width: 150px;
}
#hederWall div#headNavi {
    width: 68%;
}
#hederWall div#headNavi ul {
    display: flex;
}
#hederWall div#headNavi ul li {
    margin: 0 10px;
}
#hederWall div#headNavi ul li a {
    display: block;
    padding: 3px 0 5px 34px;
    font-size: 1.1em;
}
#hederWall div#headNavi ul li.about a {
    background: url(../img/icon_clipper.svg) no-repeat left center;
    background-size: 30px 30px;
}
#hederWall div#headNavi ul li.company a {
    background: url(../img/icon_company.svg) no-repeat left center;
    background-size: 30px 30px;
}
#hederWall div#headNavi ul li.terms a {
    background: url(../img/icon_terms.svg) no-repeat left center;
    background-size: 30px 30px;
}
#hederWall div#headNavi ul li.trademark a {
    background: url(../img/icon_trademark.svg) no-repeat left center;
    background-size: 30px 30px;
}
#hederWall div#head_btn {
    width: 20%;
    max-width: 240px;
}
#hederWall div#head_btn ul {
    display: flex;
    justify-content: space-between;
}
#hederWall div#head_btn ul li {
    width: 48%;
}
/***********************************/
#headTitle {
    height: 120px;
    background: url(../img/headTitle.jpg) no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
#headTitle h1 {
    font-size: 2rem;
    text-shadow: 2px 2px 3px var(--white), -2px 2px 3px var(--white), 2px -2px 3px var(--white), -2px -2px 3px var(--white);
}
/***********************************/
main{
	min-height: 400px;
	padding: 60px 0 0;
}
/***********************************/
#pageTop{
	position: fixed;
	bottom: 130px;
	right: 50px;
	width: 60px;
	height: 60px;
	z-index: 99;
}
#pageTop a{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 100%;
	background: url("../img/btn_top.svg") no-repeat;
	background-size: 100%;
}
/***********************************/
footer {
	width: 100%;
    background: var(--blue);
    color: var(--white);
	padding: 10px 0 0;
	/*position: fixed;
	bottom: 0;*/
}
footer div#footLogo{
	width: 20%;
	max-width: 200px;
	margin: 0 auto 30px;
}
footer ul{
	display: flex;
	justify-content: center;
	padding: 10px;
	background: rgba(255,255,255,.1);
	font-size: 0.9rem;
}
footer ul li::after{
	content: "｜";
	padding: 0 18px;
}
footer ul li:last-child::after{
	content: "";
}
footer address{
	padding: 15px 0;
	text-align: center;
	font-size: 0.85rem;
}