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


/*--------------------------------
  Main Layout 
--------------------------------*/
#privacy a{
	color:var(--maincolor)!important;
}
#contact{
	width:100%;
}
#privacy .main{
	width:100%;
	height:14.29vw;
	
	background:url("image/main.webp") no-repeat center top;
	background-size:cover;
	
	display:flex;
	align-items:center;
	justify-content: center;
}

#privacy .main h1{
	display:block;
	width:71.43vw;
	margin:0 auto;
	font-weight: 300;
    font-style: normal;
    font-size:clamp(1.2rem, 0.545rem + 3.27vw, 3rem);
    color:#FFF;
	
	text-align:left;
}

@media screen and (max-width:767px) {
	#privacy{
		width:100%;
	}
	#privacy .main{
		width:100%;
		height:20vh;
	}

	#privacy .main h1{
		width:90%;
		margin: 0 3.62vw;
	}
}


/*--------------------------------
  Contents Layout 
--------------------------------*/
.contents_block h2{
	width:71.43vw;
	display:block;
	margin:40px auto 0;
	
	font-size:clamp(1.2rem, 0.691rem + 2.55vw, 2.6rem);
	font-weight:400;
}
.contents_block .copy_box{
	width:71.43vw;
	margin:30px auto;
	font-size:clamp(0.9rem, 0.693rem + 1.04vw, 1.6rem);
	font-weight:300;
	text-align:left;
}
.contents_block .copy_box h3{
	display:block;
	margin:50px 0 15px;
	
	font-size:clamp(1rem, 0.564rem + 2.18vw, 2.2rem);
	font-weight:400;
}
@media screen and (max-width:767px) {
	.contents_block{
		width:90%;
		mrgin:30px auto;
	}
	.contents_block h2{
		width:100%;
		display:block;
		margin:40px auto 0;

		font-size:clamp(1.2rem, 0.691rem + 2.55vw, 2.6rem);
		font-weight:400;
	}
	.contents_block .copy_box{
		width:100%;
		margin:20px auto;
	}
	
}