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


.commonSection .catchCopy {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.4rem;
text-align: center;
line-height: 2.0em;
position: relative;
z-index: 10;
}


.commonSection .catch {
position: relative;
padding: 2em 0;
margin-bottom: 2em;
}


.commonSection .topDecoration {
position: absolute;
top: 0;
right: 0;
z-index: 5;
}

.commonSection .topDecoration img {
width: 100px;
}

.commonSection .bottomDecoration {
position: absolute;
bottom: 0;
left: 0;
z-index: 5
}

.commonSection .bottomDecoration img {
width: 130px;
}


.commonSection .photoRight {
text-align: center;
margin-bottom: 1em;
}

.commonSection .photoRight img {
max-width: 100%;
}


/* for PC */
@media screen and (min-width: 1201px) {

	.commonSection .catchCopy {
	font-size: 4.0rem;
	letter-spacing: 0.1em;
	padding-left: 0.1em;
	line-height: 2.2em;
	}

	.commonSection .catch {
	padding: 4em 0;
	}

	.commonSection .topDecoration {
	right: 50px;
	}

	.commonSection .topDecoration img {
	width: 320px;
	}

	.commonSection .bottomDecoration {
	bottom: 0;
	left: 50px;
	}

	.commonSection .bottomDecoration img {
	width: 320px;
	}

	.commonSection .photoRight {
	margin-bottom: 0;
	float: right;
	margin-left: 2em
	}

	.commonSection .photoRight img {
	max-width: auto;
	width: 320px;
	}

}


/* ============================
	gallerySlider
 ============================ */


.gallerySlider.slider {
margin: 0 auto;
}

.gallerySlider.slider img {
width: 100%;
}

.gallerySlider.slider .slick-slide {
margin: 0px;
transition: all ease-in-out .3s;
}

.gallerySlider .basicSlider.slider .slick-slide {
margin: 0px;
transition: all ease-in-out .3s;
border: none;
}

.gallerySlider.slider .slick-slide img {

}

/* for PC */
@media screen and (min-width: 1201px) {

	.gallerySlider.slider {
	max-width: 760px;
	margin: 0 auto;
	}
	
	.gallerySlider.slider {
	}
	
	.gallerySlider.slider .slick-slide {
	margin: 0px 10px;
	}

}


/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}