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

/* article > h2 */
article > h2{
	background:url(../images/access/h2.png)no-repeat right center;
	background-size:cover;
}


/* .cont */
.cont{
	padding:10% 0 0;
}
.cont h3{
	font-size:18px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	line-height:1.7;
}
.cont h3 span{
	display:block;
	font-size:10px;
}


/* #cont1 */
#cont1 h3{
	margin-bottom:20px;
}
#cont1 p{
	padding:0 5%;
	margin-bottom:20px;
	font-size:14px;
	letter-spacing:0.05em;
	display:inline-block;
	text-align:left;
}
#cont1 div{
	position:relative;
	height:0;
	padding-top:60%;
}
#cont1 div iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}
#cont1 ul li{
	display:inline-block;
	vertical-align:top;
	width:44%;
	margin:20px 1% 0;
}
#cont1 ul li figure figcaption{
	margin-top:10px;
	font-size:11px;
	text-align:left;
	line-height:1.5;
}


/* #cont2 */
#cont2{
	padding:10% 5% 0;
}
#cont2 h3{
	margin-bottom:20px;
}
#cont2 dl{
	width:auto;
	display:block;
	vertical-align:top;
	margin-right:0px;
	font-size:14px;
	text-align:left;
	line-height:1.6;
}
#cont2 dl dt{
	padding:0;
	float:left;
	font-weight:bold;
}
#cont2 dl dd{
	margin-bottom:15px;
	padding:0 0 10px 70px;
	border-bottom:1px solid;
}
#cont2 img{
	width:410px;
}


/* #cont3 */
#cont3{
	padding-bottom:40px;
}
#cont3 h3{
	margin-bottom:5px;
}
#cont3 p{
	margin-bottom:0px;
	padding:0 5%;
	font-size:14px;
	letter-spacing:0.05em;
	text-align:left;
	display:inline-block;
}
#cont3 ul li{
	display:inline-block;
	width:240px;
	margin:20px 15px 0;
}
#cont3 ul li h4{
	font-size:16px;
	margin-bottom:10px;

}
#cont3 ul li a{
	width:100%;
}
#cont3 ul li a span{
	font-size:10px;
	color:#999;
}






}