@charset "UTF-8";
body{
	margin: 0;
	background: #f7f7f7;
	font-family: serif;
	letter-spacing: .5px;
}
a{
	text-decoration: none;
}
a:hover{
	opacity: 0.7;
	transition : all 0.7s ease 0s;
}
.link-none {
	pointer-events: none;
}
.container{
	padding: 0 9vw;
}
@media screen and (max-width: 480px) {
.container{
	padding: 0 5vw;
}
}
.main{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	gap: 5%;
}
.left{
	flex: 1;
}
.right{
	flex: 1;
}
.left img{
	width: 80%;
	margin-bottom: 15px;
}
.left p{
	font-size: 13px;
	color: #777;
	margin: 7px 0;
}

/*menu*/
.menu{
	margin-top: 50px;
}
.menu a{
	color: #333;
	letter-spacing: 1.7px;
}
span.c{
	color: #999;
}
@media screen and (min-width: 768px) {
.menu{
	display: flex;
}
.menu_item{
	margin-right: 20px;
}
}

/*table*/
table{
	font-size: 13px;
	color: #777;
}
table tr td{
	padding: 7px;
}
table tr td:nth-of-type(1){
	width: 25%;
}
table tr td:nth-of-type(2){
	width: 75%;
}

/*list*/
ol.service li{
	color: #777;
	font-size: 14px;
	padding: 10px 0;
}
ol.service li span{
	font-size: 12px;
}

/*contact*/
.contact{
	color: #777;
	font-size: 14px;
	margin-bottom: 30px;
}

/*PC*/
@media screen and (min-width: 481px) {
	.sp{
		display: none;
	}
}
/*SP*/
@media screen and (max-width: 480px) {
	.right{
		display: none;
	}
	.menu_item{
		margin-bottom: 10px;
	}
	.sp{
		
	}
	.container{
		margin-bottom: 30px;
	}
	.footer{
		margin: 50px;
	}
	.copyright{
		font-size: 13px;
		text-align: center;
		color: #777;
	}
}