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

body{
	width:100%;
	overflow-x:hidden;
/*	background:#003238;*/
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.eng{
	font-family:"IvyMode SemiBold";
}

.white{
	color:#003952;
}

.body{
	width:100%;
	margin:0 auto;
/*	background:#003238;*/
}

.sec{
	width:100%;
	margin:50pt auto;
	overflow-x:hidden;
}

.sec-title{
	text-align:center;
	line-height:.6;
	font-size:30pt;
	padding:30pt 0 20pt 0;
}

.sec-subtitle{
	font-size:13pt;
	letter-spacing:.4rem;
	line-height:4rem;
	width: 30%;
	padding: 80px 0px;
}

.title-line{
	display:block;
	width:2%;
	margin:0 auto;
	padding-bottom:30pt;
}

.header{
	width:100%;
	margin:0 auto;
	text-align:left;
}

.mv{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-bottom:30pt;
}

.mv-logo{
	display:block;
	width:30%;
	padding:40pt 0;
	margin:0 auto;
}

.mv-img{
	
	width: 100vw;
	display: block;
}

.mv-subtitle{
	display:block;
	margin:0 auto;
	padding-bottom:30pt;
}

.conatiner{
	max-width:1280px;
	overflow-x:hidden;
	margin:0 auto;
}

.business{
	width:100%;
}

.business-content{
	font-size:16pt;
	letter-spacing:.15rem;
}

.business, .company{
	text-align:center;
}

.company-table{
	display:block;
	width:60%;
	margin:20pt auto;
}

tbody{
	display:block;
	width:100%;
}

.company-tr{
	display:flex;
	justify-content:space-between;
	width:100%;
	border-top:0.5pt solid #fff;
	border-bottom:0.5pt solid #fff;
}

.company-content{
	font-size:14pt;
	letter-spacing:.15rem;
	padding:14pt 0;
}

.sctl-content{
	font-size:14pt;
	letter-spacing:.15rem;
	line-height:2.2rem;
	padding:14pt 0;
}

th{
	display:block;
	width:40%;
}

td{
	display:block;
	width:55%;
}

.footer{
	width:100%;
	margin:0 auto;
	background:#000;
	text-align:center;
}

.sctl-link{
	text-decoration:none;
	display:block;
}

.copyright{
	font-size:12pt;
	letter-spacing:.4rem;
	padding:20pt 0;
	color: #fff;
}

.footer-logo{
	display:block;
	width:40%;
	margin:0 auto;
	padding:30pt 0;
}


@media(min-width:822px){
	
	.sp-nl{
		display:none;
	}
	
	.sctl-title{
		margin-bottom:40pt;
	}
	
	.mv{
/*
		background-image:url("../img/mv-bg_pc.png?ver=1/");
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
*/
	}
	
	.komoji{
		font-size:30pt;
	}
	
	.header-logo{
		width:30%;
		margin:0 auto;
		padding:14pt 0 14pt 20pt;
	}
	
	.sctl-link{
		margin:14pt auto;
	}
	
}

@media(max-width:821px){
	
	.sp-nl{
		display:block;
	}
	
	.sec{
		width:90%;
		margin:20pt auto;
	}
	
	.sec-title{
		font-size:22pt;
	}
	
	.sec-subtitle{
		font-size:10pt;
		line-height:.6rem;
		padding: 10px 0;
	}
	
	.sctl-title{
		line-height:2rem;
	}
	
	.title-line{
		width:6%;
		padding-bottom:20pt;
	}
	
	.mv{
/*
		background-image:url("../img/mv-bg_sp.png?ver=1/");
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
		padding-bottom:60pt;
*/
	}
	
	.container{
		
		color: #003952;
	}
	
	.mv-logo{
		width:60%;
	}
	
	.header{
/*		padding-bottom:50pt;*/
	}
	
	.header-logo{
		width:50%;
		margin:0 auto;
		padding:14pt 0 14pt 20pt;
	}
	
	.business-content{
		font-size:12pt;
		line-height:2rem;
/*		padding: 50px 0;*/
	}
	
	.company-table{
		width:90%;
	}
	
	th{
		width:40%;
	}
	
	td{
		width:55%;
		display:block;
		margin-left:auto;
	}
	
	.company-content{
		font-size:12pt;
		line-height:2rem;
	}
	
	.sctl-content{
		font-size:10pt;
		line-height:1rem;
	}
	
	.footer-logo{
		width:50%;
	}
	
	.copyright{
		font-size:10pt;
		padding-top:20pt;
		letter-spacing:.2rem;
		color: #fff;
	}
	
}