@charset "utf-8";

#index {
	min-height: 100vh;
}

h1{
	text-align: center;
	padding: 1em 0;
	font-size: 1em;
	color: white;
}

/* ------------------------------------------------------------ fv */

#index .slick-slide img{
	width: 100%;
	object-fit: cover;
	height: auto;
	aspect-ratio: 2.065 / 1;
}


/* ------------------------------------------------------------ info */

#index .info{
	padding: 2em 0;
}
#index .info .article{
	line-height: 1.6em;
	margin: 1em auto;
}
#index .info .article span{
	font-weight: bold;
	padding-right: 1em;
}

#index .info .more{
	margin: 2em auto;
}


/* ------------------------------------------------------------ palarax */

/* #index .palarax{
	width: 100%;
	height: 400px;

}
 */
#index .palarax{
	width: 100%;
	height: 400px;

}


#index .pararax.para_bg{
	background: url(../images/section_bg_SP.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 400px;
}


#index .parallax-window {
    min-height: 400px;
    background: transparent;
}


/* ------------------------------------------------------------ message */
#index .message {

	background-color: #7DA8CA;
	padding: 2em 0;
}

#index .message h2{
	color: #FFF;
}

#index .message p{
	line-height: 1.6em;
	color: #FFF;
}


/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 640px) {



/* ------------------------------------------------------------ info */
	#index h2{
		text-align: center;
	}
	#index .info .article{
		font-size: 14px;
	}












}