@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media only screen and (max-width: 768px) {
}

/***************************************************************************
parallax_01
****************************************************************************/

.main {
	padding-top: 0px;
}

.parallax_01 {
	padding: 20px 0px 20px 0px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	min-height: 300px;
}
.parallax_01 .box .ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.parallax_01 h1 {
    font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	font-size: 60px;
	color: #FFFFFF;
	text-align: center;
}

@media only screen and (max-width: 768px) {
.parallax_01 h1 {
	font-size: 32px;
}
}

.normal_contents {
	padding: 30px 0px 30px 0px;
}
.normal_contents .box {
	max-width: 960px;
    margin: 0px auto 0px auto;	
}
.parallax_img_01 {
	background-image: url(../img/bg_01.jpg);
}
.parallax_img_02 {
	background-image: url(../img/bg_02.jpg);
}
.parallax_img_03 {
	background-image: url(../img/bg_03.jpg);
}
.parallax_img_04 {
	background-image: url(../img/bg_04.jpg);
}
.parallax_img_05 {
	background-image: url(../img/bg_05.jpg);
}
.parallax_img_06 {
	background-image: url(../img/bg_06.jpg);
}

@media only screen and (max-width: 960px){
.parallax_01 {
	background-attachment: scroll;
}
.normal_contents {
	width:auto;
	padding:10px;
}
.normal_contents .box {
	width:auto;	
}
}