@charset"UTF-8";

::before,
::after{
	padding:0;
	margin:0;
	box-sizing:border-box;
	}
ul,ol{
	list-style:none;
	}
a{
	color:inherit;
	text-decoration:none;
	}
body{
	margin:0;
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size:16px;
	color:#404040;
	line-height:1;
	background-image:url("index-image/backgrounf-image.jpg");
	background-position: top;
	background-attachment: fixed;
	background-size:cover;
	overflow-y: scroll;
	}
.wrap{
	overflow:hidden;
	}
	
.header{
		position:fixed;
		top:0;
		left:0;
		right:0;
		height:70px;
		z-index:10;
		box-shadow:0 5px 10px rgba(0,0,0,0.05);
	}
	.header-inner{
		padding-top:20px;
		padding-left:40px;
		padding-right:40px;
		display:flex;
	}
.header-logo{
		display:block;
	}
	
	.header-logo img{
		width: 90px;
	}
	
	.header-site-menu{
		position:absolute;
		top:100%;
		left:0;
		right:0;
		color:#404040;
		background-color:#ffffff;
		opacity:0.8;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 2;
		font-weight:bold;
		display:none;
	}
	.toggle-menu-button{
		display:block;
		position:fixed;
		right:50px;
		width:30px;
		height:30px;
		top:20px;
		background-image:url("index-image/hamburger.png");
		background-size:90%;
		background-position:center;
		background-repeat:no-repeat;
		background-color:transparent;
		border:none;
		border-radious:0;
		outline:none;
		}
.header-site-menu.is-show{
		display:block;
	}
	
	.first-view{
		height:40vh;
		padding-top:200px;
		padding-left:20px;
		margin:0;
		font-size:10px;
		font-weight:normal;
		line-height:2.5;
		background-image:url("index-image/white-cicle.png");
		background-repeat:no-repeat;
		background-size:contain;
		background-position:-80px bottom;
		
	}
	.hu{
		color:#0DA6F0;
	}
	.mi{
		color:#FF7373;
	}
	.tech-first{
		padding-top: 20px;
		padding-left: 40px;
		padding-right:40px;
		line-height:4;
		font-size:16px;
		text-align: center;
		background-image:url("index-image/background-circle.png");
		background-size:cover;
		background-position: center center;
		background-repeat: no-repeat;
		
	}
	.tech-second{
	padding-top:50px;
	padding-left:40px;
	padding-right: 40px;
	text-align:left;
	line-height:3;
	}
	.photo2{
    padding-top:10px;
	height:250px;
	}
	.photo3{
	height:200px;
	padding-left: 150px;
	}
.tech-third{
	padding-top: 20px;
	padding-left: 40px;
	padding-right:40px;
	text-align: left;
	line-height:3;
}
.service-button img{
	width:300px;
	padding-top: 40px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}
.footer{
	padding-top: 100px;
}
.footer-logo img{
	width:230px;
	padding-left: 70px; 
	padding-right: 70px;
	}
.copyright{
	text-align: center;
	padding-bottom: 10px;
}