html, body{
	padding:0;
	margin:0;
    font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W3", "HiraKakuProN-W6", "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:13px;
	line-height:24px;
}

a{
	text-decoration:none;
	color:#666;
	overflow-wrap: anywhere;
}
a{
	transition: .3s;
}
a:hover{
	opacity: 0.5;
}
a:visited{
	color:#666;
}

*,::before,::after{
background-repeat:no-repeat;
-webkit-box-sizing:inherit;
box-sizing:inherit
}

::before,::after{
text-decoration:inherit;
vertical-align:inherit
}

*{
padding:0;
margin:0
box-sizing: border-box;
}

.clearfix::after{
	content:" ";
	display:block;
	clear:both;
}

@media (max-width: 481px){
	br.pc{
		display:none;
	}
}
@media (min-width: 481px){
	br.smp{
		display:none;
	}
}

section#top h1{
	padding:0;
	display:block;
	background-image:url(../images/blanxpace_logo.png);
	background-size:contain;
	background-position:center;
	text-indent:-999999px;
	position:absolute;
	bottom:0px;
}

@media (min-width: 481px){
	section#top h1{
		margin:0px 100px;
		width:calc(100% - 200px);
		height:calc( 500px / 1.303780964797914);
	}
}
@media (max-width: 481px){
	section#top h1{
		margin:0px;
		width:100%;
		height:calc( calc(100vw - 100px) / 1.303780964797914);
	}
}

@media (min-width: 481px){
	section{
		width:900px;
		margin:0 auto 40px;
		padding:0px 0;
		display:block;
		position:relative;
	}
}
@media (max-width: 481px){
	section{
		width:calc(100% - 100px);
		margin:0 50px 5px;
		padding:0px 0;
		display:block;
		position:relative;
	}
}

section#contents{
	display:table;
	position:relative;
	margin-top:150px;
}

@media (min-width: 481px){
	section#contents{
		padding:0px 0 120px;
	}
}
@media (max-width: 481px){
	section#contents{
		padding:0px 0 80px;
	}
}

@media (min-width: 481px){
	section#contents .text-area{
		max-width:700px;
		padding:0;
		margin:0px 100px;
	}
}
@media (max-width: 481px){
	section#contents .text-area{
		display: block;
		width:100%;
		margin:0 auto;
		padding:0;
		float:left;
	}
}

section .main{
	display: inline-block;
	margin:0;
	padding:0px;
}

h2{
	display:block;
	position:relative;
	text-align:left;
	font-weight:bold;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6";
	transition: all 1s;
	opacity: .0;
}
.scrollin {
	opacity: 1!important;
}

section#contents div.focus_list{
	display: block;
	margin:0;
	padding:0px;
	transition: all 1s;
	opacity: .0;
	transition-delay: 1s;
}
section#contact{
	transition: all 1s;
	opacity: .0;
	transition-delay: 1.5s;
}

section#contents h3{
	height:50px;
	padding:0;
	display:block;
	font-size:14px;
	line-height:50px;
	position:relative;
	text-align:left;
	font-weight:bold;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6";
}
section#contents h4{
	font-weight:bold;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6";
}
		
		
h4{
	display:block;
	margin:0px;
}

@media (min-width: 481px){
	h2{
		padding:0;
		font-size:14px;
		line-height:50px;
		margin-top:0px;
		margin-bottom:200px;
	}
	section#contents h3{
		padding:0px 0px;
		margin:0px 0px 0px;
		font-size:14px;
		line-height:42px;
		height:42px;
	}
	h4{
		padding:0px 0px;
		margin-top:20px;
		font-size:14px;
		line-height:22px;
		font-weight:normal;
	}
}
@media (max-width: 481px){
	h2{
		margin-top:0px;
		margin-left:0px;
		padding:0;
		font-size:4.1vw;
		line-height:50px;
		margin-bottom:90px;
	}
	section#contents h3{
		padding:0px 0px;
		margin:0px 0px 0px;
		font-size:5.6vw;
		line-height:42px;
		height:42px;
	}
	h4{
		padding:0px 0px;
		margin:50px 0px 5px;
		font-size:16px;
		line-height:23px;
		font-weight:normal;
	}
}

		
@media (min-width: 481px){
	section#contact .main{
		padding:0 100px;
	}
	footer{
		width:100%;
	}
	footer .copyright-area{
		font-size:14px;
		margin:0 65px;
		text-align:left;
	}
}
@media (max-width: 481px){
	section#contact{
		display:block;
		position:relative;
		width:calc(100% - 100px);
		margin:0 50px 30px;
	}
	footer{
		width:100vw;
	}
	footer .copyright-area{
		width:calc(100vw - 50px);
		font-size:14px;
		margin:0px 0px 0px 50px;
		clear:left;
	}
}

@media (min-width: 481px){
	section#contact h2{
		margin:-10px 0px 50px;
	}
}
@media (max-width: 481px){
	section#contact h2{
		margin:-10px 0px 20px;
	}
}

footer{
	display: block;
	margin:0 auto 30px;
	padding:0px;
	position:relative;
	height:16px;
}
footer .copyright-area{
	line-height:16px;
	display: block;
	float:left;
	font-size:14px;
}
footer .copyright-area b{
	font-weight:normal;
	font-size:150%;
	display: block;
	float:left;
	margin:0px 2px 0px 0;
}
footer .copyright-area i{
	font-style:normal;
	font-size:95%;
	float:left;
	display: block;
	margin:0px 0px 0px 0;
}