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

body{margin:0;padding:0;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size:14px;
line-height:170%;
color:#555;

background-image:url(biz/image/top-image-2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #464646;
	position:relative;
	width: 100%;
    height: 100vh;
}


img{width:100%;}

header {position:fixed;top:0px;left:0px;}

header #logo{float:left;width:150px;padding:18px 30px;}
h1{font-weight: normal;}
p{font-size:17px;margin-top:0px;}


#leadbox br{display: none;}
#leadbox{width:100%;text-align:center;
font-size:21px;
position:absolute;
top: 48%;
left: 50%;
transform: translate(-50%, -50%);
color:#fff;}


#link_box{
	
width:100%;text-align:center;
position:absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
color:#fff;
	
}


#link_box a{
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #fff;
    border: solid 2px #fff;
    border-radius: 0px;
    transition: .4s;
	width:230px;
	height:30px;
	font-size:20px;
	text-align:center;
	padding-top:15px;
	margin:10px;
}

#link_box a:hover {
    background-color: rgba(255,255,255,0.5);
    color: white;
}


	#leadbox h1{line-height:60px;}
	
#link_box img{width:8px;}


@media screen and (max-width: 1000px) {
	
	#leadbox h1{line-height:50px;}
	

	#leadbox br{display: block;}
	
	#leadbox{font-size:17px;}
	p{margin-top:20px;}
	
}

@media screen and (max-width: 750px) {
	
	body{
background-image:url(biz/image/top-image-sp.jpeg);}
	
	#leadbox{font-size:16px;}
	p{margin-top:20px;font-size:13px;}
	
}



@media screen and (max-width: 500px) {

	#leadbox h1{font-size:20px;line-height:28px;}
	
	
	p{margin-top:20px;font-size:12px;}
	
	header #logo{padding:15px 15px;}
	
	
}



@media screen and (max-width: 400px) {

	#leadbox h1{font-size:18px;line-height:28px;}
	
	
	p{margin-top:10px;font-size:11px;}
	
	header #logo{padding:15px 15px;width:100px;}
	
	#link_box{
	
width:100%;text-align:center;
position:absolute;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
color:#fff;
	
}

	#link_box a{font-size:18px;height:26px;padding-top:9px;width:215px;}