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


/*メインビジュアル*/

header.nohero{
	background: #fff;
}

.nohero .container{
	height: 50px;
	padding: 10px 20px;
	box-sizing: border-box;
	background:rgba(255,255,255,0.8);
	margin: 0 auto;
	position: fixed;
	width: 100%;
	z-index: 500;
	
}

.nohero .logo{
	width: 150px;
}

@media print, screen and (min-width: 768px){
	
	
.nohero .container{
	height: 90px;
}
	
.nohero .logo{
	width: 180px;
}	
}




.conA .container{
	height: 300px;
	display: flex;
	justify-content: center;
	align-items:  center;
	padding: 0 1em;
	box-sizing: border-box;
	
}

.conA h2{
	font-size: 20px;
	font-family: "Zen Maru Gothic", sans-serif;
	position: relative;
	top:50px;
}



@media print, screen and (min-width: 768px){
	
.conA .container{
	height: 300px;
}
	
	.conA h2{
		font-size: 30px;
		
	}
	
}



.post{
	padding-top: 60px;
}


.post .container{
	max-width: 1100px;
	margin: 0 auto;
	padding:0px 1em 80px;
	box-sizing: border-box;
	text-align: center;
}

.post h2{
	font-family: "Zen Maru Gothic", sans-serif;
}


@media print, screen and (min-width: 768px){
	
.post .container{
	padding:0px 1em 140px;
}	
	
	.post h2{
		font-size: 36px;
	}	
	
	
}


.form-box{
	height: 1800px;
}