@charset "utf-8";
@media screen and (max-width : 768px){
/*------------------------------------------------------------------------------------------
*
*
        max-width : 768px
*
*
------------------------------------------------------------------------------------------ */
br{ display: none !important;}
br.sp{ display: block!important;}

#container {
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
}

/* --------------------------------------
    #intro
---------------------------------------- */
.main_only_sp {
	display: block !important;
}
.main_only_pc {
	display: none !important;
}
#intro {
	text-align: center;
}

#intro .main_image {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#intro .main_image .photo {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 63%;
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
}
#intro .main_image .photo p {
	position: absolute;
	top: 0;
	left: -12%;
	padding: 0;
}

#intro .main_image .photo p img {
	width: 108%;
	height: auto;
}

#intro h2 {
	width: calc(608 / 750 * 100vw);
	margin: 0 auto 20px;
}

#intro h2 img {
	width: 100%;
	height: auto;
}

#intro .copy {
	margin-bottom: 55px;
	font-size: 10px;
	line-height: 30px;
	letter-spacing: 0.2em;
}

/* --------------------------------------
    article
---------------------------------------- */

.section {
	margin-bottom: 80px;
}
.section div{
	width: 100%;
}

.section .main_photo {
	margin-bottom: 30px;
}

.section .photo{
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	position: relative;
}
.section .photo:before {
    content: "";
    display: block;
    padding-top: 150%;
}

.section .photo p{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.section .photo img{
	width: 100%;
	height: auto;
}

.section .caution {
	margin: 0 calc(72 / 750 * 100vw);
	font-size: 12px;
	line-height: 25px;
}

.section .thumbs {
	padding: 0 0 0 calc(71 / 750 * 100vw);
	box-sizing: border-box;
}

	.section .thumbs ul {
		letter-spacing: -0.4em;
	}

	.section .thumbs li {
		width: calc(280 / 750 * 100vw);
		margin-bottom: calc(48 / 750 * 100vw);
		letter-spacing: normal;
		display: inline-block;
	}

	.section .thumbs li:nth-child(odd) {
		margin-right: calc(48 / 750 * 100vw);
	}

	.section .thumbs .img {
		margin-bottom: 10px;
	}

	.section .thumbs img {
		width: 100%;
		height: auto;
	}

	.section .thumbs .name {
		font-size: 10px;
		line-height: 20px;
		white-space: nowrap;
	}

	#movie video {
		width: 100%;
		height: auto;
	}

/* --------------------------------------
    #credit
---------------------------------------- */
#credit{
	text-align: center;
}
#credit ul li{
	margin-bottom: 40px;
}
#credit p{
	padding-top: 60px;
	margin-bottom:120px;
}

}