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

body{
	
	width: 100%;
	margin: 0 auto;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	letter-spacing: 0.15em;
	overflow-x:hidden;
}

textarea{
	
	resize:none; 
}

.body{
	width:100%;
	margin:0 auto;
	overflow-x:hidden;
}

.container{
	max-width:1280px;
	margin:0 auto;
}

/*ヘッダー*/

.header{
	
	width: 100%;
	padding: 20px 0;
	box-shadow: 0px 0px 14px -6px #777777;
	position: sticky;
	top:0;
	background:rgba(255,255,255,0.73);
}



/*共通部分*/

.top-title{
	display:block;
	width:50%;
	font-size: 30px;
	line-height:2rem;
	text-align: center;
	margin: 40px auto;
	margin-bottom: 40px;
	padding-bottom:20pt;
	border-bottom:solid 1px #000;
}

.sctl-title{
	display:block;
	width:90%;
	font-size: 30px;
	line-height:2rem;
	text-align: center;
	margin: 40px auto;
	margin-bottom: 40px;
	padding-bottom:20pt;
	border-bottom:solid 1px #000;
}

.d-inline{
	
	display: inline-block;
	
}

.mini-txt{
	
	font-size: 12px;
	font-weight: 100;
/*	text-align: justify;*/
	color: #898989;
	margin-bottom: 20px;
}

.ta-center{
	
	text-align: center;
}

.scroll-txt{
	
	width: 100%;
	padding: 20px 8px;
	height: 200px;
	margin: 5px 0;
	border-radius: 5px;
	border: solid 1px #000;
	box-sizing: border-box;
	overflow-y: scroll;
	
}

.text-block{
	
	white-space: pre-wrap;
	line-height: 1.5em;
	
}

.mg-20{
	
	margin: 20px 0;
}



.bg-EF{
	
	background-color: #EFEFEF;
}

.mg-40{
	
	margin: 40px 0;
}

.mt-10{
	
	margin-top: 10px!important;
}


.top-img{
	display:block;
	width: 100%;
	margin: 0 auto 20px auto;
}

.copy{
	color:#fff;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}

.sctl-link{
	
	color: #fff;
	display: block;
	margin: 10px auto;
	text-align: center;
}

.footer{
	background:#7ec9c1;
	padding:30pt 0;
}

@media(min-width:822px){
	
	.header-logo{
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	
	.header-logo_sp{
		display:none;
	}
	
	.footer-logo{
		display:block;
		width:50%;
		margin:0 auto;
		margin-bottom:30pt;
	}
	
	.footer-logo_sp{
		display:none;
	}
	
}

@media(max-width:821px){
	
	.header-logo{
		display:none;
	}
	
	.header-logo_sp{
		display:block;
		width:80%;
		margin:0 auto;
	}
	
	.footer-logo{
		display:none;
	}
	
	.footer-logo_sp{
		display:block;
		width:70%;
		margin:0 auto;
		margin-bottom:30pt;
	}
	
	/*共通部分*/
	.top-title{
	
	font-size: 20px;
	text-align: center;
	margin-bottom: 60px;
}
	
		.sctl-title{
	
	font-size: 20px;
	text-align: center;
	margin-bottom: 60px;
}


}