@charset "utf-8";
@media screen and (max-width:768px){

/* #mv */
#mv{
	position:relative;
}
#mv p{
	font-size:4.5vw;
	bottom:5%;
}


/* .cont */
.cont{
	padding:0 3% 10%;
}
.cont h2{
	margin-bottom:3%;
	font-size:5vw;
}
.cont h2 span{
	font-size:3.4vw;
}



/* .wrap1 */
.wrap1{
	width:auto;
	margin:10% auto 0;
	display: block;
}


/* #cont1 */
#cont1{
	width:100%;
}
#cont1 > div p{
	font-size:4.5vw;
}
#cont1 > div div{
	bottom:3%;
	right:3%;
}
#cont1 > div div span{
	font-size:2.4vw;
}


/* #cont2 */
#cont2{
	width:auto;
}
#cont2 .more{
	width:110px;
	line-height:24px;
	right:5%;
}
#cont2 .more:after{
	right:10px;
}
#cont2 dl div{
	padding:1em 0 1em;
}

/* #cont3 */
#cont3{
	position:relative;
}
#cont3 h2{
	width:auto;
}
#cont3 ul{
	width:100%;
}
#cont3 ul li{
	width:32%;
}
#cont3 ul li a{
	width:100%;
}
#cont3 ul li a figure figcaption{
	margin-top:0.3em;
}
#cont3 ul + div{
	width:auto;
	margin-top:3%;
	position:static;
	top:auto;
	left:auto;
	transform:none;
	text-align:right;
}


/* .wrap2 */
.wrap2{
	margin:0 auto 17%;
	display: block;
}
.wrap2 li{
	width:100%;
	position:relative;
	margin-bottom:5%;
}
.wrap2 li:last-child{
	width:100%;
	margin:0;
}
.wrap2 li section{
	width:100%;
	text-align:center;
	padding-bottom:0;
}
.wrap2 li:last-child img{
	width:100%;
}
.wrap2 li:last-child section{
	width:100%;
	text-align:center;
}
.wrap2 li section h2{
	line-height:1.3;
}
.wrap2 li section h2 span{
	display:block;
	margin:0;
}
.wrap2 li section p{
	margin-bottom:3%;
}
.wrap2 li:last-child section p{
	display:inline-block;
	text-align:left;
	line-height:1.5;
}



}


@media screen and (max-width:480px){
#cont3 ul{
	width:100%;
	display:block;
	letter-spacing:-0.4em;
}
#cont3 ul li{
	/* width:48%; */
	width:80%;
	margin:0 1% 2%;
	display:inline-block;
	letter-spacing:normal;
}
#cont3 ul + div{
	margin-top:0;
}
}